@caspeco/casper-ui-library 8.4.0 → 9.0.0-alpha.0

package/dist/components/checkbox/checkbox.js

@@ -1,48 +1,56 @@
-import { jsx as c } from "react/jsx-runtime";
-import { Checkbox as h } from "@chakra-ui/react";
-import n from "react";
-import { CheckboxIcon as k } from "./checkbox-icon.js";
-import { ThemeSpaceVariable as C } from "../../theme/theme-types.js";
-const _ = n.forwardRef(
-  ({
-    children: t,
-    size: r = "md",
-    variant: e = "normal",
-    display: f = "flex",
-    alignItems: a = "center",
-    justifyContent: l = "flex-start",
-    gap: x = C.Small,
-    isChecked: m,
-    isIndeterminate: o,
-    ...p
-  }, b) => /* @__PURE__ */ c(
-    h,
+import { jsx as e, jsxs as b, Fragment as I } from "react/jsx-runtime";
+import { Checkbox as i } from "@chakra-ui/react";
+import { forwardRef as g } from "react";
+import { CheckboxIcon as v } from "./checkbox-icon.js";
+import { ThemeSpaceVariable as j } from "../../theme/theme-types.js";
+const z = g((c, m) => {
+  const {
+    children: r,
+    size: t = "md",
+    variant: o = "normal",
+    display: l = "flex",
+    alignItems: s = "center",
+    justifyContent: h = "flex-start",
+    gap: C = j.Small,
+    isChecked: a,
+    isIndeterminate: n,
+    isDisabled: f,
+    isInvalid: k,
+    onCheckedChange: p,
+    ...x
+  } = c;
+  return /* @__PURE__ */ e(
+    i.Root,
     {
-      size: r,
-      variant: e,
+      size: t,
+      variant: o,
       colorScheme: "none",
-      display: f,
-      alignItems: a,
-      isChecked: m,
-      gap: x,
-      justifyContent: l,
-      isIndeterminate: o,
-      "data-indeterminate": o,
-      icon: /* @__PURE__ */ c(
-        k,
-        {
-          variant: e,
-          size: r,
-          isChecked: m,
-          isIndeterminate: o
-        }
-      ),
-      ref: b,
-      ...p,
-      children: t
+      display: l,
+      alignItems: s,
+      disabled: f,
+      invalid: k,
+      checked: !a && n ? "indeterminate" : a,
+      gap: C,
+      justifyContent: h,
+      onCheckedChange: p,
+      "data-indeterminate": n,
+      ...x,
+      children: /* @__PURE__ */ e(i.Context, { children: (d) => /* @__PURE__ */ b(I, { children: [
+        /* @__PURE__ */ e(i.HiddenInput, { "aria-checked": n ? "mixed" : void 0, ref: m }),
+        /* @__PURE__ */ e(i.Control, { children: /* @__PURE__ */ e(
+          v,
+          {
+            variant: o,
+            size: t,
+            isChecked: d.checked,
+            isIndeterminate: d.indeterminate
+          }
+        ) }),
+        r && /* @__PURE__ */ e(i.Label, { children: r })
+      ] }) })
     }
-  )
-);
+  );
+});
 export {
-  _ as Checkbox
+  z as Checkbox
 };

package/dist/components/checkbox/icons/check.d.ts

@@ -1,3 +1,2 @@
-import { ComponentWithAs, IconProps } from '@chakra-ui/react';
-export declare const Check: ComponentWithAs<"svg", IconProps>;
+export declare const Check: import('../../icon/index.js').CasperIconComponent;
 //# sourceMappingURL=check.d.ts.map

