@actioneer/ads 0.7.0 → 1.0.0

package/components/infinite-canvas.js

@@ -7,7 +7,7 @@ import "@xyflow/react/dist/style.css";
 import { cn as W } from "../lib/cn.js";
 import { Minus as q, Plus as J, Maximize as Q, Magnet as X } from "../lib/icons.js";
 import { Button as a } from "./button.js";
-const x = 16, Y = 1.2, $ = [x, x], ee = 1.4, w = 18, oe = 2, te = [8, 4], re = 11, I = 150, ae = 200, ne = 0.28, R = "var(--canvas-edge)";
+const x = 16, Y = 1.2, $ = [x, x], ee = 1.4, w = 18, oe = 2, te = [8, 4], re = "var(--text-xs)", I = 150, ae = 200, ne = 0.28, R = "var(--canvas-edge)";
 function v(o) {
   return typeof window > "u" || !window.matchMedia ? o : window.matchMedia("(prefers-reduced-motion: reduce)").matches ? 0 : o;
 }

package/components/input.js

@@ -1,62 +1,64 @@
 "use client";
 import { jsx as e, jsxs as v } from "react/jsx-runtime";
-import * as d from "react";
-import { cn as x } from "../lib/cn.js";
-import { EyeOff as h, Eye as w } from "../lib/icons.js";
+import * as l from "react";
+import { cn as h } from "../lib/cn.js";
+import { EyeOff as x, Eye as w } from "../lib/icons.js";
 import { inputBaseClass as b } from "./field.js";
