@cognite/aura 0.3.1 → 0.3.3

package/dist/components/ui/core/radio-group/radio-group.js

@@ -1,113 +1,58 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import { Radio as s } from "@base-ui/react/radio";
-import { RadioGroup as n } from "@base-ui/react/radio-group";
-import { cva as u } from "class-variance-authority";
-import { cn as d, selectionItemBase as b, selectionItemCard as l, selectionItemDefault as c, focusState as p, selectionItemLabel as f, selectionItemDescription as g } from "../../../../lib/utils.js";
-const m = t(
-  ({ className: r, orientation: e = "vertical", ...o }, i) => /* @__PURE__ */ a(
-    n,
-    {
-      ref: i,
-      "data-slot": "radio-group",
-      "data-orientation": e,
-      "aria-orientation": e,
-      className: d(
-        e === "horizontal" ? "flex items-center gap-2" : "grid has-[[data-variant=card]]:gap-2",
-        r
-      ),
-      ...o
-    }
-  )
-);
-m.displayName = "RadioGroup";
-const h = u(d("group/radio-group-item", b), {
-  variants: {
-    variant: {
-      default: c,
-      card: l
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), v = t(
-  ({ className: r, variant: e, ...o }, i) => /* @__PURE__ */ a(
-    "label",
-    {
-      ref: i,
-      "data-slot": "radio-group-item",
-      "data-variant": e ?? "default",
-      className: d(h({ variant: e }), r),
-      ...o
-    }
-  )
-);
-v.displayName = "RadioGroupItem";
-const I = t(({ className: r, ...e }, o) => /* @__PURE__ */ a(
-  s.Root,
-  {
-    ref: o,
-    "data-slot": "radio-group-item-control",
-    className: d(
-      "group relative flex size-4 shrink-0 items-center justify-center rounded-full bg-transparent outline-none before:pointer-events-none before:absolute before:inset-0 before:z-0 before:box-border before:rounded-full before:border-[1.5px] before:border-muted-foreground before:bg-transparent before:transition-[background-color,border-color,box-shadow] before:content-['']",
-      "data-[checked]:before:border-border-active",
-      "hover:before:border-secondary-foreground group-hover/radio-group-item:before:border-secondary-foreground",
-      "data-[checked]:hover:before:border-border-active data-[checked]:hover:before:bg-accent-background",
-      "data-[checked]:group-hover/radio-group-item:before:border-border-active data-[checked]:group-hover/radio-group-item:before:bg-accent-background",
-      "data-[disabled]:before:border-disabled-foreground data-[disabled]:before:bg-disabled-background data-[disabled]:hover:before:border-disabled-foreground data-[disabled]:group-hover/radio-group-item:before:border-disabled-foreground data-[disabled]:group-hover/radio-group-item:before:bg-disabled-background",
-      p,
-      r
-    ),
-    ...e,
-    children: /* @__PURE__ */ a(
-      s.Indicator,
-      {
-        "data-slot": "radio-group-item-indicator",
-        className: "relative z-10 flex items-center justify-center size-full",
-        children: /* @__PURE__ */ a("span", { className: "size-2.5 rounded-full bg-active-background group-hover:bg-active-background-hover group-data-[disabled]:bg-disabled-foreground" })
-      }
-    )
-  }
-));
-I.displayName = "RadioGroupItemControl";
-const R = t(
-  ({ className: r, ...e }, o) => /* @__PURE__ */ a(
-    "span",
-    {
-      ref: o,
-      "data-slot": "radio-group-item-label",
-      className: d(
-        f,
-        "group-has-[[data-checked]]/radio-group-item:text-foreground",
-        "group-has-[[data-disabled]]/radio-group-item:text-disabled-foreground",
-        r
-      ),
-      ...e
-    }
-  )
-);
-R.displayName = "RadioGroupItemLabel";
-const k = t(
-  ({ className: r, ...e }, o) => /* @__PURE__ */ a(
-    "span",
-    {
-      ref: o,
-      "data-slot": "radio-group-item-description",
-      className: d(
-        g,
-        "group-has-[[data-disabled]]/radio-group-item:text-disabled-foreground",
-        r
-      ),
-      ...e
-    }
-  )
-);
-k.displayName = "RadioGroupItemDescription";
-export {
-  m as RadioGroup,
-  v as RadioGroupItem,
-  I as RadioGroupItemControl,
-  k as RadioGroupItemDescription,
-  R as RadioGroupItemLabel
-};
+import { cn as e, focusState as t, selectionItemBase as n, selectionItemCard as r, selectionItemDefault as i, selectionItemDescription as a, selectionItemLabel as o } from "../../../../lib/utils.js";
+import { forwardRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { cva as l } from "class-variance-authority";
+import { Radio as u } from "@base-ui/react/radio";
+import { RadioGroup as d } from "@base-ui/react/radio-group";
+//#region libs/aura/src/components/ui/core/radio-group/radio-group.tsx
+var f = s(({ className: t, orientation: n = "vertical", ...r }, i) => /* @__PURE__ */ c(d, {
+	ref: i,
+	"data-slot": "radio-group",
+	"data-orientation": n,
+	"aria-orientation": n,
+	className: e(n === "horizontal" ? "flex items-center gap-2" : "grid has-[[data-variant=card]]:gap-2", t),
+	...r
+}));
+f.displayName = "RadioGroup";
+var p = l(e("group/radio-group-item", n), {
+	variants: { variant: {
+		default: i,
+		card: r
+	} },
+	defaultVariants: { variant: "default" }
+}), m = s(({ className: t, variant: n, ...r }, i) => /* @__PURE__ */ c("label", {
+	ref: i,
+	"data-slot": "radio-group-item",
+	"data-variant": n ?? "default",
+	className: e(p({ variant: n }), t),
+	...r
+}));
+m.displayName = "RadioGroupItem";
+var h = s(({ className: n, ...r }, i) => /* @__PURE__ */ c(u.Root, {
+	ref: i,
+	"data-slot": "radio-group-item-control",
+	className: e("group relative flex size-4 shrink-0 items-center justify-center rounded-full bg-transparent outline-none before:pointer-events-none before:absolute before:inset-0 before:z-0 before:box-border before:rounded-full before:border-[1.5px] before:border-muted-foreground before:bg-transparent before:transition-[background-color,border-color,box-shadow] before:content-['']", "data-[checked]:before:border-border-active", "hover:before:border-secondary-foreground group-hover/radio-group-item:before:border-secondary-foreground", "data-[checked]:hover:before:border-border-active data-[checked]:hover:before:bg-accent-background", "data-[checked]:group-hover/radio-group-item:before:border-border-active data-[checked]:group-hover/radio-group-item:before:bg-accent-background", "data-[disabled]:before:border-disabled-foreground data-[disabled]:before:bg-disabled-background data-[disabled]:hover:before:border-disabled-foreground data-[disabled]:group-hover/radio-group-item:before:border-disabled-foreground data-[disabled]:group-hover/radio-group-item:before:bg-disabled-background", t, n),
+	...r,
+	children: /* @__PURE__ */ c(u.Indicator, {
+		"data-slot": "radio-group-item-indicator",
+		className: "relative z-10 flex items-center justify-center size-full",
+		children: /* @__PURE__ */ c("span", { className: "size-2.5 rounded-full bg-active-background group-hover:bg-active-background-hover group-data-[disabled]:bg-disabled-foreground" })
+	})
+}));
+h.displayName = "RadioGroupItemControl";
+var g = s(({ className: t, ...n }, r) => /* @__PURE__ */ c("span", {
+	ref: r,
+	"data-slot": "radio-group-item-label",
+	className: e(o, "group-has-[[data-checked]]/radio-group-item:text-foreground", "group-has-[[data-disabled]]/radio-group-item:text-disabled-foreground", t),
+	...n
+}));
+g.displayName = "RadioGroupItemLabel";
+var _ = s(({ className: t, ...n }, r) => /* @__PURE__ */ c("span", {
+	ref: r,
+	"data-slot": "radio-group-item-description",
+	className: e(a, "group-has-[[data-disabled]]/radio-group-item:text-disabled-foreground", t),
+	...n
+}));
+_.displayName = "RadioGroupItemDescription";
+//#endregion
+export { f as RadioGroup, m as RadioGroupItem, h as RadioGroupItemControl, _ as RadioGroupItemDescription, g as RadioGroupItemLabel };

package/dist/components/ui/core/reasoning/reasoning.js

@@ -1,88 +1,57 @@
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-import { createContext as g, forwardRef as s, useContext as c } from "react";
-import { IconBrain as m } from "@tabler/icons-react";
-import { cn as i } from "../../../../lib/utils.js";
-const l = g(!0), p = () => c(l), b = s(
-  ({ className: t, children: e, ...o }, a) => /* @__PURE__ */ n(
-    "div",
-    {
-      ref: a,
-      "data-slot": "reasoning",
-      className: i(
-        "relative flex w-full flex-col gap-2 not-prose py-2",
-        t
-      ),
-      ...o,
-      children: e
-    }
-  )
-);
-b.displayName = "Reasoning";
-const u = s(
-  ({ className: t, title: e = "Reasoning", children: o, ...a }, r) => /* @__PURE__ */ d(
-    "div",
-    {
-      ref: r,
-      "data-slot": "reasoning-header",
-      className: i(
-        "flex items-center gap-2 text-base leading-5 tracking-tighter text-muted-foreground",
-        t
-      ),
-      ...a,
-      children: [
-        /* @__PURE__ */ n(m, { className: "size-4 shrink-0" }),
-        o ?? /* @__PURE__ */ n("span", { children: e })
-      ]
-    }
-  )
-);
+import { cn as e } from "../../../../lib/utils.js";
+import { createContext as t, forwardRef as n, useContext as r } from "react";
+import { IconBrain as i } from "@tabler/icons-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/reasoning/reasoning.tsx
+var s = t(!0), c = () => r(s), l = n(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ a("div", {
+	ref: i,
+	"data-slot": "reasoning",
+	className: e("relative flex w-full flex-col gap-2 not-prose py-2", t),
+	...r,
+	children: n
+}));
+l.displayName = "Reasoning";
+var u = n(({ className: t, title: n = "Reasoning", children: r, ...s }, c) => /* @__PURE__ */ o("div", {
+	ref: c,
+	"data-slot": "reasoning-header",
+	className: e("flex items-center gap-2 text-base leading-5 tracking-tighter text-muted-foreground", t),
+	...s,
+	children: [/* @__PURE__ */ a(i, { className: "size-4 shrink-0" }), r ?? /* @__PURE__ */ a("span", { children: n })]
+}));
 u.displayName = "ReasoningHeader";
-const x = s(
-  ({ className: t, children: e, ...o }, a) => {
-    const r = Array.isArray(e) && e.filter(Boolean).length > 1;
-    return /* @__PURE__ */ n(l.Provider, { value: r, children: /* @__PURE__ */ n(f, { ref: a, className: t, ...o, children: e }) });
-  }
-);
-x.displayName = "ReasoningContent";
-const f = s(({ className: t, children: e, ...o }, a) => /* @__PURE__ */ n(
-  "div",
-  {
-    ref: a,
-    "data-slot": "reasoning-content-inner",
-    className: i("relative flex flex-col gap-0 pl-4", t),
-    ...o,
-    children: e
-  }
-));
+var d = n(({ className: e, children: t, ...n }, r) => {
+	let i = Array.isArray(t) && t.filter(Boolean).length > 1;
+	return /* @__PURE__ */ a(s.Provider, {
+		value: i,
+		children: /* @__PURE__ */ a(f, {
+			ref: r,
+			className: e,
+			...n,
+			children: t
+		})
+	});
+});
+d.displayName = "ReasoningContent";
+var f = n(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ a("div", {
+	ref: i,
+	"data-slot": "reasoning-content-inner",
+	className: e("relative flex flex-col gap-0 pl-4", t),
+	...r,
+	children: n
+}));
 f.displayName = "ReasoningContentInner";
-const R = s(
-  ({ className: t, children: e, ...o }, a) => {
-    const r = p();
-    return /* @__PURE__ */ n(
-      "div",
-      {
-        ref: a,
-        "data-slot": "reasoning-item",
-        className: i(
-          "relative",
-          r && [
-            "before:absolute before:-left-2.75 before:top-4 before:z-10 before:size-1.75 before:rounded-full before:bg-border",
-            "after:absolute after:-left-2 after:top-0 after:bottom-0 after:w-px after:bg-border",
-            "first:after:top-4",
-            "last:after:bottom-auto last:after:h-4"
-          ],
-          t
-        ),
-        ...o,
-        children: e
-      }
-    );
-  }
-);
-R.displayName = "ReasoningItem";
-export {
-  b as Reasoning,
-  x as ReasoningContent,
-  u as ReasoningHeader,
-  R as ReasoningItem
-};
+var p = n(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ a("div", {
+	ref: i,
+	"data-slot": "reasoning-item",
+	className: e("relative", c() && [
+		"before:absolute before:-left-2.75 before:top-4 before:z-10 before:size-1.75 before:rounded-full before:bg-border",
+		"after:absolute after:-left-2 after:top-0 after:bottom-0 after:w-px after:bg-border",
+		"first:after:top-4",
+		"last:after:bottom-auto last:after:h-4"
+	], t),
+	...r,
+	children: n
+}));
+p.displayName = "ReasoningItem";
+//#endregion
+export { l as Reasoning, d as ReasoningContent, u as ReasoningHeader, p as ReasoningItem };

package/dist/components/ui/core/scroll-area/scroll-area.js

@@ -1,71 +1,41 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { ScrollArea as o } from "@base-ui/react/scroll-area";
-import { focusRing as m, cn as s } from "../../../../lib/utils.js";
-const p = i(
-  ({
-    className: a,
-    children: l,
-    ...e
-  }, t) => /* @__PURE__ */ d(
-    o.Root,
-    {
-      ref: t,
-      "data-slot": "scroll-area",
-      className: s("relative group/scroll-area", a),
-      ...e,
-      children: [
-        /* @__PURE__ */ r(
-          o.Viewport,
-          {
-            "data-slot": "scroll-area-viewport",
-            className: `size-full rounded-[inherit] transition-[color,box-shadow] ${m}`,
-            children: /* @__PURE__ */ r(o.Content, { "data-slot": "scroll-area-content", children: l })
-          }
-        ),
-        /* @__PURE__ */ r(c, { orientation: "vertical" }),
-        /* @__PURE__ */ r(c, { orientation: "horizontal" }),
-        /* @__PURE__ */ r(o.Corner, { "data-slot": "scroll-area-corner" })
-      ]
-    }
-  )
-), c = i(
-  ({
-    className: a,
-    orientation: l = "vertical",
-    ...e
-  }, t) => {
-    const n = l === "horizontal";
-    return /* @__PURE__ */ r(
-      o.Scrollbar,
-      {
-        ref: t,
-        "data-slot": "scroll-area-scrollbar",
-        "data-orientation": l,
-        orientation: l,
-        className: s(
-          "group/scroll-area-scrollbar flex touch-none select-none items-start transition-colors",
-          n ? "w-full py-0.5 px-3" : "inline-flex self-stretch px-0.5 py-3",
-          a
-        ),
-        ...e,
-        children: /* @__PURE__ */ r(
-          o.Thumb,
-          {
-            "data-slot": "scroll-area-thumb",
-            className: s(
-              "relative rounded-full bg-secondary-background transition-colors group-hover/scroll-area-scrollbar:bg-secondary-background-hover",
-              n ? "h-1 min-w-10" : "w-1 min-h-10"
-            )
-          }
-        )
-      }
-    );
-  }
-);
-p.displayName = "ScrollArea";
-c.displayName = "ScrollBar";
-export {
-  p as ScrollArea,
-  c as ScrollBar
-};
+import { cn as e, focusRing as t } from "../../../../lib/utils.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ScrollArea as a } from "@base-ui/react/scroll-area";
+//#region libs/aura/src/components/ui/core/scroll-area/scroll-area.tsx
+var o = n(({ className: n, children: o, ...c }, l) => /* @__PURE__ */ i(a.Root, {
+	ref: l,
+	"data-slot": "scroll-area",
+	className: e("relative group/scroll-area", n),
+	...c,
+	children: [
+		/* @__PURE__ */ r(a.Viewport, {
+			"data-slot": "scroll-area-viewport",
+			className: `size-full rounded-[inherit] transition-[color,box-shadow] ${t}`,
+			children: /* @__PURE__ */ r(a.Content, {
+				"data-slot": "scroll-area-content",
+				children: o
+			})
+		}),
+		/* @__PURE__ */ r(s, { orientation: "vertical" }),
+		/* @__PURE__ */ r(s, { orientation: "horizontal" }),
+		/* @__PURE__ */ r(a.Corner, { "data-slot": "scroll-area-corner" })
+	]
+})), s = n(({ className: t, orientation: n = "vertical", ...i }, o) => {
+	let s = n === "horizontal";
+	return /* @__PURE__ */ r(a.Scrollbar, {
+		ref: o,
+		"data-slot": "scroll-area-scrollbar",
+		"data-orientation": n,
+		orientation: n,
+		className: e("group/scroll-area-scrollbar flex touch-none select-none items-start transition-colors", s ? "w-full py-0.5 px-3" : "inline-flex self-stretch px-0.5 py-3", t),
+		...i,
+		children: /* @__PURE__ */ r(a.Thumb, {
+			"data-slot": "scroll-area-thumb",
+			className: e("relative rounded-full bg-secondary-background transition-colors group-hover/scroll-area-scrollbar:bg-secondary-background-hover", s ? "h-1 min-w-10" : "w-1 min-h-10")
+		})
+	});
+});
+o.displayName = "ScrollArea", s.displayName = "ScrollBar";
+//#endregion
+export { o as ScrollArea, s as ScrollBar };

package/dist/components/ui/core/search/search.js

@@ -1,99 +1,77 @@
-import { jsx as t, jsxs as A } from "react/jsx-runtime";
-import { forwardRef as D, useState as f, useRef as H, useImperativeHandle as R } from "react";
-import { IconSearch as M, IconCircleXFilled as U } from "@tabler/icons-react";
-import { cn as m } from "../../../../lib/utils.js";
-import { InputGroup as W, InputGroupAddon as g, InputGroupInput as L, InputGroupButton as O } from "../input-group/input-group.js";
-const s = (n) => typeof n == "string" ? n.length > 0 : typeof n == "number" ? Number.isFinite(n) : Array.isArray(n) ? n.length > 0 : !1, P = D(
-  ({
-    className: n,
-    inputClassName: I,
-    clearLabel: b = "Clear search",
-    onClear: i,
-    value: o,
-    defaultValue: c,
-    onChange: C,
-    onInput: w,
-    onFocus: F,
-    onBlur: N,
-    disabled: l,
-    readOnly: u,
-    ...y
-  }, T) => {
-    const [x, p] = f(!1), [E, d] = f(() => s(o ?? c)), a = H(null), r = o != null, k = r ? s(o) : E;
-    R(T, () => a.current, []);
-    const v = () => {
-      p(!0);
-    }, B = (e) => {
-      e.relatedTarget instanceof Node && e.currentTarget.contains(e.relatedTarget) || p(!1);
-    }, G = () => {
-      const e = a.current;
-      e != null && (i?.(), !r && e.value !== "" && (Object.getOwnPropertyDescriptor(
-        HTMLInputElement.prototype,
-        "value"
-      )?.set?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.dispatchEvent(new Event("change", { bubbles: !0 }))), e.focus());
-    }, S = (e) => {
-      r || d(s(e.currentTarget.value)), w?.(e);
-    }, j = (e) => {
-      r || d(s(e.currentTarget.value)), C?.(e);
-    }, z = !r || i != null, h = x && k && !l && !u && z;
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        "data-slot": "search",
-        className: m("w-full cursor-text", n),
-        onFocusCapture: v,
-        onBlurCapture: B,
-        onClick: () => a.current?.focus(),
-        children: /* @__PURE__ */ A(W, { className: "w-full transition-none", children: [
-          /* @__PURE__ */ t(g, { align: "inline-start", children: /* @__PURE__ */ t(M, { className: "size-4", "aria-hidden": !0 }) }),
-          /* @__PURE__ */ t(
-            L,
-            {
-              ...y,
-              ref: a,
-              type: "search",
-              value: o,
-              defaultValue: c,
-              disabled: l,
-              readOnly: u,
-              onInput: S,
-              onChange: j,
-              onFocus: F,
-              onBlur: N,
-              className: m(
-                "placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none",
-                I
-              )
-            }
-          ),
-          /* @__PURE__ */ t(
-            g,
-            {
-              align: "inline-end",
-              "aria-hidden": h ? void 0 : !0,
-              className: h ? void 0 : "invisible pointer-events-none",
-              children: /* @__PURE__ */ t(
-                O,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "icon-sm",
-                  "aria-label": b,
-                  onMouseDown: (e) => {
-                    e.preventDefault();
-                  },
-                  onClick: G,
-                  children: /* @__PURE__ */ t(U, { className: "size-4", "aria-hidden": !0 })
-                }
-              )
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-P.displayName = "Search";
-export {
-  P as Search
-};
+import { cn as e } from "../../../../lib/utils.js";
+import { InputGroup as t, InputGroupAddon as n, InputGroupButton as r, InputGroupInput as i } from "../input-group/input-group.js";
+import { forwardRef as a, useImperativeHandle as o, useRef as s, useState as c } from "react";
+import { IconCircleXFilled as l, IconSearch as u } from "@tabler/icons-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/search/search.tsx
+var p = (e) => typeof e == "string" ? e.length > 0 : typeof e == "number" ? Number.isFinite(e) : Array.isArray(e) ? e.length > 0 : !1, m = a(({ className: a, inputClassName: m, clearLabel: h = "Clear search", onClear: g, value: _, defaultValue: v, onChange: y, onInput: b, onFocus: x, onBlur: S, disabled: C, readOnly: w, ...T }, E) => {
+	let [D, O] = c(!1), [k, A] = c(() => p(_ ?? v)), j = s(null), M = _ != null, N = M ? p(_) : k;
+	o(E, () => j.current, []);
+	let P = () => {
+		O(!0);
+	}, F = (e) => {
+		e.relatedTarget instanceof Node && e.currentTarget.contains(e.relatedTarget) || O(!1);
+	}, I = () => {
+		let e = j.current;
+		e != null && (g?.(), !M && e.value !== "" && (Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.dispatchEvent(new Event("change", { bubbles: !0 }))), e.focus());
+	}, L = (e) => {
+		M || A(p(e.currentTarget.value)), b?.(e);
+	}, R = (e) => {
+		M || A(p(e.currentTarget.value)), y?.(e);
+	}, z = D && N && !C && !w && (!M || g != null);
+	return /* @__PURE__ */ d("div", {
+		"data-slot": "search",
+		className: e("w-full cursor-text", a),
+		onFocusCapture: P,
+		onBlurCapture: F,
+		onClick: () => j.current?.focus(),
+		children: /* @__PURE__ */ f(t, {
+			className: "w-full transition-none",
+			children: [
+				/* @__PURE__ */ d(n, {
+					align: "inline-start",
+					children: /* @__PURE__ */ d(u, {
+						className: "size-4",
+						"aria-hidden": !0
+					})
+				}),
+				/* @__PURE__ */ d(i, {
+					...T,
+					ref: j,
+					type: "search",
+					value: _,
+					defaultValue: v,
+					disabled: C,
+					readOnly: w,
+					onInput: L,
+					onChange: R,
+					onFocus: x,
+					onBlur: S,
+					className: e("placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none", m)
+				}),
+				/* @__PURE__ */ d(n, {
+					align: "inline-end",
+					"aria-hidden": !z || void 0,
+					className: z ? void 0 : "invisible pointer-events-none",
+					children: /* @__PURE__ */ d(r, {
+						type: "button",
+						variant: "ghost",
+						size: "icon-sm",
+						"aria-label": h,
+						onMouseDown: (e) => {
+							e.preventDefault();
+						},
+						onClick: I,
+						children: /* @__PURE__ */ d(l, {
+							className: "size-4",
+							"aria-hidden": !0
+						})
+					})
+				})
+			]
+		})
+	});
+});
+m.displayName = "Search";
+//#endregion
+export { m as Search };