package/dist/components/checkbox/icons/check.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"check.d.ts","sourceRoot":"","sources":["../../../../lib/components/checkbox/icons/check.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAc,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEpF,eAAO,MAAM,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,SAAS,CAIlD,CAAC"}
+{"version":3,"file":"check.d.ts","sourceRoot":"","sources":["../../../../lib/components/checkbox/icons/check.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,iDAKjB,CAAC"}

package/dist/components/checkbox/icons/check.js

@@ -1,9 +1,10 @@
-import { createIcon as e } from "@chakra-ui/react";
-const o = e({
-  displayName: "Check",
-  viewBox: "0 0 16 12",
-  d: "M14.6875 1.3125C15.0938 1.6875 15.0938 2.34375 14.6875 2.71875L6.6875 10.7188C6.3125 11.125 5.65625 11.125 5.28125 10.7188L1.28125 6.71875C0.875 6.34375 0.875 5.6875 1.28125 5.3125C1.65625 4.90625 2.3125 4.90625 2.6875 5.3125L6 8.59375L13.2812 1.3125C13.6562 0.90625 14.3125 0.90625 14.6875 1.3125Z"
-});
+import { createCasperIcon as C } from "../../icon/create-icon.js";
+const c = C(
+  "Check",
+  "M14.6875 1.3125C15.0938 1.6875 15.0938 2.34375 14.6875 2.71875L6.6875 10.7188C6.3125 11.125 5.65625 11.125 5.28125 10.7188L1.28125 6.71875C0.875 6.34375 0.875 5.6875 1.28125 5.3125C1.65625 4.90625 2.3125 4.90625 2.6875 5.3125L6 8.59375L13.2812 1.3125C13.6562 0.90625 14.3125 0.90625 14.6875 1.3125Z",
+  {},
+  "0 0 16 12"
+);
 export {
-  o as Check
+  c as Check
 };

package/dist/components/checkbox/icons/minus.d.ts

@@ -1,3 +1,2 @@
-import { ComponentWithAs, IconProps } from '@chakra-ui/react';
-export declare const Minus: ComponentWithAs<"svg", IconProps>;
+export declare const Minus: import('../../icon/index.js').CasperIconComponent;
 //# sourceMappingURL=minus.d.ts.map

package/dist/components/checkbox/icons/minus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"minus.d.ts","sourceRoot":"","sources":["../../../../lib/components/checkbox/icons/minus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAc,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEpF,eAAO,MAAM,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,SAAS,CAIlD,CAAC"}
+{"version":3,"file":"minus.d.ts","sourceRoot":"","sources":["../../../../lib/components/checkbox/icons/minus.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,iDAKjB,CAAC"}

package/dist/components/checkbox/icons/minus.js

@@ -1,9 +1,10 @@
-import { createIcon as o } from "@chakra-ui/react";
-const i = o({
-  displayName: "Minus",
-  viewBox: "0 0 10 2",
-  d: "M0.625 1.75C0.625 1.28516 1.00781 0.875 1.5 0.875H8.5C8.96484 0.875 9.375 1.28516 9.375 1.75C9.375 2.24219 8.96484 2.625 8.5 2.625H1.5C1.00781 2.625 0.625 2.24219 0.625 1.75Z"
-});
+import { createCasperIcon as o } from "../../icon/create-icon.js";
+const C = o(
+  "Minus",
+  "M0.625 1.75C0.625 1.28516 1.00781 0.875 1.5 0.875H8.5C8.96484 0.875 9.375 1.28516 9.375 1.75C9.375 2.24219 8.96484 2.625 8.5 2.625H1.5C1.00781 2.625 0.625 2.24219 0.625 1.75Z",
+  {},
+  "0 0 10 2"
+);
 export {
-  i as Minus
+  C as Minus
 };

package/dist/components/checkbox/icons/plus.d.ts

@@ -1,3 +1,2 @@
-import { ComponentWithAs, IconProps } from '@chakra-ui/react';
-export declare const Plus: ComponentWithAs<"svg", IconProps>;
+export declare const Plus: import('../../icon/index.js').CasperIconComponent;
 //# sourceMappingURL=plus.d.ts.map

package/dist/components/checkbox/icons/plus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plus.d.ts","sourceRoot":"","sources":["../../../../lib/components/checkbox/icons/plus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAc,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEpF,eAAO,MAAM,IAAI,EAAE,eAAe,CAAC,KAAK,EAAE,SAAS,CAIjD,CAAC"}
+{"version":3,"file":"plus.d.ts","sourceRoot":"","sources":["../../../../lib/components/checkbox/icons/plus.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,iDAKhB,CAAC"}

package/dist/components/checkbox/icons/plus.js

@@ -1,9 +1,10 @@
-import { createIcon as C } from "@chakra-ui/react";
-const e = C({
-  displayName: "Plus",
-  viewBox: "0 0 18 17",
-  d: "M17.125 8.5C17.125 9.04688 16.6953 9.4375 16.1875 9.4375H9.9375V15.6875C9.9375 16.2344 9.50781 16.6641 9 16.6641C8.45312 16.6641 8.0625 16.2344 8.0625 15.6875V9.4375H1.8125C1.26562 9.4375 0.875 9.04688 0.875 8.53906C0.875 7.99219 1.26562 7.5625 1.8125 7.5625H8.0625V1.3125C8.0625 0.804688 8.45312 0.414062 9 0.414062C9.50781 0.414062 9.9375 0.804688 9.9375 1.3125V7.5625H16.1875C16.6953 7.5625 17.125 7.99219 17.125 8.5Z"
-});
+import { createCasperIcon as C } from "../../icon/create-icon.js";
+const r = C(
+  "Plus",
+  "M17.125 8.5C17.125 9.04688 16.6953 9.4375 16.1875 9.4375H9.9375V15.6875C9.9375 16.2344 9.50781 16.6641 9 16.6641C8.45312 16.6641 8.0625 16.2344 8.0625 15.6875V9.4375H1.8125C1.26562 9.4375 0.875 9.04688 0.875 8.53906C0.875 7.99219 1.26562 7.5625 1.8125 7.5625H8.0625V1.3125C8.0625 0.804688 8.45312 0.414062 9 0.414062C9.50781 0.414062 9.9375 0.804688 9.9375 1.3125V7.5625H16.1875C16.6953 7.5625 17.125 7.99219 17.125 8.5Z",
+  {},
+  "0 0 18 17"
+);
 export {
-  e as Plus
+  r as Plus
 };

package/dist/components/checkbox/index.d.ts

@@ -1,3 +1,3 @@
 export { Checkbox } from './checkbox.js';
-export type { CheckboxProps, CheckboxSize, CheckboxVariant } from './types.js';
+export type { CheckboxCheckedChangeDetails, CheckboxProps, CheckboxSize, CheckboxVariant } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,4BAA4B,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/checkbox/types.d.ts

@@ -1,8 +1,14 @@
 import { ColorProps, CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps } from '../../theme/index.js';
-import { CheckboxProps as ChakraCheckboxProps } from '@chakra-ui/react';
+import { Checkbox as ChakraCheckbox } from '@chakra-ui/react';
+export type { CheckboxCheckedChangeDetails } from '@chakra-ui/react';
 export type CheckboxSize = "sm" | "md" | "lg";
 export type CheckboxVariant = "normal" | "addon";
-export type CheckboxProps = CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & ColorProps & Pick<ChakraCheckboxProps, "children" | "isDisabled" | "isChecked" | "isInvalid" | "isIndeterminate" | "value" | "onChange"> & ({
+export type CheckboxProps = CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & ColorProps & Pick<ChakraCheckbox.RootProps, "children" | "value" | "onCheckedChange"> & {
+    isDisabled?: boolean;
+    isChecked?: boolean;
+    isIndeterminate?: boolean;
+    isInvalid?: boolean;
+} & ({
     variant?: "normal";
     isIndeterminate?: boolean;
     size?: CheckboxSize;

package/dist/components/checkbox/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACxG,OAAO,KAAK,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjD,MAAM,MAAM,aAAa,GAAG,oBAAoB,GAC/C,WAAW,GACX,WAAW,GACX,YAAY,GACZ,UAAU,GACV,IAAI,CACH,mBAAmB,EACnB,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,iBAAiB,GAAG,OAAO,GAAG,UAAU,CAChG,GACD,CACG;IAAE,OAAO,CAAC,EAAE,QAAQ,CAAC;IAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,YAAY,CAAA;CAAE,GACtE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,eAAe,CAAC,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,CAC5D,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACxG,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE9D,YAAY,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAErE,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjD,MAAM,MAAM,aAAa,GAAG,oBAAoB,GAC/C,WAAW,GACX,WAAW,GACX,YAAY,GACZ,UAAU,GACV,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,GAAG,iBAAiB,CAAC,GAAG;IAE1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,CACD;IAAE,OAAO,CAAC,EAAE,QAAQ,CAAC;IAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,YAAY,CAAA;CAAE,GACtE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,eAAe,CAAC,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,CAC5D,CAAC"}

package/dist/components/checkbox-group/checkbox-group.d.ts

@@ -5,5 +5,5 @@ import { CheckboxGroupProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/checkbox-group
  */
-export declare function CheckboxGroup({ children, ...props }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxGroup({ children, isDisabled, ...props }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=checkbox-group.d.ts.map

package/dist/components/checkbox-group/checkbox-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../lib/components/checkbox-group/checkbox-group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAEvE"}
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../lib/components/checkbox-group/checkbox-group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAMnF"}

package/dist/components/checkbox-group/checkbox-group.js

@@ -1,8 +1,8 @@
-import { jsx as p } from "react/jsx-runtime";
-import { CheckboxGroup as e } from "@chakra-ui/react";
-function x({ children: o, ...r }) {
-  return /* @__PURE__ */ p(e, { ...r, children: o });
+import { jsx as e } from "react/jsx-runtime";
+import { Checkbox as t } from "@chakra-ui/react";
+function u({ children: o, isDisabled: r, ...p }) {
+  return /* @__PURE__ */ e(t.Group, { disabled: r, gap: 0, ...p, children: o });
 }
 export {
-  x as CheckboxGroup
+  u as CheckboxGroup
 };

package/dist/components/checkbox-group/types.d.ts

@@ -1,4 +1,6 @@
 import { ColorProps, CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps } from '../../theme/index.js';
 import { CheckboxGroupProps as ChakraCheckboxGroupProps } from '@chakra-ui/react';
-export type CheckboxGroupProps = CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & ColorProps & Pick<ChakraCheckboxGroupProps, "isDisabled" | "children" | "defaultValue" | "value" | "onChange">;
+export type CheckboxGroupProps = CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & ColorProps & Pick<ChakraCheckboxGroupProps, "children" | "defaultValue" | "value" | "onChange"> & {
+    isDisabled?: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/checkbox-group/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/checkbox-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACxG,OAAO,KAAK,EAAE,kBAAkB,IAAI,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAEvF,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GACpD,WAAW,GACX,WAAW,GACX,YAAY,GACZ,UAAU,GACV,IAAI,CAAC,wBAAwB,EAAE,YAAY,GAAG,UAAU,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/checkbox-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACxG,OAAO,KAAK,EAAE,kBAAkB,IAAI,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAEvF,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GACpD,WAAW,GACX,WAAW,GACX,YAAY,GACZ,UAAU,GACV,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IAEpF,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/components/combobox/combobox-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-button.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAsBlD,wBAAgB,cAAc,CAAC,EAC9B,EAAE,EACF,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,aAAa,EACb,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,cAAc,GACd,EAAE,kBAAkB,2CAgMpB"}
+{"version":3,"file":"combobox-button.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAsBlD,wBAAgB,cAAc,CAAC,EAC9B,EAAE,EACF,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,SAAS,EACT,aAAa,EACb,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,cAAc,GACd,EAAE,kBAAkB,2CA4LpB"}

package/dist/components/combobox/combobox-button.js

@@ -1,14 +1,13 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import { useStyleConfig as X, Flex as c, Box as d, Input as $ } from "@chakra-ui/react";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { useRecipe as X, Flex as d, Box as f, Input as $ } from "@chakra-ui/react";
 import { Fragment as D } from "react";
-import { ComboboxItem as E } from "./combobox-item.js";
+import { ComboboxItem as R } from "./combobox-item.js";
 import { Tag as K } from "../tag/tag.js";
-import { Icon as U } from "../icon/icon.js";
-import { Icons as q } from "../icon/types.js";
-import { ThemeColorVariable as r, ThemeSpaceVariable as u, ThemeRadiusVariable as G, ThemeIconSizeVariable as J } from "../../theme/theme-types.js";
-function R() {
+import { ThemeColorVariable as r, ThemeSpaceVariable as u, ThemeRadiusVariable as U, ThemeIconSizeVariable as q } from "../../theme/theme-types.js";
+import { TreeViewCollapseIcon as G } from "../icon/icons/tree-view-collapse-icon.js";
+function _() {
   return /* @__PURE__ */ i(
-    d,
+    f,
     {
       backgroundColor: r.NeutralContainer,
       width: "8px",
@@ -27,69 +26,80 @@ function R() {
   );
 }
 function oo({
-  id: j,
-  asPlainText: e,
+  id: v,
+  asPlainText: l,
   inputValue: h,
   selectedItems: n,
-  displayItems: B,
-  toggleItem: x,
-  highlightState: l,
-  openState: a,
-  parentStrings: V,
-  size: W,
-  variant: v,
-  label: S,
-  placeHolderText: C,
+  displayItems: E,
+  toggleItem: g,
+  highlightState: a,
+  openState: e,
+  parentStrings: j,
+  size: B,
+  variant: V,
+  label: s,
+  placeHolderText: x,
   isDisabled: b,
-  isReadOnly: s,
-  isInvalid: m,
-  collapsed: k,
+  isReadOnly: S,
+  isInvalid: W,
+  collapsed: C,
   hasPendingDelete: w,
   setHasPendingDelete: t,
-  setInputValue: O,
-  onSearch: y,
+  setInputValue: k,
+  onSearch: O,
   isSingleSelect: z
 }) {
-  const A = X("Combobox", { size: W, variant: v }), F = (o) => {
-    if (o.key === "Enter" && (o.preventDefault(), o.stopPropagation(), a.isOpen ? x(B[l.index]) : a.open()), o.key === "Escape") {
-      if (!a.isOpen) return;
-      o.preventDefault(), o.stopPropagation(), a.close(), e || (O(""), y?.(""));
+  const A = X({ key: "combobox" })({ variant: V, size: B }), F = (o) => {
+    if (o.key === "Enter" && (o.preventDefault(), o.stopPropagation(), e.isOpen ? g(E[a.index]) : e.open()), o.key === "Escape") {
+      if (!e.isOpen) return;
+      o.preventDefault(), o.stopPropagation(), e.close(), l || (k(""), O?.(""));
     }
-    o.key === "Backspace" ? h.length === 0 && n.length > 0 && !e && (w ? (x(n[n.length - 1]), t(!1)) : t(!0)) : t(!1), o.key === "ArrowDown" && (a.isOpen ? l.next() : a.open()), o.key === "ArrowUp" && (a.isOpen ? l.previous() : a.open());
+    o.key === "Backspace" ? h.length === 0 && n.length > 0 && !l && (w ? (g(n[n.length - 1]), t(!1)) : t(!0)) : t(!1), o.key === "ArrowDown" && (e.isOpen ? a.next() : e.open()), o.key === "ArrowUp" && (e.isOpen ? a.previous() : e.open());
   }, L = (o) => {
     o.preventDefault(), o.stopPropagation();
     const p = o.target.value;
-    O(p), y?.(p), l.set(0), a.open();
-  }, g = n[0], _ = n[n.length - 1], N = a.isOpen || e || C;
-  return /* @__PURE__ */ f(
-    c,
+    k(p), O?.(p), a.set(0), e.open();
+  }, m = n[0], y = n[n.length - 1], N = e.isOpen || l || x ? { width: "100%" } : {
+    position: "absolute",
+    width: "1px",
+    height: "1px",
+    padding: 0,
+    margin: "-1px",
+    overflow: "hidden",
+    clipPath: "inset(50%)",
+    whiteSpace: "nowrap",
+    border: 0
+  };
+  return /* @__PURE__ */ c(
+    d,
     {
-      __css: A,
+      css: A,
       "aria-disabled": b,
-      "aria-readonly": s,
-      "aria-invalid": m,
-      borderRadius: G.Small,
+      "aria-readonly": S,
+      "aria-invalid": W,
+      borderRadius: U.Small,
       padding: u.Small,
-      _focusWithin: m ? {
+      _invalid: {
         borderColor: r.Error,
         boxShadow: `0 0 0 4px ${r.ErrorContainer}`,
         backgroundColor: r.Surface
-      } : {
+      },
+      _focusWithin: {
         borderColor: r.Info,
         boxShadow: `0 0 0 4px ${r.InfoContainer}`,
         backgroundColor: r.Surface
       },
       children: [
-        /* @__PURE__ */ f(
-          c,
+        /* @__PURE__ */ c(
+          d,
           {
-            flexWrap: k || z ? "nowrap" : "wrap",
+            flexWrap: C || z ? "nowrap" : "wrap",
             gap: u.Small,
             overflow: "hidden",
             children: [
-              S && /* @__PURE__ */ i(d, { whiteSpace: "nowrap", children: S }),
-              !e && (k ? n.length > 0 && _ && /* @__PURE__ */ f(
-                c,
+              s && /* @__PURE__ */ i(f, { whiteSpace: "nowrap", children: s }),
+              !l && (C ? n.length > 0 && y && /* @__PURE__ */ c(
+                d,
                 {
                   gap: u.XSmall,
                   flexShrink: "1",
@@ -97,31 +107,31 @@ function oo({
                   whiteSpace: "nowrap",
                   textOverflow: "ellipsis",
                   children: [
-                    n.length > 3 && /* @__PURE__ */ i(R, {}),
-                    n.length > 2 && /* @__PURE__ */ i(R, {}),
+                    n.length > 3 && /* @__PURE__ */ i(_, {}),
+                    n.length > 2 && /* @__PURE__ */ i(_, {}),
                     n.length > 1 && /* @__PURE__ */ i(K, { children: n.length - 1 }),
                     /* @__PURE__ */ i(
-                      E,
+                      R,
                       {
                         isDeleting: w,
-                        item: _,
-                        asPlainText: e
+                        item: y,
+                        asPlainText: l
                       }
                     )
                   ]
                 }
               ) : n.map((o, p) => /* @__PURE__ */ i(
-                E,
+                R,
                 {
                   item: o,
-                  asPlainText: e,
+                  asPlainText: l,
                   isDeleting: p === n.length - 1 && w
                 },
                 o.id
               ))),
-              e && n.length > 0 && g && h === g.label && V[g.id]?.map((o) => /* @__PURE__ */ f(D, { children: [
+              l && n.length > 0 && m && h === m.label && j[m.id]?.map((o) => /* @__PURE__ */ c(D, { children: [
                 /* @__PURE__ */ i(
-                  d,
+                  f,
                   {
                     color: r.OnSurfaceSubdued,
                     textOverflow: "ellipsis",
@@ -130,22 +140,21 @@ function oo({
                     children: o
                   }
                 ),
-                /* @__PURE__ */ i(d, { color: r.OnSurfaceSubdued, children: "/" })
+                /* @__PURE__ */ i(f, { color: r.OnSurfaceSubdued, children: "/" })
               ] }, o)),
               /* @__PURE__ */ i(
                 $,
                 {
-                  id: j,
-                  isDisabled: b,
-                  isReadOnly: s,
-                  isInvalid: m,
+                  id: v,
+                  disabled: b,
+                  readOnly: S,
                   onKeyDown: F,
-                  variant: "unstyled",
+                  unstyled: !0,
                   value: h,
                   autoComplete: "off",
                   minWidth: u.XLarge,
                   onChange: L,
-                  placeholder: C,
+                  placeholder: x,
                   border: "none",
                   flex: 1,
                   color: r.OnSurface,
@@ -157,27 +166,16 @@ function oo({
                     cursor: "not-allowed",
                     color: r.OnSurfaceSubdued
                   },
-                  sx: N ? {} : {
-                    position: "absolute",
-                    width: "1px",
-                    height: "1px",
-                    padding: 0,
-                    margin: "-1px",
-                    overflow: "hidden",
-                    clipPath: "inset(50%)",
-                    whiteSpace: "nowrap",
-                    border: 0
-                  }
+                  css: N
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ i(c, { className: "combobox-dropdown-icon", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ i(
-          U,
+        /* @__PURE__ */ i(d, { className: "combobox-dropdown-icon", justifyContent: "center", alignItems: "center", cursor: "pointer", children: /* @__PURE__ */ i(
+          G,
           {
-            icon: q.TreeViewCollapse,
-            size: J.Small,
+            size: q.Small,
             color: b ? r.OnSurfaceSubdued : r.OnSurface
           }
         ) })

package/dist/components/combobox/combobox-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-item.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAchE,KAAK,iBAAiB,GAAG;IACxB,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,iBAAiB,2CAoBhG"}
+{"version":3,"file":"combobox-item.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-item.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAahE,KAAK,iBAAiB,GAAG;IACxB,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,iBAAiB,2CAoBhG"}

package/dist/components/combobox/combobox-menu.d.ts

@@ -1,7 +1,9 @@
 import { ComboboxInnerProps } from './types.js';
-export declare function CheckboxOrRadioButton({ isSingleSelect, isChecked, }: {
+type CheckboxOrRadioButtonProps = {
     isSingleSelect: boolean;
     isChecked: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+};
+export declare function CheckboxOrRadioButton({ isSingleSelect, isChecked }: CheckboxOrRadioButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare function ComboboxMenu(props: ComboboxInnerProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=combobox-menu.d.ts.map

package/dist/components/combobox/combobox-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-menu.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-menu.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACX,kBAAkB,EAIlB,MAAM,SAAS,CAAC;AA2CjB,wBAAgB,qBAAqB,CAAC,EACrC,cAAc,EACd,SAAS,GACT,EAAE;IACF,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;CACnB,2CAEA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,2CAkGrD"}
+{"version":3,"file":"combobox-menu.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-menu.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACX,kBAAkB,EAIlB,MAAM,SAAS,CAAC;AAyCjB,KAAK,0BAA0B,GAAG;IAAE,cAAc,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAElF,wBAAgB,qBAAqB,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,0BAA0B,2CAQ9F;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,2CAoGrD"}