@simplysm/solid 13.0.62 → 13.0.64

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

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

package/dist/components/form-control/data-select-button/DataSelectButton.d.ts

@@ -0,0 +1,38 @@
+import { type JSX } from "solid-js";
+import { type DialogShowOptions } from "../../disclosure/DialogContext";
+import { type ComponentSize } from "../../../styles/tokens.styles";
+/** 모달에서 반환하는 결과 인터페이스 */
+export interface DataSelectModalResult<TKey> {
+    selectedKeys: TKey[];
+}
+/** DataSelectButton Props */
+export interface DataSelectButtonProps<TItem, TKey = string | number> {
+    /** 현재 선택된 키 (단일 또는 다중) */
+    value?: TKey | TKey[];
+    /** 값 변경 콜백 */
+    onValueChange?: (value: TKey | TKey[] | undefined) => void;
+    /** 키로 아이템을 로드하는 함수 */
+    load: (keys: TKey[]) => TItem[] | Promise<TItem[]>;
+    /** 선택 모달 컴포넌트 팩토리 */
+    modal: () => JSX.Element;
+    /** 아이템 렌더링 함수 */
+    renderItem: (item: TItem) => JSX.Element;
+    /** 다중 선택 모드 */
+    multiple?: boolean;
+    /** 필수 입력 */
+    required?: boolean;
+    /** 비활성화 */
+    disabled?: boolean;
+    /** 트리거 크기 */
+    size?: ComponentSize;
+    /** 테두리 없는 스타일 */
+    inset?: boolean;
+    /** 커스텀 유효성 검사 함수 */
+    validate?: (value: unknown) => string | undefined;
+    /** touchMode: 포커스 해제 후에만 에러 표시 */
+    touchMode?: boolean;
+    /** 다이얼로그 옵션 */
+    dialogOptions?: DialogShowOptions;
+}
+export declare function DataSelectButton<TItem, TKey = string | number>(props: DataSelectButtonProps<TItem, TKey>): JSX.Element;
+//# sourceMappingURL=DataSelectButton.d.ts.map

package/dist/components/form-control/data-select-button/DataSelectButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSelectButton.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\data-select-button\\DataSelectButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,GAAG,EAIT,MAAM,UAAU,CAAC;AAMlB,OAAO,EAAa,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnF,OAAO,EAAE,KAAK,aAAa,EAAa,MAAM,+BAA+B,CAAC;AAQ9E,yBAAyB;AACzB,MAAM,WAAW,qBAAqB,CAAC,IAAI;IACzC,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,6BAA6B;AAC7B,MAAM,WAAW,qBAAqB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM;IAClE,0BAA0B;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;IACtB,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAE3D,sBAAsB;IACtB,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,KAAK,EAAE,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IACnD,qBAAqB;IACrB,KAAK,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACzB,iBAAiB;IACjB,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAC;IAEzC,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa;IACb,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC;IAClD,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,eAAe;IACf,aAAa,CAAC,EAAE,iBAAiB,CAAC;CACnC;AA+BD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5D,KAAK,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,GACxC,GAAG,CAAC,OAAO,CAsLb"}

package/dist/components/form-control/data-select-button/DataSelectButton.js

