@simplysm/solid 13.0.0-beta.6 → 13.0.1

package/dist/components/form-control/select/Select.js

@@ -1,80 +1,69 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { style as _$style } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { use as _$use } 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(`<button>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div data-select-header>`), _tmpl$3 = /* @__PURE__ */ _$template(`<span data-select-item-template style=display:none>`), _tmpl$4 = /* @__PURE__ */ _$template(`<span>`), _tmpl$5 = /* @__PURE__ */ _$template(`<div>`), _tmpl$6 = /* @__PURE__ */ _$template(`<div><div role=combobox aria-haspopup=listbox><div></div><div>`);
 import { children, createSignal, For, Show, splitProps } from "solid-js";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
 import { IconChevronDown } from "@tabler/icons-solidjs";
-import { Icon } from "../../display/Icon";
-import { Dropdown } from "../../disclosure/Dropdown";
-import { List } from "../../data/list/List";
-import { SelectContext } from "./SelectContext";
-import { SelectItem } from "./SelectItem";
-import { ripple } from "../../../directives/ripple";
-import { splitSlots } from "../../../helpers/splitSlots";
-import { borderDefault, textMuted } from "../../../styles/tokens.styles";
-import { createControllableSignal } from "../../../hooks/createControllableSignal";
-import { chevronWrapperClass, getTriggerClass } from "../DropdownTrigger.styles";
+import { Icon } from "../../display/Icon.js";
+import { Dropdown } from "../../disclosure/Dropdown.js";
+import { List } from "../../data/list/List.js";
+import { SelectContext } from "./SelectContext.js";
+import { SelectItem } from "./SelectItem.js";
+import { ripple } from "../../../directives/ripple.js";
+import { splitSlots } from "../../../helpers/splitSlots.js";
+import { borderDefault, textMuted } from "../../../styles/tokens.styles.js";
+import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
+import { chevronWrapperClass, getTriggerClass } from "../DropdownTrigger.styles.js";
 void ripple;
 const multiTagClass = clsx("rounded", "bg-base-200 px-1", "dark:bg-base-600");
 const selectedValueClass = clsx("flex-1", "whitespace-nowrap");
 const SelectAction = (props) => {
   const [local, rest] = splitProps(props, ["children", "class"]);
-  return /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      ...rest,
-      type: "button",
-      "data-select-action": true,
-      class: twMerge(
-        clsx(
-          "border",
-          borderDefault,
-          "px-1.5",
-          "rounded-r",
-          "font-bold text-primary-500",
-          "hover:bg-base-100 dark:hover:bg-base-700"
-        ),
-        local.class
-      ),
-      onClick: (e) => {
+  return (() => {
+    var _el$ = _tmpl$();
+    _$spread(_el$, _$mergeProps(rest, {
+      "type": "button",
+      "data-select-action": "",
+      get ["class"]() {
+        return twMerge(clsx("border", borderDefault, "px-1.5", "rounded-r", "font-bold text-primary-500", "hover:bg-base-100 dark:hover:bg-base-700"), local.class);
+      },
+      "onClick": (e) => {
         e.stopPropagation();
         if (typeof rest.onClick === "function") {
           rest.onClick(e);
         }
       }
-    },
-    local.children
-  );
+    }), false, true);
+    _$insert(_el$, () => local.children);
+    return _el$;
+  })();
 };
-const SelectHeader = (props) => /* @__PURE__ */ React.createElement("div", { "data-select-header": true }, props.children);
+const SelectHeader = (props) => (() => {
+  var _el$2 = _tmpl$2();
+  _$insert(_el$2, () => props.children);
+  return _el$2;
+})();
 const templateFnMap = /* @__PURE__ */ new WeakMap();
