@manafishrov/ui 1.4.4 → 1.4.6

package/dist/components/Select.js

@@ -1,219 +1,196 @@
-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 _ 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 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));
-}, B = o.Context, D = (t) => {
-  const [e, s] = i(t, ["class", "items", "value", "onValueChange"]);
-  return (() => {
-    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, r(C, {
-      get each() {
-        return e.items;
-      },
-      children: (d) => {
-        const p = () => e.value === d.value;
-        return (() => {
-          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
-          }), u;
-        })();
-      }
-    })), a;
-  })();
-}, E = (t) => {
-  const [e, s] = i(t, ["class", "positioning"]), a = {
-    placement: "bottom-start",
-    gutter: 4,
-    sameWidth: !0,
-    ...e.positioning
-  };
-  return r(o.Root, l({
-    get class() {
-      return n("flex w-full flex-col", e.class);
-    },
-    positioning: a
-  }, s));
-}, J = Object.assign(E, {
-  Tabs: D
-}), Q = (t) => {
-  const [e, s] = i(t, ["class"]);
-  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));
-}, U = (t) => {
-  const [e, s] = i(t, ["class"]);
-  return r(o.ItemGroup, l({
-    "data-slot": "select-group",
-    get class() {
-      return n("scroll-my-1", e.class);
-    }
-  }, s));
-}, X = (t) => {
-  const [e, s] = i(t, ["class"]);
-  return r(o.ValueText, l({
-    "data-slot": "select-value",
-    get class() {
-      return n("flex flex-1 text-left", e.class);
-    }
-  }, s));
-}, 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));
-}, Z = (t) => {
-  const [e, s] = i(t, ["class", "children"]);
-  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 ?? r(L, {
-        class: "size-4"
-      });
-    }
-  }));
-}, w = (t, e) => {
-  if (typeof t == "function") {
-    t(e);
-    return;
-  }
-  if (Array.isArray(t)) {
-    const [s, a] = t;
-    s(a, e);
-  }
-}, ee = (t) => {
-  const [e, s] = i(t, ["class", "children", "tabIndex", "onClick", "onKeyDown"]);
-  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(), w(e.onClick, a);
-    },
-    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 ?? r(T, {
-        class: "size-3.5"
-      });
-    }
-  }));
-}, te = (t) => {
-  const [e, s] = i(t, ["class"]);
-  return r(o.Positioner, l({
-    get class() {
-      return n("isolate z-50", e.class);
-    }
-  }, s));
-}, se = (t) => {
-  const [e, s] = i(t, ["class"]);
-  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));
-}, ae = (t) => {
-  const [e, s] = i(t, ["class"]);
-  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));
-}, re = (t) => {
-  const [e, s] = i(t, ["class", "children"]);
-  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 [r(o.ItemText, {
-        class: "gap-2 flex flex-1 shrink-0 whitespace-nowrap",
-        get children() {
-          return e.children;
-        }
-      }), r(o.ItemIndicator, {
-        class: "right-2 size-4 pointer-events-none absolute flex items-center justify-center",
-        get children() {
-          return r(_, {
-            class: "pointer-events-none"
-          });
-        }
-      })];
-    }
-  }));
-}, oe = (t) => {
-  const [e, s] = i(t, ["class"]);
-  return (() => {
-    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;
-  })();
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import t from "../_virtual/~icons/material-symbols/expand-more.js";
+import n from "../_virtual/~icons/material-symbols/check.js";
+import r from "../_virtual/~icons/material-symbols/close.js";
+import { select_exports as i } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/RJHFA54S.js";
+import { createSelectTriggerRef as a } from "../primitives/selectTriggerRef.js";
+import { For as o, className as s, createComponent as c, delegateEvents as l, effect as u, insert as d, mergeProps as f, setAttribute as p, spread as m, template as h } from "solid-js/web";
+import { splitProps as g } from "solid-js";
+//#region src/components/Select.tsx
+var _ = /* @__PURE__ */ h("<div role=tablist data-slot=select-tabs>"), v = /* @__PURE__ */ h("<button type=button role=tab>"), y = /* @__PURE__ */ h("<div data-slot=select-separator>"), b = i.Control, x = i.ItemContext, S = i.HiddenSelect, C = (t) => {
+	let [n, r] = g(t, ["class"]);
+	return c(i.List, f({
+		"data-slot": "select-list",
+		get class() {
+			return e("p-1 max-h-[min(var(--available-height),300px)] overflow-y-auto", n.class);
+		}
+	}, r));
+}, w = i.Context, T = Object.assign((t) => {
+	let [n, r] = g(t, ["class", "positioning"]), a = {
+		placement: "bottom-start",
+		gutter: 4,
+		sameWidth: !0,
+		...n.positioning
+	};
+	return c(i.Root, f({
+		get class() {
+			return e("flex w-full flex-col", n.class);
+		},
+		positioning: a
+	}, r));
+}, { Tabs: (t) => {
+	let [n, r] = g(t, [
+		"class",
+		"items",
+		"value",
+		"onValueChange"
+	]);
+	return (() => {
+		var t = _();
+		return m(t, f({ get class() {
+			return e("gap-1 p-1 inline-flex rounded-md bg-muted", n.class);
+		} }, r), !1, !0), d(t, c(o, {
+			get each() {
+				return n.items;
+			},
+			children: (t) => {
+				let r = () => n.value === t.value;
+				return (() => {
+					var i = v();
+					return i.$$click = () => {
+						typeof n.onValueChange == "function" && t.disabled !== !0 && n.onValueChange(t.value);
+					}, d(i, () => t.label), u((n) => {
+						var a = t.disabled === !0, o = r(), c = r() ? "active" : "inactive", l = e("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 a !== n.e && (i.disabled = n.e = a), o !== n.t && p(i, "aria-selected", n.t = o), c !== n.a && p(i, "data-state", n.a = c), l !== n.o && s(i, n.o = l), n;
+					}, {
+						e: void 0,
+						t: void 0,
+						a: void 0,
+						o: void 0
+					}), i;
+				})();
+			}
+		})), t;
+	})();
+} }), E = (t) => {
+	let [n, r] = g(t, ["class"]);
+	return c(i.Label, f({ get class() {
+		return e("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.class);
+	} }, r));
+}, D = (t) => {
+	let [n, r] = g(t, ["class"]);
+	return c(i.ItemGroup, f({
+		"data-slot": "select-group",
+		get class() {
+			return e("scroll-my-1", n.class);
+		}
+	}, r));
+}, O = (t) => {
+	let [n, r] = g(t, ["class"]);
+	return c(i.ValueText, f({
+		"data-slot": "select-value",
+		get class() {
+			return e("flex flex-1 text-left", n.class);
+		}
+	}, r));
+}, k = (t) => {
+	let [n, r] = g(t, [
+		"class",
+		"size",
+		"ref"
+	]), o = n.size ?? "default", s = typeof n.ref == "function" ? a(n.ref) : a();
+	return c(i.Trigger, f({
+		ref: s,
+		"data-slot": "select-trigger",
+		"data-size": o,
+		get class() {
+			return e("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", n.class);
+		}
+	}, r));
+}, A = (n) => {
+	let [r, a] = g(n, ["class", "children"]);
+	return c(i.Indicator, f({ get class() {
+		return e("opacity-50 transition-transform data-[state=open]:rotate-180", r.class);
+	} }, a, { get children() {
+		return r.children ?? c(t, { class: "size-4" });
+	} }));
+}, j = (e, t) => {
+	if (typeof e == "function") {
+		e(t);
+		return;
+	}
+	if (Array.isArray(e)) {
+		let [n, r] = e;
+		n(r, t);
+	}
+}, M = (t) => {
+	let [n, a] = g(t, [
+		"class",
+		"children",
+		"tabIndex",
+		"onClick",
+		"onKeyDown"
+	]);
+	return c(i.ClearTrigger, f({
+		get class() {
+			return e("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.class);
+		},
+		onClick: (e) => {
+			e.stopPropagation(), j(n.onClick, e);
+		},
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && e.stopPropagation(), j(n.onKeyDown, e);
+		}
+	}, a, {
+		get tabIndex() {
+			return n.tabIndex ?? 0;
+		},
+		get children() {
+			return n.children ?? c(r, { class: "size-3.5" });
+		}
+	}));
+}, N = (t) => {
+	let [n, r] = g(t, ["class"]);
+	return c(i.Positioner, f({ get class() {
+		return e("isolate z-50", n.class);
+	} }, r));
+}, P = (t) => {
+	let [n, r] = g(t, ["class"]);
+	return c(i.Content, f({
+		"data-slot": "select-content",
+		get class() {
+			return e("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", n.class);
+		}
+	}, r));
+}, F = (t) => {
+	let [n, r] = g(t, ["class"]);
+	return c(i.ItemGroupLabel, f({
+		"data-slot": "select-group-label",
+		get class() {
+			return e("px-1.5 py-1 text-xs text-muted-foreground", n.class);
+		}
+	}, r));
+}, I = (t) => {
+	let [r, a] = g(t, ["class", "children"]);
+	return c(i.Item, f({
+		"data-slot": "select-item",
+		get class() {
+			return e("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", r.class);
+		}
+	}, a, { get children() {
+		return [c(i.ItemText, {
+			class: "gap-2 flex flex-1 shrink-0 whitespace-nowrap",
+			get children() {
+				return r.children;
+			}
+		}), c(i.ItemIndicator, {
+			class: "right-2 size-4 pointer-events-none absolute flex items-center justify-center",
+			get children() {
+				return c(n, { class: "pointer-events-none" });
+			}
+		})];
+	} }));
+}, L = (t) => {
+	let [n, r] = g(t, ["class"]);
+	return (() => {
+		var t = y();
+		return m(t, f({ get class() {
+			return e("-mx-1 my-1 pointer-events-none h-px bg-border", n.class);
+		} }, r), !1, !1), t;
+	})();
 };
-z(["click"]);
-export {
-  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
+l(["click"]);
+//#endregion
+export { T as Select, M as SelectClearTrigger, P as SelectContent, w as SelectContext, b as SelectControl, D as SelectGroup, S as SelectHiddenSelect, A as SelectIndicator, I as SelectItem, x as SelectItemContext, F as SelectItemGroupLabel, E as SelectLabel, C as SelectList, N as SelectPositioner, L as SelectSeparator, k as SelectTrigger, O 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 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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"}
+{"version":3,"file":"Select.js","names":["Component","ComponentProps","JSX","JSXElement","Select","SelectPrimitive","cn","CheckIcon","CloseIcon","ExpandMoreIcon","createSelectTriggerRef","SelectControl","Control","SelectItemContext","ItemContext","SelectHiddenSelect","HiddenSelect","SelectList","ListProps","props","local","others","splitProps","_$createComponent","List","_$mergeProps","class","SelectContext","Context","SelectComponent","value","label","RootProps","TItem","Tabs","SelectTabsProps","SelectTabsTab","disabled","items","onValueChange","SelectTabs","_el$","_tmpl$","_$spread","_$insert","_$For","each","children","tab","isActive","_el$2","_tmpl$2","$$click","_$effect","_p$","_v$","_v$2","_v$3","_v$4","e","t","_$setAttribute","a","o","_$className","undefined","SelectRoot","positioning","NonNullable","placement","gutter","sameWidth","Root","Object","assign","SelectLabel","LabelProps","Label","SelectGroup","ItemGroupProps","ItemGroup","SelectValue","ValueTextProps","ValueText","SelectTrigger","TriggerProps","size","ref","Trigger","SelectIndicator","IndicatorProps","Indicator","callEventHandler","Event","THandlerEvent","currentTarget","TElement","target","Element","handler","EventHandlerUnion","event","TEvent","Array","isArray","boundHandler","boundData","SelectClearTrigger","ClearTriggerProps","ClearTrigger","onClick","MouseEvent","HTMLButtonElement","stopPropagation","onKeyDown","KeyboardEvent","key","tabIndex","SelectPositioner","PositionerProps","Positioner","SelectContent","ContentProps","Content","SelectItemGroupLabel","ItemGroupLabelProps","ItemGroupLabel","SelectItem","ItemProps","Item","ItemText","ItemIndicator","SelectSeparator","_el$3","_tmpl$3","_$delegateEvents"],"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"],"mappings":"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"}

package/dist/components/Separator.js

@@ -1,43 +1,36 @@
-import { spread as e, mergeProps as i, template as n } from "solid-js/web";
-import { splitProps as l } from "solid-js";
-import { tv as s } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-var p = /* @__PURE__ */ n("<div data-slot=separator>");
-const c = s({
-  base: "shrink-0 bg-border",
-  variants: {
-    orientation: {
-      horizontal: "h-px w-full",
-      vertical: "h-full w-px"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal"
-  }
-}), f = (a) => {
-  const [r, o] = l(a, ["class", "orientation", "decorative"]);
-  return (() => {
-    var t = p();
-    return e(t, i({
-      get "data-orientation"() {
-        return r.orientation ?? "horizontal";
-      }
-    }, () => r.decorative === !0 ? {
-      role: "none"
-    } : {
-      role: "separator",
-      "aria-orientation": r.orientation === "vertical" ? "vertical" : "horizontal"
-    }, {
-      get class() {
-        return c({
-          orientation: r.orientation,
-          class: r.class
-        });
-      }
-    }, o), !1, !1), t;
-  })();
+import { tv as e } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/Separator.tsx
+var a = /* @__PURE__ */ r("<div data-slot=separator>"), o = e({
+	base: "shrink-0 bg-border",
+	variants: { orientation: {
+		horizontal: "h-px w-full",
+		vertical: "h-full w-px"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+}), s = (e) => {
+	let [r, s] = i(e, [
+		"class",
+		"orientation",
+		"decorative"
+	]);
+	return (() => {
+		var e = a();
+		return n(e, t({ get "data-orientation"() {
+			return r.orientation ?? "horizontal";
+		} }, () => r.decorative === !0 ? { role: "none" } : {
+			role: "separator",
+			"aria-orientation": r.orientation === "vertical" ? "vertical" : "horizontal"
+		}, { get class() {
+			return o({
+				orientation: r.orientation,
+				class: r.class
+			});
+		} }, s), !1, !1), e;
+	})();
 };
-export {
-  f as Separator,
-  c as separatorVariants
-};
-//# sourceMappingURL=Separator.js.map
+//#endregion
+export { s as Separator, o as separatorVariants };
+
+//# sourceMappingURL=Separator.js.map