@@ -0,0 +1,184 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { setAttribute as _$setAttribute } 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(`<span>`), _tmpl$2 = /* @__PURE__ */ _$template(`<span class="flex items-center gap-1">`), _tmpl$3 = /* @__PURE__ */ _$template(`<span>,`), _tmpl$4 = /* @__PURE__ */ _$template(`<button type=button data-clear-button tabindex=-1 aria-label="\uC120\uD0DD \uD574\uC81C">`), _tmpl$5 = /* @__PURE__ */ _$template(`<button type=button data-search-button tabindex=-1 aria-label=\uAC80\uC0C9>`), _tmpl$6 = /* @__PURE__ */ _$template(`<div data-data-select-button><div role=combobox aria-haspopup=dialog><div></div><div class="flex items-center gap-0.5">`);
+import { createEffect, createMemo, createResource, createSignal, For, on, Show, splitProps } from "solid-js";
+import clsx from "clsx";
+import { twMerge } from "tailwind-merge";
+import { IconSearch, IconX } from "@tabler/icons-solidjs";
+import { Icon } from "../../display/Icon.js";
+import { Invalid } from "../Invalid.js";
+import { useDialog } from "../../disclosure/DialogContext.js";
+import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
+import { textMuted } from "../../../styles/tokens.styles.js";
+import { triggerBaseClass, triggerDisabledClass, triggerInsetClass, triggerSizeClasses } from "../DropdownTrigger.styles.js";
+const containerClass = clsx("inline-flex items-center", "group");
+const selectedValueClass = clsx("flex-1", "whitespace-nowrap", "overflow-hidden", "text-ellipsis");
+const actionButtonClass = clsx("flex-shrink-0", "p-0.5", "rounded", "cursor-pointer", "transition-colors", "hover:bg-base-200 dark:hover:bg-base-700", "focus:outline-none");
+function getTriggerContainerClass(options) {
+  return twMerge(triggerBaseClass, "px-2 py-1", options.size && triggerSizeClasses[options.size], options.disabled && triggerDisabledClass, options.inset && triggerInsetClass, options.class);
+}
+function DataSelectButton(props) {
+  const [local] = splitProps(props, ["value", "onValueChange", "load", "modal", "renderItem", "multiple", "required", "disabled", "size", "inset", "validate", "touchMode", "dialogOptions"]);
+  const dialog = useDialog();
+  const normalizeKeys = (value) => {
+    if (value === void 0 || value === null) return [];
+    if (Array.isArray(value)) return value;
+    return [value];
+  };
+  const [getValue, setValue] = createControllableSignal({
+    value: () => local.value,
+    onChange: () => local.onValueChange
+  });
+  const [loadKeys, setLoadKeys] = createSignal(normalizeKeys(local.value));
+  createEffect(on(() => getValue(), (value) => {
+    setLoadKeys(normalizeKeys(value));
+  }));
+  const [selectedItems] = createResource(loadKeys, async (keys) => {
+    if (keys.length === 0) return [];
+    return Promise.resolve(local.load(keys));
+  });
+  const hasValue = createMemo(() => {
+    const keys = normalizeKeys(getValue());
+    return keys.length > 0;
+  });
+  const clearable = createMemo(() => !local.required && hasValue() && !local.disabled);
+  const errorMsg = createMemo(() => {
+    var _a;
+    const v = getValue();
+    if (local.required) {
+      const keys = normalizeKeys(v);
+      if (keys.length === 0) return "\uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4";
+    }
+    return (_a = local.validate) == null ? void 0 : _a.call(local, v);
+  });
+  const handleOpenModal = async () => {
+    if (local.disabled) return;
+    const result = await dialog.show(local.modal, local.dialogOptions ?? {});
+    if (result) {
+      const newKeys = result.selectedKeys;
+      if (local.multiple) {
+        setValue(newKeys);
+      } else {
+        setValue(newKeys.length > 0 ? newKeys[0] : void 0);
+      }
+    }
+  };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    if (local.multiple) {
+      setValue([]);
+    } else {
+      setValue(void 0);
+    }
+  };
+  const renderSelectedDisplay = () => {
+    const items = selectedItems();
+    if (!items || items.length === 0) {
+      return (() => {
+        var _el$ = _tmpl$();
+        _$className(_el$, textMuted);
+        return _el$;
+      })();
+    }
+    return (() => {
+      var _el$2 = _tmpl$2();
+      _$insert(_el$2, _$createComponent(For, {
+        each: items,
+        children: (item, index) => [_$createComponent(Show, {
+          get when() {
+            return index() > 0;
+          },
+          get children() {
+            var _el$3 = _tmpl$3();
+            _$className(_el$3, textMuted);
+            return _el$3;
+          }
+        }), _$memo(() => local.renderItem(item))]
+      }));
+      return _el$2;
+    })();
+  };
+  const triggerClassName = () => getTriggerContainerClass({
+    size: local.size,
+    disabled: local.disabled,
+    inset: local.inset
+  });
+  return _$createComponent(Invalid, {
+    get message() {
+      return errorMsg();
+    },
+    variant: "border",
+    get touchMode() {
+      return local.touchMode;
+    },
+    get children() {
+      var _el$4 = _tmpl$6(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+      _$className(_el$4, containerClass);
+      _el$5.$$keydown = (e) => {
+        if (local.disabled) return;
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          void handleOpenModal();
+        }
+      };
+      _$setAttribute(_el$5, "aria-expanded", false);
+      _$className(_el$6, selectedValueClass);
+      _$insert(_el$6, renderSelectedDisplay);
+      _$insert(_el$7, _$createComponent(Show, {
+        get when() {
+          return clearable();
+        },
+        get children() {
+          var _el$8 = _tmpl$4();
+          _el$8.$$click = handleClear;
+          _$insert(_el$8, _$createComponent(Icon, {
+            icon: IconX,
+            size: "0.875em"
+          }));
+          _$effect(() => _$className(_el$8, twMerge(actionButtonClass, "text-base-400 hover:text-danger-500")));
+          return _el$8;
+        }
+      }), null);
+      _$insert(_el$7, _$createComponent(Show, {
+        get when() {
+          return !local.disabled;
+        },
+        get children() {
+          var _el$9 = _tmpl$5();
+          _el$9.$$click = () => void handleOpenModal();
+          _$insert(_el$9, _$createComponent(Icon, {
+            icon: IconSearch,
+            size: "0.875em"
+          }));
+          _$effect(() => _$className(_el$9, twMerge(actionButtonClass, "text-base-400 hover:text-primary-500")));
+          return _el$9;
+        }
+      }), null);
+      _$effect((_p$) => {
+        var _v$ = local.disabled || void 0, _v$2 = local.required || void 0, _v$3 = local.disabled ? -1 : 0, _v$4 = triggerClassName();
+        _v$ !== _p$.e && _$setAttribute(_el$5, "aria-disabled", _p$.e = _v$);
+        _v$2 !== _p$.t && _$setAttribute(_el$5, "aria-required", _p$.t = _v$2);
+        _v$3 !== _p$.a && _$setAttribute(_el$5, "tabindex", _p$.a = _v$3);
+        _v$4 !== _p$.o && _$className(_el$5, _p$.o = _v$4);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0
+      });
+      return _el$4;
+    }
+  });
+}
+_$delegateEvents(["keydown", "click"]);
+export {
+  DataSelectButton
+};
+//# sourceMappingURL=DataSelectButton.js.map

