@manafishrov/ui 1.4.1 → 1.4.2

package/dist/components/Select.d.ts

@@ -1,5 +1,5 @@
-import { Select as SelectPrimitive } from '@ark-ui/solid/select';
 import { Component, ComponentProps, JSX, JSXElement } from 'solid-js';
+import { Select as SelectPrimitive } from '@ark-ui/solid/select';
 export declare const SelectControl: (props: SelectPrimitive.ControlProps) => JSX.Element;
 export declare const SelectItemContext: (props: SelectPrimitive.ItemContextProps) => JSX.Element;
 export declare const SelectHiddenSelect: (props: SelectPrimitive.HiddenSelectProps) => JSX.Element;

package/dist/components/Select.js

@@ -1,111 +1,113 @@
-import { delegateEvents as S, createComponent as o, mergeProps as l, spread as w, insert as h, effect as z, setAttribute as x, className as C, template as g } from "solid-js/web";
-import { select_exports as r } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/RJHFA54S.js";
-import { splitProps as i, For as I } from "solid-js";
+import { delegateEvents as z, createComponent as r, mergeProps as l, spread as S, insert as h, For as C, effect as I, setAttribute as x, className as k, template as g } from "solid-js/web";
+import { select_exports as o } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/RJHFA54S.js";
 import { cn as n } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-import k from "../_virtual/check.js";
