@simplysm/solid 13.0.74 → 13.0.76

package/dist/components/form-control/checkbox/SelectableBase.d.ts

@@ -0,0 +1,26 @@
+import { type JSX, type ParentComponent } from "solid-js";
+import { type CheckboxSize } from "./Checkbox.styles";
+export interface SelectableBaseProps {
+    value?: boolean;
+    onValueChange?: (value: boolean) => void;
+    disabled?: boolean;
+    size?: CheckboxSize;
+    inset?: boolean;
+    inline?: boolean;
+    required?: boolean;
+    validate?: (value: boolean) => string | undefined;
+    touchMode?: boolean;
+    class?: string;
+    style?: JSX.CSSProperties;
+    children?: JSX.Element;
+}
+export interface SelectableBaseConfig {
+    role: "checkbox" | "radio";
+    indicatorShape: string;
+    indicatorContent: JSX.Element;
+    onToggle: (current: boolean) => boolean;
+}
+export declare const SelectableBase: ParentComponent<SelectableBaseProps & {
+    config: SelectableBaseConfig;
+}>;
+//# sourceMappingURL=SelectableBase.d.ts.map

package/dist/components/form-control/checkbox/SelectableBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableBase.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\checkbox\\SelectableBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAgC,MAAM,UAAU,CAAC;AAKxF,OAAO,EACL,KAAK,YAAY,EASlB,MAAM,mBAAmB,CAAC;AAK3B,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,GAAG,CAAC,OAAO,CAAC;IAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;CACzC;AAED,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,mBAAmB,GAAG;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAgFlG,CAAC"}

package/dist/components/form-control/checkbox/SelectableBase.js

