@wrdagency/blockout 0.0.4 → 0.0.6

package/dist/{item-CPVd5mKo.js → item-Bcbx6pI-.js}

@@ -1,16 +1,16 @@
 import { jsx as y, jsxs as oe } from "react/jsx-runtime";
-import { ActionMenuItem as Ie } from "./components/menu/items/action.js";
-import { SeparatorMenuItem as ke } from "./components/menu/items/spacer.js";
+import { ActionMenuItem as Re } from "./components/menu/items/action.js";
+import { SeparatorMenuItem as Le } from "./components/menu/items/spacer.js";
 import * as S from "react";
-import { useRef as U, useState as ue, useEffect as B, useContext as Le, createContext as Ve, useCallback as ge, createRef as Be, useMemo as je } from "react";
+import { useRef as U, useState as ue, useEffect as B, useContext as ke, createContext as Ve, useCallback as ge, createRef as Be, useMemo as je } from "react";
 import { w as Ke } from "./SSRBase.es-BUXS72ra.js";
 import { EmptyIcon as Ze } from "./components/menu/icon.js";
 import { ToggleMenuItem as $e } from "./components/menu/items/toggle.js";
-import { b as me, H as Ue, a as qe, c as ae, M as We, d as Ee } from "./VIIRIBF3-XWA2y8Hu.js";
-import { u as ze, M as Ge } from "./2NBKRL7C-DnAMmXv4.js";
-import { a as Xe, d as Ye, k as Qe, j as Se, c as Je, u as et, e as tt, i as nt, h as ot, g as Pe, R as rt, f as st } from "./T7VMP3TM--1s529fr.js";
-import { c as _e, g as re, d as ce, h as se, j as ut, m as at, o as it, p as ct, t as lt, s as pe, f as dt, u as W } from "./UQQRIHDV-Bfi_RJby.js";
-import { y as Z, z as L, A as I, b as Q, _ as $, i as J, K as mt, L as Oe, u as le, M as ve, N as X, O as ft, v as pt, E as fe, h as k, s as ee, j as E, Q as ye, e as q, R as de, f as te, d as ne, G as Ae, x as vt, S as ht, B as bt, r as Fe, T as wt, g as Mt, F as gt } from "./P7GR5CS5-BryEvRCz.js";
+import { b as me, H as Ue, a as qe, c as ae, M as We, d as Ee } from "./VIIRIBF3-B3f0V2Nc.js";
+import { u as ze, M as Ge } from "./2NBKRL7C-raj2vrMY.js";
+import { c as Xe, u as Ye, a as Je, b as Se, d as Qe, e as et, f as tt, i as nt, g as ot, h as Pe, R as rt, j as st } from "./T7VMP3TM-BeJUiw28.js";
+import { c as _e, d as re, s as ce, h as se, e as ut, m as at, o as it, p as ct, t as lt, f as pe, g as dt, u as W } from "./UQQRIHDV-xtNCxi0H.js";
+import { x as Z, y as k, z as R, b as J, _ as $, i as Q, A as mt, B as Oe, u as le, D as ve, E as X, F as ft, v as pt, G as fe, h as L, s as ee, j as E, H as ye, e as q, I as de, f as te, d as ne, J as Ae, K as vt, L as ht, M as bt, r as Fe, N as wt, g as Mt, O as gt } from "./P7GR5CS5-PkUYC6hd.js";
 const Et = /* @__PURE__ */ new Map([
   [
     "bold",
@@ -40,19 +40,19 @@ const Et = /* @__PURE__ */ new Map([
 He.displayName = "CaretRightIcon";
 function St(n = {}) {
   var o;
-  const t = (o = n.store) == null ? void 0 : o.getState(), e = Xe(Z(I({}, n), {
-    placement: L(
+  const t = (o = n.store) == null ? void 0 : o.getState(), e = Xe(Z(R({}, n), {
+    placement: k(
       n.placement,
       t == null ? void 0 : t.placement,
       "bottom"
     )
-  })), i = L(n.timeout, t == null ? void 0 : t.timeout, 500), u = Z(I({}, e.getState()), {
+  })), i = k(n.timeout, t == null ? void 0 : t.timeout, 500), u = Z(R({}, e.getState()), {
     timeout: i,
-    showTimeout: L(n.showTimeout, t == null ? void 0 : t.showTimeout),
-    hideTimeout: L(n.hideTimeout, t == null ? void 0 : t.hideTimeout),
-    autoFocusOnShow: L(t == null ? void 0 : t.autoFocusOnShow, !1)
+    showTimeout: k(n.showTimeout, t == null ? void 0 : t.showTimeout),
+    hideTimeout: k(n.hideTimeout, t == null ? void 0 : t.hideTimeout),
+    autoFocusOnShow: k(t == null ? void 0 : t.autoFocusOnShow, !1)
   }), a = _e(u, e, n.store);
-  return Z(I(I({}, e), a), {
+  return Z(R(R({}, e), a), {
     setAutoFocusOnShow: (s) => a.setState("autoFocusOnShow", s)
   });
 }
@@ -110,14 +110,14 @@ function yt(n) {
   }), r = U(null);
   return B(() => ce(t, ["anchorElement"], (c) => {
     r.current = c.anchorElement;
-  }), []), e = k(E({
+  }), []), e = L(E({
     autoFocusOnHide: i,
     finalFocus: r
   }, e), {
     onFocus: l
   }), e;
 }
-var we = Ve(null), Ce = Q(
+var we = Ve(null), Ce = J(
   function(o) {
     var t = o, {
       store: e,
@@ -135,7 +135,7 @@ var we = Ve(null), Ce = Q(
       "disablePointerEventsOnApproach"
     ]);
     const c = me();
-    e = e || c, J(
+    e = e || c, Q(
       e,
       process.env.NODE_ENV !== "production" && "Hovercard must receive a `store` prop or be wrapped in a HovercardProvider component."
     );
@@ -155,8 +155,8 @@ var we = Ve(null), Ce = Q(
           }
           if (!g.current) {
             if (Y) {
-              const K = ie(P), De = be(v, Y);
-              if (he(K, De)) {
+              const K = ie(P), Ie = be(v, Y);
+              if (he(K, Ie)) {
                 if (w.current = K, !T(P)) return;
                 P.preventDefault(), P.stopPropagation();
                 return;
@@ -202,14 +202,14 @@ var we = Ve(null), Ce = Q(
     }, [f, N, H, T]), B(() => {
       f && (h || e == null || e.setAutoFocusOnShow(!1));
     }, [e, f, h]);
-    const R = ft(h);
+    const D = ft(h);
     B(() => {
       if (f)
         return () => {
-          R.current || e == null || e.setAutoFocusOnShow(!1);
+          D.current || e == null || e.setAutoFocusOnShow(!1);
         };
     }, [e, f]);
-    const x = Le(we);
+    const x = ke(we);
     pt(() => {
       if (i || !u || !N || !f) return;
       const v = b.current;
@@ -232,17 +232,17 @@ var we = Ve(null), Ce = Q(
       r,
       (v) => /* @__PURE__ */ y(Ue, { value: e, children: /* @__PURE__ */ y(we.Provider, { value: p, children: v }) }),
       [e, p]
-    ), r = k(E({}, r), {
+    ), r = L(E({}, r), {
       ref: ee(b, r.ref)
     }), r = yt(E({ store: e }, r));
-    const D = e.useState(
+    const I = e.useState(
       (v) => i || v.autoFocusOnShow
     );
-    return r = Qe(k(E({
+    return r = Je(L(E({
       store: e,
       modal: i,
       portal: u,
-      autoFocusOnShow: D
+      autoFocusOnShow: I
     }, r), {
       portalRef: M,
       hideOnEscape(v) {
@@ -262,11 +262,11 @@ Se(
   }),
   me
 );
-var At = "a", Te = Q(
+var At = "a", Te = J(
   function(o) {
     var t = o, { store: e, showOnHover: i = !0 } = t, u = $(t, ["store", "showOnHover"]);
     const a = me();
-    e = e || a, J(
+    e = e || a, Q(
       e,
       process.env.NODE_ENV !== "production" && "HovercardAnchor must receive a `store` prop or be wrapped in a HovercardProvider component."
     );
@@ -296,7 +296,7 @@ var At = "a", Te = Q(
       },
       [e]
     );
-    return u = k(E({}, u), {
+    return u = L(E({}, u), {
       ref: ee(w, u.ref),
       onMouseMove: m,
       onClick: g
@@ -329,29 +329,29 @@ function Ft(n = {}) {
     ])
   );
   lt(u, s);
-  const l = s.getState(), r = Je(Z(I({}, u), {
+  const l = s.getState(), r = Qe(Z(R({}, u), {
     store: s,
-    orientation: L(
+    orientation: k(
       u.orientation,
       l.orientation,
       "vertical"
     )
-  })), c = St(Z(I({}, u), {
+  })), c = St(Z(R({}, u), {
     store: s,
-    placement: L(
+    placement: k(
       u.placement,
       l.placement,
       "bottom-start"
     ),
-    timeout: L(
+    timeout: k(
       u.timeout,
       l.timeout,
       a ? 0 : 150
     ),
-    hideTimeout: L(u.hideTimeout, l.hideTimeout, 0)
-  })), b = Z(I(I({}, r.getState()), c.getState()), {
-    initialFocus: L(l.initialFocus, "container"),
-    values: L(
+    hideTimeout: k(u.hideTimeout, l.hideTimeout, 0)
+  })), b = Z(R(R({}, r.getState()), c.getState()), {
+    initialFocus: k(l.initialFocus, "container"),
+    values: k(
       u.values,
       l.values,
       u.defaultValues,
@@ -371,7 +371,7 @@ function Ft(n = {}) {
         d.orientation === "vertical" ? "right-start" : "bottom-start"
       );
     })
-  ), Z(I(I(I({}, r), c), m), {
+  ), Z(R(R(R({}, r), c), m), {
     combobox: t,
     parent: e,
     menubar: i,
@@ -383,7 +383,7 @@ function Ft(n = {}) {
     setValue: (d, g) => {
       d !== "__proto__" && d !== "constructor" && (Array.isArray(d) || m.setState("values", (w) => {
         const M = w[d], f = ht(g, M);
-        return f === M ? w : Z(I({}, w), {
+        return f === M ? w : Z(R({}, w), {
           [d]: f !== void 0 && f
         });
       }));
@@ -406,7 +406,7 @@ function Ht(n, o, t) {
 }
 function Ne(n = {}) {
   const o = qe(), t = ze(), e = et();
-  n = k(E({}, n), {
+  n = L(E({}, n), {
     parent: n.parent !== void 0 ? n.parent : o,
     menubar: n.menubar !== void 0 ? n.menubar : t,
     combobox: n.combobox !== void 0 ? n.combobox : e
@@ -426,11 +426,11 @@ function Ct(n) {
     a || c.hasAttribute("aria-label") ? u(void 0) : r.id && u(r.id);
   }, [a, s, l]), i;
 }
-var Re = Q(
+var De = J(
   function(o) {
     var t = o, { store: e, alwaysVisible: i, composite: u } = t, a = $(t, ["store", "alwaysVisible", "composite"]);
     const s = ae();
-    e = e || s, J(
+    e = e || s, Q(
       e,
       process.env.NODE_ENV !== "production" && "MenuList must receive a `store` prop or be wrapped in a MenuProvider component."
     );
@@ -444,17 +444,17 @@ var Re = Q(
     ), f = q((h) => {
       if (m == null || m(h), !h.defaultPrevented) {
         if (c || r && !w) {
-          const R = {
+          const D = {
             ArrowRight: () => d === "left" && !w,
             ArrowLeft: () => d === "right" && !w,
             ArrowUp: () => d === "bottom" && w,
             ArrowDown: () => d === "top" && w
           }[h.key];
-          if (R != null && R())
+          if (D != null && D())
             return h.stopPropagation(), h.preventDefault(), e == null ? void 0 : e.hide();
         }
         if (r) {
-          const R = {
+          const D = {
             ArrowRight: () => {
               if (M)
                 return r.next();
@@ -471,7 +471,7 @@ var Re = Q(
               if (!M)
                 return r.previous();
             }
-          }[h.key], x = R == null ? void 0 : R();
+          }[h.key], x = D == null ? void 0 : D();
           x !== void 0 && (h.stopPropagation(), h.preventDefault(), r.move(x));
         }
       }
@@ -481,8 +481,8 @@ var Re = Q(
       (h) => /* @__PURE__ */ y(We, { value: e, children: h }),
       [e]
     );
-    const F = Ct(E({ store: e }, a)), V = e.useState("mounted"), C = nt(V, a.hidden, i), H = C ? k(E({}, a.style), { display: "none" }) : a.style;
-    a = k(E({
+    const F = Ct(E({ store: e }, a)), V = e.useState("mounted"), C = nt(V, a.hidden, i), H = C ? L(E({}, a.style), { display: "none" }) : a.style;
+    a = L(E({
       id: b,
       "aria-labelledby": F,
       hidden: C
@@ -499,10 +499,10 @@ var Re = Q(
   }
 );
 te(function(o) {
-  const t = Re(o);
+  const t = De(o);
   return ne(xt, t);
 });
-var Tt = "div", Nt = Q(function(o) {
+var Tt = "div", Nt = J(function(o) {
   var t = o, {
     store: e,
     modal: i = !1,
@@ -521,20 +521,20 @@ var Tt = "div", Nt = Q(function(o) {
     "alwaysVisible"
   ]);
   const b = ae();
-  e = e || b, J(
+  e = e || b, Q(
     e,
     process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
   );
   const m = U(null), d = e.parent, g = e.menubar, w = !!d, M = !!g && !w;
-  c = k(E({}, c), {
+  c = L(E({}, c), {
     ref: ee(m, c.ref)
   });
-  const f = Re(E({
+  const f = De(E({
     store: e,
     alwaysVisible: r
   }, c)), { "aria-labelledby": F } = f;
   c = $(f, ["aria-labelledby"]);
-  const [C, H] = ue(), T = e.useState("autoFocusOnShow"), h = e.useState("initialFocus"), N = e.useState("baseElement"), R = e.useState("renderedItems");
+  const [C, H] = ue(), T = e.useState("autoFocusOnShow"), h = e.useState("initialFocus"), N = e.useState("baseElement"), D = e.useState("renderedItems");
   B(() => {
     let O = !1;
     return H((_) => {
@@ -545,10 +545,10 @@ var Tt = "div", Nt = Q(function(o) {
       switch (h) {
         // TODO: Refactor
         case "first":
-          j.current = ((Y = R.find((K) => !K.disabled && K.element)) == null ? void 0 : Y.element) || null;
+          j.current = ((Y = D.find((K) => !K.disabled && K.element)) == null ? void 0 : Y.element) || null;
           break;
         case "last":
-          j.current = ((G = [...R].reverse().find((K) => !K.disabled && K.element)) == null ? void 0 : G.element) || null;
+          j.current = ((G = [...D].reverse().find((K) => !K.disabled && K.element)) == null ? void 0 : G.element) || null;
           break;
         default:
           j.current = N;
@@ -557,8 +557,8 @@ var Tt = "div", Nt = Q(function(o) {
     }), () => {
       O = !0;
     };
-  }, [e, T, h, R, N]);
-  const x = w ? !1 : i, p = !!s, D = !!C || !!c.initialFocus || !!x, v = W(
+  }, [e, T, h, D, N]);
+  const x = w ? !1 : i, p = !!s, I = !!C || !!c.initialFocus || !!x, v = W(
     e.combobox || e,
     "contentElement"
   ), A = W(
@@ -572,11 +572,11 @@ var Tt = "div", Nt = Q(function(o) {
   }, [v, A]);
   return P !== void 0 && (c = E({
     preserveTabOrderAnchor: P
-  }, c)), c = Ce(k(E({
+  }, c)), c = Ce(L(E({
     store: e,
     alwaysVisible: r,
     initialFocus: C,
-    autoFocusOnShow: p ? D && s : T || !!x
+    autoFocusOnShow: p ? I && s : T || !!x
   }, c), {
     hideOnEscape(O) {
       return ye(a, O) ? !1 : (e == null || e.hideAll(), !0);
@@ -593,19 +593,19 @@ var Tt = "div", Nt = Q(function(o) {
   })), c = E({
     "aria-labelledby": F
   }, c), c;
-}), Rt = Se(
+}), Dt = Se(
   te(function(o) {
     const t = Nt(o);
     return ne(Tt, t);
   }),
   ae
 );
-function Dt(n = {}) {
+function It(n = {}) {
   const o = Ne(n);
   return /* @__PURE__ */ y(Ee, { value: o, children: n.children });
 }
-var It = "button";
-function kt(n, o) {
+var Rt = "button";
+function Lt(n, o) {
   return {
     ArrowDown: o === "bottom" || o === "top" ? "first" : !1,
     ArrowUp: o === "bottom" || o === "top" ? "last" : !1,
@@ -616,7 +616,7 @@ function kt(n, o) {
 function Me(n, o) {
   return !!(n != null && n.some((t) => !t.element || t.element === o ? !1 : t.element.getAttribute("aria-expanded") === "true"));
 }
-var Lt = Q(
+var kt = J(
   function(o) {
     var t = o, {
       store: e,
@@ -630,7 +630,7 @@ var Lt = Q(
       "showOnHover"
     ]);
     const l = ae();
-    e = e || l, J(
+    e = e || l, Q(
       e,
       process.env.NODE_ENV !== "production" && "MenuButton must receive a `store` prop or be wrapped in a MenuProvider component."
     );
@@ -639,41 +639,41 @@ var Lt = Q(
       p && (e == null || e.setDisclosureElement(p), e == null || e.setAnchorElement(p), e == null || e.show());
     }, M = s.onFocus, f = q((p) => {
       if (M == null || M(p), g || p.defaultPrevented || (e == null || e.setAutoFocusOnShow(!1), e == null || e.setActiveId(null), !b) || !d) return;
-      const { items: D } = b.getState();
-      Me(D, p.currentTarget) && w();
+      const { items: I } = b.getState();
+      Me(I, p.currentTarget) && w();
     }), F = W(
       e,
       (p) => p.placement.split("-")[0]
     ), V = s.onKeyDown, C = q((p) => {
       if (V == null || V(p), g || p.defaultPrevented) return;
-      const D = kt(p, F);
-      D && (p.preventDefault(), w(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(D));
+      const I = Lt(p, F);
+      I && (p.preventDefault(), w(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(I));
     }), H = s.onClick, T = q((p) => {
       if (H == null || H(p), p.defaultPrevented || !e) return;
-      const D = !p.detail, { open: v } = e.getState();
-      (!v || D) && ((!m || D) && e.setAutoFocusOnShow(!0), e.setInitialFocus(D ? "first" : "container")), m && w();
+      const I = !p.detail, { open: v } = e.getState();
+      (!v || I) && ((!m || I) && e.setAutoFocusOnShow(!0), e.setInitialFocus(I ? "first" : "container")), m && w();
     });
     s = fe(
       s,
       (p) => /* @__PURE__ */ y(Ee, { value: e, children: p }),
       [e]
-    ), m && (s = k(E({}, s), {
+    ), m && (s = L(E({}, s), {
       render: /* @__PURE__ */ y(rt.div, { render: s.render })
     }));
     const h = Fe(s.id), N = W(
       (c == null ? void 0 : c.combobox) || c,
       "contentElement"
-    ), R = m || d ? Mt(N, "menuitem") : void 0, x = e.useState("contentElement");
-    return s = k(E({
+    ), D = m || d ? Mt(N, "menuitem") : void 0, x = e.useState("contentElement");
+    return s = L(E({
       id: h,
-      role: R,
+      role: D,
       "aria-haspopup": gt(x, "menu")
     }, s), {
       ref: ee(r, s.ref),
       onFocus: f,
       onKeyDown: C,
       onClick: T
-    }), s = Te(k(E({
+    }), s = Te(L(E({
       store: e,
       focusable: i,
       accessibleWhenDisabled: u
@@ -701,12 +701,12 @@ var Lt = Q(
     }, s)), s;
   }
 ), Vt = te(function(o) {
-  const t = Lt(o);
-  return ne(It, t);
+  const t = kt(o);
+  return ne(Rt, t);
 });
 const Bt = ({ item: n }) => {
   const o = n.icon || Ze, t = Ne();
-  return /* @__PURE__ */ oe(Dt, { store: t, children: [
+  return /* @__PURE__ */ oe(It, { store: t, children: [
     /* @__PURE__ */ oe(
       Vt,
       {
@@ -725,7 +725,7 @@ const Bt = ({ item: n }) => {
       }
     ),
     /* @__PURE__ */ y(
-      Rt,
+      Dt,
       {
         gutter: 12,
         shift: 0,
@@ -740,19 +740,19 @@ const Bt = ({ item: n }) => {
 }, jt = ({ item: n }) => {
   switch (n.type) {
     case "action":
-      return /* @__PURE__ */ y(Ie, { item: n });
+      return /* @__PURE__ */ y(Re, { item: n });
     case "toggle":
       return /* @__PURE__ */ y($e, { item: n });
     case "submenu":
       return /* @__PURE__ */ y(Bt, { item: n });
     case "separator":
-      return /* @__PURE__ */ y(ke, {});
+      return /* @__PURE__ */ y(Le, {});
   }
 };
 export {
-  Dt as M,
+  It as M,
   Bt as S,
   Vt as a,
-  Rt as b,
+  Dt as b,
   jt as c
 };

package/dist/primitives/index.d.ts

@@ -1 +1,3 @@
 export { Draggable } from './draggable';
+export { Resizable } from './resizable';
+export { VisuallyHidden } from './visually-hidden';

package/dist/primitives/index.js

@@ -1,4 +1,8 @@
-import { Draggable as e } from "./draggable/index.js";
+import { Draggable as o } from "./draggable/index.js";
+import { Resizable as l } from "./resizable/index.js";
+import { VisuallyHidden as i } from "./visually-hidden/index.js";
 export {
-  e as Draggable
+  o as Draggable,
+  l as Resizable,
+  i as VisuallyHidden
 };

package/dist/primitives/resizable/index.js

@@ -2,14 +2,15 @@ import { jsxs as v, jsx as h } from "react/jsx-runtime";
 import { cn as g } from "../../utils/css.js";
 import { useRef as _, useState as z, useEffect as R } from "react";
 import { Draggable as d } from "../draggable/index.js";
-import '../../assets/index.css';const j = ({
+import '../../assets/style.css';/* empty css                   */
+const B = ({
   as: c,
   axis: t = "both",
   className: m,
   children: f,
   ...b
 }) => {
-  const u = c || "div", i = _(null), [r, n] = z({
+  const p = c || "div", i = _(null), [r, n] = z({
     x: 0,
     y: 0,
     width: 0,
@@ -27,8 +28,8 @@ import '../../assets/index.css';const j = ({
   }, s = (e) => {
     t !== "y" && (i.current.style.width = `${r.width + e.delta.x}px`), t !== "x" && (i.current.style.height = `${r.height + e.delta.y}px`);
   }, l = (e) => {
-    n(({ x: p, y: x, ...y }) => ({
-      x: p + e.delta.x,
+    n(({ x: u, y: x, ...y }) => ({
+      x: u + e.delta.x,
       y: x + e.delta.y,
       ...y
     })), a();
@@ -36,7 +37,7 @@ import '../../assets/index.css';const j = ({
   return R(() => {
     a();
   }, []), /* @__PURE__ */ v(
-    u,
+    p,
     {
       className: g("primitive-resizable", m),
       ref: i,
@@ -72,5 +73,5 @@ import '../../assets/index.css';const j = ({
   );
 };
 export {
-  j as Resizable
+  B as Resizable
 };

package/dist/primitives/visually-hidden/index.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import '../../assets/styles.css';/* empty css                    */
+const r = ({ children: i }) => /* @__PURE__ */ o("div", { className: "component-visually-hidden", children: i });
+export {
+  r as VisuallyHidden
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wrdagency/blockout",
-	"version": "0.0.4",
+	"version": "0.0.6",
 	"description": "A React component library created by WRD.agency",
 	"type": "module",
 	"main": "dist/index.js",
@@ -56,6 +56,7 @@
 	"dependencies": {
 		"@ariakit/react": "^0.4.17",
 		"@phosphor-icons/react": "^2.1.8",
+		"match-sorter": "^8.0.1",
 		"object-hash": "^3.0.0"
 	}
 }

package/dist/components/visually-hidden/index.js

@@ -1,5 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import '../../assets/index3.css';const o = ({ children: e }) => /* @__PURE__ */ i("div", { className: "component-visually-hidden", children: e });
-export {
-  o as VisuallyHidden
-};