-import _ from "../_virtual/close.js";
-import T from "../_virtual/expand-more.js";
-var L = /* @__PURE__ */ g("<div role=tablist data-slot=select-tabs>"), P = /* @__PURE__ */ g("<button type=button role=tab>"), V = /* @__PURE__ */ g("<div data-slot=select-separator>");
-const F = r.Control, M = r.ItemContext, N = r.HiddenSelect, O = (t) => {
+import _ from "../_virtual/check.js";
+import T from "../_virtual/close.js";
+import L from "../_virtual/expand-more.js";
+import { createSelectTriggerRef as y } from "../primitives/selectTriggerRef.js";
+import { splitProps as i } from "solid-js";
+var P = /* @__PURE__ */ g("<div role=tablist data-slot=select-tabs>"), V = /* @__PURE__ */ g("<button type=button role=tab>"), A = /* @__PURE__ */ g("<div data-slot=select-separator>");
+const N = o.Control, O = o.ItemContext, W = o.HiddenSelect, q = (t) => {
   const [e, s] = i(t, ["class"]);
-  return o(r.List, l({
+  return r(o.List, l({
     "data-slot": "select-list",
     get class() {
       return n("p-1 max-h-[min(var(--available-height),300px)] overflow-y-auto", e.class);
     }
   }, s));
-}, W = r.Context, A = (t) => {
+}, B = o.Context, D = (t) => {
   const [e, s] = i(t, ["class", "items", "value", "onValueChange"]);
   return (() => {
-    var a = L();
-    return w(a, l({
+    var a = P();
+    return S(a, l({
       get class() {
         return n("gap-1 p-1 inline-flex rounded-md bg-muted", e.class);
       }
-    }, s), !1, !0), h(a, o(I, {
+    }, s), !1, !0), h(a, r(C, {
       get each() {
         return e.items;
       },
-      children: (u) => {
-        const p = () => e.value === u.value;
+      children: (d) => {
+        const p = () => e.value === d.value;
         return (() => {
-          var d = P();
-          return d.$$click = () => {
-            typeof e.onValueChange == "function" && u.disabled !== !0 && e.onValueChange(u.value);
-          }, h(d, () => u.label), z((c) => {
-            var f = u.disabled === !0, m = p(), v = p() ? "active" : "inactive", b = n("h-8 px-3 text-sm rounded-sm transition-colors", "data-[state=active]:shadow-sm data-[state=active]:bg-background data-[state=active]:text-foreground", "data-[state=inactive]:text-muted-foreground hover:data-[state=inactive]:text-foreground", "disabled:pointer-events-none disabled:opacity-50");
-            return f !== c.e && (d.disabled = c.e = f), m !== c.t && x(d, "aria-selected", c.t = m), v !== c.a && x(d, "data-state", c.a = v), b !== c.o && C(d, c.o = b), c;
+          var u = V();
+          return u.$$click = () => {
+            typeof e.onValueChange == "function" && d.disabled !== !0 && e.onValueChange(d.value);
+          }, h(u, () => d.label), I((c) => {
+            var f = d.disabled === !0, m = p(), v = p() ? "active" : "inactive", b = n("h-8 px-3 text-sm rounded-sm transition-colors", "data-[state=active]:shadow-sm data-[state=active]:bg-background data-[state=active]:text-foreground", "data-[state=inactive]:text-muted-foreground hover:data-[state=inactive]:text-foreground", "disabled:pointer-events-none disabled:opacity-50");
+            return f !== c.e && (u.disabled = c.e = f), m !== c.t && x(u, "aria-selected", c.t = m), v !== c.a && x(u, "data-state", c.a = v), b !== c.o && k(u, c.o = b), c;
           }, {
             e: void 0,
             t: void 0,
             a: void 0,
             o: void 0
-          }), d;
+          }), u;
         })();
       }
     })), a;
   })();
-}, D = (t) => {
+}, E = (t) => {
   const [e, s] = i(t, ["class", "positioning"]), a = {
     placement: "bottom-start",
     gutter: 4,
     sameWidth: !0,
     ...e.positioning
   };
-  return o(r.Root, l({
+  return r(o.Root, l({
     get class() {
       return n("flex w-full flex-col", e.class);
     },
     positioning: a
   }, s));
-}, q = Object.assign(D, {
-  Tabs: A
-}), B = (t) => {
+}, J = Object.assign(E, {
+  Tabs: D
+}), Q = (t) => {
   const [e, s] = i(t, ["class"]);
-  return o(r.Label, l({
+  return r(o.Label, l({
     get class() {
       return n("mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", e.class);
     }
   }, s));
-}, J = (t) => {
+}, U = (t) => {
   const [e, s] = i(t, ["class"]);
-  return o(r.ItemGroup, l({
+  return r(o.ItemGroup, l({
     "data-slot": "select-group",
     get class() {
       return n("scroll-my-1", e.class);
     }
   }, s));
-}, Q = (t) => {
+}, X = (t) => {
   const [e, s] = i(t, ["class"]);
-  return o(r.ValueText, l({
+  return r(o.ValueText, l({
     "data-slot": "select-value",
     get class() {
       return n("flex flex-1 text-left", e.class);
     }
   }, s));
-}, U = (t) => {
-  const [e, s] = i(t, ["class", "size"]), a = e.size ?? "default";
-  return o(r.Trigger, l({
+}, Y = (t) => {
+  const [e, s] = i(t, ["class", "size", "ref"]), a = e.size ?? "default", d = typeof e.ref == "function" ? y(e.ref) : y();
+  return r(o.Trigger, l({
+    ref: d,
     "data-slot": "select-trigger",
     "data-size": a,
     get class() {
       return n('px-2.5 text-sm *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*="size-"])]:size-4 gap-1.5 min-w-0 shadow-xs flex w-full items-center justify-between rounded-lg border border-input bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none select-none disabled:cursor-not-allowed disabled:opacity-50 data-placeholder-shown:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:text-muted-foreground', "data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)]", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40", "data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80", "data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 data-[readonly=true]:data-[focus-visible]:border-input data-[readonly=true]:data-[focus-visible]:ring-0", e.class);
     }
   }, s));
-}, X = (t) => {
+}, Z = (t) => {
   const [e, s] = i(t, ["class", "children"]);
-  return o(r.Indicator, l({
+  return r(o.Indicator, l({
     get class() {
       return n("opacity-50 transition-transform data-[state=open]:rotate-180", e.class);
     }
   }, s, {
     get children() {
-      return e.children ?? o(T, {
+      return e.children ?? r(L, {
         class: "size-4"
       });
     }
   }));
-}, y = (t, e) => {
+}, w = (t, e) => {
   if (typeof t == "function") {
     t(e);
     return;
@@ -114,104 +116,104 @@ const F = r.Control, M = r.ItemContext, N = r.HiddenSelect, O = (t) => {
     const [s, a] = t;
     s(a, e);
   }
-}, Y = (t) => {
+}, ee = (t) => {
   const [e, s] = i(t, ["class", "children", "tabIndex", "onClick", "onKeyDown"]);
-  return o(r.ClearTrigger, l({
+  return r(o.ClearTrigger, l({
     get class() {
       return n("p-0.5 rounded-[4px] text-muted-foreground transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none", e.class);
     },
     onClick: (a) => {
-      a.stopPropagation(), y(e.onClick, a);
+      a.stopPropagation(), w(e.onClick, a);
     },
     onKeyDown: (a) => {
-      (a.key === "Enter" || a.key === " ") && a.stopPropagation(), y(e.onKeyDown, a);
+      (a.key === "Enter" || a.key === " ") && a.stopPropagation(), w(e.onKeyDown, a);
     }
   }, s, {
     get tabIndex() {
       return e.tabIndex ?? 0;
     },
     get children() {
-      return e.children ?? o(_, {
+      return e.children ?? r(T, {
         class: "size-3.5"
       });
     }
   }));
-}, Z = (t) => {
+}, te = (t) => {
   const [e, s] = i(t, ["class"]);
-  return o(r.Positioner, l({
+  return r(o.Positioner, l({
     get class() {
       return n("isolate z-50", e.class);
     }
   }, s));
-}, ee = (t) => {
+}, se = (t) => {
   const [e, s] = i(t, ["class"]);
-  return o(r.Content, l({
+  return r(o.Content, l({
     "data-slot": "select-content",
     get class() {
       return n("shadow-md relative isolate z-50 max-h-(--available-height) w-(--reference-width) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-input bg-popover text-popover-foreground duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", "outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50", e.class);
     }
   }, s));
-}, te = (t) => {
+}, ae = (t) => {
   const [e, s] = i(t, ["class"]);
-  return o(r.ItemGroupLabel, l({
+  return r(o.ItemGroupLabel, l({
     "data-slot": "select-group-label",
     get class() {
       return n("px-1.5 py-1 text-xs text-muted-foreground", e.class);
     }
   }, s));
-}, se = (t) => {
+}, re = (t) => {
   const [e, s] = i(t, ["class", "children"]);
-  return o(r.Item, l({
+  return r(o.Item, l({
     "data-slot": "select-item",
     get class() {
       return n("gap-2 py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-sm outline-hidden select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center", e.class);
     }
   }, s, {
     get children() {
-      return [o(r.ItemText, {
+      return [r(o.ItemText, {
         class: "gap-2 flex flex-1 shrink-0 whitespace-nowrap",
         get children() {
           return e.children;
         }
-      }), o(r.ItemIndicator, {
+      }), r(o.ItemIndicator, {
         class: "right-2 size-4 pointer-events-none absolute flex items-center justify-center",
         get children() {
-          return o(k, {
+          return r(_, {
             class: "pointer-events-none"
           });
         }
       })];
     }
   }));
-}, ae = (t) => {
+}, oe = (t) => {
   const [e, s] = i(t, ["class"]);
   return (() => {
-    var a = V();
-    return w(a, l({
+    var a = A();
+    return S(a, l({
       get class() {
         return n("-mx-1 my-1 pointer-events-none h-px bg-border", e.class);
       }
     }, s), !1, !1), a;
   })();
 };
-S(["click"]);
+z(["click"]);
 export {
-  q as Select,
-  Y as SelectClearTrigger,
-  ee as SelectContent,
-  W as SelectContext,
-  F as SelectControl,
-  J as SelectGroup,
-  N as SelectHiddenSelect,
-  X as SelectIndicator,
-  se as SelectItem,
-  M as SelectItemContext,
-  te as SelectItemGroupLabel,
-  B as SelectLabel,
-  O as SelectList,
-  Z as SelectPositioner,
-  ae as SelectSeparator,
-  U as SelectTrigger,
-  Q as SelectValue
+  J as Select,
+  ee as SelectClearTrigger,
+  se as SelectContent,
+  B as SelectContext,
+  N as SelectControl,
+  U as SelectGroup,
+  W as SelectHiddenSelect,
+  Z as SelectIndicator,
+  re as SelectItem,
+  O as SelectItemContext,
+  ae as SelectItemGroupLabel,
+  Q as SelectLabel,
+  q as SelectList,
+  te as SelectPositioner,
+  oe as SelectSeparator,
+  Y as SelectTrigger,
+  X as SelectValue
 };
 //# sourceMappingURL=Select.js.map

package/dist/components/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@ark-ui/solid/select';\nimport {\n  type Component,\n  type ComponentProps,\n  type JSX,\n  type JSXElement,\n  For,\n  splitProps,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CheckIcon from '~icons/material-symbols/check';\nimport CloseIcon from '~icons/material-symbols/close';\nimport ExpandMoreIcon from '~icons/material-symbols/expand-more';\n\nexport const SelectControl = SelectPrimitive.Control;\nexport const SelectItemContext = SelectPrimitive.ItemContext;\nexport const SelectHiddenSelect = SelectPrimitive.HiddenSelect;\nexport const SelectList: Component<SelectPrimitive.ListProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.List\n      data-slot='select-list'\n      class={cn('p-1 max-h-[min(var(--available-height),300px)] overflow-y-auto', local.class)}\n      {...others}\n    />\n  );\n};\nexport const SelectContext = SelectPrimitive.Context;\n\ntype SelectComponent = (<TItem extends { value: string; label: string }>(\n  props: SelectPrimitive.RootProps<TItem> & { class?: string },\n) => JSXElement) & {\n  Tabs: <TItem extends { value: string; label: string }>(\n    props: SelectTabsProps<TItem>,\n  ) => JSXElement;\n};\n\nexport type SelectTabsTab<TItem extends { value: string; label: string }> = {\n  value: TItem['value'];\n  label: string;\n  disabled?: boolean;\n};\n\nexport type SelectTabsProps<TItem extends { value: string; label: string }> =\n  ComponentProps<'div'> & {\n    items: SelectTabsTab<TItem>[];\n    value?: TItem['value'];\n    onValueChange?: (value: TItem['value']) => void;\n  };\n\nconst SelectTabs = <TItem extends { value: string; label: string }>(\n  props: SelectTabsProps<TItem>,\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class', 'items', 'value', 'onValueChange']);\n  return (\n    <div\n      role='tablist'\n      data-slot='select-tabs'\n      class={cn('gap-1 p-1 inline-flex rounded-md bg-muted', local.class)}\n      {...others}\n    >\n      <For each={local.items}>\n        {(tab) => {\n          const isActive = (): boolean => local.value === tab.value;\n          return (\n            <button\n              type='button'\n              role='tab'\n              disabled={tab.disabled === true}\n              aria-selected={isActive()}\n              data-state={isActive() ? 'active' : 'inactive'}\n              class={cn(\n                'h-8 px-3 text-sm rounded-sm transition-colors',\n                'data-[state=active]:shadow-sm data-[state=active]:bg-background data-[state=active]:text-foreground',\n                'data-[state=inactive]:text-muted-foreground hover:data-[state=inactive]:text-foreground',\n                'disabled:pointer-events-none disabled:opacity-50',\n              )}\n              onClick={() => {\n                if (typeof local.onValueChange === 'function' && tab.disabled !== true) {\n                  local.onValueChange(tab.value);\n                }\n              }}\n            >\n              {tab.label}\n            </button>\n          );\n        }}\n      </For>\n    </div>\n  );\n};\n\nconst SelectRoot = <TItem extends { value: string; label: string }>(\n  props: SelectPrimitive.RootProps<TItem> & { class?: string },\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class', 'positioning']);\n\n  const positioning: NonNullable<SelectPrimitive.RootProps<TItem>['positioning']> = {\n    placement: 'bottom-start',\n    gutter: 4,\n    sameWidth: true,\n    ...local.positioning,\n  };\n\n  return (\n    <SelectPrimitive.Root\n      class={cn('flex w-full flex-col', local.class)}\n      positioning={positioning}\n      {...others}\n    />\n  );\n};\n\nexport const Select: SelectComponent = Object.assign(SelectRoot, {\n  Tabs: SelectTabs as SelectComponent['Tabs'],\n});\n\nexport const SelectLabel: Component<SelectPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.Label\n      class={cn(\n        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectGroup: Component<SelectPrimitive.ItemGroupProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ItemGroup\n      data-slot='select-group'\n      class={cn('scroll-my-1', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectValue: Component<SelectPrimitive.ValueTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ValueText\n      data-slot='select-value'\n      class={cn('flex flex-1 text-left', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectTrigger: Component<\n  SelectPrimitive.TriggerProps & { size?: 'sm' | 'default' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size']);\n  const size = local.size ?? 'default';\n\n  return (\n    <SelectPrimitive.Trigger\n      data-slot='select-trigger'\n      data-size={size}\n      class={cn(\n        'px-2.5 text-sm *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*=\"size-\"])]:size-4 gap-1.5 min-w-0 shadow-xs flex w-full items-center justify-between rounded-lg border border-input bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none select-none disabled:cursor-not-allowed disabled:opacity-50 data-placeholder-shown:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:text-muted-foreground',\n        'data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)]',\n        'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n        'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n        'data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 data-[readonly=true]:data-[focus-visible]:border-input data-[readonly=true]:data-[focus-visible]:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectIndicator: Component<SelectPrimitive.IndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <SelectPrimitive.Indicator\n      class={cn('opacity-50 transition-transform data-[state=open]:rotate-180', local.class)}\n      {...others}\n    >\n      {local.children ?? <ExpandMoreIcon class='size-4' />}\n    </SelectPrimitive.Indicator>\n  );\n};\n\nconst callEventHandler = <\n  TElement,\n  THandlerEvent extends Event,\n  TEvent extends THandlerEvent & { currentTarget: TElement; target: Element },\n>(\n  handler: JSX.EventHandlerUnion<TElement, THandlerEvent> | undefined,\n  event: TEvent,\n): void => {\n  if (typeof handler === 'function') {\n    handler(event);\n    return;\n  }\n  if (Array.isArray(handler)) {\n    const [boundHandler, boundData] = handler;\n    boundHandler(boundData, event);\n  }\n};\n\nexport const SelectClearTrigger: Component<SelectPrimitive.ClearTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'class',\n    'children',\n    'tabIndex',\n    'onClick',\n    'onKeyDown',\n  ]);\n  return (\n    <SelectPrimitive.ClearTrigger\n      class={cn(\n        'p-0.5 rounded-[4px] text-muted-foreground transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none',\n        local.class,\n      )}\n      onClick={(event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => {\n        event.stopPropagation();\n        callEventHandler(local.onClick, event);\n      }}\n      onKeyDown={(event: KeyboardEvent & { currentTarget: HTMLButtonElement; target: Element }) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.stopPropagation();\n        }\n        callEventHandler(local.onKeyDown, event);\n      }}\n      {...others}\n      tabIndex={local.tabIndex ?? 0}\n    >\n      {local.children ?? <CloseIcon class='size-3.5' />}\n    </SelectPrimitive.ClearTrigger>\n  );\n};\n\nexport const SelectPositioner: Component<SelectPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <SelectPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\n\nexport const SelectContent: Component<SelectPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.Content\n      data-slot='select-content'\n      class={cn(\n        'shadow-md relative isolate z-50 max-h-(--available-height) w-(--reference-width) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-input bg-popover text-popover-foreground duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n        'outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectItemGroupLabel: Component<SelectPrimitive.ItemGroupLabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ItemGroupLabel\n      data-slot='select-group-label'\n      class={cn('px-1.5 py-1 text-xs text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectItem: Component<SelectPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <SelectPrimitive.Item\n      data-slot='select-item'\n      class={cn(\n        \"gap-2 py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-sm outline-hidden select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center\",\n        local.class,\n      )}\n      {...others}\n    >\n      <SelectPrimitive.ItemText class='gap-2 flex flex-1 shrink-0 whitespace-nowrap'>\n        {local.children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator class='right-2 size-4 pointer-events-none absolute flex items-center justify-center'>\n        <CheckIcon class='pointer-events-none' />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n};\n\nexport const SelectSeparator: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='select-separator'\n      class={cn('-mx-1 my-1 pointer-events-none h-px bg-border', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["SelectControl","SelectPrimitive","Control","SelectItemContext","ItemContext","SelectHiddenSelect","HiddenSelect","SelectList","props","local","others","splitProps","_$createComponent","List","_$mergeProps","cn","class","SelectContext","Context","SelectTabs","_el$","_tmpl$","_$spread","_$insert","For","each","items","children","tab","isActive","value","_el$2","_tmpl$2","$$click","onValueChange","disabled","label","_$effect","_p$","_v$","_v$2","_v$3","_v$4","e","t","_$setAttribute","a","o","_$className","undefined","SelectRoot","positioning","placement","gutter","sameWidth","Root","Select","Object","assign","Tabs","SelectLabel","Label","SelectGroup","ItemGroup","SelectValue","ValueText","SelectTrigger","size","Trigger","SelectIndicator","Indicator","ExpandMoreIcon","callEventHandler","handler","event","Array","isArray","boundHandler","boundData","SelectClearTrigger","ClearTrigger","onClick","stopPropagation","onKeyDown","key","tabIndex","CloseIcon","SelectPositioner","Positioner","SelectContent","Content","SelectItemGroupLabel","ItemGroupLabel","SelectItem","Item","ItemText","ItemIndicator","CheckIcon","SelectSeparator","_el$3","_tmpl$3","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX, JSXElement } from 'solid-js';\n\nimport { Select as SelectPrimitive } from '@ark-ui/solid/select';\nimport { cn } from 'tailwind-variants';\nimport CheckIcon from '~icons/material-symbols/check';\nimport CloseIcon from '~icons/material-symbols/close';\nimport ExpandMoreIcon from '~icons/material-symbols/expand-more';\n\nimport { createSelectTriggerRef } from '../primitives/selectTriggerRef';\n\nexport const SelectControl = SelectPrimitive.Control;\nexport const SelectItemContext = SelectPrimitive.ItemContext;\nexport const SelectHiddenSelect = SelectPrimitive.HiddenSelect;\nexport const SelectList: Component<SelectPrimitive.ListProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.List\n      data-slot='select-list'\n      class={cn('p-1 max-h-[min(var(--available-height),300px)] overflow-y-auto', local.class)}\n      {...others}\n    />\n  );\n};\nexport const SelectContext = SelectPrimitive.Context;\n\ntype SelectComponent = (<TItem extends { value: string; label: string }>(\n  props: SelectPrimitive.RootProps<TItem> & { class?: string },\n) => JSXElement) & {\n  Tabs: <TItem extends { value: string; label: string }>(\n    props: SelectTabsProps<TItem>,\n  ) => JSXElement;\n};\n\nexport type SelectTabsTab<TItem extends { value: string; label: string }> = {\n  value: TItem['value'];\n  label: string;\n  disabled?: boolean;\n};\n\nexport type SelectTabsProps<TItem extends { value: string; label: string }> =\n  ComponentProps<'div'> & {\n    items: SelectTabsTab<TItem>[];\n    value?: TItem['value'];\n    onValueChange?: (value: TItem['value']) => void;\n  };\n\nconst SelectTabs = <TItem extends { value: string; label: string }>(\n  props: SelectTabsProps<TItem>,\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class', 'items', 'value', 'onValueChange']);\n  return (\n    <div\n      role='tablist'\n      data-slot='select-tabs'\n      class={cn('gap-1 p-1 inline-flex rounded-md bg-muted', local.class)}\n      {...others}\n    >\n      <For each={local.items}>\n        {(tab) => {\n          const isActive = (): boolean => local.value === tab.value;\n          return (\n            <button\n              type='button'\n              role='tab'\n              disabled={tab.disabled === true}\n              aria-selected={isActive()}\n              data-state={isActive() ? 'active' : 'inactive'}\n              class={cn(\n                'h-8 px-3 text-sm rounded-sm transition-colors',\n                'data-[state=active]:shadow-sm data-[state=active]:bg-background data-[state=active]:text-foreground',\n                'data-[state=inactive]:text-muted-foreground hover:data-[state=inactive]:text-foreground',\n                'disabled:pointer-events-none disabled:opacity-50',\n              )}\n              onClick={() => {\n                if (typeof local.onValueChange === 'function' && tab.disabled !== true) {\n                  local.onValueChange(tab.value);\n                }\n              }}\n            >\n              {tab.label}\n            </button>\n          );\n        }}\n      </For>\n    </div>\n  );\n};\n\nconst SelectRoot = <TItem extends { value: string; label: string }>(\n  props: SelectPrimitive.RootProps<TItem> & { class?: string },\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class', 'positioning']);\n\n  const positioning: NonNullable<SelectPrimitive.RootProps<TItem>['positioning']> = {\n    placement: 'bottom-start',\n    gutter: 4,\n    sameWidth: true,\n    ...local.positioning,\n  };\n\n  return (\n    <SelectPrimitive.Root\n      class={cn('flex w-full flex-col', local.class)}\n      positioning={positioning}\n      {...others}\n    />\n  );\n};\n\nexport const Select: SelectComponent = Object.assign(SelectRoot, {\n  Tabs: SelectTabs as SelectComponent['Tabs'],\n});\n\nexport const SelectLabel: Component<SelectPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.Label\n      class={cn(\n        'mb-1.5 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectGroup: Component<SelectPrimitive.ItemGroupProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ItemGroup\n      data-slot='select-group'\n      class={cn('scroll-my-1', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectValue: Component<SelectPrimitive.ValueTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ValueText\n      data-slot='select-value'\n      class={cn('flex flex-1 text-left', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectTrigger: Component<\n  SelectPrimitive.TriggerProps & { size?: 'sm' | 'default' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size', 'ref']);\n  const size = local.size ?? 'default';\n  const ref =\n    typeof local.ref === 'function' ? createSelectTriggerRef(local.ref) : createSelectTriggerRef();\n\n  return (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      data-slot='select-trigger'\n      data-size={size}\n      class={cn(\n        'px-2.5 text-sm *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*=\"size-\"])]:size-4 gap-1.5 min-w-0 shadow-xs flex w-full items-center justify-between rounded-lg border border-input bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none select-none disabled:cursor-not-allowed disabled:opacity-50 data-placeholder-shown:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:text-muted-foreground',\n        'data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)]',\n        'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n        'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n        'data-[readonly=true]:cursor-default data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 data-[readonly=true]:data-[focus-visible]:border-input data-[readonly=true]:data-[focus-visible]:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectIndicator: Component<SelectPrimitive.IndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <SelectPrimitive.Indicator\n      class={cn('opacity-50 transition-transform data-[state=open]:rotate-180', local.class)}\n      {...others}\n    >\n      {local.children ?? <ExpandMoreIcon class='size-4' />}\n    </SelectPrimitive.Indicator>\n  );\n};\n\nconst callEventHandler = <\n  TElement,\n  THandlerEvent extends Event,\n  TEvent extends THandlerEvent & { currentTarget: TElement; target: Element },\n>(\n  handler: JSX.EventHandlerUnion<TElement, THandlerEvent> | undefined,\n  event: TEvent,\n): void => {\n  if (typeof handler === 'function') {\n    handler(event);\n    return;\n  }\n  if (Array.isArray(handler)) {\n    const [boundHandler, boundData] = handler;\n    boundHandler(boundData, event);\n  }\n};\n\nexport const SelectClearTrigger: Component<SelectPrimitive.ClearTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'class',\n    'children',\n    'tabIndex',\n    'onClick',\n    'onKeyDown',\n  ]);\n  return (\n    <SelectPrimitive.ClearTrigger\n      class={cn(\n        'p-0.5 rounded-[4px] text-muted-foreground transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none',\n        local.class,\n      )}\n      onClick={(event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => {\n        event.stopPropagation();\n        callEventHandler(local.onClick, event);\n      }}\n      onKeyDown={(event: KeyboardEvent & { currentTarget: HTMLButtonElement; target: Element }) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.stopPropagation();\n        }\n        callEventHandler(local.onKeyDown, event);\n      }}\n      {...others}\n      tabIndex={local.tabIndex ?? 0}\n    >\n      {local.children ?? <CloseIcon class='size-3.5' />}\n    </SelectPrimitive.ClearTrigger>\n  );\n};\n\nexport const SelectPositioner: Component<SelectPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <SelectPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\n\nexport const SelectContent: Component<SelectPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.Content\n      data-slot='select-content'\n      class={cn(\n        'shadow-md relative isolate z-50 max-h-(--available-height) w-(--reference-width) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-input bg-popover text-popover-foreground duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n        'outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectItemGroupLabel: Component<SelectPrimitive.ItemGroupLabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ItemGroupLabel\n      data-slot='select-group-label'\n      class={cn('px-1.5 py-1 text-xs text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectItem: Component<SelectPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <SelectPrimitive.Item\n      data-slot='select-item'\n      class={cn(\n        \"gap-2 py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-sm outline-hidden select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center\",\n        local.class,\n      )}\n      {...others}\n    >\n      <SelectPrimitive.ItemText class='gap-2 flex flex-1 shrink-0 whitespace-nowrap'>\n        {local.children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator class='right-2 size-4 pointer-events-none absolute flex items-center justify-center'>\n        <CheckIcon class='pointer-events-none' />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n};\n\nexport const SelectSeparator: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='select-separator'\n      class={cn('-mx-1 my-1 pointer-events-none h-px bg-border', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["SelectControl","SelectPrimitive","Control","SelectItemContext","ItemContext","SelectHiddenSelect","HiddenSelect","SelectList","props","local","others","splitProps","_$createComponent","List","_$mergeProps","cn","class","SelectContext","Context","SelectTabs","_el$","_tmpl$","_$spread","_$insert","_$For","each","items","children","tab","isActive","value","_el$2","_tmpl$2","$$click","onValueChange","disabled","label","_$effect","_p$","_v$","_v$2","_v$3","_v$4","e","t","_$setAttribute","a","o","_$className","undefined","SelectRoot","positioning","placement","gutter","sameWidth","Root","Select","Object","assign","Tabs","SelectLabel","Label","SelectGroup","ItemGroup","SelectValue","ValueText","SelectTrigger","size","ref","createSelectTriggerRef","Trigger","SelectIndicator","Indicator","ExpandMoreIcon","callEventHandler","handler","event","Array","isArray","boundHandler","boundData","SelectClearTrigger","ClearTrigger","onClick","stopPropagation","onKeyDown","key","tabIndex","CloseIcon","SelectPositioner","Positioner","SelectContent","Content","SelectItemGroupLabel","ItemGroupLabel","SelectItem","Item","ItemText","ItemIndicator","CheckIcon","SelectSeparator","_el$3","_tmpl$3","_$delegateEvents"],"mappings":"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"}

package/dist/primitives/selectTriggerRef.d.ts

@@ -0,0 +1 @@
+export declare const createSelectTriggerRef: (forwardRef?: (element: HTMLButtonElement) => void) => ((element: HTMLButtonElement) => void);

package/dist/primitives/selectTriggerRef.js

@@ -0,0 +1,22 @@
+const a = (r) => {
+  let e = !1;
+  return (t) => {
+    t.addEventListener(
+      "pointerdown",
+      () => {
+        t.getAttribute("aria-expanded") === "true" && (e = !0);
+      },
+      !0
+    ), t.addEventListener(
+      "click",
+      (i) => {
+        e && (e = !1, i.stopPropagation());
+      },
+      !0
+    ), r && r(t);
+  };
+};
+export {
+  a as createSelectTriggerRef
+};
+//# sourceMappingURL=selectTriggerRef.js.map

package/dist/primitives/selectTriggerRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectTriggerRef.js","sources":["../../src/primitives/selectTriggerRef.ts"],"sourcesContent":["// Workaround for https://github.com/chakra-ui/ark/issues/3146\n// SolidJS event delegation causes interact-outside to close the select on pointerdown,\n// Then the delegated click re-opens it. We suppress that click when already open.\nexport const createSelectTriggerRef = (\n  forwardRef?: (element: HTMLButtonElement) => void,\n): ((element: HTMLButtonElement) => void) => {\n  let suppressNextClick = false;\n\n  return (element: HTMLButtonElement): void => {\n    element.addEventListener(\n      'pointerdown',\n      () => {\n        if (element.getAttribute('aria-expanded') === 'true') {\n          suppressNextClick = true;\n        }\n      },\n      true,\n    );\n    element.addEventListener(\n      'click',\n      (event) => {\n        if (suppressNextClick) {\n          suppressNextClick = false;\n          event.stopPropagation();\n        }\n      },\n      true,\n    );\n    if (forwardRef) {\n      forwardRef(element);\n    }\n  };\n};\n"],"names":["createSelectTriggerRef","forwardRef","suppressNextClick","element","event"],"mappings":"AAGO,MAAMA,IAAyB,CACpCC,MAC2C;AAC3C,MAAIC,IAAoB;AAExB,SAAO,CAACC,MAAqC;AAC3C,IAAAA,EAAQ;AAAA,MACN;AAAA,MACA,MAAM;AACJ,QAAIA,EAAQ,aAAa,eAAe,MAAM,WAC5CD,IAAoB;AAAA,MAExB;AAAA,MACA;AAAA,IAAA,GAEFC,EAAQ;AAAA,MACN;AAAA,MACA,CAACC,MAAU;AACT,QAAIF,MACFA,IAAoB,IACpBE,EAAM,gBAAA;AAAA,MAEV;AAAA,MACA;AAAA,IAAA,GAEEH,KACFA,EAAWE,CAAO;AAAA,EAEtB;AACF;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package",
   "name": "@manafishrov/ui",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "Styled component library for Manafish interfaces ",
   "license": "AGPL-3.0-or-later",
   "repository": {

package/src/components/Select.tsx

@@ -1,17 +1,13 @@
+import type { Component, ComponentProps, JSX, JSXElement } from 'solid-js';
+
 import { Select as SelectPrimitive } from '@ark-ui/solid/select';
-import {
-  type Component,
-  type ComponentProps,
-  type JSX,
-  type JSXElement,
-  For,
-  splitProps,
-} from 'solid-js';
 import { cn } from 'tailwind-variants';
 import CheckIcon from '~icons/material-symbols/check';
 import CloseIcon from '~icons/material-symbols/close';
 import ExpandMoreIcon from '~icons/material-symbols/expand-more';
 
+import { createSelectTriggerRef } from '../primitives/selectTriggerRef';
+
 export const SelectControl = SelectPrimitive.Control;
 export const SelectItemContext = SelectPrimitive.ItemContext;
 export const SelectHiddenSelect = SelectPrimitive.HiddenSelect;
@@ -153,11 +149,14 @@ export const SelectValue: Component<SelectPrimitive.ValueTextProps> = (props) =>
 export const SelectTrigger: Component<
   SelectPrimitive.TriggerProps & { size?: 'sm' | 'default' }
 > = (props) => {
-  const [local, others] = splitProps(props, ['class', 'size']);
+  const [local, others] = splitProps(props, ['class', 'size', 'ref']);
   const size = local.size ?? 'default';
+  const ref =
+    typeof local.ref === 'function' ? createSelectTriggerRef(local.ref) : createSelectTriggerRef();
 
   return (
     <SelectPrimitive.Trigger
+      ref={ref}
       data-slot='select-trigger'
       data-size={size}
       class={cn(

package/src/primitives/selectTriggerRef.ts

@@ -0,0 +1,33 @@
+// Workaround for https://github.com/chakra-ui/ark/issues/3146
+// SolidJS event delegation causes interact-outside to close the select on pointerdown,
+// Then the delegated click re-opens it. We suppress that click when already open.
+export const createSelectTriggerRef = (
+  forwardRef?: (element: HTMLButtonElement) => void,
+): ((element: HTMLButtonElement) => void) => {
+  let suppressNextClick = false;
+
+  return (element: HTMLButtonElement): void => {
+    element.addEventListener(
+      'pointerdown',
+      () => {
+        if (element.getAttribute('aria-expanded') === 'true') {
+          suppressNextClick = true;
+        }
+      },
+      true,
+    );
+    element.addEventListener(
+      'click',
+      (event) => {
+        if (suppressNextClick) {
+          suppressNextClick = false;
+          event.stopPropagation();
+        }
+      },
+      true,
+    );
+    if (forwardRef) {
+      forwardRef(element);
+    }
+  };
+};