@@ -0,0 +1,100 @@
+import { template as _$template } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<span>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div>`);
+import { Show, splitProps, createMemo } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
+import { ripple } from "../../../directives/ripple.js";
+import { useI18n } from "../../../providers/i18n/I18nProvider.js";
+import { checkboxBaseClass, indicatorBaseClass, checkedClass, checkboxSizeClasses, checkboxInsetClass, checkboxInsetSizeHeightClasses, checkboxInlineClass, checkboxDisabledClass } from "./Checkbox.styles.js";
+import { Invalid } from "../Invalid.js";
+void ripple;
+const SelectableBase = (props) => {
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "disabled", "size", "inset", "inline", "required", "validate", "touchMode", "class", "style", "children", "config"]);
+  const i18n = useI18n();
+  const [value, setValue] = createControllableSignal({
+    value: () => local.value ?? false,
+    onChange: () => local.onValueChange
+  });
+  const handleClick = () => {
+    if (local.disabled) return;
+    setValue((v) => local.config.onToggle(v));
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === " ") {
+      e.preventDefault();
+      handleClick();
+    }
+  };
+  const getWrapperClass = () => twMerge(checkboxBaseClass, checkboxSizeClasses[local.size ?? "default"], local.inset && checkboxInsetClass, local.inset && checkboxInsetSizeHeightClasses[local.size ?? "default"], local.inline && checkboxInlineClass, local.disabled && checkboxDisabledClass, local.class);
+  const getIndicatorClass = () => twMerge(indicatorBaseClass, local.config.indicatorShape, value() && checkedClass);
+  const errorMsg = createMemo(() => {
+    var _a;
+    const v = local.value ?? false;
+    if (local.required && !v) return i18n.t("validation.requiredSelection");
+    return (_a = local.validate) == null ? void 0 : _a.call(local, v);
+  });
+  return _$createComponent(Invalid, {
+    get message() {
+      return errorMsg();
+    },
+    variant: "border",
+    get touchMode() {
+      return local.touchMode;
+    },
+    get children() {
+      var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+      _$use(ripple, _el$, () => !local.disabled);
+      _$spread(_el$, _$mergeProps(rest, {
+        get role() {
+          return local.config.role;
+        },
+        get ["aria-checked"]() {
+          return value();
+        },
+        get tabIndex() {
+          return local.disabled ? -1 : 0;
+        },
+        get ["class"]() {
+          return getWrapperClass();
+        },
+        get style() {
+          return local.style;
+        },
+        "onClick": handleClick,
+        "onKeyDown": handleKeyDown
+      }), false, true);
+      _$insert(_el$2, _$createComponent(Show, {
+        get when() {
+          return value();
+        },
+        get children() {
+          return local.config.indicatorContent;
+        }
+      }));
+      _$insert(_el$, _$createComponent(Show, {
+        get when() {
+          return local.children;
+        },
+        get children() {
+          var _el$3 = _tmpl$();
+          _$insert(_el$3, () => local.children);
+          return _el$3;
+        }
+      }), null);
+      _$effect(() => _$className(_el$2, getIndicatorClass()));
+      return _el$;
+    }
+  });
+};
+export {
+  SelectableBase
+};
+//# sourceMappingURL=SelectableBase.js.map

package/dist/components/form-control/checkbox/SelectableBase.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/form-control/checkbox/SelectableBase.tsx"],
+  "mappings": "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",
+  "names": ["Show", "splitProps", "createMemo", "twMerge", "createControllableSignal", "ripple", "useI18n", "checkboxBaseClass", "indicatorBaseClass", "checkedClass", "checkboxSizeClasses", "checkboxInsetClass", "checkboxInsetSizeHeightClasses", "checkboxInlineClass", "checkboxDisabledClass", "Invalid", "SelectableBase", "props", "local", "rest", "i18n", "value", "setValue", "onChange", "onValueChange", "handleClick", "disabled", "v", "config", "onToggle", "handleKeyDown", "e", "key", "preventDefault", "getWrapperClass", "size", "inset", "inline", "class", "getIndicatorClass", "indicatorShape", "errorMsg", "required", "t", "validate", "_$createComponent", "message", "variant", "touchMode", "children", "_el$", "_tmpl$2", "_el$2", "firstChild", "_$use", "_$spread", "_$mergeProps", "role", "tabIndex", "style", "_$insert", "when", "indicatorContent", "_el$3", "_tmpl$", "_$effect", "_$className"]
+}

package/dist/components/form-control/checkbox/SelectionGroupBase.d.ts

@@ -0,0 +1,17 @@
+import { type Context, type JSX } from "solid-js";
+export interface SelectionGroupBaseProps {
+    required?: boolean;
+    touchMode?: boolean;
+    class?: string;
+    style?: JSX.CSSProperties;
+    children?: JSX.Element;
+}
+export declare function SelectionGroupBase<TContextValue>(props: SelectionGroupBaseProps & {
+    context: Context<TContextValue | undefined>;
+    contextValue: TContextValue;
+    errorMsgKey: string;
+    value: unknown;
+    isEmpty: (value: unknown) => boolean;
+    validate?: ((value: any) => string | undefined) | undefined;
+}): JSX.Element;
+//# sourceMappingURL=SelectionGroupBase.d.ts.map

package/dist/components/form-control/checkbox/SelectionGroupBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionGroupBase.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\checkbox\\SelectionGroupBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,GAAG,EAGT,MAAM,UAAU,CAAC;AAKlB,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,KAAK,EAAE,uBAAuB,GAAG;IACjF,OAAO,EAAE,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC5C,YAAY,EAAE,aAAa,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;CAC7D,eA+BA"}

package/dist/components/form-control/checkbox/SelectionGroupBase.js

@@ -0,0 +1,53 @@
+import { template as _$template } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div>`);
+import { createMemo, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { Invalid } from "../Invalid.js";
+import { useI18n } from "../../../providers/i18n/I18nProvider.js";
+function SelectionGroupBase(props) {
+  const i18n = useI18n();
+  const resolvedErrorMsg = () => i18n.t(props.errorMsgKey);
+  const [local, rest] = splitProps(props, ["context", "contextValue", "errorMsgKey", "value", "isEmpty", "validate", "required", "touchMode", "class", "style", "children"]);
+  const errorMsg = createMemo(() => {
+    var _a;
+    if (local.required && local.isEmpty(local.value)) return resolvedErrorMsg();
+    return (_a = local.validate) == null ? void 0 : _a.call(local, local.value);
+  });
+  return _$createComponent(Invalid, {
+    get message() {
+      return errorMsg();
+    },
+    variant: "dot",
+    get touchMode() {
+      return local.touchMode;
+    },
+    get children() {
+      return _$createComponent(local.context.Provider, {
+        get value() {
+          return local.contextValue;
+        },
+        get children() {
+          var _el$ = _tmpl$();
+          _$spread(_el$, _$mergeProps(rest, {
+            get ["class"]() {
+              return twMerge("inline-flex", local.class);
+            },
+            get style() {
+              return local.style;
+            }
+          }), false, true);
+          _$insert(_el$, () => local.children);
+          return _el$;
+        }
+      });
+    }
+  });
+}
+export {
+  SelectionGroupBase
+};
+//# sourceMappingURL=SelectionGroupBase.js.map

package/dist/components/form-control/checkbox/SelectionGroupBase.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/form-control/checkbox/SelectionGroupBase.tsx"],
+  "mappings": ";;;;;;AAAA,SAGEA,YACAC,kBACK;AACP,SAASC,eAAe;AACxB,SAASC,eAAe;AACxB,SAASC,eAAe;AAUjB,SAASC,mBAAkCC,OAO/C;AACD,QAAMC,OAAOH,QAAQ;AACrB,QAAMI,mBAAmBA,MAAMD,KAAKE,EAAEH,MAAMI,WAAW;AACvD,QAAM,CAACC,OAAOC,IAAI,IAAIX,WAAWK,OAAO,CACtC,WACA,gBACA,eACA,SACA,WACA,YACA,YACA,aACA,SACA,SACA,UAAU,CACX;AAED,QAAMO,WAAWb,WAAW,MAAM;;AAChC,QAAIW,MAAMG,YAAYH,MAAMI,QAAQJ,MAAMK,KAAK,EAAG,QAAOR,iBAAiB;AAC1E,YAAOG,WAAMM,aAANN,+BAAiBA,MAAMK;EAChC,CAAC;AAED,SAAAE,kBACGf,SAAO;IAAA,IAACgB,UAAO;AAAA,aAAEN,SAAS;IAAC;IAAEO,SAAO;IAAA,IAAOC,YAAS;AAAA,aAAEV,MAAMU;IAAS;IAAA,IAAAC,WAAA;AAAA,aAAAJ,kBACnEP,MAAMY,QAAQC,UAAQ;QAAA,IAACR,QAAK;AAAA,iBAAEL,MAAMc;QAAY;QAAA,IAAAH,WAAA;AAAA,cAAAI,OAAAC,OAAA;AAAAC,mBAAAF,MAAAG,aACtCjB,MAAI;YAAA,KAAA,OAAA,IAAA;AAAA,qBAASV,QAAQ,eAAeS,MAAMmB,KAAK;YAAC;YAAA,IAAEC,QAAK;AAAA,qBAAEpB,MAAMoB;YAAK;UAAA,CAAA,GAAA,OAAA,IAAA;AAAAC,mBAAAN,MAAA,MAC1Ef,MAAMW,QAAQ;AAAA,iBAAAI;QAAA;MAAA,CAAA;IAAA;EAAA,CAAA;AAKzB;",
+  "names": ["createMemo", "splitProps", "twMerge", "Invalid", "useI18n", "SelectionGroupBase", "props", "i18n", "resolvedErrorMsg", "t", "errorMsgKey", "local", "rest", "errorMsg", "required", "isEmpty", "value", "validate", "_$createComponent", "message", "variant", "touchMode", "children", "context", "Provider", "contextValue", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "class", "style", "_$insert"]
+}