-const SelectItemTemplate = (props) => /* @__PURE__ */ React.createElement(
-  "span",
-  {
-    ref: (el) => {
-      templateFnMap.set(el, props.children);
-    },
-    "data-select-item-template": true,
-    style: { display: "none" }
-  }
-);
+const SelectItemTemplate = (props) => (() => {
+  var _el$3 = _tmpl$3();
+  _$use((el) => {
+    templateFnMap.set(el, props.children);
+  }, _el$3);
+  return _el$3;
+})();
 const Select = (props) => {
-  const [local, rest] = splitProps(props, [
-    "children",
-    "class",
-    "style",
-    "value",
-    "onValueChange",
-    "multiple",
-    "disabled",
-    "required",
-    "placeholder",
-    "size",
-    "inset",
-    "multiDisplayDirection",
-    "hideSelectAll",
-    "items",
-    "getChildren",
-    "renderValue"
-  ]);
+  const [local, rest] = splitProps(props, ["children", "class", "style", "value", "onValueChange", "multiple", "disabled", "required", "placeholder", "size", "inset", "multiDisplayDirection", "hideSelectAll", "items", "getChildren", "renderValue"]);
   let triggerRef;
   const [open, setOpen] = createSignal(false);
   const [getValue, setInternalValue] = createControllableSignal({
@@ -138,9 +127,32 @@ const Select = (props) => {
     };
     const renderItems = (itemList, depth) => {
       const itemTemplate = getItemTemplate();
-      return /* @__PURE__ */ React.createElement(For, { each: itemList }, (item, index) => {
-        var _a;
-        return /* @__PURE__ */ React.createElement(SelectItem, { value: item }, itemTemplate ? itemTemplate(item, index(), depth) : String(item), /* @__PURE__ */ React.createElement(Show, { when: (_a = local.getChildren) == null ? void 0 : _a.call(local, item, index(), depth), keyed: true }, (itemChildren) => /* @__PURE__ */ React.createElement(Show, { when: itemChildren.length > 0 }, /* @__PURE__ */ React.createElement(SelectItem.Children, null, renderItems(itemChildren, depth + 1)))));
+      return _$createComponent(For, {
+        each: itemList,
+        children: (item, index) => _$createComponent(SelectItem, {
+          value: item,
+          get children() {
+            return [_$memo(() => itemTemplate ? itemTemplate(item, index(), depth) : String(item)), _$createComponent(Show, {
+              get when() {
+                var _a;
+                return (_a = local.getChildren) == null ? void 0 : _a.call(local, item, index(), depth);
+              },
+              keyed: true,
+              children: (itemChildren) => _$createComponent(Show, {
+                get when() {
+                  return itemChildren.length > 0;
+                },
+                get children() {
+                  return _$createComponent(SelectItem.Children, {
+                    get children() {
+                      return renderItems(itemChildren, depth + 1);
+                    }
+                  });
+                }
+              })
+            })];
+          }
+        })
       });
     };
     const renderValue = (value) => {
@@ -151,45 +163,135 @@ const Select = (props) => {
       if (itemTemplate) {
         return itemTemplate(value, 0, 0);
       }
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, String(value));
+      return _$memo(() => String(value));
     };
     const renderSelectedValue = () => {
       const current = getValue();
       if (current === void 0 || Array.isArray(current) && current.length === 0) {
-        return /* @__PURE__ */ React.createElement("span", { class: textMuted }, local.placeholder ?? "");
+        return (() => {
+          var _el$4 = _tmpl$4();
+          _$className(_el$4, textMuted);
+          _$insert(_el$4, () => local.placeholder ?? "");
+          return _el$4;
+        })();
       }
       if (local.multiple && Array.isArray(current)) {
         const direction = local.multiDisplayDirection ?? "horizontal";
-        return /* @__PURE__ */ React.createElement("div", { class: clsx("flex gap-1", direction === "vertical" ? "flex-col" : "flex-wrap") }, /* @__PURE__ */ React.createElement(For, { each: current }, (v) => /* @__PURE__ */ React.createElement("span", { class: multiTagClass }, renderValue(v))));
+        return (() => {
+          var _el$5 = _tmpl$5();
+          _$insert(_el$5, _$createComponent(For, {
+            each: current,
+            children: (v) => (() => {
+              var _el$6 = _tmpl$4();
+              _$className(_el$6, multiTagClass);
+              _$insert(_el$6, () => renderValue(v));
+              return _el$6;
+            })()
+          }));
+          _$effect(() => _$className(_el$5, clsx("flex gap-1", direction === "vertical" ? "flex-col" : "flex-wrap")));
+          return _el$5;
+        })();
       }
       return renderValue(current);
     };
-    return /* @__PURE__ */ React.createElement("div", { ...rest, "data-select": true, class: local.inset ? "flex" : "inline-flex" }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref: triggerRef,
-        "use:ripple": !local.disabled,
-        role: "combobox",
-        "aria-haspopup": "listbox",
-        "aria-expanded": open(),
-        "aria-disabled": local.disabled || void 0,
-        "aria-required": local.required || void 0,
-        tabIndex: local.disabled ? -1 : 0,
-        class: twMerge(getTriggerClassName(), slots().selectAction.length > 0 && "rounded-r-none border-r-0"),
-        style: local.style,
-        onClick: handleTriggerClick,
-        onKeyDown: handleTriggerKeyDown
-      },
-      /* @__PURE__ */ React.createElement("div", { class: selectedValueClass }, renderSelectedValue()),
-      /* @__PURE__ */ React.createElement("div", { class: chevronWrapperClass }, /* @__PURE__ */ React.createElement(Icon, { icon: IconChevronDown, size: "1em" }))
-    ), /* @__PURE__ */ React.createElement(Show, { when: slots().selectAction.length > 0 }, slots().selectAction), /* @__PURE__ */ React.createElement(Dropdown, { triggerRef: () => triggerRef, open: open(), onOpenChange: setOpen, keyboardNav: true }, /* @__PURE__ */ React.createElement(Show, { when: slots().selectHeader.length > 0 }, slots().selectHeader.single()), /* @__PURE__ */ React.createElement(List, { inset: true, role: "listbox" }, /* @__PURE__ */ React.createElement(Show, { when: local.items, fallback: items() }, renderItems(local.items, 0)))));
+    return (() => {
+      var _el$7 = _tmpl$6(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
+      _$spread(_el$7, _$mergeProps(rest, {
+        "data-select": "",
+        get ["class"]() {
+          return local.inset ? "flex" : "inline-flex";
+        }
+      }), false, true);
+      _el$8.$$keydown = handleTriggerKeyDown;
+      _el$8.$$click = handleTriggerClick;
+      _$use(ripple, _el$8, () => !local.disabled);
+      var _ref$ = triggerRef;
+      typeof _ref$ === "function" ? _$use(_ref$, _el$8) : triggerRef = _el$8;
+      _$className(_el$9, selectedValueClass);
+      _$insert(_el$9, renderSelectedValue);
+      _$className(_el$0, chevronWrapperClass);
+      _$insert(_el$0, _$createComponent(Icon, {
+        icon: IconChevronDown,
+        size: "1em"
+      }));
+      _$insert(_el$7, _$createComponent(Show, {
+        get when() {
+          return slots().selectAction.length > 0;
+        },
+        get children() {
+          return slots().selectAction;
+        }
+      }), null);
+      _$insert(_el$7, _$createComponent(Dropdown, {
+        triggerRef: () => triggerRef,
+        get open() {
+          return open();
+        },
+        onOpenChange: setOpen,
+        keyboardNav: true,
+        get children() {
+          return [_$createComponent(Show, {
+            get when() {
+              return slots().selectHeader.length > 0;
+            },
+            get children() {
+              return slots().selectHeader.single();
+            }
+          }), _$createComponent(List, {
+            inset: true,
+            role: "listbox",
+            get children() {
+              return _$createComponent(Show, {
+                get when() {
+                  return local.items;
+                },
+                get fallback() {
+                  return items();
+                },
+                get children() {
+                  return renderItems(local.items, 0);
+                }
+              });
+            }
+          })];
+        }
+      }), null);
+      _$effect((_p$) => {
+        var _v$ = open(), _v$2 = local.disabled || void 0, _v$3 = local.required || void 0, _v$4 = local.disabled ? -1 : 0, _v$5 = twMerge(getTriggerClassName(), slots().selectAction.length > 0 && "rounded-r-none border-r-0"), _v$6 = local.style;
+        _v$ !== _p$.e && _$setAttribute(_el$8, "aria-expanded", _p$.e = _v$);
+        _v$2 !== _p$.t && _$setAttribute(_el$8, "aria-disabled", _p$.t = _v$2);
+        _v$3 !== _p$.a && _$setAttribute(_el$8, "aria-required", _p$.a = _v$3);
+        _v$4 !== _p$.o && _$setAttribute(_el$8, "tabindex", _p$.o = _v$4);
+        _v$5 !== _p$.i && _$className(_el$8, _p$.i = _v$5);
+        _p$.n = _$style(_el$8, _v$6, _p$.n);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0,
+        i: void 0,
+        n: void 0
+      });
+      return _el$7;
+    })();
   };
-  return /* @__PURE__ */ React.createElement(SelectContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(SelectInner, null, local.children));
+  return _$createComponent(SelectContext.Provider, {
+    value: contextValue,
+    get children() {
+      return _$createComponent(SelectInner, {
+        get children() {
+          return local.children;
+        }
+      });
+    }
+  });
 };
 Select.Item = SelectItem;
 Select.Action = SelectAction;
 Select.Header = SelectHeader;
 Select.ItemTemplate = SelectItemTemplate;
+_$delegateEvents(["click", "keydown"]);
 export {
   Select
 };

package/dist/components/form-control/select/Select.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/select/Select.tsx"],
-  "sourcesContent": ["import { children, createSignal, For, type JSX, type ParentComponent, Show, splitProps } from \"solid-js\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { IconChevronDown } from \"@tabler/icons-solidjs\";\nimport { Icon } from \"../../display/Icon\";\nimport { Dropdown } from \"../../disclosure/Dropdown\";\nimport { List } from \"../../data/list/List\";\nimport { SelectContext, type SelectContextValue } from \"./SelectContext\";\nimport { SelectItem } from \"./SelectItem\";\nimport { ripple } from \"../../../directives/ripple\";\nimport { splitSlots } from \"../../../helpers/splitSlots\";\nimport { borderDefault, type ComponentSize, textMuted } from \"../../../styles/tokens.styles\";\nimport { createControllableSignal } from \"../../../hooks/createControllableSignal\";\nimport { chevronWrapperClass, getTriggerClass } from \"../DropdownTrigger.styles\";\n\nvoid ripple;\n\n// Select \uC804\uC6A9 \uC2A4\uD0C0\uC77C\nconst multiTagClass = clsx(\"rounded\", \"bg-base-200 px-1\", \"dark:bg-base-600\");\nconst selectedValueClass = clsx(\"flex-1\", \"whitespace-nowrap\");\n\n/**\n * Select \uC6B0\uCE21 \uC561\uC158 \uC11C\uBE0C \uCEF4\uD3EC\uB10C\uD2B8\n */\ninterface SelectActionProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nconst SelectAction: ParentComponent<SelectActionProps> = (props) => {\n  const [local, rest] = splitProps(props, [\"children\", \"class\"]);\n\n  return (\n    <button\n      {...rest}\n      type=\"button\"\n      data-select-action\n      class={twMerge(\n        clsx(\n          \"border\",\n          borderDefault,\n          \"px-1.5\",\n          \"rounded-r\",\n          \"font-bold text-primary-500\",\n          \"hover:bg-base-100 dark:hover:bg-base-700\",\n        ),\n        local.class,\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        if (typeof rest.onClick === \"function\") {\n          rest.onClick(e);\n        }\n      }}\n    >\n      {local.children}\n    </button>\n  );\n};\n\n/**\n * \uB4DC\uB86D\uB2E4\uC6B4 \uC0C1\uB2E8 \uCEE4\uC2A4\uD140 \uC601\uC5ED \uC11C\uBE0C \uCEF4\uD3EC\uB10C\uD2B8\n */\nconst SelectHeader: ParentComponent = (props) => <div data-select-header>{props.children}</div>;\n\n/**\n * items prop \uBC29\uC2DD\uC77C \uB54C \uC544\uC774\uD15C \uB80C\uB354\uB9C1 \uD15C\uD50C\uB9BF\n *\n * \uD568\uC218 \uCC38\uC870\uB97C \uC800\uC7A5\uD558\uAE30 \uC704\uD574 \uC804\uC5ED Map \uC0AC\uC6A9\n */\ninterface SelectItemTemplateProps<T> {\n  children: (item: T, index: number, depth: number) => JSX.Element;\n}\n\n// \uD15C\uD50C\uB9BF \uD568\uC218\uB97C \uC800\uC7A5\uD558\uB294 \uC804\uC5ED Map (WeakMap \uC0AC\uC6A9\uD558\uC5EC \uBA54\uBAA8\uB9AC \uB204\uC218 \uBC29\uC9C0)\nconst templateFnMap = new WeakMap<HTMLElement, (item: unknown, index: number, depth: number) => JSX.Element>();\n\nconst SelectItemTemplate = <T,>(props: SelectItemTemplateProps<T>) => (\n  <span\n    ref={(el) => {\n      templateFnMap.set(el, props.children as (item: unknown, index: number, depth: number) => JSX.Element);\n    }}\n    data-select-item-template\n    style={{ display: \"none\" }}\n  />\n);\n\n// Props \uC815\uC758\n\n// \uACF5\uD1B5 Props (value, onValueChange, multiple \uC81C\uC678)\ninterface SelectCommonProps {\n  /** \uBE44\uD65C\uC131\uD654 */\n  disabled?: boolean;\n\n  /** \uD544\uC218 \uC785\uB825 */\n  required?: boolean;\n\n  /** \uBBF8\uC120\uD0DD \uC2DC \uD45C\uC2DC \uD14D\uC2A4\uD2B8 */\n  placeholder?: string;\n\n  /** \uD2B8\uB9AC\uAC70 \uD06C\uAE30 */\n  size?: ComponentSize;\n\n  /** \uD14C\uB450\uB9AC \uC5C6\uB294 \uC2A4\uD0C0\uC77C */\n  inset?: boolean;\n\n  /** \uCEE4\uC2A4\uD140 class */\n  class?: string;\n\n  /** \uCEE4\uC2A4\uD140 style */\n  style?: JSX.CSSProperties;\n}\n\n// \uB2E8\uC77C \uC120\uD0DD Props\ninterface SelectSingleBaseProps<T> extends SelectCommonProps {\n  /** \uB2E4\uC911 \uC120\uD0DD \uBAA8\uB4DC */\n  multiple?: false;\n\n  /** \uD604\uC7AC \uC120\uD0DD\uB41C \uAC12 */\n  value?: T;\n\n  /** \uAC12 \uBCC0\uACBD \uCF5C\uBC31 */\n  onValueChange?: (value: T) => void;\n\n  /** \uB2E4\uC911 \uC120\uD0DD \uC2DC \uD45C\uC2DC \uBC29\uD5A5 (\uB2E8\uC77C \uC120\uD0DD\uC5D0\uC11C\uB294 \uC0AC\uC6A9 \uC548 \uD568) */\n  multiDisplayDirection?: never;\n\n  /** \uC804\uCCB4 \uC120\uD0DD \uBC84\uD2BC \uC228\uAE30\uAE30 (\uB2E8\uC77C \uC120\uD0DD\uC5D0\uC11C\uB294 \uC0AC\uC6A9 \uC548 \uD568) */\n  hideSelectAll?: never;\n}\n\n// \uB2E4\uC911 \uC120\uD0DD Props\ninterface SelectMultipleBaseProps<T> extends SelectCommonProps {\n  /** \uB2E4\uC911 \uC120\uD0DD \uBAA8\uB4DC */\n  multiple: true;\n\n  /** \uD604\uC7AC \uC120\uD0DD\uB41C \uAC12 */\n  value?: T[];\n\n  /** \uAC12 \uBCC0\uACBD \uCF5C\uBC31 */\n  onValueChange?: (value: T[]) => void;\n\n  /** \uB2E4\uC911 \uC120\uD0DD \uC2DC \uD45C\uC2DC \uBC29\uD5A5 */\n  multiDisplayDirection?: \"horizontal\" | \"vertical\";\n\n  /** \uC804\uCCB4 \uC120\uD0DD \uBC84\uD2BC \uC228\uAE30\uAE30 */\n  hideSelectAll?: boolean;\n}\n\n// items \uBC29\uC2DD\ninterface SelectWithItemsPropsBase<T> {\n  items: T[];\n  getChildren?: (item: T, index: number, depth: number) => T[] | undefined;\n  renderValue?: (value: T) => JSX.Element;\n  children?: JSX.Element;\n}\n\n// children \uBC29\uC2DD\ninterface SelectWithChildrenPropsBase<T> {\n  items?: never;\n  getChildren?: never;\n  renderValue: (value: T) => JSX.Element;\n  children: JSX.Element;\n}\n\nexport type SelectProps<T = unknown> =\n  | (SelectSingleBaseProps<T> & SelectWithItemsPropsBase<T>)\n  | (SelectSingleBaseProps<T> & SelectWithChildrenPropsBase<T>)\n  | (SelectMultipleBaseProps<T> & SelectWithItemsPropsBase<T>)\n  | (SelectMultipleBaseProps<T> & SelectWithChildrenPropsBase<T>);\n\ninterface SelectComponent {\n  <T = unknown>(props: SelectProps<T>): JSX.Element;\n  Item: typeof SelectItem;\n  Action: typeof SelectAction;\n  Header: typeof SelectHeader;\n  ItemTemplate: typeof SelectItemTemplate;\n}\n\n/**\n * Select \uCEF4\uD3EC\uB10C\uD2B8\n *\n * @example\n * ```tsx\n * // children \uBC29\uC2DD\n * <Select value={selected()} onValueChange={setSelected} renderValue={(v) => v.name}>\n *   <Select.Item value={item1}>{item1.name}</Select.Item>\n *   <Select.Item value={item2}>{item2.name}</Select.Item>\n * </Select>\n *\n * // items prop \uBC29\uC2DD\n * <Select items={data} value={selected()} onValueChange={setSelected}>\n *   <Select.ItemTemplate>\n *     {(item) => <>{item.name}</>}\n *   </Select.ItemTemplate>\n * </Select>\n * ```\n */\nexport const Select: SelectComponent = <T,>(props: SelectProps<T>) => {\n  const [local, rest] = splitProps(props as SelectProps<T> & { children?: JSX.Element }, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"value\",\n    \"onValueChange\",\n    \"multiple\",\n    \"disabled\",\n    \"required\",\n    \"placeholder\",\n    \"size\",\n    \"inset\",\n    \"multiDisplayDirection\",\n    \"hideSelectAll\",\n    \"items\",\n    \"getChildren\",\n    \"renderValue\",\n  ]);\n\n  let triggerRef!: HTMLDivElement;\n\n  const [open, setOpen] = createSignal(false);\n\n  // \uC120\uD0DD\uB41C \uAC12 \uAD00\uB9AC (controlled/uncontrolled \uD328\uD134)\n  type ValueType = T | T[] | undefined;\n  const [getValue, setInternalValue] = createControllableSignal<ValueType>({\n    value: () => local.value,\n    onChange: () => local.onValueChange as ((v: ValueType) => void) | undefined,\n  } as Parameters<typeof createControllableSignal<ValueType>>[0]);\n\n  // \uAC12\uC774 \uC120\uD0DD\uB418\uC5B4 \uC788\uB294\uC9C0 \uD655\uC778\n  const isSelected = (value: T): boolean => {\n    const current = getValue();\n    if (current === undefined) return false;\n\n    if (local.multiple) {\n      return Array.isArray(current) && current.includes(value);\n    }\n    return current === value;\n  };\n\n  // \uAC12 \uD1A0\uAE00\n  const toggleValue = (value: T) => {\n    if (local.multiple) {\n      const current = (getValue() as T[] | undefined) ?? [];\n      const idx = current.indexOf(value);\n      if (idx >= 0) {\n        setInternalValue([...current.slice(0, idx), ...current.slice(idx + 1)] as T[]);\n      } else {\n        setInternalValue([...current, value] as T[]);\n      }\n    } else {\n      setInternalValue(value);\n    }\n  };\n\n  // \uB4DC\uB86D\uB2E4\uC6B4 \uB2EB\uAE30\n  const closeDropdown = () => {\n    setOpen(false);\n  };\n\n  // Context \uAC12\n  const contextValue: SelectContextValue<T> = {\n    multiple: () => local.multiple ?? false,\n    isSelected,\n    toggleValue,\n    closeDropdown,\n  };\n\n  // \uD2B8\uB9AC\uAC70 \uD074\uB9AD\n  const handleTriggerClick = () => {\n    if (local.disabled) return;\n    setOpen((v) => !v);\n  };\n\n  // \uD2B8\uB9AC\uAC70 \uD0A4\uBCF4\uB4DC \uCC98\uB9AC (Enter/Space\uB9CC \uCC98\uB9AC, ArrowUp/Down\uC740 Dropdown\uC774 \uCC98\uB9AC)\n  const handleTriggerKeyDown = (e: KeyboardEvent) => {\n    if (local.disabled) return;\n\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      setOpen(true);\n    }\n  };\n\n  // \uD2B8\uB9AC\uAC70 \uD074\uB798\uC2A4\n  const getTriggerClassName = () =>\n    getTriggerClass({\n      size: local.size,\n      disabled: local.disabled,\n      inset: local.inset,\n      class: local.class,\n    });\n\n  // \uB0B4\uBD80 \uCEF4\uD3EC\uB10C\uD2B8: Provider \uC548\uC5D0\uC11C children\uC744 resolve\n  const SelectInner: ParentComponent = (innerProps) => {\n    const resolved = children(() => innerProps.children);\n    const [slots, items] = splitSlots(resolved, [\"selectHeader\", \"selectAction\", \"selectItemTemplate\"] as const);\n\n    // itemTemplate \uD568\uC218 \uCD94\uCD9C\n    const getItemTemplate = (): ((item: T, index: number, depth: number) => JSX.Element) | undefined => {\n      const templateSlots = slots().selectItemTemplate;\n      if (templateSlots.length === 0) return undefined;\n      // WeakMap\uC5D0\uC11C \uD568\uC218 \uCC38\uC870 \uAC00\uC838\uC624\uAE30\n      return templateFnMap.get(templateSlots[0]) as\n        | ((item: T, index: number, depth: number) => JSX.Element)\n        | undefined;\n    };\n\n    // items \uC7AC\uADC0 \uB80C\uB354\uB9C1\n    const renderItems = (itemList: T[], depth: number): JSX.Element => {\n      const itemTemplate = getItemTemplate();\n      return (\n        <For each={itemList}>\n          {(item, index) => (\n            <SelectItem value={item}>\n              {itemTemplate ? itemTemplate(item, index(), depth) : String(item)}\n              <Show when={local.getChildren?.(item, index(), depth)} keyed>\n                {(itemChildren) => (\n                  <Show when={itemChildren.length > 0}>\n                    <SelectItem.Children>{renderItems(itemChildren, depth + 1)}</SelectItem.Children>\n                  </Show>\n                )}\n              </Show>\n            </SelectItem>\n          )}\n        </For>\n      );\n    };\n\n    // \uC120\uD0DD\uB41C \uAC12 \uB80C\uB354\uB9C1 (items \uBC29\uC2DD\uC77C \uB54C itemTemplate \uC7AC\uC0AC\uC6A9)\n    const renderValue = (value: T): JSX.Element => {\n      if (local.renderValue) {\n        return local.renderValue(value);\n      }\n      const itemTemplate = getItemTemplate();\n      if (itemTemplate) {\n        return itemTemplate(value, 0, 0);\n      }\n      return <>{String(value)}</>;\n    };\n\n    // \uC120\uD0DD\uB41C \uAC12 \uD45C\uC2DC\n    const renderSelectedValue = (): JSX.Element => {\n      const current = getValue();\n\n      if (current === undefined || (Array.isArray(current) && current.length === 0)) {\n        return <span class={textMuted}>{local.placeholder ?? \"\"}</span>;\n      }\n\n      if (local.multiple && Array.isArray(current)) {\n        const direction = local.multiDisplayDirection ?? \"horizontal\";\n        return (\n          <div class={clsx(\"flex gap-1\", direction === \"vertical\" ? \"flex-col\" : \"flex-wrap\")}>\n            <For each={current}>{(v) => <span class={multiTagClass}>{renderValue(v)}</span>}</For>\n          </div>\n        );\n      }\n\n      return renderValue(current as T);\n    };\n\n    return (\n      <div {...rest} data-select class={local.inset ? \"flex\" : \"inline-flex\"}>\n        <div\n          ref={triggerRef}\n          use:ripple={!local.disabled}\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={open()}\n          aria-disabled={local.disabled || undefined}\n          aria-required={local.required || undefined}\n          tabIndex={local.disabled ? -1 : 0}\n          class={twMerge(getTriggerClassName(), slots().selectAction.length > 0 && \"rounded-r-none border-r-0\")}\n          style={local.style}\n          onClick={handleTriggerClick}\n          onKeyDown={handleTriggerKeyDown}\n        >\n          <div class={selectedValueClass}>{renderSelectedValue()}</div>\n          <div class={chevronWrapperClass}>\n            <Icon icon={IconChevronDown} size=\"1em\" />\n          </div>\n        </div>\n        <Show when={slots().selectAction.length > 0}>{slots().selectAction}</Show>\n\n        <Dropdown triggerRef={() => triggerRef} open={open()} onOpenChange={setOpen} keyboardNav>\n          <Show when={slots().selectHeader.length > 0}>{slots().selectHeader.single()}</Show>\n          <List inset role=\"listbox\">\n            <Show when={local.items} fallback={items()}>\n              {renderItems(local.items!, 0)}\n            </Show>\n          </List>\n        </Dropdown>\n      </div>\n    );\n  };\n\n  return (\n    <SelectContext.Provider value={contextValue as SelectContextValue}>\n      <SelectInner>{local.children}</SelectInner>\n    </SelectContext.Provider>\n  );\n};\n\nSelect.Item = SelectItem;\nSelect.Action = SelectAction;\nSelect.Header = SelectHeader;\nSelect.ItemTemplate = SelectItemTemplate;\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["children", "createSignal", "For", "Show", "splitProps", "clsx", "twMerge", "IconChevronDown", "Icon", "Dropdown", "List", "SelectContext", "SelectItem", "ripple", "splitSlots", "borderDefault", "textMuted", "createControllableSignal", "chevronWrapperClass", "getTriggerClass", "multiTagClass", "selectedValueClass", "SelectAction", "props", "local", "rest", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "class", "e", "stopPropagation", "onClick", "_$insert", "SelectHeader", "_el$2", "_tmpl$2", "templateFnMap", "WeakMap", "SelectItemTemplate", "_el$3", "_tmpl$3", "_$use", "el", "set", "Select", "triggerRef", "open", "setOpen", "getValue", "setInternalValue", "value", "onChange", "onValueChange", "isSelected", "current", "undefined", "multiple", "Array", "isArray", "includes", "toggleValue", "idx", "indexOf", "slice", "closeDropdown", "contextValue", "handleTriggerClick", "disabled", "v", "handleTriggerKeyDown", "key", "preventDefault", "getTriggerClassName", "size", "inset", "SelectInner", "innerProps", "resolved", "slots", "items", "getItemTemplate", "templateSlots", "selectItemTemplate", "length", "get", "renderItems", "itemList", "depth", "itemTemplate", "_$createComponent", "each", "item", "index", "_$memo", "String", "when", "getChildren", "keyed", "itemChildren", "Children", "renderValue", "renderSelectedValue", "_el$4", "_tmpl$4", "_$className", "placeholder", "direction", "multiDisplayDirection", "_el$5", "_tmpl$5", "_el$6", "_$effect", "_el$7", "_tmpl$6", "_el$8", "firstChild", "_el$9", "_el$0", "nextSibling", "$$keydown", "$$click", "_ref$", "icon", "selectAction", "onOpenChange", "keyboardNav", "selectHeader", "single", "role", "fallback", "_p$", "_v$", "_v$2", "_v$3", "required", "_v$4", "_v$5", "_v$6", "style", "_$setAttribute", "t", "a", "o", "i", "n", "_$style", "Provider", "Item", "Action", "Header", "ItemTemplate", "_$delegateEvents"]
 }

package/dist/components/form-control/select/SelectContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContext.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/select/SelectContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpE,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,OAAO;IAC7C,kBAAkB;IAClB,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE5B,qBAAqB;IACrB,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC;IAElC,iBAAiB;IACjB,WAAW,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAEhC,cAAc;IACd,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,qEAAsC,CAAC;AAEjE,wBAAgB,gBAAgB,CAAC,CAAC,GAAG,OAAO,KAAK,kBAAkB,CAAC,CAAC,CAAC,CAMrE"}

package/dist/components/form-control/select/SelectContext.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/select/SelectContext.ts"],
-  "sourcesContent": ["import { createContext, useContext, type Accessor } from \"solid-js\";\n\nexport interface SelectContextValue<T = unknown> {\n  /** \uB2E4\uC911 \uC120\uD0DD \uBAA8\uB4DC \uC5EC\uBD80 */\n  multiple: Accessor<boolean>;\n\n  /** \uAC12\uC774 \uC120\uD0DD\uB418\uC5B4 \uC788\uB294\uC9C0 \uD655\uC778 */\n  isSelected: (value: T) => boolean;\n\n  /** \uAC12 \uC120\uD0DD/\uD574\uC81C \uD1A0\uAE00 */\n  toggleValue: (value: T) => void;\n\n  /** \uB4DC\uB86D\uB2E4\uC6B4 \uB2EB\uAE30 */\n  closeDropdown: () => void;\n}\n\nexport const SelectContext = createContext<SelectContextValue>();\n\nexport function useSelectContext<T = unknown>(): SelectContextValue<T> {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"useSelectContext\uB294 Select \uCEF4\uD3EC\uB10C\uD2B8 \uB0B4\uBD80\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4\");\n  }\n  return context as SelectContextValue<T>;\n}\n"],
   "mappings": "AAAA,SAAS,eAAe,kBAAiC;AAgBlD,MAAM,gBAAgB,cAAkC;AAExD,SAAS,mBAAuD;AACrE,QAAM,UAAU,WAAW,aAAa;AACxC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,0IAAgD;AAAA,EAClE;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/components/form-control/select/SelectItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/select/SelectItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,GAAG,EAAE,KAAK,eAAe,EAAoB,MAAM,UAAU,CAAC;AAoBtF;;GAEG;AACH,QAAA,MAAM,kBAAkB,EAAE,eAOzB,CAAC;AAEF,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,IAAI,CACxD,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,OAAO,GAAG,SAAS,CACpB;IACC,aAAa;IACb,KAAK,EAAE,CAAC,CAAC;IAET,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,mBAAmB,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IACpF,QAAQ,EAAE,OAAO,kBAAkB,CAAC;CACrC;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,EAAE,mBA0DxB,CAAC"}

package/dist/components/form-control/select/SelectItem.js

@@ -1,22 +1,35 @@
+import { template as _$template } 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";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div class=flex data-select-item-children><div>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button><span>`);
 import { children, Show, splitProps } from "solid-js";
 import { twMerge } from "tailwind-merge";
 import { IconCheck } from "@tabler/icons-solidjs";
-import { Icon } from "../../display/Icon";
-import { useSelectContext } from "./SelectContext";
-import { ripple } from "../../../directives/ripple";
-import { List } from "../../data/list/List";
-import { Collapse } from "../../disclosure/Collapse";
-import { splitSlots } from "../../../helpers/splitSlots";
-import {
-  listItemBaseClass,
-  listItemSelectedClass,
-  listItemDisabledClass,
-  listItemIndentGuideClass,
-  listItemContentClass,
-  getListItemSelectedIconClass
-} from "../../data/list/ListItem.styles";
+import { Icon } from "../../display/Icon.js";
+import { useSelectContext } from "./SelectContext.js";
+import { ripple } from "../../../directives/ripple.js";
+import { List } from "../../data/list/List.js";
+import { Collapse } from "../../disclosure/Collapse.js";
+import { splitSlots } from "../../../helpers/splitSlots.js";
+import { listItemBaseClass, listItemSelectedClass, listItemDisabledClass, listItemIndentGuideClass, listItemContentClass, getListItemSelectedIconClass } from "../../data/list/ListItem.styles.js";
 void ripple;
-const SelectItemChildren = (props) => /* @__PURE__ */ React.createElement("div", { class: "flex", "data-select-item-children": true }, /* @__PURE__ */ React.createElement("div", { class: listItemIndentGuideClass }), /* @__PURE__ */ React.createElement(List, { inset: true, class: "flex-1" }, props.children));
+const SelectItemChildren = (props) => (() => {
+  var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+  _$className(_el$2, listItemIndentGuideClass);
+  _$insert(_el$, _$createComponent(List, {
+    inset: true,
+    "class": "flex-1",
+    get children() {
+      return props.children;
+    }
+  }), null);
+  return _el$;
+})();
 const SelectItem = (props) => {
   const [local, rest] = splitProps(props, ["children", "class", "value", "disabled"]);
   const context = useSelectContext();
@@ -32,31 +45,59 @@ const SelectItem = (props) => {
       context.closeDropdown();
     }
   };
-  const getClassName = () => twMerge(
-    listItemBaseClass,
-    isSelected() && listItemSelectedClass,
-    local.disabled && listItemDisabledClass,
-    local.class
-  );
+  const getClassName = () => twMerge(listItemBaseClass, isSelected() && listItemSelectedClass, local.disabled && listItemDisabledClass, local.class);
   const getCheckIconClass = () => getListItemSelectedIconClass(isSelected());
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      ...rest,
-      type: "button",
-      "use:ripple": useRipple(),
-      class: getClassName(),
-      "data-select-item": true,
-      "data-list-item": true,
-      role: "option",
-      "aria-selected": isSelected() || void 0,
-      "aria-disabled": local.disabled || void 0,
-      tabIndex: local.disabled ? -1 : 0,
-      onClick: handleClick
+  return [(() => {
+    var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
+    _$use(ripple, _el$3, () => useRipple());
+    _$spread(_el$3, _$mergeProps(rest, {
+      "type": "button",
+      get ["class"]() {
+        return getClassName();
+      },
+      "data-select-item": "",
+      "data-list-item": "",
+      "role": "option",
+      get ["aria-selected"]() {
+        return isSelected() || void 0;
+      },
+      get ["aria-disabled"]() {
+        return local.disabled || void 0;
+      },
+      get tabIndex() {
+        return local.disabled ? -1 : 0;
+      },
+      "onClick": handleClick
+    }), false, true);
+    _$insert(_el$3, _$createComponent(Show, {
+      get when() {
+        return _$memo(() => !!context.multiple())() && !hasChildren();
+      },
+      get children() {
+        return _$createComponent(Icon, {
+          icon: IconCheck,
+          get ["class"]() {
+            return getCheckIconClass();
+          }
+        });
+      }
+    }), _el$4);
+    _$className(_el$4, listItemContentClass);
+    _$insert(_el$4, content);
+    return _el$3;
+  })(), _$createComponent(Show, {
+    get when() {
+      return hasChildren();
     },
-    /* @__PURE__ */ React.createElement(Show, { when: context.multiple() && !hasChildren() }, /* @__PURE__ */ React.createElement(Icon, { icon: IconCheck, class: getCheckIconClass() })),
-    /* @__PURE__ */ React.createElement("span", { class: listItemContentClass }, content())
-  ), /* @__PURE__ */ React.createElement(Show, { when: hasChildren() }, /* @__PURE__ */ React.createElement(Collapse, { open: true }, slots().selectItemChildren.single())));
+    get children() {
+      return _$createComponent(Collapse, {
+        open: true,
+        get children() {
+          return slots().selectItemChildren.single();
+        }
+      });
+    }
+  })];
 };
 SelectItem.Children = SelectItemChildren;
 export {

package/dist/components/form-control/select/SelectItem.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/select/SelectItem.tsx"],
-  "sourcesContent": ["import { children, type JSX, type ParentComponent, Show, splitProps } from \"solid-js\";\nimport { twMerge } from \"tailwind-merge\";\nimport { IconCheck } from \"@tabler/icons-solidjs\";\nimport { Icon } from \"../../display/Icon\";\nimport { useSelectContext } from \"./SelectContext\";\nimport { ripple } from \"../../../directives/ripple\";\nimport { List } from \"../../data/list/List\";\nimport { Collapse } from \"../../disclosure/Collapse\";\nimport { splitSlots } from \"../../../helpers/splitSlots\";\nimport {\n  listItemBaseClass,\n  listItemSelectedClass,\n  listItemDisabledClass,\n  listItemIndentGuideClass,\n  listItemContentClass,\n  getListItemSelectedIconClass,\n} from \"../../data/list/ListItem.styles\";\n\nvoid ripple;\n\n/**\n * \uC911\uCCA9 \uC544\uC774\uD15C\uC744 \uB2F4\uB294 \uC11C\uBE0C \uCEF4\uD3EC\uB10C\uD2B8\n */\nconst SelectItemChildren: ParentComponent = (props) => (\n  <div class=\"flex\" data-select-item-children>\n    <div class={listItemIndentGuideClass} />\n    <List inset class=\"flex-1\">\n      {props.children}\n    </List>\n  </div>\n);\n\nexport interface SelectItemProps<T = unknown> extends Omit<\n  JSX.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"value\" | \"onClick\"\n> {\n  /** \uC544\uC774\uD15C\uC758 \uAC12 */\n  value: T;\n\n  /** \uBE44\uD65C\uC131\uD654 */\n  disabled?: boolean;\n}\n\ninterface SelectItemComponent<T = unknown> extends ParentComponent<SelectItemProps<T>> {\n  Children: typeof SelectItemChildren;\n}\n\n/**\n * Select \uB4DC\uB86D\uB2E4\uC6B4 \uB0B4\uC758 \uC120\uD0DD \uAC00\uB2A5\uD55C \uC544\uC774\uD15C\n *\n * @example\n * ```tsx\n * <Select.Item value={item}>{item.name}</Select.Item>\n *\n * // \uC911\uCCA9 \uC544\uC774\uD15C\n * <Select.Item value={parent}>\n *   {parent.name}\n *   <Select.Item.Children>\n *     <Select.Item value={child}>{child.name}</Select.Item>\n *   </Select.Item.Children>\n * </Select.Item>\n * ```\n */\nexport const SelectItem: SelectItemComponent = <T,>(props: SelectItemProps<T> & { children?: JSX.Element }) => {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"value\", \"disabled\"]);\n\n  const context = useSelectContext<T>();\n\n  const resolved = children(() => local.children);\n  const [slots, content] = splitSlots(resolved, [\"selectItemChildren\"] as const);\n\n  const hasChildren = () => slots().selectItemChildren.length > 0;\n  const isSelected = () => context.isSelected(local.value);\n  const useRipple = () => !local.disabled;\n\n  const handleClick = () => {\n    if (local.disabled) return;\n\n    context.toggleValue(local.value);\n\n    // \uB2E8\uC77C \uC120\uD0DD \uBAA8\uB4DC\uC5D0\uC11C\uB9CC \uB4DC\uB86D\uB2E4\uC6B4 \uB2EB\uAE30\n    if (!context.multiple()) {\n      context.closeDropdown();\n    }\n  };\n\n  const getClassName = () =>\n    twMerge(\n      listItemBaseClass,\n      isSelected() && listItemSelectedClass,\n      local.disabled && listItemDisabledClass,\n      local.class,\n    );\n\n  const getCheckIconClass = () => getListItemSelectedIconClass(isSelected());\n\n  return (\n    <>\n      <button\n        {...rest}\n        type=\"button\"\n        use:ripple={useRipple()}\n        class={getClassName()}\n        data-select-item\n        data-list-item\n        role=\"option\"\n        aria-selected={isSelected() || undefined}\n        aria-disabled={local.disabled || undefined}\n        tabIndex={local.disabled ? -1 : 0}\n        onClick={handleClick}\n      >\n        <Show when={context.multiple() && !hasChildren()}>\n          <Icon icon={IconCheck} class={getCheckIconClass()} />\n        </Show>\n        <span class={listItemContentClass}>{content()}</span>\n      </button>\n      <Show when={hasChildren()}>\n        <Collapse open={true}>{slots().selectItemChildren.single()}</Collapse>\n      </Show>\n    </>\n  );\n};\n\nSelectItem.Children = SelectItemChildren;\n"],
-  "mappings": "AAAA,SAAS,UAA0C,MAAM,kBAAkB;AAC3E,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,KAAK;AAKL,MAAM,qBAAsC,CAAC,UAC3C,oCAAC,SAAI,OAAM,QAAO,6BAAyB,QACzC,oCAAC,SAAI,OAAO,0BAA0B,GACtC,oCAAC,QAAK,OAAK,MAAC,OAAM,YACf,MAAM,QACT,CACF;AAkCK,MAAM,aAAkC,CAAK,UAA2D;AAC7G,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,YAAY,SAAS,SAAS,UAAU,CAAC;AAElF,QAAM,UAAU,iBAAoB;AAEpC,QAAM,WAAW,SAAS,MAAM,MAAM,QAAQ;AAC9C,QAAM,CAAC,OAAO,OAAO,IAAI,WAAW,UAAU,CAAC,oBAAoB,CAAU;AAE7E,QAAM,cAAc,MAAM,MAAM,EAAE,mBAAmB,SAAS;AAC9D,QAAM,aAAa,MAAM,QAAQ,WAAW,MAAM,KAAK;AACvD,QAAM,YAAY,MAAM,CAAC,MAAM;AAE/B,QAAM,cAAc,MAAM;AACxB,QAAI,MAAM,SAAU;AAEpB,YAAQ,YAAY,MAAM,KAAK;AAG/B,QAAI,CAAC,QAAQ,SAAS,GAAG;AACvB,cAAQ,cAAc;AAAA,IACxB;AAAA,EACF;AAEA,QAAM,eAAe,MACnB;AAAA,IACE;AAAA,IACA,WAAW,KAAK;AAAA,IAChB,MAAM,YAAY;AAAA,IAClB,MAAM;AAAA,EACR;AAEF,QAAM,oBAAoB,MAAM,6BAA6B,WAAW,CAAC;AAEzE,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,cAAY,UAAU;AAAA,MACtB,OAAO,aAAa;AAAA,MACpB,oBAAgB;AAAA,MAChB,kBAAc;AAAA,MACd,MAAK;AAAA,MACL,iBAAe,WAAW,KAAK;AAAA,MAC/B,iBAAe,MAAM,YAAY;AAAA,MACjC,UAAU,MAAM,WAAW,KAAK;AAAA,MAChC,SAAS;AAAA;AAAA,IAET,oCAAC,QAAK,MAAM,QAAQ,SAAS,KAAK,CAAC,YAAY,KAC7C,oCAAC,QAAK,MAAM,WAAW,OAAO,kBAAkB,GAAG,CACrD;AAAA,IACA,oCAAC,UAAK,OAAO,wBAAuB,QAAQ,CAAE;AAAA,EAChD,GACA,oCAAC,QAAK,MAAM,YAAY,KACtB,oCAAC,YAAS,MAAM,QAAO,MAAM,EAAE,mBAAmB,OAAO,CAAE,CAC7D,CACF;AAEJ;AAEA,WAAW,WAAW;",
-  "names": []
+  "mappings": "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",
+  "names": ["children", "Show", "splitProps", "twMerge", "IconCheck", "Icon", "useSelectContext", "ripple", "List", "Collapse", "splitSlots", "listItemBaseClass", "listItemSelectedClass", "listItemDisabledClass", "listItemIndentGuideClass", "listItemContentClass", "getListItemSelectedIconClass", "SelectItemChildren", "props", "_el$", "_tmpl$", "_el$2", "firstChild", "_$className", "_$insert", "_$createComponent", "inset", "SelectItem", "local", "rest", "context", "resolved", "slots", "content", "hasChildren", "selectItemChildren", "length", "isSelected", "value", "useRipple", "disabled", "handleClick", "toggleValue", "multiple", "closeDropdown", "getClassName", "class", "getCheckIconClass", "_el$3", "_tmpl$2", "_el$4", "_$use", "_$spread", "_$mergeProps", "undefined", "tabIndex", "when", "_$memo", "icon", "open", "single", "Children"]
 }

package/dist/components/form-control/state-preset/StatePreset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatePreset.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/state-preset/StatePreset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AASpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AASnE,KAAK,eAAe,GAAG,aAAa,CAAC;AAErC,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,CAAC,CAAC;IACT,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAwPD,eAAO,MAAM,WAAW,EAAuB,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC"}