package/dist/components/form-control/data-select-button/DataSelectButton.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/form-control/data-select-button/DataSelectButton.tsx"],
+  "mappings": "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",
+  "names": ["createEffect", "createMemo", "createResource", "createSignal", "For", "on", "Show", "splitProps", "clsx", "twMerge", "IconSearch", "IconX", "Icon", "Invalid", "useDialog", "createControllableSignal", "textMuted", "triggerBaseClass", "triggerDisabledClass", "triggerInsetClass", "triggerSizeClasses", "containerClass", "selectedValueClass", "actionButtonClass", "getTriggerContainerClass", "options", "size", "disabled", "inset", "class", "DataSelectButton", "props", "local", "dialog", "normalizeKeys", "value", "undefined", "Array", "isArray", "getValue", "setValue", "onChange", "onValueChange", "loadKeys", "setLoadKeys", "selectedItems", "keys", "length", "Promise", "resolve", "load", "hasValue", "clearable", "required", "errorMsg", "v", "validate", "handleOpenModal", "result", "show", "modal", "dialogOptions", "newKeys", "selectedKeys", "multiple", "handleClear", "e", "stopPropagation", "renderSelectedDisplay", "items", "_el$", "_tmpl$", "_$className", "_el$2", "_tmpl$2", "_$insert", "_$createComponent", "each", "children", "item", "index", "when", "_el$3", "_tmpl$3", "_$memo", "renderItem", "triggerClassName", "message", "variant", "touchMode", "_el$4", "_tmpl$6", "_el$5", "firstChild", "_el$6", "_el$7", "nextSibling", "$$keydown", "key", "preventDefault", "_$setAttribute", "_el$8", "_tmpl$4", "$$click", "icon", "_$effect", "_el$9", "_tmpl$5", "_p$", "_v$", "_v$2", "_v$3", "_v$4", "t", "a", "o", "_$delegateEvents"]
+}