package/dist/components/form-control/color-picker/ColorPicker.d.ts

@@ -1,5 +1,5 @@
 import { type Component, type JSX } from "solid-js";
-import { type ComponentSize } from "../../../styles/tokens.styles";
+import { type ComponentSize } from "../../../styles/control.styles";
 export interface ColorPickerProps {
     /** Color value (#RRGGBB format) */
     value?: string;

package/dist/components/form-control/color-picker/ColorPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\color-picker\\ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAK5E,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAkCnE,MAAM,WAAW,gBAAgB;IAC/B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAEpD,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW;IACX,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE7D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CA2DnD,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\color-picker\\ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAK5E,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAYpE,MAAM,WAAW,gBAAgB;IAC/B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAEpD,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW;IACX,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE7D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CA6DnD,CAAC"}

package/dist/components/form-control/color-picker/ColorPicker.js

@@ -9,26 +9,14 @@ import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
 import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
 import { Invalid } from "../Invalid.js";
-import { useI18n } from "../../../providers/i18n/I18nContext.js";
-const baseClass = clsx(
-  "size-field",
-  "rounded",
-  "border border-black/10 dark:border-white/10",
-  "cursor-pointer",
-  // Remove color input default styles
-  "[&::-webkit-color-swatch-wrapper]:p-0",
-  "[&::-webkit-color-swatch]:border-none",
-  "[&::-webkit-color-swatch]:rounded-none",
-  "[&::-moz-color-swatch]:border-none",
-  "[&::-moz-color-swatch]:rounded-none"
-);
+import { useI18n } from "../../../providers/i18n/I18nProvider.js";
 const sizeClasses = {
+  default: clsx`size-field`,
   xs: "size-field-xs",
   sm: "size-field-sm",
   lg: "size-field-lg",
   xl: "size-field-xl"
 };
-const disabledClass = clsx("cursor-default", "relative", "before:absolute before:bottom-0 before:left-0 before:right-0 before:top-0", "before:bg-[linear-gradient(45deg,transparent_40%,rgba(0,0,0,0.4)_40%,rgba(0,0,0,0.4)_60%,transparent_60%)]");
 const ColorPicker = (props) => {
   const [local, rest] = splitProps(props, ["value", "onValueChange", "title", "disabled", "size", "inset", "required", "validate", "touchMode", "class", "style"]);
   const i18n = useI18n();
@@ -39,7 +27,7 @@ const ColorPicker = (props) => {
   const handleInput = (e) => {
     setValue(e.currentTarget.value);
   };
-  const getClassName = () => twMerge(baseClass, local.size && sizeClasses[local.size], local.disabled && disabledClass, local.class);
+  const getClassName = () => twMerge("size-field rounded border border-black/10 dark:border-white/10 cursor-pointer [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:border-none [&::-webkit-color-swatch]:rounded-none [&::-moz-color-swatch]:border-none [&::-moz-color-swatch]:rounded-none", sizeClasses[local.size ?? "default"], local.disabled && "cursor-default relative before:absolute before:bottom-0 before:left-0 before:right-0 before:top-0 before:bg-[linear-gradient(45deg,transparent_40%,rgba(0,0,0,0.4)_40%,rgba(0,0,0,0.4)_60%,transparent_60%)]", local.class);
   const errorMsg = createMemo(() => {
     var _a;
     const v = value();

package/dist/components/form-control/color-picker/ColorPicker.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/color-picker/ColorPicker.tsx"],
-  "mappings": ";;;;;;AAAA,SAAyBA,YAAsBC,kBAAkB;AACjE,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,gCAAgC;AACzC,SAASC,eAAe;AAExB,SAASC,eAAe;AAGxB,MAAMC,YAAYL;EAChB;EACA;EACA;EACA;;EAEA;EACA;EACA;EACA;EACA;AACF;AAGA,MAAMM,cAA6C;EACjDC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;AACN;AAIA,MAAMC,gBAAgBX,KACpB,kBACA,YACA,6EACA,4GACF;AA6CO,MAAMY,cAA4CC,WAAU;AACjE,QAAM,CAACC,OAAOC,IAAI,IAAIhB,WAAWc,OAAO,CACtC,SACA,iBACA,SACA,YACA,QACA,SACA,YACA,YACA,aACA,SACA,OAAO,CACR;AAED,QAAMG,OAAOZ,QAAQ;AAErB,QAAM,CAACa,OAAOC,QAAQ,IAAIhB,yBAAyB;IACjDe,OAAOA,MAAMH,MAAMG;IACnBE,UAAUA,MAAML,MAAMM;EACxB,CAAC;AAED,QAAMC,cAAoEC,OAAM;AAC9EJ,aAASI,EAAEC,cAAcN,KAAK;EAChC;AAEA,QAAMO,eAAeA,MACnBvB,QACEI,WACAS,MAAMW,QAAQnB,YAAYQ,MAAMW,IAAI,GACpCX,MAAMY,YAAYf,eAClBG,MAAMa,KACR;AAEF,QAAMC,WAAW9B,WAAW,MAAM;;AAChC,UAAM+B,IAAIZ,MAAM;AAChB,QAAIH,MAAMgB,aAAaD,MAAME,UAAaF,MAAM,IAAK,QAAOb,KAAKgB,EAAE,qBAAqB;AACxF,YAAOlB,WAAMmB,aAANnB,+BAAiBe;EAC1B,CAAC;AAED,SAAAK,kBACG/B,SAAO;IAAA,IACNgC,UAAO;AAAA,aAAErB,MAAMsB,QAAQ,QAAQ;IAAQ;IAAA,IACvCC,UAAO;AAAA,aAAET,SAAS;IAAC;IAAA,IACnBU,YAAS;AAAA,aAAExB,MAAMwB;IAAS;IAAA,IAAAC,WAAA;AAAA,UAAAC,OAAAC,OAAA;AAAAC,eAAAF,MAAAG,aAGpB5B,MAAI;QAAA,qBAAA;QAAA,QAEH;QAAO,KAAA,OAAA,IAAA;AAAA,iBACLS,aAAa;QAAC;QAAA,IACrBoB,QAAK;AAAA,iBAAE9B,MAAM8B;QAAK;QAAA,IAClB3B,QAAK;AAAA,iBAAEA,MAAM,KAAK;QAAS;QAAA,IAC3B4B,QAAK;AAAA,iBAAE/B,MAAM+B;QAAK;QAAA,IAClBnB,WAAQ;AAAA,iBAAEZ,MAAMY;QAAQ;QAAA,WACfL;MAAW,CAAA,GAAA,OAAA,KAAA;AAAA,aAAAmB;IAAA;EAAA,CAAA;AAI5B;",
-  "names": ["createMemo", "splitProps", "clsx", "twMerge", "createControllableSignal", "Invalid", "useI18n", "baseClass", "sizeClasses", "xs", "sm", "lg", "xl", "disabledClass", "ColorPicker", "props", "local", "rest", "i18n", "value", "setValue", "onChange", "onValueChange", "handleInput", "e", "currentTarget", "getClassName", "size", "disabled", "class", "errorMsg", "v", "required", "undefined", "t", "validate", "_$createComponent", "variant", "inset", "message", "touchMode", "children", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "style", "title"]
+  "mappings": ";;;;;;AAAA,SAAyBA,YAAsBC,kBAAkB;AACjE,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,gCAAgC;AACzC,SAASC,eAAe;AAExB,SAASC,eAAe;AAGxB,MAAMC,cAA6C;EACjDC,SAASN;EACTO,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;AACN;AA6CO,MAAMC,cAA4CC,WAAU;AACjE,QAAM,CAACC,OAAOC,IAAI,IAAIf,WAAWa,OAAO,CACtC,SACA,iBACA,SACA,YACA,QACA,SACA,YACA,YACA,aACA,SACA,OAAO,CACR;AAED,QAAMG,OAAOX,QAAQ;AAErB,QAAM,CAACY,OAAOC,QAAQ,IAAIf,yBAAyB;IACjDc,OAAOA,MAAMH,MAAMG;IACnBE,UAAUA,MAAML,MAAMM;EACxB,CAAC;AAED,QAAMC,cAAoEC,OAAM;AAC9EJ,aAASI,EAAEC,cAAcN,KAAK;EAChC;AAEA,QAAMO,eAAeA,MACnBtB,QAEE,2QACAI,YAAYQ,MAAMW,QAAQ,SAAS,GAEnCX,MAAMY,YAAY,gNAClBZ,MAAMa,KACR;AAEF,QAAMC,WAAW7B,WAAW,MAAM;;AAChC,UAAM8B,IAAIZ,MAAM;AAChB,QAAIH,MAAMgB,aAAaD,MAAME,UAAaF,MAAM,IAAK,QAAOb,KAAKgB,EAAE,qBAAqB;AACxF,YAAOlB,WAAMmB,aAANnB,+BAAiBe;EAC1B,CAAC;AAED,SAAAK,kBACG9B,SAAO;IAAA,IACN+B,UAAO;AAAA,aAAErB,MAAMsB,QAAQ,QAAQ;IAAQ;IAAA,IACvCC,UAAO;AAAA,aAAET,SAAS;IAAC;IAAA,IACnBU,YAAS;AAAA,aAAExB,MAAMwB;IAAS;IAAA,IAAAC,WAAA;AAAA,UAAAC,OAAAC,OAAA;AAAAC,eAAAF,MAAAG,aAGpB5B,MAAI;QAAA,qBAAA;QAAA,QAEH;QAAO,KAAA,OAAA,IAAA;AAAA,iBACLS,aAAa;QAAC;QAAA,IACrBoB,QAAK;AAAA,iBAAE9B,MAAM8B;QAAK;QAAA,IAClB3B,QAAK;AAAA,iBAAEA,MAAM,KAAK;QAAS;QAAA,IAC3B4B,QAAK;AAAA,iBAAE/B,MAAM+B;QAAK;QAAA,IAClBnB,WAAQ;AAAA,iBAAEZ,MAAMY;QAAQ;QAAA,WACfL;MAAW,CAAA,GAAA,OAAA,KAAA;AAAA,aAAAmB;IAAA;EAAA,CAAA;AAI5B;",
+  "names": ["createMemo", "splitProps", "clsx", "twMerge", "createControllableSignal", "Invalid", "useI18n", "sizeClasses", "default", "xs", "sm", "lg", "xl", "ColorPicker", "props", "local", "rest", "i18n", "value", "setValue", "onChange", "onValueChange", "handleInput", "e", "currentTarget", "getClassName", "size", "disabled", "class", "errorMsg", "v", "required", "undefined", "t", "validate", "_$createComponent", "variant", "inset", "message", "touchMode", "children", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "style", "title"]
 }

package/dist/components/form-control/combobox/Combobox.d.ts

@@ -1,12 +1,22 @@
-import { type JSX } from "solid-js";
-import { ComboboxItem } from "./ComboboxItem";
-import { type ComponentSize } from "../../../styles/tokens.styles";
-/**
- * Item template sub-component
- */
-declare const ComboboxItemTemplate: <TArgs extends unknown[]>(props: {
-    children: (...args: TArgs) => JSX.Element;
-}) => null;
+import { type JSX, type ParentComponent } from "solid-js";
+import { type ComponentSize } from "../../../styles/control.styles";
+export interface ComboboxContextValue<TValue = unknown> {
+    /** Check if value is selected */
+    isSelected: (value: TValue) => boolean;
+    /** Select value */
+    selectValue: (value: TValue) => void;
+    /** Close dropdown */
+    closeDropdown: () => void;
+    /** Register item template */
+    setItemTemplate: (fn: ((...args: unknown[]) => JSX.Element) | undefined) => void;
+}
+export declare const ComboboxContext: import("solid-js").Context<ComboboxContextValue<unknown> | undefined>;
+export interface ComboboxItemProps<TValue = unknown> extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "onClick"> {
+    /** Item value */
+    value: TValue;
+    /** Disabled */
+    disabled?: boolean;
+}
 export interface ComboboxProps<TValue = unknown> {
     /** Currently selected value */
     value?: TValue;
@@ -17,7 +27,7 @@ export interface ComboboxProps<TValue = unknown> {
     /** Debounce delay (default: 300ms) */
     debounceMs?: number;
     /** Allow custom values */
-    allowCustomValue?: boolean;
+    allowsCustomValue?: boolean;
     /** Custom value parsing function */
     parseCustomValue?: (text: string) => TValue;
     /** Function to render selected value (required) */
@@ -43,41 +53,10 @@ export interface ComboboxProps<TValue = unknown> {
     /** Children (Combobox.Item or Combobox.ItemTemplate) */
     children?: JSX.Element;
 }
-interface ComboboxComponent {
-    <TValue = unknown>(props: ComboboxProps<TValue>): JSX.Element;
-    Item: typeof ComboboxItem;
-    ItemTemplate: typeof ComboboxItemTemplate;
-}
-/**
- * Combobox component
- *
- * An autocomplete component supporting async search and item selection.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Combobox
- *   loadItems={async (query) => {
- *     const response = await fetch(`/api/search?q=${query}`);
- *     return response.json();
- *   }}
- *   renderValue={(item) => item.name}
- *   value={selected()}
- *   onValueChange={setSelected}
- * >
- *   <Combobox.ItemTemplate>
- *     {(item) => <>{item.name}</>}
- *   </Combobox.ItemTemplate>
- * </Combobox>
- *
- * // Children approach
- * <Combobox loadItems={loadItems} renderValue={(v) => v.name}>
- *   <For each={items()}>
- *     {(item) => <Combobox.Item value={item}>{item.name}</Combobox.Item>}
- *   </For>
- * </Combobox>
- * ```
- */
-export declare const Combobox: ComboboxComponent;
-export {};
+export declare const Combobox: (<T>(props: ComboboxProps<T>) => JSX.Element) & {
+    Item: ParentComponent<ComboboxItemProps<unknown>>;
+    ItemTemplate: <TArgs extends unknown[]>(props: {
+        children: (...args: TArgs) => JSX.Element;
+    }) => null;
+};
 //# sourceMappingURL=Combobox.d.ts.map

package/dist/components/form-control/combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\combobox\\Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,GAAG,EAA+B,MAAM,UAAU,CAAC;AAQhG,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,KAAK,aAAa,EAAa,MAAM,+BAA+B,CAAC;AAiB9E;;GAEG;AACH,QAAA,MAAM,oBAAoB,GAAI,KAAK,SAAS,OAAO,EAAE,EAAE,OAAO;IAC5D,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3C,SAMA,CAAC;AAGF,MAAM,WAAW,aAAa,CAAC,MAAM,GAAG,OAAO;IAC7C,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,oCAAoC;IACpC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAE3D,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAE5C,mDAAmD;IACnD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IAE5C,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE7D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,mBAAmB;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAE1B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,UAAU,iBAAiB;IACzB,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;IAC9D,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,YAAY,EAAE,OAAO,oBAAoB,CAAC;CAC3C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,EAAE,iBA4PtB,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\combobox\\Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,GAAG,EAKR,KAAK,eAAe,EACrB,MAAM,UAAU,CAAC;AAWlB,OAAO,EAAE,KAAK,aAAa,EAAO,MAAM,gCAAgC,CAAC;AAezE,MAAM,WAAW,oBAAoB,CAAC,MAAM,GAAG,OAAO;IACpD,iCAAiC;IACjC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAEvC,mBAAmB;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,qBAAqB;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,6BAA6B;IAC7B,eAAe,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CAClF;AAED,eAAO,MAAM,eAAe,uEAAwC,CAAC;AA4BrE,MAAM,WAAW,iBAAiB,CAAC,MAAM,GAAG,OAAO,CAAE,SAAQ,IAAI,CAC/D,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,OAAO,GAAG,SAAS,CACpB;IACC,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IAEd,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAmDD,MAAM,WAAW,aAAa,CAAC,MAAM,GAAG,OAAO;IAC7C,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,oCAAoC;IACpC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAE3D,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,0BAA0B;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAE5C,mDAAmD;IACnD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IAE5C,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE7D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,mBAAmB;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAE1B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AA8RD,eAAO,MAAM,QAAQ,IA9PE,CAAC,SAAU,aAAa,CAAC,CAAC,CAAC;;mBA1JpB,KAAK,SAAS,OAAO,EAAE,SAAS;QAC5D,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAC;KAC3C;CAyZC,CAAC"}