@pathscale/ui 1.2.5 → 1.2.7

package/dist/components/select/Select.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { Portal, createComponent, insert, memo, mergeProps, spread, template, use } from "solid-js/web";
 import "./Select.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__shared_overlayPosition_js_ab299723__ from "../_shared/overlayPosition.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__ from "./Select.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span><span>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button><span>");
-const SelectContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+import { createContext, createEffect, createMemo, createSignal, createUniqueId, onCleanup, onMount, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { createOverlayPosition } from "../_shared/overlayPosition.js";
+import { CLASSES } from "./Select.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<button>"), _tmpl$3 = /*#__PURE__*/ template("<span>"), _tmpl$4 = /*#__PURE__*/ template("<span><span>"), _tmpl$5 = /*#__PURE__*/ template("<button><span>");
+const SelectContext = createContext();
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
@@ -34,7 +34,7 @@ const sortOptionsByDomOrder = (options)=>[
         return 0;
     });
 const SelectRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -58,7 +58,7 @@ const SelectRoot = (props)=>{
         "onOpenChange",
         "ref"
     ]);
-    const baseId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const baseId = createUniqueId();
     const triggerId = `${baseId}-trigger`;
     const listboxId = `${baseId}-listbox`;
     const selectionMode = ()=>local.selectionMode ?? "single";
