mimir-ui-kit 1.42.1 → 1.43.0

package/dist/components/Accordion/Accordion.js

@@ -1,24 +1,24 @@
-import { jsxs as A, Fragment as H, jsx as I } from "react/jsx-runtime";
-import { c as v } from "../../index-DIxK0V-G.js";
-import x, { createContext as K, useRef as oe, Fragment as re, useReducer as pe, useMemo as O, useId as se, useEffect as le, useState as ae, useContext as U, forwardRef as me } from "react";
-import { AccordionItem as fe } from "./AccordionItem/AccordionItem.js";
-import { EAccordionButtonType as P, EAccordionSize as B, EAccordionLinkIconSize as J, EAccordionButtonStyle as _e, EAccordionIconType as Y, EAccordionButtonIconSize as Z } from "./constants.js";
-import { useMediaQuery as ye } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as Ee } from "../../hooks/useMediaQuery/constants.js";
-import { Icon as Se } from "../../icons/Icon.js";
-import { Link as ke } from "../AnchorLink/Link.js";
-import { M as ee, W as q, y as j, T as Ie, o as $, a as W, H as Q, I as ce, $ as be, b as xe, D as te, u as De, c as T } from "../../keyboard-CUMsrFX1.js";
-import { w as he } from "../../use-active-press-BVQqDQ3V.js";
-import { e as ve } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { c as $e, i as R, u as ge, R as Pe, H as Te, s as we } from "../../open-closed-CkTbpRyi.js";
-import { C as Ne } from "../../close-provider-CEutdhG8.js";
-import { r as Ce } from "../../bugs-diTMAGNw.js";
-import '../../assets/Accordion.css';var ne;
-let Ae = (ne = x.startTransition) != null ? ne : function(e) {
+import { jsxs as C, Fragment as U, jsx as b } from "react/jsx-runtime";
+import { c as T } from "../../index-DIxK0V-G.js";
+import v, { createContext as q, useRef as le, Fragment as se, useReducer as ye, useMemo as M, useId as ae, useEffect as j, useState as ce, useContext as W, forwardRef as Se } from "react";
+import { AccordionItem as Ie } from "./AccordionItem/AccordionItem.js";
+import { EAccordionButtonType as w, EAccordionSize as R, EAccordionLinkIconSize as Z, EAccordionButtonStyle as ke, EAccordionIconType as ee, EAccordionButtonIconSize as te } from "./constants.js";
+import { useMediaQuery as be } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as xe } from "../../hooks/useMediaQuery/constants.js";
+import { Icon as De } from "../../icons/Icon.js";
+import { Link as $e } from "../AnchorLink/Link.js";
+import { M as ne, W as Q, y as V, T as ve, o as g, a as z, H as K, I as ie, $ as Pe, b as he, D as oe, u as Te, c as B } from "../../keyboard-wis2TUql.js";
+import { w as ge } from "../../use-active-press-CnDeVvQq.js";
+import { e as we } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { c as Be, i as L, u as Ne, R as Oe, H as Ae, s as Ce } from "../../open-closed-CJijMeI2.js";
+import { C as Re } from "../../close-provider-CEutdhG8.js";
+import { r as Me } from "../../bugs-diTMAGNw.js";
+import '../../assets/Accordion.css';var re;
+let Le = (re = v.startTransition) != null ? re : function(e) {
   e();
 };
