import { jsxs as a, jsx as n } from "react/jsx-runtime";
import l from "../../../icon/components/icon-extend/IconExtend.js";
import { buttonSizes as d } from "../../../button/types/ButtonSize.js";
import { buttonShapes as f } from "../../../button/types/ButtonShape.js";
import { buttonVariants as b } from "../../../button/types/ButtonVariant.js";
import { c as u } from "../../../../index-BtlgVD4m.js";
const x = ({ children: o, className: t, disabled: s, isLoading: r, ...i }) => {
  const e = {
    base: "relative w-full min-w-0 flex items-center justify-between text-[length:var(--typography-base-sizes-small-font-size)] font-[var(--font-weight-normal)] leading-[var(--typography-base-sizes-small-line-height)] transition-colors [&_svg]:shrink-0",
    rounded: "rounded-[var(--border-radius-default)]",
    states: {
      default: "hover:cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--base-ring)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--base-ring-offset)]",
      disabled: "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent",
      loading: "disabled:opacity-50 disabled:cursor-progress"
    }
  };
  return /* @__PURE__ */ a(
    "button",
    {
      className: u(
        e.base,
        e.rounded,
        e.states.default,
        b.outline,
        f.default,
        d.default.base,
        s && e.states.disabled,
        r && e.states.loading,
        "hover:bg-transparent",
        t
      ),
      disabled: s,
      ...i,
      children: [
        o,
        /* @__PURE__ */ n(l, { icon: "ChevronsUpDown", size: 16 })
      ]
    }
  );
};
export {
  x as default
};
//# sourceMappingURL=ComboBoxTrigger.js.map