package/dist/components/form-control/select/Select.d.ts

@@ -14,7 +14,7 @@ declare const SelectHeader: ParentComponent;
 declare const SelectItemTemplate: <TArgs extends unknown[]>(props: {
     children: (...args: TArgs) => JSX.Element;
 }) => null;
-interface SelectCommonProps {
+interface SelectCommonProps<TValue = unknown> {
     /** 비활성화 */
     disabled?: boolean;
     /** 필수 입력 */
@@ -29,12 +29,16 @@ interface SelectCommonProps {
     validate?: (value: unknown) => string | undefined;
     /** touchMode: 포커스 해제 후에만 에러 표시 */
     touchMode?: boolean;
+    /** 검색 텍스트 추출 함수 (설정 시 검색 입력 자동 표시) */
+    getSearchText?: (item: TValue) => string;
+    /** 숨김 여부 판별 함수 */
+    getIsHidden?: (item: TValue) => boolean;
     /** 커스텀 class */
     class?: string;
     /** 커스텀 style */
     style?: JSX.CSSProperties;
 }
-interface SelectSingleBaseProps<TValue> extends SelectCommonProps {
+interface SelectSingleBaseProps<TValue> extends SelectCommonProps<TValue> {
     /** 다중 선택 모드 */
     multiple?: false;
     /** 현재 선택된 값 */
@@ -46,7 +50,7 @@ interface SelectSingleBaseProps<TValue> extends SelectCommonProps {
     /** 전체 선택 버튼 숨기기 (단일 선택에서는 사용 안 함) */
     hideSelectAll?: never;
 }
-interface SelectMultipleBaseProps<TValue> extends SelectCommonProps {
+interface SelectMultipleBaseProps<TValue> extends SelectCommonProps<TValue> {
     /** 다중 선택 모드 */
     multiple: true;
     /** 현재 선택된 값 */

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\select\\Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\select\\Select.tsx"],"names":[],"mappings":"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"}

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

@@ -10,8 +10,8 @@ import { insert as _$insert } 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";
-var _tmpl$ = /* @__PURE__ */ _$template(`<button>`), _tmpl$2 = /* @__PURE__ */ _$template(`<span>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div>`), _tmpl$4 = /* @__PURE__ */ _$template(`<div role=combobox aria-haspopup=listbox><div></div><div>`);
-import { children, createMemo, createSignal, For, onCleanup, Show, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ _$template(`<button>`), _tmpl$2 = /* @__PURE__ */ _$template(`<span>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div>`), _tmpl$4 = /* @__PURE__ */ _$template(`<div role=combobox aria-haspopup=listbox><div></div><div>`), _tmpl$5 = /* @__PURE__ */ _$template(`<input type=text data-select-search placeholder=\uAC80\uC0C9...>`), _tmpl$6 = /* @__PURE__ */ _$template(`<div><button type=button data-select-all>\uC804\uCCB4\uC120\uD0DD</button><button type=button data-deselect-all>\uC804\uCCB4\uD574\uC81C`), _tmpl$7 = /* @__PURE__ */ _$template(`<span>\uBBF8\uC9C0\uC815`);
+import { children, createEffect, createMemo, createSignal, For, onCleanup, Show, splitProps } from "solid-js";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
 import { IconChevronDown } from "@tabler/icons-solidjs";
@@ -22,7 +22,7 @@ import { SelectContext } from "./SelectContext.js";
 import { useSelectContext } from "./SelectContext.js";
 import { SelectItem } from "./SelectItem.js";
 import { ripple } from "../../../directives/ripple.js";
-import { borderDefault, textMuted } from "../../../styles/tokens.styles.js";
+import { borderDefault, borderSubtle, textMuted, textPlaceholder } from "../../../styles/tokens.styles.js";
 import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
 import { createSlotSignal } from "../../../hooks/createSlotSignal.js";
 import { chevronWrapperClass, getTriggerClass } from "../DropdownTrigger.styles.js";
@@ -30,6 +30,9 @@ import { Invalid } from "../Invalid.js";
 void ripple;
 const multiTagClass = clsx("rounded", "bg-base-200 px-1", "dark:bg-base-600");
 const selectedValueClass = clsx("flex-1", "whitespace-nowrap");
+const searchInputClass = clsx("w-full", "border-b", borderSubtle, "bg-transparent", "px-2 py-1.5", "text-sm", "outline-none", textPlaceholder);
+const selectAllBarClass = clsx("flex gap-2", "border-b", borderSubtle, "px-2 py-1", "text-xs");
+const selectAllBtnClass = clsx("text-primary-500", "hover:text-primary-600 dark:hover:text-primary-400", "cursor-pointer");
 const SelectAction = (props) => {
   const [local, rest] = splitProps(props, ["children", "class"]);
   const ctx = useSelectContext();
@@ -62,31 +65,37 @@ const SelectItemTemplate = (props) => {
   return null;
 };
 const Select = (props) => {
-  const [local, rest] = splitProps(props, ["children", "class", "style", "value", "onValueChange", "multiple", "disabled", "required", "placeholder", "size", "inset", "multiDisplayDirection", "hideSelectAll", "items", "getChildren", "renderValue", "validate", "touchMode"]);
+  const [local, rest] = splitProps(props, ["children", "class", "style", "value", "onValueChange", "multiple", "disabled", "required", "placeholder", "size", "inset", "multiDisplayDirection", "hideSelectAll", "items", "getChildren", "renderValue", "validate", "touchMode", "getSearchText", "getIsHidden"]);
   const [open, setOpen] = createSignal(false);
-  const [getValue, setInternalValue] = createControllableSignal({
+  const [searchText, setSearchText] = createSignal("");
+  createEffect(() => {
+    if (!open()) {
+      setSearchText("");
+    }
+  });
+  const [value, setValue] = createControllableSignal({
     value: () => local.value,
     onChange: () => local.onValueChange
   });
-  const isSelected = (value) => {
-    const current = getValue();
+  const isSelected = (itemValue) => {
+    const current = value();
     if (current === void 0) return false;
     if (local.multiple) {
-      return Array.isArray(current) && current.includes(value);
+      return Array.isArray(current) && current.includes(itemValue);
     }
-    return current === value;
+    return current === itemValue;
   };
-  const toggleValue = (value) => {
+  const toggleValue = (itemValue) => {
     if (local.multiple) {
-      const current = getValue() ?? [];
-      const idx = current.indexOf(value);
+      const current = value() ?? [];
+      const idx = current.indexOf(itemValue);
       if (idx >= 0) {
-        setInternalValue([...current.slice(0, idx), ...current.slice(idx + 1)]);
+        setValue([...current.slice(0, idx), ...current.slice(idx + 1)]);
       } else {
-        setInternalValue([...current, value]);
+        setValue([...current, itemValue]);
       }
     } else {
-      setInternalValue(value);
+      setValue(itemValue);
     }
   };
   const closeDropdown = () => {
@@ -114,7 +123,7 @@ const Select = (props) => {
   };
   const errorMsg = createMemo(() => {
     var _a;
-    const v = getValue();
+    const v = value();
     if (local.required && (v === void 0 || v === null || v === "")) return "\uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4";
     return (_a = local.validate) == null ? void 0 : _a.call(local, v);
   });
@@ -124,6 +133,40 @@ const Select = (props) => {
     inset: local.inset,
     class: local.class
   });
+  const filteredItems = createMemo(() => {
+    if (!local.items) return void 0;
+    if (!local.getSearchText || !searchText()) return local.items;
+    const terms = searchText().trim().split(" ").filter(Boolean);
+    if (terms.length === 0) return local.items;
+    const matchesSearch = (item) => {
+      const text = local.getSearchText(item).toLowerCase();
+      if (terms.every((t) => text.includes(t.toLowerCase()))) return true;
+      if (local.getChildren) {
+        const itemChildren = local.getChildren(item, 0, 0);
+        if (itemChildren == null ? void 0 : itemChildren.some((child) => matchesSearch(child))) return true;
+      }
+      return false;
+    };
+    return local.items.filter((item) => matchesSearch(item));
+  });
+  const visibleItems = createMemo(() => {
+    const items = filteredItems();
+    if (!items || !local.getIsHidden) return items;
+    return items.filter((item) => {
+      if (local.getIsHidden(item)) {
+        return isSelected(item);
+      }
+      return true;
+    });
+  });
+  const handleSelectAll = () => {
+    const items = visibleItems();
+    if (!items) return;
+    setValue(items);
+  };
+  const handleDeselectAll = () => {
+    setValue([]);
+  };
   const SelectInner = (innerProps) => {
     const resolved = children(() => innerProps.children);
     const getItemTemplate = () => {
@@ -133,44 +176,62 @@ const Select = (props) => {
       const tpl = getItemTemplate();
       return _$createComponent(For, {
         each: itemList,
-        children: (item, index) => _$createComponent(SelectItem, {
-          value: item,
-          get children() {
-            return [_$memo(() => tpl ? tpl(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, {
+        children: (item, index) => {
+          const hidden = () => {
+            var _a;
+            return ((_a = local.getIsHidden) == null ? void 0 : _a.call(local, item)) ?? false;
+          };
+          return _$createComponent(SelectItem, {
+            value: item,
+            get ["class"]() {
+              return hidden() ? "line-through opacity-60" : void 0;
+            },
+            get children() {
+              return [_$memo(() => tpl ? tpl(item, index(), depth) : String(item)), _$createComponent(Show, {
                 get when() {
-                  return itemChildren.length > 0;
+                  var _a;
+                  return (_a = local.getChildren) == null ? void 0 : _a.call(local, item, index(), depth);
                 },
-                get children() {
-                  return _$createComponent(SelectItem.Children, {
+                keyed: true,
+                children: (itemChildren) => {
+                  const visibleChildren = () => {
+                    if (!local.getIsHidden) return itemChildren;
+                    return itemChildren.filter((child) => {
+                      if (local.getIsHidden(child)) return isSelected(child);
+                      return true;
+                    });
+                  };
+                  return _$createComponent(Show, {
+                    get when() {
+                      return visibleChildren().length > 0;
+                    },
                     get children() {
-                      return renderItems(itemChildren, depth + 1);
+                      return _$createComponent(SelectItem.Children, {
+                        get children() {
+                          return renderItems(visibleChildren(), depth + 1);
+                        }
+                      });
                     }
                   });
                 }
-              })
-            })];
-          }
-        })
+              })];
+            }
+          });
+        }
       });
     };
-    const renderValue = (value) => {
+    const renderValue = (renderVal) => {
       if (local.renderValue) {
-        return local.renderValue(value);
+        return local.renderValue(renderVal);
       }
       const tpl = getItemTemplate();
       if (tpl) {
-        return tpl(value, 0, 0);
+        return tpl(renderVal, 0, 0);
       }
-      return _$memo(() => String(value));
+      return _$memo(() => String(renderVal));
     };
     const renderSelectedValue = () => {
-      const current = getValue();
+      const current = value();
       if (current === void 0 || Array.isArray(current) && current.length === 0) {
         return (() => {
           var _el$2 = _tmpl$2();
@@ -198,6 +259,8 @@ const Select = (props) => {
       }
       return renderValue(current);
     };
+    const showUnsetItem = () => !local.multiple && !local.required && local.items !== void 0;
+    const showSelectAllBar = () => local.multiple === true && !local.hideSelectAll && local.items !== void 0;
     return (() => {
       var _el$5 = _tmpl$3();
       _$spread(_el$5, _$mergeProps(rest, {
@@ -256,6 +319,30 @@ const Select = (props) => {
                 get children() {
                   return header()();
                 }
+              }), _$createComponent(Show, {
+                get when() {
+                  return _$memo(() => !!local.getSearchText)() && local.items;
+                },
+                get children() {
+                  var _el$9 = _tmpl$5();
+                  _el$9.$$input = (e) => setSearchText(e.currentTarget.value);
+                  _$className(_el$9, searchInputClass);
+                  _$effect(() => _el$9.value = searchText());
+                  return _el$9;
+                }
+              }), _$createComponent(Show, {
+                get when() {
+                  return showSelectAllBar();
+                },
+                get children() {
+                  var _el$0 = _tmpl$6(), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling;
+                  _$className(_el$0, selectAllBarClass);
+                  _el$1.$$click = handleSelectAll;
+                  _$className(_el$1, selectAllBtnClass);
+                  _el$10.$$click = handleDeselectAll;
+                  _$className(_el$10, selectAllBtnClass);
+                  return _el$0;
+                }
               }), _$createComponent(List, {
                 inset: true,
                 role: "listbox",
@@ -268,7 +355,21 @@ const Select = (props) => {
                       return resolved();
                     },
                     get children() {
-                      return renderItems(local.items, 0);
+                      return [_$createComponent(Show, {
+                        get when() {
+                          return showUnsetItem();
+                        },
+                        get children() {
+                          return _$createComponent(SelectItem, {
+                            value: void 0,
+                            get children() {
+                              var _el$11 = _tmpl$7();
+                              _$className(_el$11, textMuted);
+                              return _el$11;
+                            }
+                          });
+                        }
+                      }), _$memo(() => renderItems(visibleItems() ?? [], 0))];
                     }
                   });
                 }
@@ -282,10 +383,10 @@ const Select = (props) => {
           return action();
         },
         get children() {
-          var _el$9 = _tmpl$3();
-          _$insert(_el$9, action());
-          _$effect(() => _$className(_el$9, clsx("contents", "[&>[data-select-action]:last-child]:rounded-r", "[&>[data-select-action]+[data-select-action]]:-ml-px")));
-          return _el$9;
+          var _el$12 = _tmpl$3();
+          _$insert(_el$12, action());
+          _$effect(() => _$className(_el$12, clsx("contents", "[&>[data-select-action]:last-child]:rounded-r", "[&>[data-select-action]+[data-select-action]]:-ml-px")));
+          return _el$12;
         }
       }), null);
       return _el$5;
@@ -317,7 +418,7 @@ Select.Item = SelectItem;
 Select.Action = SelectAction;
 Select.Header = SelectHeader;
 Select.ItemTemplate = SelectItemTemplate;
-_$delegateEvents(["keydown"]);
+_$delegateEvents(["keydown", "input", "click"]);
 export {
   Select
 };