-var Be = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Be || {}), Oe = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(Oe || {});
-let Re = { 0: (e) => ({ ...e, disclosureState: W(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
+var Fe = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Fe || {}), He = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(He || {});
+let Ue = { 0: (e) => ({ ...e, disclosureState: z(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
   return e.buttonId === t.buttonId ? e : { ...e, buttonId: t.buttonId };
 }, 3(e, t) {
   return e.panelId === t.panelId ? e : { ...e, panelId: t.panelId };
@@ -26,181 +26,193 @@ let Re = { 0: (e) => ({ ...e, disclosureState: W(e.disclosureState, { 0: 1, 1: 0
   return e.buttonElement === t.element ? e : { ...e, buttonElement: t.element };
 }, 5(e, t) {
   return e.panelElement === t.element ? e : { ...e, panelElement: t.element };
-} }, V = K(null);
-V.displayName = "DisclosureContext";
-function z(e) {
-  let t = U(V);
+} }, X = q(null);
+X.displayName = "DisclosureContext";
+function G(e) {
+  let t = W(X);
   if (t === null) {
-    let u = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(u, z), u;
+    let i = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(i, G), i;
   }
   return t;
 }
-let X = K(null);
-X.displayName = "DisclosureAPIContext";
-function ie(e) {
-  let t = U(X);
+let J = q(null);
+J.displayName = "DisclosureAPIContext";
+function ue(e) {
+  let t = W(J);
   if (t === null) {
-    let u = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(u, ie), u;
+    let i = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(i, ue), i;
   }
   return t;
 }
-let G = K(null);
-G.displayName = "DisclosurePanelContext";
-function Me() {
-  return U(G);
+let Y = q(null);
+Y.displayName = "DisclosurePanelContext";
+function qe() {
+  return W(Y);
 }
-function Fe(e, t) {
-  return W(t.type, Re, e, t);
+function je(e, t) {
+  return z(t.type, Ue, e, t);
 }
-let Le = re;
-function He(e, t) {
-  let { defaultOpen: u = !1, ...p } = e, l = oe(null), m = j(t, Ie((c) => {
-    l.current = c;
-  }, e.as === void 0 || e.as === re)), a = pe(Fe, { disclosureState: u ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: r }, y] = a, s = $((c) => {
+let We = se;
+function Qe(e, t) {
+  let { defaultOpen: i = !1, ...d } = e, s = le(null), m = V(t, ve((c) => {
+    s.current = c;
+  }, e.as === void 0 || e.as === se)), a = ye(je, { disclosureState: i ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: r }, y] = a, l = g((c) => {
     y({ type: 1 });
-    let f = De(l);
+    let f = Te(s);
     if (!f || !r) return;
-    let _ = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : f.getElementById(r) : f.getElementById(r);
-    _ == null || _.focus();
-  }), b = O(() => ({ close: s }), [s]), E = O(() => ({ open: n === 0, close: s }), [n, s]), S = { ref: m };
-  return x.createElement(V.Provider, { value: a }, x.createElement(X.Provider, { value: b }, x.createElement(Ne, { value: s }, x.createElement($e, { value: W(n, { 0: R.Open, 1: R.Closed }) }, Q({ ourProps: S, theirProps: p, slot: E, defaultTag: Le, name: "Disclosure" })))));
+    let E = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : f.getElementById(r) : f.getElementById(r);
+    E == null || E.focus();
+  }), x = M(() => ({ close: l }), [l]), S = M(() => ({ open: n === 0, close: l }), [n, l]), I = { ref: m };
+  return v.createElement(X.Provider, { value: a }, v.createElement(J.Provider, { value: x }, v.createElement(Re, { value: l }, v.createElement(Be, { value: z(n, { 0: L.Open, 1: L.Closed }) }, K({ ourProps: I, theirProps: d, slot: S, defaultTag: We, name: "Disclosure" })))));
 }
-let Ke = "button";
-function Ue(e, t) {
-  let u = se(), { id: p = `headlessui-disclosure-button-${u}`, disabled: l = !1, autoFocus: m = !1, ...a } = e, [n, r] = z("Disclosure.Button"), y = Me(), s = y === null ? !1 : y === n.panelId, b = oe(null), E = j(b, t, $((i) => {
-    if (!s) return r({ type: 4, element: i });
-  })), S = ce();
-  le(() => {
-    if (!s) return r({ type: 2, buttonId: p }), () => {
+let Ve = "button";
+function ze(e, t) {
+  let i = ae(), { id: d = `headlessui-disclosure-button-${i}`, disabled: s = !1, autoFocus: m = !1, ...a } = e, [n, r] = G("Disclosure.Button"), y = qe(), l = y === null ? !1 : y === n.panelId, x = le(null), S = V(x, t, g((o) => {
+    if (!l) return r({ type: 4, element: o });
+  })), I = ie();
+  j(() => {
+    if (!l) return r({ type: 2, buttonId: d }), () => {
       r({ type: 2, buttonId: null });
     };
-  }, [p, r, s]);
-  let c = $((i) => {
-    var o;
-    if (s) {
+  }, [d, r, l]);
+  let c = g((o) => {
+    var k;
+    if (l) {
       if (n.disclosureState === 1) return;
-      switch (i.key) {
-        case T.Space:
-        case T.Enter:
-          i.preventDefault(), i.stopPropagation(), r({ type: 0 }), (o = n.buttonElement) == null || o.focus();
+      switch (o.key) {
+        case B.Space:
+        case B.Enter:
+          o.preventDefault(), o.stopPropagation(), r({ type: 0 }), (k = n.buttonElement) == null || k.focus();
           break;
       }
-    } else switch (i.key) {
-      case T.Space:
-      case T.Enter:
-        i.preventDefault(), i.stopPropagation(), r({ type: 0 });
+    } else switch (o.key) {
+      case B.Space:
+      case B.Enter:
+        o.preventDefault(), o.stopPropagation(), r({ type: 0 });
         break;
     }
-  }), f = $((i) => {
-    switch (i.key) {
-      case T.Space:
-        i.preventDefault();
+  }), f = g((o) => {
+    switch (o.key) {
+      case B.Space:
+        o.preventDefault();
         break;
     }
-  }), _ = $((i) => {
-    var o;
-    Ce(i.currentTarget) || l || (s ? (r({ type: 0 }), (o = n.buttonElement) == null || o.focus()) : r({ type: 0 }));
-  }), { isFocusVisible: D, focusProps: h } = be({ autoFocus: m }), { isHovered: w, hoverProps: N } = xe({ isDisabled: l }), { pressed: k, pressProps: g } = he({ disabled: l }), M = O(() => ({ open: n.disclosureState === 0, hover: w, active: k, disabled: l, focus: D, autofocus: m }), [n, w, k, D, l, m]), C = ve(e, n.buttonElement), F = s ? te({ ref: E, type: C, disabled: l || void 0, autoFocus: m, onKeyDown: c, onClick: _ }, h, N, g) : te({ ref: E, id: p, type: C, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: l || void 0, autoFocus: m, onKeyDown: c, onKeyUp: f, onClick: _ }, h, N, g);
-  return Q({ mergeRefs: S, ourProps: F, theirProps: a, slot: M, defaultTag: Ke, name: "Disclosure.Button" });
+  }), E = g((o) => {
+    var k;
+    Me(o.currentTarget) || s || (l ? (r({ type: 0 }), (k = n.buttonElement) == null || k.focus()) : r({ type: 0 }));
+  }), { isFocusVisible: _, focusProps: P } = Pe({ autoFocus: m }), { isHovered: h, hoverProps: N } = he({ isDisabled: s }), { pressed: D, pressProps: O } = ge({ disabled: s }), A = M(() => ({ open: n.disclosureState === 0, hover: h, active: D, disabled: s, focus: _, autofocus: m }), [n, h, D, _, s, m]), $ = we(e, n.buttonElement), F = l ? oe({ ref: S, type: $, disabled: s || void 0, autoFocus: m, onKeyDown: c, onClick: E }, P, N, O) : oe({ ref: S, id: d, type: $, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: s || void 0, autoFocus: m, onKeyDown: c, onKeyUp: f, onClick: E }, P, N, O);
+  return K({ mergeRefs: I, ourProps: F, theirProps: a, slot: A, defaultTag: Ve, name: "Disclosure.Button" });
 }
-let qe = "div", je = ee.RenderStrategy | ee.Static;
-function We(e, t) {
-  let u = se(), { id: p = `headlessui-disclosure-panel-${u}`, transition: l = !1, ...m } = e, [a, n] = z("Disclosure.Panel"), { close: r } = ie("Disclosure.Panel"), y = ce(), [s, b] = ae(null), E = j(t, $((h) => {
-    Ae(() => n({ type: 5, element: h }));
-  }), b);
-  le(() => (n({ type: 3, panelId: p }), () => {
+let Ke = "div", Xe = ne.RenderStrategy | ne.Static;
+function Ge(e, t) {
+  let i = ae(), { id: d = `headlessui-disclosure-panel-${i}`, transition: s = !1, ...m } = e, [a, n] = G("Disclosure.Panel"), { close: r } = ue("Disclosure.Panel"), y = ie(), [l, x] = ce(null), S = V(t, g((P) => {
+    Le(() => n({ type: 5, element: P }));
+  }), x);
+  j(() => (n({ type: 3, panelId: d }), () => {
     n({ type: 3, panelId: null });
-  }), [p, n]);
-  let S = ge(), [c, f] = Pe(l, s, S !== null ? (S & R.Open) === R.Open : a.disclosureState === 0), _ = O(() => ({ open: a.disclosureState === 0, close: r }), [a.disclosureState, r]), D = { ref: E, id: p, ...Te(f) };
-  return x.createElement(we, null, x.createElement(G.Provider, { value: a.panelId }, Q({ mergeRefs: y, ourProps: D, theirProps: m, slot: _, defaultTag: qe, features: je, visible: c, name: "Disclosure.Panel" })));
+  }), [d, n]);
+  let I = Ne(), [c, f] = Oe(s, l, I !== null ? (I & L.Open) === L.Open : a.disclosureState === 0), E = M(() => ({ open: a.disclosureState === 0, close: r }), [a.disclosureState, r]), _ = { ref: S, id: d, ...Ae(f) };
+  return v.createElement(Ce, null, v.createElement(Y.Provider, { value: a.panelId }, K({ mergeRefs: y, ourProps: _, theirProps: m, slot: E, defaultTag: Ke, features: Xe, visible: c, name: "Disclosure.Panel" })));
 }
-let Qe = q(He), ue = q(Ue), de = q(We), Ve = Object.assign(Qe, { Button: ue, Panel: de });
-const ze = "_icon_1yk0x_2", Xe = "_open_1yk0x_15", Ge = "_square_1yk0x_19", Je = "_circle_1yk0x_23", Ye = "_disabled_1yk0x_23", Ze = "_accordion_1yk0x_37", et = "_header_1yk0x_45", tt = "_title_1yk0x_61", nt = "_panel_1yk0x_88", ot = "_m_1yk0x_112", rt = "_s_1yk0x_19", d = {
-  icon: ze,
+let Je = Q(Qe), de = Q(ze), pe = Q(Ge), Ye = Object.assign(Je, { Button: de, Panel: pe });
+const Ze = "_icon_1yk0x_2", et = "_open_1yk0x_15", tt = "_square_1yk0x_19", nt = "_circle_1yk0x_23", ot = "_disabled_1yk0x_23", rt = "_accordion_1yk0x_37", lt = "_header_1yk0x_45", st = "_title_1yk0x_61", at = "_panel_1yk0x_88", ct = "_m_1yk0x_112", it = "_s_1yk0x_19", u = {
+  icon: Ze,
   "icon-container": "_icon-container_1yk0x_8",
-  open: Xe,
-  square: Ge,
-  circle: Je,
-  disabled: Ye,
-  accordion: Ze,
+  open: et,
+  square: tt,
+  circle: nt,
+  disabled: ot,
+  accordion: rt,
   "is-link": "_is-link_1yk0x_41",
-  header: et,
-  title: tt,
+  header: lt,
+  title: st,
   "title-uppercase": "_title-uppercase_1yk0x_64",
-  panel: nt,
+  panel: at,
   "link-open": "_link-open_1yk0x_108",
-  m: ot,
-  s: rt,
+  m: ct,
+  s: it,
   "wrapper-button": "_wrapper-button_1yk0x_140"
-}, It = me(
+}, vt = Se(
   ({
     title: e,
     disabled: t,
-    buttonType: u = P.BUTTON,
-    children: p,
-    showTitleByDefault: l = !0,
+    buttonType: i = w.BUTTON,
+    children: d,
+    showTitleByDefault: s = !0,
     linkClassName: m,
-    size: a = B.M,
+    size: a = R.M,
     titleUppercase: n,
-    buttonStyle: r = _e.CIRCLE,
-    iconType: y = Y.ARROW,
-    classNameTitle: s,
-    classNameContent: b,
-    classNameAccordion: E,
-    classNameIconButton: S,
+    buttonStyle: r = ke.CIRCLE,
+    iconType: y = ee.ARROW,
+    classNameTitle: l,
+    classNameContent: x,
+    classNameAccordion: S,
+    classNameIconButton: I,
     subtitleNode: c,
     onlyOpenSubtitleNode: f,
-    classNameSubtitleContainer: _
-  }, D) => {
-    const [h, w] = ae(!1), N = ye(Ee.XS1), k = u === P.LINK, g = {
-      [d["is-link"]]: k
-    }, M = () => {
-      t || w((o) => !o);
-    }, C = a === B.S ? J.S : J.M, F = (o) => ({
+    classNameSubtitleContainer: E,
+    activeKey: _,
+    defaultActiveKey: P,
+    onChange: h
+  }, N) => {
+    const D = _ !== void 0, [O, A] = ce(
+      () => !!P
+    ), $ = D ? !!_ : O, F = be(xe.XS1), o = i === w.LINK, k = {
+      [u["is-link"]]: o
+    };
+    j(() => {
+      D && A(!!_);
+    }, [_, D]);
+    const me = () => {
+      if (t)
+        return;
+      const p = !$;
+      h == null || h(p), D || A(p);
+    }, fe = a === R.S ? Z.S : Z.M, _e = (p) => ({
       variant: "anchor",
-      size: N ? "s" : "l",
+      size: F ? "s" : "l",
       rightIcon: {
-        iconName: C,
-        className: v({
-          [d["link-open"]]: o
+        iconName: fe,
+        className: T({
+          [u["link-open"]]: p
         })
       }
-    }), i = (o) => {
-      const L = () => y === Y.DROPDOWN ? a === B.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : a === B.S ? Z.S : Z.M;
-      switch (u) {
-        case P.LINK:
+    }), Ee = (p) => {
+      const H = () => y === ee.DROPDOWN ? a === R.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : a === R.S ? te.S : te.M;
+      switch (i) {
+        case w.LINK:
           return e;
-        case P.BUTTON:
-          return /* @__PURE__ */ A(H, { children: [
-            /* @__PURE__ */ I(
+        case w.BUTTON:
+          return /* @__PURE__ */ C(U, { children: [
+            /* @__PURE__ */ b(
               "span",
               {
-                className: v(
-                  d.title,
-                  s,
-                  n && d["title-uppercase"]
+                className: T(
+                  u.title,
+                  l,
+                  n && u["title-uppercase"]
                 ),
                 children: e
               }
             ),
-            /* @__PURE__ */ I(
+            /* @__PURE__ */ b(
               "div",
               {
-                className: v(
-                  d["icon-container"],
-                  o && d.open,
-                  t && d.disabled,
-                  d[r],
-                  S
+                className: T(
+                  u["icon-container"],
+                  p && u.open,
+                  t && u.disabled,
+                  u[r],
+                  I
                 ),
                 "data-testid": "accordion-icon-container",
-                children: /* @__PURE__ */ I(
-                  Se,
+                children: /* @__PURE__ */ b(
+                  De,
                   {
-                    iconName: L(),
-                    className: d.icon,
+                    iconName: H(),
+                    className: u.icon,
                     "data-testid": "accordion-icon"
                   }
                 )
@@ -211,57 +223,65 @@ const ze = "_icon_1yk0x_2", Xe = "_open_1yk0x_15", Ge = "_square_1yk0x_19", Je =
           return null;
       }
     };
-    return /* @__PURE__ */ A(H, { children: [
-      /* @__PURE__ */ I(
+    return /* @__PURE__ */ C(U, { children: [
+      /* @__PURE__ */ b(
         "div",
         {
-          className: v(
-            d.accordion,
-            d[a],
-            g,
-            E
+          className: T(
+            u.accordion,
+            u[a],
+            k,
+            S
           ),
-          children: /* @__PURE__ */ I(Ve, { ref: D, children: ({ open: o, close: L }) => /* @__PURE__ */ A(H, { children: [
-            (!o || l) && /* @__PURE__ */ I(
-              ue,
-              {
-                disabled: t,
-                as: k ? ke : P.BUTTON,
-                onClick: M,
-                className: v({
-                  [d.header]: !k,
-                  [d.disabled]: t,
-                  [m ?? ""]: k && m
-                }),
-                ...k ? F(o) : {},
-                children: (!o || l) && i(o)
-              }
-            ),
-            o && /* @__PURE__ */ I(
-              de,
-              {
-                "data-testid": "accordion-panel",
-                className: v(
-                  d.panel,
-                  b,
-                  g
+          children: /* @__PURE__ */ b(
+            Ye,
+            {
+              ref: N,
+              defaultOpen: $,
+              children: ({ open: p, close: H }) => /* @__PURE__ */ C(U, { children: [
+                (!p || s) && /* @__PURE__ */ b(
+                  de,
+                  {
+                    disabled: t,
+                    as: o ? $e : w.BUTTON,
+                    onClick: me,
+                    className: T({
+                      [u.header]: !o,
+                      [u.disabled]: t,
+                      [m ?? ""]: o && m
+                    }),
+                    ...o ? _e(p) : {},
+                    children: (!p || s) && Ee(p)
+                  }
                 ),
-                children: /* @__PURE__ */ I(fe, { size: a, children: typeof p == "function" ? p({
-                  open: o,
-                  close: L
-                }) : p })
-              }
-            )
-          ] }) })
+                p && /* @__PURE__ */ b(
+                  pe,
+                  {
+                    "data-testid": "accordion-panel",
+                    className: T(
+                      u.panel,
+                      x,
+                      k
+                    ),
+                    children: /* @__PURE__ */ b(Ie, { size: a, children: typeof d == "function" ? d({
+                      open: p,
+                      close: H
+                    }) : d })
+                  }
+                )
+              ] })
+            },
+            _ ? String($) : void 0
+          )
         }
       ),
-      (c || f) && /* @__PURE__ */ A("div", { className: _, children: [
+      (c || f) && /* @__PURE__ */ C("div", { className: E, children: [
         c,
-        h && f
+        $ && f
       ] })
     ] });
   }
 );
 export {
-  It as Accordion
+  vt as Accordion
 };

package/dist/components/AnchorLink/Link.d.ts

@@ -11,6 +11,8 @@ type TProps = {
     disabled?: boolean;
     className?: string;
     children?: ReactNode;
+    rel?: string;
+    target?: string;
 };
 type TLinkComponent = <C extends ElementType = 'span'>(props: Props<C, TProps>) => ReactElement | ReactNode;
 export declare const Link: TLinkComponent;

package/dist/components/AnchorLink/Link.js

@@ -1,52 +1,64 @@
-import { jsxs as N, jsx as n } from "react/jsx-runtime";
+import { jsxs as k, jsx as n } from "react/jsx-runtime";
 import { c as o } from "../../index-DIxK0V-G.js";
-import { forwardRef as h } from "react";
-import { ELinkSize as k, ELinkVariant as x } from "./constants.js";
-import { Icon as i } from "../../icons/Icon.js";
-import '../../assets/Link.css';const L = "_link_1bc9a_2", I = "_sample_1bc9a_20", j = "_anchor_1bc9a_24", u = "_disabled_1bc9a_28", z = "_icon_1bc9a_38", C = "_xs_1bc9a_47", E = "_s_1bc9a_20", R = "_m_1bc9a_59", g = "_l_1bc9a_2", s = {
-  link: L,
-  sample: I,
-  anchor: j,
-  disabled: u,
-  icon: z,
-  xs: C,
-  s: E,
-  m: R,
-  l: g
-}, P = h(
-  (t, l) => {
+import { forwardRef as x } from "react";
+import { ELinkSize as L, ELinkVariant as I } from "./constants.js";
+import { Icon as t } from "../../icons/Icon.js";
+import '../../assets/Link.css';const g = "_link_1bc9a_2", j = "_sample_1bc9a_20", u = "_anchor_1bc9a_24", z = "_disabled_1bc9a_28", C = "_icon_1bc9a_38", E = "_xs_1bc9a_47", R = "_s_1bc9a_20", v = "_m_1bc9a_59", w = "_l_1bc9a_2", s = {
+  link: g,
+  sample: j,
+  anchor: u,
+  disabled: z,
+  icon: C,
+  xs: E,
+  s: R,
+  m: v,
+  l: w
+}, V = x(
+  (i, e) => {
     const {
-      as: _ = "button",
-      disabled: e,
+      as: l = "button",
+      disabled: r,
       leftIcon: c,
-      children: r,
+      children: _,
       rightIcon: a,
       className: m,
-      size: b = k.L,
-      variant: d = x.ANCHOR,
-      ...p
-    } = t, f = o(s.link, m, s[d], s[b], {
-      [s.disabled]: e
+      size: b = L.L,
+      variant: d = I.ANCHOR,
+      rel: p,
+      target: f,
+      ...N
+    } = i, h = o(s.link, m, s[d], s[b], {
+      [s.disabled]: r
     });
-    return /* @__PURE__ */ N(_, { ref: l, className: f, ...p, children: [
-      c && /* @__PURE__ */ n(
-        i,
-        {
-          ...c,
-          className: o(s.icon, c.className)
-        }
-      ),
-      r,
-      a && /* @__PURE__ */ n(
-        i,
-        {
-          ...a,
-          className: o(s.icon, a.className)
-        }
-      )
-    ] });
+    return /* @__PURE__ */ k(
+      l,
+      {
+        ref: e,
+        className: h,
+        rel: p,
+        target: f,
+        ...N,
+        children: [
+          c && /* @__PURE__ */ n(
+            t,
+            {
+              ...c,
+              className: o(s.icon, c.className)
+            }
+          ),
+          _,
+          a && /* @__PURE__ */ n(
+            t,
+            {
+              ...a,
+              className: o(s.icon, a.className)
+            }
+          )
+        ]
+      }
+    );
   }
 );
 export {
-  P as Link
+  V as Link
 };