@@ -66,25 +66,25 @@ const SelectRoot = (props)=>{
     const fullWidth = ()=>Boolean(local.fullWidth);
     const disabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
     const initialSelected = normalizeSelection(selectionMode(), local.defaultSelectedKeys ?? local.defaultValue);
-    const [internalSelectedKeys, setInternalSelectedKeys] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initialSelected);
-    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.defaultOpen));
-    const [options, setOptions] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)([]);
-    const [optionTextByKey, setOptionTextByKey] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(new Map());
-    const [focusedKey, setFocusedKey] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
-    const [focusRequest, setFocusRequest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
-    const [triggerRef, setTriggerRefSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
-    const [popoverRef, setPopoverRefSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
-    const [rootRef, setRootRefSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)();
+    const [internalSelectedKeys, setInternalSelectedKeys] = createSignal(initialSelected);
+    const [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));
+    const [options, setOptions] = createSignal([]);
+    const [optionTextByKey, setOptionTextByKey] = createSignal(new Map());
+    const [focusedKey, setFocusedKey] = createSignal();
+    const [focusRequest, setFocusRequest] = createSignal(null);
+    const [triggerRef, setTriggerRefSignal] = createSignal();
+    const [popoverRef, setPopoverRefSignal] = createSignal();
+    const [rootRef, setRootRefSignal] = createSignal();
     const open = ()=>void 0 !== local.isOpen ? Boolean(local.isOpen) : internalOpen();
     const placement = ()=>local.placement ?? "bottom";
     const autoFlip = ()=>local.autoFlip ?? true;
-    const selectedKeys = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const selectedKeys = createMemo(()=>{
         const controlledValue = void 0 !== local.selectedKeys ? local.selectedKeys : local.value;
         if (void 0 !== controlledValue) return normalizeSelection(selectionMode(), controlledValue);
         return normalizeSelection(selectionMode(), internalSelectedKeys());
     });
-    const selectedSet = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>new Set(selectedKeys()));
-    const selectedText = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const selectedSet = createMemo(()=>new Set(selectedKeys()));
+    const selectedText = createMemo(()=>{
         if (!selectedKeys().length) return "";
         return selectedKeys().map((key)=>optionTextByKey().get(key) ?? key).join("multiple" === selectionMode() ? ", " : "");
     });
@@ -178,14 +178,14 @@ const SelectRoot = (props)=>{
         setRootRefSignal(el);
         if ("function" == typeof local.ref) local.ref(el);
     };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if (!open()) return;
         const request = focusRequest();
         if (!request) return;
         focusBoundary(request);
         setFocusRequest(null);
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         const currentFocused = focusedKey();
         const currentOptions = options();
         if (currentFocused && !currentOptions.some((option)=>option.key === currentFocused)) return void setFocusedKey(void 0);
@@ -194,7 +194,7 @@ const SelectRoot = (props)=>{
             setFocusedKey(selected?.key ?? currentOptions.find((option)=>!option.disabled)?.key);
         }
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+    onMount(()=>{
         const handlePointerDown = (event)=>{
             if (!open()) return;
             const target = event.target;
@@ -204,11 +204,11 @@ const SelectRoot = (props)=>{
             setOpen(false);
         };
         document.addEventListener("pointerdown", handlePointerDown);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        onCleanup(()=>{
             document.removeEventListener("pointerdown", handlePointerDown);
         });
     });
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(SelectContext.Provider, {
+    return createComponent(SelectContext.Provider, {
         value: {
             open,
             variant,
@@ -241,9 +241,9 @@ const SelectRoot = (props)=>{
         },
         get children () {
             var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setRootRef, _el$);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.flag.fullWidth, local.class, local.className)
+            use(setRootRef, _el$);
+            spread(_el$, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.base, CLASSES.variant[variant()], fullWidth() && CLASSES.flag.fullWidth, local.class, local.className)
                 }), {
                 get ["data-theme"] () {
                     return local.dataTheme;
@@ -259,14 +259,14 @@ const SelectRoot = (props)=>{
                     return selectionMode();
                 }
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            insert(_el$, ()=>local.children);
             return _el$;
         }
     });
 };
 const SelectTrigger = (props)=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(SelectContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const ctx = useContext(SelectContext);
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -281,8 +281,8 @@ const SelectTrigger = (props)=>{
     ]);
     if (!ctx) return (()=>{
         var _el$2 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.trigger, local.class, local.className)
+        spread(_el$2, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.trigger, local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -291,30 +291,30 @@ const SelectTrigger = (props)=>{
                 return local.type ?? "button";
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
-            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
+        insert(_el$2, (()=>{
+            var _c$ = memo(()=>!!local.startIcon);
             return ()=>_c$() ? (()=>{
                     var _el$3 = _tmpl$3();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconStart)
+                    spread(_el$3, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconStart)
                         }), {
                         "data-slot": "ui-select-trigger-start-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.startIcon);
+                    insert(_el$3, ()=>local.startIcon);
                     return _el$3;
                 })() : null;
         })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children, null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
-            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
+        insert(_el$2, ()=>local.children, null);
+        insert(_el$2, (()=>{
+            var _c$2 = memo(()=>!!local.endIcon);
             return ()=>_c$2() ? (()=>{
                     var _el$4 = _tmpl$3();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconEnd)
+                    spread(_el$4, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconEnd)
                         }), {
                         "data-slot": "ui-select-trigger-end-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.endIcon);
+                    insert(_el$4, ()=>local.endIcon);
                     return _el$4;
                 })() : null;
         })(), null);
@@ -363,8 +363,8 @@ const SelectTrigger = (props)=>{
     };
     return (()=>{
         var _el$5 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setRef, _el$5);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        use(setRef, _el$5);
+        spread(_el$5, mergeProps(others, {
             get id () {
                 return ctx.triggerId;
             },
@@ -372,7 +372,7 @@ const SelectTrigger = (props)=>{
                 return local.type ?? "button";
             }
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.trigger, ctx.fullWidth() && __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.triggerFullWidth, local.class, local.className)
+                class: twMerge(CLASSES.slot.trigger, ctx.fullWidth() && CLASSES.slot.triggerFullWidth, local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -397,30 +397,30 @@ const SelectTrigger = (props)=>{
             onClick: handleClick,
             onKeyDown: handleKeyDown
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (()=>{
-            var _c$3 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
+        insert(_el$5, (()=>{
+            var _c$3 = memo(()=>!!local.startIcon);
             return ()=>_c$3() ? (()=>{
                     var _el$6 = _tmpl$3();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconStart)
+                    spread(_el$6, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconStart)
                         }), {
                         "data-slot": "ui-select-trigger-start-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.startIcon);
+                    insert(_el$6, ()=>local.startIcon);
                     return _el$6;
                 })() : null;
         })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children, null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (()=>{
-            var _c$4 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
+        insert(_el$5, ()=>local.children, null);
+        insert(_el$5, (()=>{
+            var _c$4 = memo(()=>!!local.endIcon);
             return ()=>_c$4() ? (()=>{
                     var _el$7 = _tmpl$3();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconEnd)
+                    spread(_el$7, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconEnd)
                         }), {
                         "data-slot": "ui-select-trigger-end-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.endIcon);
+                    insert(_el$7, ()=>local.endIcon);
                     return _el$7;
                 })() : null;
         })(), null);
@@ -428,8 +428,8 @@ const SelectTrigger = (props)=>{
     })();
 };
 const SelectValue = (props)=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(SelectContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const ctx = useContext(SelectContext);
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -440,8 +440,8 @@ const SelectValue = (props)=>{
     const isPlaceholder = ()=>(ctx?.selectedKeys().length ?? 0) === 0;
     return (()=>{
         var _el$8 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.value, local.class, local.className)
+        spread(_el$8, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.value, local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -451,13 +451,13 @@ const SelectValue = (props)=>{
                 return isPlaceholder() ? "true" : "false";
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.children ?? (isPlaceholder() ? placeholder() : text()));
+        insert(_el$8, ()=>local.children ?? (isPlaceholder() ? placeholder() : text()));
         return _el$8;
     })();
 };
 const SelectIndicator = (props)=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(SelectContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const ctx = useContext(SelectContext);
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -467,8 +467,8 @@ const SelectIndicator = (props)=>{
     ]);
     return (()=>{
         var _el$9 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.indicator, local.class, local.className)
+        spread(_el$9, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.indicator, local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -479,30 +479,30 @@ const SelectIndicator = (props)=>{
             },
             "aria-hidden": "true"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (()=>{
-            var _c$5 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
+        insert(_el$9, (()=>{
+            var _c$5 = memo(()=>!!local.startIcon);
             return ()=>_c$5() ? (()=>{
                     var _el$0 = _tmpl$3();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconStart)
+                    spread(_el$0, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconStart)
                         }), {
                         "data-slot": "ui-select-indicator-start-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>local.startIcon);
+                    insert(_el$0, ()=>local.startIcon);
                     return _el$0;
                 })() : null;
         })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>local.children, null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (()=>{
-            var _c$6 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
+        insert(_el$9, ()=>local.children, null);
+        insert(_el$9, (()=>{
+            var _c$6 = memo(()=>!!local.endIcon);
             return ()=>_c$6() ? (()=>{
                     var _el$1 = _tmpl$3();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconEnd)
+                    spread(_el$1, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconEnd)
                         }), {
                         "data-slot": "ui-select-indicator-end-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>local.endIcon);
+                    insert(_el$1, ()=>local.endIcon);
                     return _el$1;
                 })() : null;
         })(), null);
@@ -510,8 +510,8 @@ const SelectIndicator = (props)=>{
     })();
 };
 const SelectPopover = (props)=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(SelectContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const ctx = useContext(SelectContext);
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -519,7 +519,7 @@ const SelectPopover = (props)=>{
         "style",
         "onPointerDown"
     ]);
-    const overlayPosition = (0, __WEBPACK_EXTERNAL_MODULE__shared_overlayPosition_js_ab299723__.createOverlayPosition)({
+    const overlayPosition = createOverlayPosition({
         open: ()=>ctx?.open() ?? false,
         triggerRef: ()=>ctx?.triggerRef(),
         overlayRef: ()=>ctx?.popoverRef(),
@@ -541,13 +541,13 @@ const SelectPopover = (props)=>{
             ...overlayStyle
         };
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Portal, {
+    return createComponent(Portal, {
         get children () {
             var _el$10 = _tmpl$();
             var _ref$ = ctx?.setPopoverRef;
-            "function" == typeof _ref$ && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$10);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.popover, local.class, local.className)
+            "function" == typeof _ref$ && use(_ref$, _el$10);
+            spread(_el$10, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.slot.popover, local.class, local.className)
                 }), {
                 get ["data-theme"] () {
                     return local.dataTheme;
@@ -567,14 +567,14 @@ const SelectPopover = (props)=>{
                     if (!event.defaultPrevented) event.stopPropagation();
                 }
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>local.children);
+            insert(_el$10, ()=>local.children);
             return _el$10;
         }
     });
 };
 const SelectListbox = (props)=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(SelectContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const ctx = useContext(SelectContext);
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -582,12 +582,12 @@ const SelectListbox = (props)=>{
     ]);
     return (()=>{
         var _el$11 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$11, mergeProps(others, {
             get id () {
                 return ctx?.listboxId;
             }
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.listbox, local.class, local.className)
+                class: twMerge(CLASSES.slot.listbox, local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -599,13 +599,13 @@ const SelectListbox = (props)=>{
             },
             tabindex: -1
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>local.children);
+        insert(_el$11, ()=>local.children);
         return _el$11;
     })();
 };
 const SelectOption = (props)=>{
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(SelectContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const ctx = useContext(SelectContext);
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -624,8 +624,8 @@ const SelectOption = (props)=>{
     ]);
     if (!ctx) return (()=>{
         var _el$12 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.option, local.class, local.className)
+        spread(_el$12, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.slot.option, local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -634,36 +634,36 @@ const SelectOption = (props)=>{
                 return local.type ?? "button";
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (()=>{
-            var _c$7 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
+        insert(_el$12, (()=>{
+            var _c$7 = memo(()=>!!local.startIcon);
             return ()=>_c$7() ? (()=>{
                     var _el$13 = _tmpl$3();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$13, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconStart)
+                    spread(_el$13, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconStart)
                         }), {
                         "data-slot": "ui-select-option-start-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>local.startIcon);
+                    insert(_el$13, ()=>local.startIcon);
                     return _el$13;
                 })() : null;
         })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, ()=>local.children, null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (()=>{
-            var _c$8 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
+        insert(_el$12, ()=>local.children, null);
+        insert(_el$12, (()=>{
+            var _c$8 = memo(()=>!!local.endIcon);
             return ()=>_c$8() ? (()=>{
                     var _el$14 = _tmpl$4(), _el$15 = _el$14.firstChild;
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$14, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.optionIndicator
+                    spread(_el$14, mergeProps(()=>({
+                            class: CLASSES.slot.optionIndicator
                         }), {
                         "data-slot": "ui-select-option-indicator",
                         "aria-hidden": "true"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$15, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconEnd)
+                    spread(_el$15, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconEnd)
                         }), {
                         "data-slot": "ui-select-option-end-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$15, ()=>local.endIcon);
+                    insert(_el$15, ()=>local.endIcon);
                     return _el$14;
                 })() : null;
         })(), null);
@@ -684,7 +684,7 @@ const SelectOption = (props)=>{
         });
         if ("function" == typeof local.ref) local.ref(el);
     };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+    createEffect(()=>{
         if (!optionRef) return;
         ctx.registerOption({
             key: key(),
@@ -693,7 +693,7 @@ const SelectOption = (props)=>{
             ref: optionRef
         });
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+    onCleanup(()=>{
         ctx.unregisterOption(key());
     });
     const handleClick = (event)=>{
@@ -748,13 +748,13 @@ const SelectOption = (props)=>{
     };
     return (()=>{
         var _el$16 = _tmpl$5(), _el$17 = _el$16.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setRef, _el$16);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        use(setRef, _el$16);
+        spread(_el$16, mergeProps(others, {
             get type () {
                 return local.type ?? "button";
             }
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.option, local.class, local.className)
+                class: twMerge(CLASSES.slot.option, local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -785,41 +785,41 @@ const SelectOption = (props)=>{
             onFocus: ()=>ctx.setFocusedKey(key()),
             onKeyDown: handleKeyDown
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (()=>{
-            var _c$9 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
+        insert(_el$16, (()=>{
+            var _c$9 = memo(()=>!!local.startIcon);
             return ()=>_c$9() ? (()=>{
                     var _el$18 = _tmpl$3();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconStart)
+                    spread(_el$18, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconStart)
                         }), {
                         "data-slot": "ui-select-option-start-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, ()=>local.startIcon);
+                    insert(_el$18, ()=>local.startIcon);
                     return _el$18;
                 })() : null;
         })(), _el$17);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.optionLabel
+        spread(_el$17, mergeProps(()=>({
+                class: CLASSES.slot.optionLabel
             }), {
             "data-slot": "ui-select-option-label"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, ()=>local.children);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (()=>{
-            var _c$0 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
+        insert(_el$17, ()=>local.children);
+        insert(_el$16, (()=>{
+            var _c$0 = memo(()=>!!local.endIcon);
             return ()=>_c$0() ? (()=>{
                     var _el$19 = _tmpl$4(), _el$20 = _el$19.firstChild;
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$19, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.optionIndicator
+                    spread(_el$19, mergeProps(()=>({
+                            class: CLASSES.slot.optionIndicator
                         }), {
                         "data-slot": "ui-select-option-indicator",
                         "aria-hidden": "true"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$20, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Select_classes_js_98857364__.CLASSES.slot.iconEnd)
+                    spread(_el$20, mergeProps(()=>({
+                            class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconEnd)
                         }), {
                         "data-slot": "ui-select-option-end-icon"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$20, ()=>local.endIcon);
+                    insert(_el$20, ()=>local.endIcon);
                     return _el$19;
                 })() : null;
         })(), null);

package/dist/components/select/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Select_js_c24b23c5__ from "./Select.js";
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Select_js_c24b23c5__["default"];
-export { __webpack_exports__default as default };
+import external_Select_js_default from "./Select.js";
+export { external_Select_js_default as default };