-const y = {
+const N = {
   sm: "h-8 rounded-sm",
   md: "h-8 rounded-md",
   lg: "h-11 rounded-md"
-}, N = d.forwardRef(
+}, y = l.forwardRef(
   ({
-    className: l,
+    className: d,
     size: a = "md",
     startContent: o,
     endContent: u,
     isInvalid: f,
-    type: i,
+    type: s,
     ...c
   }, m) => {
-    const [s, p] = d.useState(!1), t = i === "password", r = u ?? (t ? /* @__PURE__ */ e(
+    const [i, p] = l.useState(!1), n = s === "password", r = u ?? (n ? /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        "aria-label": s ? "Hide password" : "Show password",
+        "aria-label": i ? "Hide password" : "Show password",
         onClick: () => p((g) => !g),
         className: "-mr-1 flex items-center rounded-xs p-1 outline-none transition-colors hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring",
-        children: s ? /* @__PURE__ */ e(h, {}) : /* @__PURE__ */ e(w, {})
+        children: i ? /* @__PURE__ */ e(x, {}) : /* @__PURE__ */ e(w, {})
       }
-    ) : void 0), n = /* @__PURE__ */ e(
+    ) : void 0), t = /* @__PURE__ */ e(
       "input",
       {
         ref: m,
-        type: t && s ? "text" : i,
+        type: n && i ? "text" : s,
         "aria-invalid": f || void 0,
-        className: x(
+        className: h(
           b,
+          // Search controls are flat, stroke-only surfaces with regular copy.
+          s === "search" && "font-normal [--glow-inset:none]",
           "leading-none",
-          y[a],
+          N[a],
           o && "pl-9",
           r && "pr-9",
-          l
+          d
         ),
         ...c
       }
     );
-    return !o && !r ? n : (
+    return !o && !r ? t : (
       // group/field: adornment icons follow the field's interactive states —
       // muted at rest, readable on hover, and G12 green while the
       // control is focused. Important keeps focus green while still hovered.
       /* @__PURE__ */ v("div", { className: "group/field relative w-full", children: [
         o && /* @__PURE__ */ e("span", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-muted-foreground transition-colors duration-150 group-hover/field:text-foreground group-focus-within/field:text-g12! [&_svg]:size-4", children: o }),
-        n,
+        t,
         r && /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-3 text-muted-foreground transition-colors duration-150 group-hover/field:text-foreground group-focus-within/field:text-g12! [&_svg]:size-4", children: r })
       ] })
     );
   }
 );
-N.displayName = "Input";
+y.displayName = "Input";
 export {
-  N as Input
+  y as Input
 };

package/components/modal.js

@@ -2,7 +2,7 @@
 import { jsx as t, jsxs as y } from "react/jsx-runtime";
 import * as r from "react";
 import { MotionConfig as T, AnimatePresence as B, motion as g } from "motion/react";
-import { Dialog as c } from "radix-ui";
+import { Dialog as m } from "radix-ui";
 import { cva as H } from "class-variance-authority";
 import { Close as S } from "../lib/icons.js";
 import { cn as n } from "../lib/cn.js";
@@ -11,7 +11,7 @@ const A = H(
   [
     "pointer-events-auto relative flex w-full min-w-0 flex-col overflow-hidden",
     "max-h-[calc(100dvh-2rem)] bg-elevated text-foreground outline-none",
-    "rounded-xl shadow-[0_2px_4px_-1px_rgb(0_0_0/0.34),0_16px_32px_-8px_rgb(0_0_0/0.46)]",
+    "rounded-xl shadow-400",
     "max-sm:max-h-[calc(100dvh-1rem)] max-sm:rounded-lg"
   ],
   {
@@ -52,17 +52,17 @@ function ee({
   className: l,
   children: d,
   showCloseButton: C = !0,
-  closeOnOverlayClick: _ = !0,
-  closeOnEscape: D = !0,
-  container: z,
-  initialFocusRef: m,
-  onAfterClose: I,
+  closeOnOverlayClick: D = !0,
+  closeOnEscape: z = !0,
+  container: I,
+  initialFocusRef: c,
+  onAfterClose: R,
   onAfterOpen: u,
-  overlayClassName: R,
-  viewportClassName: j,
+  overlayClassName: j,
+  viewportClassName: V,
   "aria-label": v,
-  "aria-labelledby": k,
-  "aria-describedby": V
+  "aria-labelledby": _,
+  "aria-describedby": k
 }) {
   const b = r.useRef(null), f = r.useId(), p = r.useId(), P = r.useMemo(
     () => M(d),
@@ -71,8 +71,8 @@ function ee({
     () => ({ titleId: f, descriptionId: p }),
     [p, f]
   );
-  return /* @__PURE__ */ t(c.Root, { open: o, onOpenChange: e, children: /* @__PURE__ */ t(x.Provider, { value: E, children: /* @__PURE__ */ t(T, { reducedMotion: "user", children: /* @__PURE__ */ t(B, { initial: !1, onExitComplete: I, children: o ? /* @__PURE__ */ y(c.Portal, { forceMount: !0, container: z ?? void 0, children: [
-    /* @__PURE__ */ t(c.Overlay, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(m.Root, { open: o, onOpenChange: e, children: /* @__PURE__ */ t(x.Provider, { value: E, children: /* @__PURE__ */ t(T, { reducedMotion: "user", children: /* @__PURE__ */ t(B, { initial: !1, onExitComplete: R, children: o ? /* @__PURE__ */ y(m.Portal, { forceMount: !0, container: I ?? void 0, children: [
+    /* @__PURE__ */ t(m.Overlay, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ t(
       g.div,
       {
         "data-slot": "modal-overlay",
@@ -81,8 +81,8 @@ function ee({
         animate: "visible",
         exit: "hidden",
         className: n(
-          "fixed inset-0 z-50 bg-black/50",
-          R
+          "fixed inset-0 z-50 bg-overlay",
+          j
         )
       },
       "modal-overlay"
@@ -95,25 +95,25 @@ function ee({
           "pointer-events-none fixed inset-0 z-50 grid overflow-y-auto p-4",
           i === "top" ? "place-items-start justify-items-center pt-[max(1rem,8dvh)]" : "place-items-center",
           "max-sm:p-2",
-          j
+          V
         ),
         children: /* @__PURE__ */ t(
-          c.Content,
+          m.Content,
           {
             forceMount: !0,
             asChild: !0,
             "aria-label": v,
-            "aria-labelledby": k ?? (v ? void 0 : f),
-            "aria-describedby": V ?? (P ? p : void 0),
+            "aria-labelledby": _ ?? (v ? void 0 : f),
+            "aria-describedby": k ?? (P ? p : void 0),
             onEscapeKeyDown: (s) => {
-              D || s.preventDefault();
+              z || s.preventDefault();
             },
             onPointerDownOutside: (s) => {
-              _ || s.preventDefault();
+              D || s.preventDefault();
             },
             onOpenAutoFocus: (s) => {
               var h;
-              s.preventDefault(), (h = (m == null ? void 0 : m.current) ?? b.current) == null || h.focus();
+              s.preventDefault(), (h = (c == null ? void 0 : c.current) ?? b.current) == null || h.focus();
             },
             onFocusOutside: (s) => s.preventDefault(),
             children: /* @__PURE__ */ y(
@@ -146,7 +146,7 @@ function ee({
     )
   ] }) : null }) }) }) });
 }
-const w = r.forwardRef(({ className: o, children: e, "aria-label": a = "Close", ...i }, l) => /* @__PURE__ */ t(c.Close, { asChild: !0, children: /* @__PURE__ */ t(
+const w = r.forwardRef(({ className: o, children: e, "aria-label": a = "Close", ...i }, l) => /* @__PURE__ */ t(m.Close, { asChild: !0, children: /* @__PURE__ */ t(
   "button",
   {
     ref: l,
@@ -182,11 +182,11 @@ const F = r.forwardRef(({ className: o, ...e }, a) => /* @__PURE__ */ t(
 F.displayName = "ModalHeader";
 const G = r.forwardRef(({ className: o, id: e, ...a }, i) => {
   const l = r.useContext(x), d = n(
-    "text-[15px] font-semibold leading-5 text-foreground",
+    "text-l font-semibold leading-5 text-foreground",
     o
   );
   return l ? /* @__PURE__ */ t(
-    c.Title,
+    m.Title,
     {
       ref: i,
       id: e ?? l.titleId,
@@ -203,7 +203,7 @@ const N = r.forwardRef(({ className: o, id: e, ...a }, i) => {
     o
   );
   return l ? /* @__PURE__ */ t(
-    c.Description,
+    m.Description,
     {
       ref: i,
       id: e ?? l.descriptionId,

package/components/page-body.js

@@ -1,15 +1,15 @@
 "use client";
 import * as e from "react";
-import { cn as t } from "../lib/cn.js";
+import { cn as r } from "../lib/cn.js";
 const d = e.forwardRef(
-  ({ as: a = "main", className: o, ...r }, l) => e.createElement(a, {
-    ref: l,
+  ({ as: a = "main", className: o, ...l }, t) => e.createElement(a, {
+    ref: t,
     "data-slot": "page-body",
-    className: t(
-      "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-card shadow-[0_0_16px_-8px_rgb(32_32_32_/_0.22)]",
+    className: r(
+      "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-card shadow-elevation",
       o
     ),
-    ...r
+    ...l
   })
 );
 d.displayName = "PageBody";

package/components/page-header.js

@@ -37,7 +37,7 @@ const x = o.forwardRef(
             }
           ),
           /* @__PURE__ */ t("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ e("h1", { className: "flex min-h-8 items-center text-xl font-medium tracking-tight text-foreground", children: s }),
+            /* @__PURE__ */ e("h1", { className: "flex min-h-8 items-center text-2xl font-medium tracking-tight text-foreground", children: s }),
             r && /* @__PURE__ */ e("p", { className: "mt-1 max-w-2xl text-xs text-muted-foreground", children: r })
           ] })
         ] }),

package/components/pagination.js

@@ -141,7 +141,7 @@ const A = () => o(
                     onClick: () => r(n),
                     className: o(
                       f,
-                      v ? "bg-ng10 text-white" : "text-foreground hover:bg-muted"
+                      v ? "bg-wg10 text-brand-foreground" : "text-foreground hover:bg-muted"
                     ),
                     children: n
                   },

package/components/pixel-blast-svg.js

@@ -1,19 +1,19 @@
 "use client";
 import { jsx as u } from "react/jsx-runtime";
 import * as c from "react";
-import { ditheringFragmentShader as g, getShaderColorFromString as M, ShaderFitOptions as N, DitheringTypes as L, DitheringShapes as m } from "@paper-design/shaders";
-import { ShaderMount as F } from "@paper-design/shaders-react";
-import { useReducedMotion as I } from "motion/react";
-import { cn as P } from "../lib/cn.js";
-const z = {
+import { ditheringFragmentShader as h, getShaderColorFromString as T, ShaderFitOptions as P, DitheringTypes as z, DitheringShapes as g } from "@paper-design/shaders";
+import { ShaderMount as D } from "@paper-design/shaders-react";
+import { useReducedMotion as F } from "motion/react";
+import { cn as L } from "../lib/cn.js";
+const A = {
   alpha: !0,
   antialias: !1,
   depth: !1,
   powerPreference: "low-power",
   preserveDrawingBuffer: !1
-}, O = 1e6, B = `uniform float u_type;
+}, B = 1e6, b = `uniform float u_type;
 uniform float u_patternDensity;
-uniform float u_pixelSizeJitter;`, k = "  float res = step(.5, shape + dithering);", G = `  vec2 triangleUV = fract(pxSizeUV);
+uniform float u_pixelSizeJitter;`, V = "  float res = step(.5, shape + dithering);", G = `  vec2 triangleUV = fract(pxSizeUV);
   vec2 triangleCell = floor(pxSizeUV);
   float triangleFlip = mod(triangleCell.x + triangleCell.y, 2.0);
   triangleUV.x = mix(triangleUV.x, 1.0 - triangleUV.x, triangleFlip);
@@ -29,61 +29,59 @@ uniform float u_pixelSizeJitter;`, k = "  float res = step(.5, shape + dithering
   float triangleMask = 1.0 - step(1.0, triangleDiagonal);
   float densityThreshold = 0.5 - (u_patternDensity - 1.0) * 0.12;
   float res = step(densityThreshold, shape + dithering) * triangleMask;`;
-if (!g.includes("uniform float u_type;") || !g.includes(k))
+if (!h.includes("uniform float u_type;") || !h.includes(V))
   throw new Error("The Paper dithering shader no longer exposes the expected cell output.");
-const b = g.replace("uniform float u_type;", B).replace(k, G), d = (e) => Math.max(0, Math.min(1, e)), J = "#202020", W = "#ffffff";
-function X(e, t) {
-  if (typeof document > "u") return t;
-  const r = (o, i = 0) => {
-    if (i > 4) return o;
-    const n = o.trim(), a = n.match(/^var\((--[\w-]+)(?:,\s*(.+))?\)$/);
-    if (!a) return n;
-    const s = getComputedStyle(document.documentElement).getPropertyValue(a[1]).trim();
-    return s ? r(s, i + 1) : a[2] ? r(a[2], i + 1) : t;
+const O = h.replace("uniform float u_type;", b).replace(V, G), d = (e) => Math.max(0, Math.min(1, e));
+function J(e) {
+  if (typeof document > "u") return null;
+  const t = (r, o = 0) => {
+    if (o > 4) return r;
+    const i = r.trim(), a = i.match(/^var\((--[\w-]+)(?:,\s*(.+))?\)$/);
+    if (!a) return i;
+    const l = getComputedStyle(document.documentElement).getPropertyValue(a[1]).trim();
+    return l ? t(l, o + 1) : a[2] ? t(a[2], o + 1) : null;
   };
-  return r(e) || t;
+  return t(e);
 }
-function E(e, t) {
-  const [r, o] = c.useState(
-    () => e.startsWith("var(") ? t : e
+function k(e) {
+  const [t, r] = c.useState(
+    () => e.startsWith("var(") ? null : e
   );
   return c.useEffect(() => {
-    o(X(e, t));
-  }, [t, e]), r;
+    r(J(e));
+  }, [e]), t;
 }
-const $ = c.forwardRef(
+const W = c.forwardRef(
   ({
     variant: e = "custom",
     color: t = "var(--texture-ink)",
     pixelSize: r = 7,
     speed: o = 3,
     patternScale: i = 3,
-    patternDensity: n = 1.8,
-    pixelSizeJitter: a = 0.5,
-    enableRipples: s = !1,
-    liquid: p = !1,
-    toneAmount: h = 0,
-    edgeFade: R = 0.25,
-    transparent: f = !0,
-    backgroundColor: _ = "var(--color-background)",
-    paused: x = !1,
-    className: V,
-    style: D
-  }, w) => {
-    const S = I(), U = E(t, J), C = E(
-      _,
-      W
-    ), l = d(R) * 100, T = `linear-gradient(to right, transparent 0%, black ${l}%, black ${100 - l}%, transparent 100%)`, v = `linear-gradient(to bottom, transparent 0%, black ${l}%, black ${100 - l}%, transparent 100%)`, A = c.useMemo(() => {
-      const y = M(U);
-      return y[3] *= 1 - d(h), {
-        u_colorBack: f ? [0, 0, 0, 0] : M(C),
-        u_colorFront: y,
-        u_shape: s ? m.ripple : p ? m.warp : m.simplex,
-        u_type: L["4x4"],
+    patternDensity: a = 1.8,
+    pixelSizeJitter: l = 0.5,
+    enableRipples: p = !1,
+    liquid: _ = !1,
+    toneAmount: x = 0,
+    edgeFade: E = 0.25,
+    transparent: n = !0,
+    backgroundColor: v = "var(--color-background)",
+    paused: S = !1,
+    className: N,
+    style: R
+  }, I) => {
+    const y = F(), f = k(t), m = k(v), s = d(E) * 100, C = `linear-gradient(to right, transparent 0%, var(--color-wg12) ${s}%, var(--color-wg12) ${100 - s}%, transparent 100%)`, M = `linear-gradient(to bottom, transparent 0%, var(--color-wg12) ${s}%, var(--color-wg12) ${100 - s}%, transparent 100%)`, U = c.useMemo(() => {
+      if (!f || !n && !m) return null;
+      const w = T(f);
+      return w[3] *= 1 - d(x), {
+        u_colorBack: n ? [0, 0, 0, 0] : T(m),
+        u_colorFront: w,
+        u_shape: p ? g.ripple : _ ? g.warp : g.simplex,
+        u_type: z["4x4"],
         u_pxSize: Math.max(1, r),
-        u_patternDensity: Math.max(0.1, n),
-        u_pixelSizeJitter: d(a),
-        u_fit: N.none,
+        u_patternDensity: Math.max(0.1, a),
+        u_pixelSizeJitter: d(l),
+        u_fit: P.none,
         u_scale: Math.max(0.01, i),
         u_rotation: 0,
         u_offsetX: 0,
@@ -94,52 +92,52 @@ const $ = c.forwardRef(
         u_worldHeight: 0
       };
     }, [
-      s,
       p,
-      n,
+      _,
+      a,
       i,
       r,
-      a,
-      C,
-      U,
-      h,
-      f
+      l,
+      m,
+      f,
+      x,
+      n
     ]);
     return /* @__PURE__ */ u(
       "div",
       {
-        ref: w,
+        ref: I,
         "aria-hidden": !0,
-        "data-shader-paused": x || S ? "true" : "false",
-        className: P("pixel-blast-svg", V),
+        "data-shader-paused": S || y ? "true" : "false",
+        className: L("pixel-blast-svg", N),
         style: {
-          ...D,
-          background: f ? "transparent" : _
+          ...R,
+          background: n ? "transparent" : v
         },
         children: /* @__PURE__ */ u(
           "div",
           {
             className: "size-full",
-            style: { WebkitMaskImage: T, maskImage: T },
+            style: { WebkitMaskImage: C, maskImage: C },
             children: /* @__PURE__ */ u(
               "div",
               {
                 className: "size-full",
-                style: { WebkitMaskImage: v, maskImage: v },
-                children: /* @__PURE__ */ u(
-                  F,
+                style: { WebkitMaskImage: M, maskImage: M },
+                children: U ? /* @__PURE__ */ u(
+                  D,
                   {
                     className: "size-full",
                     width: "100%",
                     height: "100%",
-                    fragmentShader: b,
-                    uniforms: A,
-                    speed: x || S ? 0 : o,
+                    fragmentShader: O,
+                    uniforms: U,
+                    speed: S || y ? 0 : o,
                     minPixelRatio: 1,
-                    maxPixelCount: O,
-                    webGlContextAttributes: z
+                    maxPixelCount: B,
+                    webGlContextAttributes: A
                   }
-                )
+                ) : null
               }
             )
           }
@@ -148,7 +146,7 @@ const $ = c.forwardRef(
     );
   }
 );
-$.displayName = "PixelBlastSVG";
+W.displayName = "PixelBlastSVG";
 export {
-  $ as PixelBlastSVG
+  W as PixelBlastSVG
 };

package/components/search-disclosure.d.ts

@@ -0,0 +1,18 @@
+import { HTMLMotionProps } from 'motion/react';
+import * as React from "react";
+export interface SearchDisclosureProps extends Omit<HTMLMotionProps<"div">, "onChange"> {
+    value: string;
+    onValueChange: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placeholder?: string;
+    inputLabel?: string;
+    triggerLabel?: string;
+}
+/**
+ * A compact search action that reveals an inline field from its anchored right
+ * edge. The field keeps its full width while the container clips it, avoiding
+ * squeezed text and malformed borders during the disclosure spring.
+ */
+export declare const SearchDisclosure: React.ForwardRefExoticComponent<Omit<SearchDisclosureProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/components/search-disclosure.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import * as o from "react";
+import { MotionConfig as S, motion as n, AnimatePresence as g } from "motion/react";
+import { Close as k, Search as u } from "../lib/icons.js";
+import { springDisclosure as s } from "../lib/motion.js";
+import { cn as D } from "../lib/cn.js";
+import { Button as C } from "./button.js";
+import { Input as z } from "./input.js";
+import { Tooltip as j } from "./tooltip.js";
+const I = o.forwardRef(
+  ({
+    className: f,
+    value: c,
+    onValueChange: h,
+    open: l,
+    defaultOpen: p = !1,
+    onOpenChange: t,
+    placeholder: y = "Search…",
+    inputLabel: v = "Search",
+    triggerLabel: m = "Search",
+    ...b
+  }, x) => {
+    const [w, N] = o.useState(p), r = l !== void 0, d = r ? l : w, a = o.useCallback(
+      (i) => {
+        r || N(i), t == null || t(i);
+      },
+      [r, t]
+    );
+    return /* @__PURE__ */ e(S, { reducedMotion: "user", children: /* @__PURE__ */ e(
+      n.div,
+      {
+        ref: x,
+        initial: !1,
+        animate: { width: d ? 256 : 32 },
+        transition: s,
+        className: D("relative h-8 shrink-0 overflow-hidden", f),
+        ...b,
+        children: /* @__PURE__ */ e(g, { initial: !1, mode: "popLayout", children: d ? /* @__PURE__ */ e(
+          n.div,
+          {
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            exit: { opacity: 0 },
+            transition: s,
+            className: "absolute inset-y-0 right-0 w-64",
+            children: /* @__PURE__ */ e(
+              z,
+              {
+                autoFocus: !0,
+                type: "search",
+                size: "sm",
+                className: "w-full",
+                startContent: /* @__PURE__ */ e(u, { "aria-hidden": "true" }),
+                endContent: /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Close search",
+                    onClick: () => a(!1),
+                    className: "-mr-1 inline-flex size-6 items-center justify-center rounded-xs outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring",
+                    children: /* @__PURE__ */ e(k, { "aria-hidden": "true" })
+                  }
+                ),
+                value: c,
+                onChange: (i) => h(i.currentTarget.value),
+                onKeyDown: (i) => {
+                  i.key === "Escape" && (i.preventDefault(), a(!1));
+                },
+                placeholder: y,
+                "aria-label": v
+              }
+            )
+          },
+          "search-field"
+        ) : /* @__PURE__ */ e(
+          n.div,
+          {
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            exit: { opacity: 0 },
+            transition: s,
+            className: "absolute inset-y-0 right-0 w-8",
+            children: /* @__PURE__ */ e(j, { content: m, children: /* @__PURE__ */ e(
+              C,
+              {
+                variant: "outline",
+                size: "icon-sm",
+                "aria-label": m,
+                "data-active": c.trim() || void 0,
+                onClick: () => a(!0),
+                className: "data-[active=true]:text-action-primary-text",
+                children: /* @__PURE__ */ e(u, { "aria-hidden": "true" })
+              }
+            ) })
+          },
+          "search-trigger"
+        ) })
+      }
+    ) });
+  }
+);
+I.displayName = "SearchDisclosure";
+export {
+  I as SearchDisclosure
+};