import { P as d, x as b, n as i } from "./plus-base-1920dd44.mjs";
import { e as u } from "./custom-element-eaccb8d2.mjs";
import { s as v } from "./index-975d3293.mjs";
const g = v({
  slots: {
    base: [
      "font-sans inline-flex items-center justify-center text-center whitespace-nowrap z-auto rounded-fullborder border-solid rounded-full bg-color-default text-color-default hover:bg-color-default-hover active:bg-color-default-pressed"
    ]
  },
  variants: {
    size: {
      sm: {
        base: "text-xs px-1.5 py-0.5 gap-1"
      },
      md: {
        base: "text-sm px-2 py-1 gap-2"
      },
      lg: {
        base: "text-base px-3 py-2 gap-2"
      }
    },
    kind: {
      filled: {
        base: "border-transparent"
      },
      outlined: {
        base: "bg-color-base"
      }
    },
    invert: {
      true: "bg-color-invert-default text-color-base hover:bg-color-invert-default-hover active:bg-color-invert-default-pressed",
      false: ""
    },
    status: {
      success: {
        base: "bg-color-success text-color-base hover:bg-color-success-hover active:bg-color-success-pressed"
      },
      warning: {
        base: "bg-color-warning text-color-base hover:bg-color-warning-hover active:bg-color-warning-pressed"
      },
      error: {
        base: "bg-color-error text-color-base hover:bg-color-error-hover active:bg-color-error-pressed"
      },
      info: {
        base: "bg-color-info text-color-base hover:bg-color-info-hover active:bg-color-info-pressed"
      },
      default: {
        base: ""
      }
    },
    disabled: {
      true: {
        base: "bg-color-disabled text-color-disabled cursor-not-allowed"
      }
    }
  },
  compoundVariants: [
    {
      invert: !0,
      status: "success",
      class: {
        base: ["bg-color-invert-success text-color-default hover:bg-color-invert-success-hover active:bg-color-invert-success-pressed"]
      }
    },
    {
      invert: !0,
      status: "info",
      class: {
        base: ["bg-color-invert-info text-color-default hover:bg-color-invert-info-hover active:bg-color-invert-info-pressed"]
      }
    },
    {
      invert: !0,
      status: "warning",
      class: {
        base: ["bg-color-invert-warning text-color-default hover:bg-color-invert-warning-hover active:bg-color-invert-warning-pressed"]
      }
    },
    {
      invert: !0,
      status: "error",
      class: {
        base: ["bg-color-invert-error text-color-default hover:bg-color-invert-error-hover active:bg-color-invert-error-pressed"]
      }
    },
    {
      kind: "outlined",
      class: {
        base: ["border border-solid bg-transparent"]
      }
    },
    {
      kind: "outlined",
      class: {
        base: ["border border-solid bg-transparent hover:bg-color-base-hover active:bg-color-base-pressed"]
      }
    },
    {
      kind: "outlined",
      status: "info",
      class: {
        base: ["text-color-primary border-color-primary"]
      }
    },
    {
      kind: "outlined",
      status: "success",
      class: {
        base: ["text-color-success border-color-success"]
      }
    },
    {
      kind: "outlined",
      status: "warning",
      class: {
        base: ["text-color-warning border-color-warning"]
      }
    },
    {
      kind: "outlined",
      status: "error",
      class: {
        base: ["text-color-error border-color-error"]
      }
    },
    {
      kind: "outlined",
      status: "default",
      class: {
        base: ["text-color-default border-color-default"]
      }
    },
    {
      disabled: !0,
      kind: "filled",
      class: {
        base: ["bg-color-disabled text-color-disabled cursor-not-allowed active:bg-color-disabled hover:bg-color-disabled"]
      }
    },
    {
      disabled: !0,
      kind: "outlined",
      class: {
        base: ["border-color-disabled text-color-disabled cursor-not-allowed hover:bg-color-base active:bg-color-base "]
      }
    }
  ],
  defaultVariants: {
    size: "md",
    status: "default",
    kind: "filled",
    disabled: !1,
    invert: !1
  }
});
var p = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (o, s, a, t) => {
  for (var e = t > 1 ? void 0 : t ? f(s, a) : s, c = o.length - 1, n; c >= 0; c--)
    (n = o[c]) && (e = (t ? n(s, a, e) : n(e)) || e);
  return t && e && p(s, a, e), e;
};
let r = class extends d {
  constructor() {
    super(...arguments), this.size = "md", this.kind = "filled", this.status = "default", this.invert = !1;
  }
  render() {
    const { size: o, disabled: s, status: a, kind: t, invert: e } = this, { base: c } = g({ size: o, kind: t, status: a, disabled: s, invert: e });
    return b`
      <div class=${c()}>
        <slot></slot>
      </div>
    `;
  }
};
l([
  i({ type: String })
], r.prototype, "size", 2);
l([
  i({ type: String })
], r.prototype, "kind", 2);
l([
  i({ type: String })
], r.prototype, "status", 2);
l([
  i({ type: Boolean, converter: (o) => o != "false" })
], r.prototype, "invert", 2);
l([
  i({ type: String })
], r.prototype, "color", 2);
r = l([
  u("plus-chip")
], r);
export {
  r as ChipComponent
};
