anysystem-design 0.0.37 → 0.0.39

package/dist/components/Label/Label.js

@@ -1,14 +1,14 @@
 import { jsxs as r, jsx as l } from "react/jsx-runtime";
 import { t as s } from "../../bundle-mjs-D8_OHItV.js";
-import { F as m } from "../../index-CBEJ8A3p.js";
+import { F as c } from "../../index-CBEJ8A3p.js";
 const h = ({
   label: t,
-  className: i,
-  htmlFor: d,
+  className: d,
+  htmlFor: i,
   isError: a = !1,
   errorMessage: o,
   type: e = "border",
-  children: c
+  children: m
 }) => /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
   /* @__PURE__ */ r(
     "div",
@@ -18,7 +18,8 @@ const h = ({
         e === "border" && "rounded border border-gray-400",
         e === "horizontal" ? "flex-row gap-2" : "form-group",
         a && "error",
-        i
+        "md",
+        d
       ),
       children: [
         t && /* @__PURE__ */ l(
@@ -29,16 +30,16 @@ const h = ({
               e === "horizontal" && "flex items-center justify-center",
               "mb-1 text-sm font-semibold"
             ),
-            htmlFor: d,
+            htmlFor: i,
             children: t
           }
         ),
-        c
+        m
       ]
     }
   ),
   a && o && /* @__PURE__ */ r("span", { className: "flex items-center text-sm text-red-600 gap-1", children: [
-    /* @__PURE__ */ l("div", { className: "w-4", children: /* @__PURE__ */ l(m, {}) }),
+    /* @__PURE__ */ l("div", { className: "w-4", children: /* @__PURE__ */ l(c, {}) }),
     o
   ] })
 ] });

package/dist/components/NavList/NavList.d.ts

@@ -10,6 +10,9 @@ export type NavItemObject = {
 };
 export type NavListProps = {
     list: NavItemObject[];
+    location?: {
+        pathname: string;
+    };
 };
 declare const NavList: React.FC<NavListProps>;
 export default NavList;

package/dist/components/NavList/NavList.js

@@ -1,242 +1,172 @@
-import { jsx as p, jsxs as k, Fragment as ue } from "react/jsx-runtime";
-import { G as ie } from "../../iconBase-Bipuk9tK.js";
-import { t as N } from "../../bundle-mjs-D8_OHItV.js";
-import * as f from "react";
-import E, { createContext as $, useRef as Z, Fragment as ee, useReducer as de, useMemo as S, useId as te, useEffect as re, useContext as R } from "react";
-import { $ as pe, a as fe, r as me } from "../../bugs-mljuODtW.js";
-import { w as he, e as Ee } from "../../use-resolve-button-type-DbQUT_r1.js";
-import { M as G, W as I, y as O, T as ve, o as x, u as T, H as B, I as oe, D as W } from "../../use-sync-refs-TDnk3jQt.js";
-import { c as ge, i as P, u as ye, x as xe, j as be, s as De } from "../../open-closed-Btlb-eA5.js";
-import { C as Ce } from "../../close-provider-CEutdhG8.js";
-import { u as Ne, o as C } from "../../keyboard-DnlWU23I.js";
-var J;
-let Se = (J = E.startTransition) != null ? J : function(e) {
+import { jsx as p, jsxs as P, Fragment as le } from "react/jsx-runtime";
+import { G as ae } from "../../iconBase-Bipuk9tK.js";
+import { t as x } from "../../bundle-mjs-D8_OHItV.js";
+import { $ as ne, a as oe, r as se } from "../../bugs-mljuODtW.js";
+import h, { createContext as C, useRef as W, Fragment as J, useReducer as ue, useMemo as $, useId as Q, useEffect as X, useContext as I } from "react";
+import { w as ce, e as ie } from "../../use-resolve-button-type-DbQUT_r1.js";
+import { M as U, W as T, y as N, T as de, o as v, u as B, H as F, I as Y, D as V } from "../../use-sync-refs-TDnk3jQt.js";
+import { c as pe, i as D, u as fe, x as me, j as he, s as ge } from "../../open-closed-Btlb-eA5.js";
+import { C as ye } from "../../close-provider-CEutdhG8.js";
+import { u as be, o as k } from "../../keyboard-DnlWU23I.js";
+var q;
+let ve = (q = h.startTransition) != null ? q : function(e) {
   e();
 };
-var Pe = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Pe || {}), ke = ((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))(ke || {});
-let we = { 0: (e) => ({ ...e, disclosureState: T(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, r) {
-  return e.buttonId === r.buttonId ? e : { ...e, buttonId: r.buttonId };
-}, 3(e, r) {
-  return e.panelId === r.panelId ? e : { ...e, panelId: r.panelId };
-}, 4(e, r) {
-  return e.buttonElement === r.element ? e : { ...e, buttonElement: r.element };
-}, 5(e, r) {
-  return e.panelElement === r.element ? e : { ...e, panelElement: r.element };
-} }, M = $(null);
-M.displayName = "DisclosureContext";
-function _(e) {
-  let r = R(M);
-  if (r === null) {
-    let t = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t, _), t;
+var Ee = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Ee || {}), Se = ((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))(Se || {});
+let ke = { 0: (e) => ({ ...e, disclosureState: B(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 };
+}, 4(e, t) {
+  return e.buttonElement === t.element ? e : { ...e, buttonElement: t.element };
+}, 5(e, t) {
+  return e.panelElement === t.element ? e : { ...e, panelElement: t.element };
+} }, R = C(null);
+R.displayName = "DisclosureContext";
+function M(e) {
+  let t = I(R);
+  if (t === null) {
+    let r = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(r, M), r;
   }
-  return r;
+  return t;
 }
-let V = $(null);
-V.displayName = "DisclosureAPIContext";
-function ne(e) {
-  let r = R(V);
-  if (r === null) {
-    let t = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t, ne), t;
+let O = C(null);
+O.displayName = "DisclosureAPIContext";
+function Z(e) {
+  let t = I(O);
+  if (t === null) {
+    let r = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(r, Z), r;
   }
-  return r;
+  return t;
 }
-let F = $(null);
-F.displayName = "DisclosurePanelContext";
-function $e() {
-  return R(F);
+let j = C(null);
+j.displayName = "DisclosurePanelContext";
+function xe() {
+  return I(j);
 }
-function Re(e, r) {
-  return T(r.type, we, e, r);
+function $e(e, t) {
+  return B(t.type, ke, e, t);
 }
-let Ie = ee;
-function Oe(e, r) {
-  let { defaultOpen: t = !1, ...d } = e, l = Z(null), u = O(r, ve((i) => {
-    l.current = i;
-  }, e.as === void 0 || e.as === ee)), n = de(Re, { disclosureState: t ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: o, buttonId: a }, v] = n, s = x((i) => {
-    v({ type: 1 });
-    let m = Ne(l);
-    if (!m || !a) return;
-    let h = i ? i instanceof HTMLElement ? i : i.current instanceof HTMLElement ? i.current : m.getElementById(a) : m.getElementById(a);
-    h == null || h.focus();
-  }), g = S(() => ({ close: s }), [s]), y = S(() => ({ open: o === 0, close: s }), [o, s]), b = { ref: u };
-  return E.createElement(M.Provider, { value: n }, E.createElement(V.Provider, { value: g }, E.createElement(Ce, { value: s }, E.createElement(ge, { value: T(o, { 0: P.Open, 1: P.Closed }) }, B({ ourProps: b, theirProps: d, slot: y, defaultTag: Ie, name: "Disclosure" })))));
+let De = J;
+function Pe(e, t) {
+  let { defaultOpen: r = !1, ...d } = e, o = W(null), c = N(t, de((i) => {
+    o.current = i;
+  }, e.as === void 0 || e.as === J)), a = ue($e, { disclosureState: r ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: l, buttonId: n }, g] = a, s = v((i) => {
+    g({ type: 1 });
+    let f = be(o);
+    if (!f || !n) return;
+    let m = i ? i instanceof HTMLElement ? i : i.current instanceof HTMLElement ? i.current : f.getElementById(n) : f.getElementById(n);
+    m == null || m.focus();
+  }), y = $(() => ({ close: s }), [s]), b = $(() => ({ open: l === 0, close: s }), [l, s]), E = { ref: c };
+  return h.createElement(R.Provider, { value: a }, h.createElement(O.Provider, { value: y }, h.createElement(ye, { value: s }, h.createElement(pe, { value: B(l, { 0: D.Open, 1: D.Closed }) }, F({ ourProps: E, theirProps: d, slot: b, defaultTag: De, name: "Disclosure" })))));
 }
-let Te = "button";
-function Be(e, r) {
-  let t = te(), { id: d = `headlessui-disclosure-button-${t}`, disabled: l = !1, autoFocus: u = !1, ...n } = e, [o, a] = _("Disclosure.Button"), v = $e(), s = v === null ? !1 : v === o.panelId, g = Z(null), y = O(g, r, s ? null : x((c) => a({ type: 4, element: c }))), b = oe();
-  re(() => {
-    if (!s) return a({ type: 2, buttonId: d }), () => {
-      a({ type: 2, buttonId: null });
+let we = "button";
+function Ce(e, t) {
+  let r = Q(), { id: d = `headlessui-disclosure-button-${r}`, disabled: o = !1, autoFocus: c = !1, ...a } = e, [l, n] = M("Disclosure.Button"), g = xe(), s = g === null ? !1 : g === l.panelId, y = W(null), b = N(y, t, s ? null : v((u) => n({ type: 4, element: u }))), E = Y();
+  X(() => {
+    if (!s) return n({ type: 2, buttonId: d }), () => {
+      n({ type: 2, buttonId: null });
     };
-  }, [d, a, s]);
-  let i = x((c) => {
-    var D;
+  }, [d, n, s]);
+  let i = v((u) => {
+    var S;
     if (s) {
-      if (o.disclosureState === 1) return;
-      switch (c.key) {
-        case C.Space:
-        case C.Enter:
-          c.preventDefault(), c.stopPropagation(), a({ type: 0 }), (D = o.buttonElement) == null || D.focus();
+      if (l.disclosureState === 1) return;
+      switch (u.key) {
+        case k.Space:
+        case k.Enter:
+          u.preventDefault(), u.stopPropagation(), n({ type: 0 }), (S = l.buttonElement) == null || S.focus();
           break;
       }
-    } else switch (c.key) {
-      case C.Space:
-      case C.Enter:
-        c.preventDefault(), c.stopPropagation(), a({ type: 0 });
+    } else switch (u.key) {
+      case k.Space:
+      case k.Enter:
+        u.preventDefault(), u.stopPropagation(), n({ type: 0 });
         break;
     }
-  }), m = x((c) => {
-    switch (c.key) {
-      case C.Space:
-        c.preventDefault();
+  }), f = v((u) => {
+    switch (u.key) {
+      case k.Space:
+        u.preventDefault();
         break;
     }
-  }), h = x((c) => {
-    var D;
-    me(c.currentTarget) || l || (s ? (a({ type: 0 }), (D = o.buttonElement) == null || D.focus()) : a({ type: 0 }));
-  }), { isFocusVisible: j, focusProps: A } = pe({ autoFocus: u }), { isHovered: H, hoverProps: z } = fe({ isDisabled: l }), { pressed: K, pressProps: U } = he({ disabled: l }), se = S(() => ({ open: o.disclosureState === 0, hover: H, active: K, disabled: l, focus: j, autofocus: u }), [o, H, K, j, l, u]), q = Ee(e, o.buttonElement), ce = s ? W({ ref: y, type: q, disabled: l || void 0, autoFocus: u, onKeyDown: i, onClick: h }, A, z, U) : W({ ref: y, id: d, type: q, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: l || void 0, autoFocus: u, onKeyDown: i, onKeyUp: m, onClick: h }, A, z, U);
-  return B({ mergeRefs: b, ourProps: ce, theirProps: n, slot: se, defaultTag: Te, name: "Disclosure.Button" });
+  }), m = v((u) => {
+    var S;
+    se(u.currentTarget) || o || (s ? (n({ type: 0 }), (S = l.buttonElement) == null || S.focus()) : n({ type: 0 }));
+  }), { isFocusVisible: H, focusProps: L } = ne({ autoFocus: c }), { isHovered: z, hoverProps: K } = oe({ isDisabled: o }), { pressed: _, pressProps: A } = ce({ disabled: o }), te = $(() => ({ open: l.disclosureState === 0, hover: z, active: _, disabled: o, focus: H, autofocus: c }), [l, z, _, H, o, c]), G = ie(e, l.buttonElement), re = s ? V({ ref: b, type: G, disabled: o || void 0, autoFocus: c, onKeyDown: i, onClick: m }, L, K, A) : V({ ref: b, id: d, type: G, "aria-expanded": l.disclosureState === 0, "aria-controls": l.panelElement ? l.panelId : void 0, disabled: o || void 0, autoFocus: c, onKeyDown: i, onKeyUp: f, onClick: m }, L, K, A);
+  return F({ mergeRefs: E, ourProps: re, theirProps: a, slot: te, defaultTag: we, name: "Disclosure.Button" });
 }
-let Me = "div", _e = G.RenderStrategy | G.Static;
-function Ve(e, r) {
-  let t = te(), { id: d = `headlessui-disclosure-panel-${t}`, transition: l = !1, ...u } = e, [n, o] = _("Disclosure.Panel"), { close: a } = ne("Disclosure.Panel"), v = oe(), s = O(r, x((h) => {
-    Se(() => o({ type: 5, element: h }));
+let Ie = "div", Te = U.RenderStrategy | U.Static;
+function Ne(e, t) {
+  let r = Q(), { id: d = `headlessui-disclosure-panel-${r}`, transition: o = !1, ...c } = e, [a, l] = M("Disclosure.Panel"), { close: n } = Z("Disclosure.Panel"), g = Y(), s = N(t, v((m) => {
+    ve(() => l({ type: 5, element: m }));
   }));
-  re(() => (o({ type: 3, panelId: d }), () => {
-    o({ type: 3, panelId: null });
-  }), [d, o]);
-  let g = ye(), [y, b] = xe(l, n.panelElement, g !== null ? (g & P.Open) === P.Open : n.disclosureState === 0), i = S(() => ({ open: n.disclosureState === 0, close: a }), [n.disclosureState, a]), m = { ref: s, id: d, ...be(b) };
-  return E.createElement(De, null, E.createElement(F.Provider, { value: n.panelId }, B({ mergeRefs: v, ourProps: m, theirProps: u, slot: i, defaultTag: Me, features: _e, visible: y, name: "Disclosure.Panel" })));
+  X(() => (l({ type: 3, panelId: d }), () => {
+    l({ type: 3, panelId: null });
+  }), [d, l]);
+  let y = fe(), [b, E] = me(o, a.panelElement, y !== null ? (y & D.Open) === D.Open : a.disclosureState === 0), i = $(() => ({ open: a.disclosureState === 0, close: n }), [a.disclosureState, n]), f = { ref: s, id: d, ...he(E) };
+  return h.createElement(ge, null, h.createElement(j.Provider, { value: a.panelId }, F({ mergeRefs: g, ourProps: f, theirProps: c, slot: i, defaultTag: Ie, features: Te, visible: b, name: "Disclosure.Panel" })));
 }
-let Fe = I(Oe), w = I(Be), ae = I(Ve), Le = Object.assign(Fe, { Button: w, Panel: ae });
-/**
- * @remix-run/router v1.19.1
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-var Q;
-(function(e) {
-  e.Pop = "POP", e.Push = "PUSH", e.Replace = "REPLACE";
-})(Q || (Q = {}));
-function X(e, r) {
-  throw new Error(r);
+let Be = T(Pe), w = T(Ce), ee = T(Ne), Fe = Object.assign(Be, { Button: w, Panel: ee });
+function Re(e) {
+  return ae({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" }, child: [] }] })(e);
 }
-var Y;
-(function(e) {
-  e.data = "data", e.deferred = "deferred", e.redirect = "redirect", e.error = "error";
-})(Y || (Y = {}));
-const le = ["post", "put", "patch", "delete"];
-new Set(le);
-const je = ["get", ...le];
-new Set(je);
-/**
- * React Router v6.26.1
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-const Ae = /* @__PURE__ */ f.createContext(null);
-process.env.NODE_ENV !== "production" && (Ae.displayName = "DataRouter");
-const He = /* @__PURE__ */ f.createContext(null);
-process.env.NODE_ENV !== "production" && (He.displayName = "DataRouterState");
-const ze = /* @__PURE__ */ f.createContext(null);
-process.env.NODE_ENV !== "production" && (ze.displayName = "Await");
-const Ke = /* @__PURE__ */ f.createContext(null);
-process.env.NODE_ENV !== "production" && (Ke.displayName = "Navigation");
-const L = /* @__PURE__ */ f.createContext(null);
-process.env.NODE_ENV !== "production" && (L.displayName = "Location");
-const Ue = /* @__PURE__ */ f.createContext({
-  outlet: null,
-  matches: [],
-  isDataRoute: !1
-});
-process.env.NODE_ENV !== "production" && (Ue.displayName = "Route");
-const qe = /* @__PURE__ */ f.createContext(null);
-process.env.NODE_ENV !== "production" && (qe.displayName = "RouteError");
-function Ge() {
-  return f.useContext(L) != null;
-}
-function We() {
-  return Ge() || (process.env.NODE_ENV !== "production" ? X(
-    !1,
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useLocation() may be used only in the context of a <Router> component."
-  ) : X()), f.useContext(L).location;
-}
-new Promise(() => {
-});
-function Je(e) {
-  return ie({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" }, child: [] }] })(e);
-}
-const lt = ({ list: e }) => {
-  const r = We();
-  return /* @__PURE__ */ p("nav", { className: "w-full px-4 py-6 bg-white dark:bg-gray-950", children: /* @__PURE__ */ p("ul", { children: e && e.map((t, d) => /* @__PURE__ */ p("li", { children: t != null && t.title ? /* @__PURE__ */ p("div", { className: "px-3 py-2 text-sm font-bold dark:text-white", children: t.label }) : t.list ? /* @__PURE__ */ p(Le, { as: "div", children: ({ open: l }) => {
-    var u;
-    return /* @__PURE__ */ k(ue, { children: [
-      /* @__PURE__ */ k(
-        w,
-        {
-          className: N(
-            "flex items-center w-full p-3 font-semibold text-left rounded gap-2 hover:bg-primary-50 dark:text-white dark:hover:bg-gray-700"
-          ),
-          children: [
-            t.icon && t.icon({ size: 20 }),
-            /* @__PURE__ */ p("span", { children: t.label }),
-            /* @__PURE__ */ p(
-              Je,
-              {
-                className: N(
-                  l ? "text-gray-500 rotate-90" : "text-gray-400",
-                  "w-4 h-4 ml-auto shrink-0"
-                ),
-                "aria-hidden": "true"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ p(ae, { as: "ul", className: "px-2 mt-1", children: (u = t == null ? void 0 : t.list) == null ? void 0 : u.map((n, o) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(
-        w,
-        {
-          as: "a",
-          href: n == null ? void 0 : n.path,
-          className: N(
-            "block rounded py-2 pl-9 pr-2 text-gray-700 hover:bg-primary-50 dark:text-white dark:hover:bg-gray-700",
-            r.pathname === n.path && "bg-primary-50 dark:bg-gray-700"
-          ),
-          onClick: n == null ? void 0 : n.onClick,
-          children: n.label
-        }
-      ) }, o)) })
-    ] });
-  } }) : /* @__PURE__ */ k(
-    "a",
-    {
-      href: t == null ? void 0 : t.path,
-      className: N(
-        "flex w-full items-center justify-start gap-2 rounded p-3 font-semibold hover:bg-primary-50 dark:text-white dark:hover:bg-gray-800 cursor-pointer",
-        r.pathname === t.path ? "bg-primary-50 dark:bg-gray-800" : ""
-      ),
-      onClick: t == null ? void 0 : t.onClick,
-      children: [
-        t.icon && t.icon({ size: 20 }),
-        /* @__PURE__ */ p("span", { children: t.label })
-      ]
-    }
-  ) }, d)) }) });
-};
+const Ue = ({ list: e, location: t }) => /* @__PURE__ */ p("nav", { className: "w-full px-4 py-6 bg-white dark:bg-gray-950", children: /* @__PURE__ */ p("ul", { children: e && e.map((r, d) => /* @__PURE__ */ p("li", { children: r != null && r.title ? /* @__PURE__ */ p("div", { className: "px-3 py-2 text-sm font-bold dark:text-white", children: r.label }) : r.list ? /* @__PURE__ */ p(Fe, { as: "div", children: ({ open: o }) => {
+  var c;
+  return /* @__PURE__ */ P(le, { children: [
+    /* @__PURE__ */ P(
+      w,
+      {
+        className: x(
+          "flex items-center w-full p-3 font-semibold text-left rounded gap-2 hover:bg-primary-50 dark:text-white dark:hover:bg-gray-700"
+        ),
+        children: [
+          r.icon && r.icon({ size: 20 }),
+          /* @__PURE__ */ p("span", { children: r.label }),
+          /* @__PURE__ */ p(
+            Re,
+            {
+              className: x(
+                o ? "text-gray-500 rotate-90" : "text-gray-400",
+                "w-4 h-4 ml-auto shrink-0"
+              ),
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ p(ee, { as: "ul", className: "px-2 mt-1", children: (c = r == null ? void 0 : r.list) == null ? void 0 : c.map((a, l) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(
+      w,
+      {
+        as: "a",
+        href: a == null ? void 0 : a.path,
+        className: x(
+          "block rounded py-2 pl-9 pr-2 text-gray-700 hover:bg-primary-50 dark:text-white dark:hover:bg-gray-700",
+          (t == null ? void 0 : t.pathname) === a.path && "bg-primary-50 dark:bg-gray-700"
+        ),
+        onClick: a == null ? void 0 : a.onClick,
+        children: a.label
+      }
+    ) }, l)) })
+  ] });
+} }) : /* @__PURE__ */ P(
+  "a",
+  {
+    href: r == null ? void 0 : r.path,
+    className: x(
+      "flex w-full items-center justify-start gap-2 rounded p-3 font-semibold hover:bg-primary-50 dark:text-white dark:hover:bg-gray-800 cursor-pointer",
+      (t == null ? void 0 : t.pathname) === r.path ? "bg-primary-50 dark:bg-gray-800" : ""
+    ),
+    onClick: r == null ? void 0 : r.onClick,
+    children: [
+      r.icon && r.icon({ size: 20 }),
+      /* @__PURE__ */ p("span", { children: r.label })
+    ]
+  }
+) }, d)) }) });
 export {
-  lt as default
+  Ue as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anysystem-design",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",