@nipsys/shadcn-lsd 0.1.0

package/dist/index-SrglpxlM.js

@@ -0,0 +1,330 @@
+import * as f from "react";
+import u from "react";
+import { c as K } from "./index-DFZozV_h.js";
+import { c as se } from "./index-VnDe3Nx7.js";
+import { u as F } from "./index-DLcqcWxM.js";
+import { P as x, c as z, u as le } from "./index-Cc1WoggG.js";
+import { u as k } from "./index-TznoxaGd.js";
+import { P as de } from "./index-BiHZqHTp.js";
+import { u as B } from "./index-DrO-qzxY.js";
+import { jsx as c } from "react/jsx-runtime";
+import { u as pe } from "./index-ByaXH_ih.js";
+var w = "Collapsible", [ue, U] = K(w), [fe, M] = ue(w), j = f.forwardRef(
+  (e, a) => {
+    const {
+      __scopeCollapsible: o,
+      open: n,
+      defaultOpen: r,
+      disabled: t,
+      onOpenChange: i,
+      ...l
+    } = e, [d, p] = k({
+      prop: n,
+      defaultProp: r ?? !1,
+      onChange: i,
+      caller: w
+    });
+    return /* @__PURE__ */ c(
+      fe,
+      {
+        scope: o,
+        disabled: t,
+        contentId: B(),
+        open: d,
+        onOpenToggle: f.useCallback(() => p((m) => !m), [p]),
+        children: /* @__PURE__ */ c(
+          x.div,
+          {
+            "data-state": V(d),
+            "data-disabled": t ? "" : void 0,
+            ...l,
+            ref: a
+          }
+        )
+      }
+    );
+  }
+);
+j.displayName = w;
+var q = "CollapsibleTrigger", Y = f.forwardRef(
+  (e, a) => {
+    const { __scopeCollapsible: o, ...n } = e, r = M(q, o);
+    return /* @__PURE__ */ c(
+      x.button,
+      {
+        type: "button",
+        "aria-controls": r.contentId,
+        "aria-expanded": r.open || !1,
+        "data-state": V(r.open),
+        "data-disabled": r.disabled ? "" : void 0,
+        disabled: r.disabled,
+        ...n,
+        ref: a,
+        onClick: z(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+Y.displayName = q;
+var H = "CollapsibleContent", J = f.forwardRef(
+  (e, a) => {
+    const { forceMount: o, ...n } = e, r = M(H, e.__scopeCollapsible);
+    return /* @__PURE__ */ c(de, { present: o || r.open, children: ({ present: t }) => /* @__PURE__ */ c(me, { ...n, ref: a, present: t }) });
+  }
+);
+J.displayName = H;
+var me = f.forwardRef((e, a) => {
+  const { __scopeCollapsible: o, present: n, children: r, ...t } = e, i = M(H, o), [l, d] = f.useState(n), p = f.useRef(null), m = F(a, p), C = f.useRef(0), I = C.current, b = f.useRef(0), _ = b.current, g = i.open || l, A = f.useRef(g), h = f.useRef(void 0);
+  return f.useEffect(() => {
+    const s = requestAnimationFrame(() => A.current = !1);
+    return () => cancelAnimationFrame(s);
+  }, []), le(() => {
+    const s = p.current;
+    if (s) {
+      h.current = h.current || {
+        transitionDuration: s.style.transitionDuration,
+        animationName: s.style.animationName
+      }, s.style.transitionDuration = "0s", s.style.animationName = "none";
+      const R = s.getBoundingClientRect();
+      C.current = R.height, b.current = R.width, A.current || (s.style.transitionDuration = h.current.transitionDuration, s.style.animationName = h.current.animationName), d(n);
+    }
+  }, [i.open, n]), /* @__PURE__ */ c(
+    x.div,
+    {
+      "data-state": V(i.open),
+      "data-disabled": i.disabled ? "" : void 0,
+      id: i.contentId,
+      hidden: !g,
+      ...t,
+      ref: m,
+      style: {
+        "--radix-collapsible-content-height": I ? `${I}px` : void 0,
+        "--radix-collapsible-content-width": _ ? `${_}px` : void 0,
+        ...e.style
+      },
+      children: g && r
+    }
+  );
+});
+function V(e) {
+  return e ? "open" : "closed";
+}
+var Ce = j, ve = Y, be = J, v = "Accordion", ge = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [L, Ae, he] = se(v), [y] = K(v, [
+  he,
+  U
+]), $ = U(), Q = u.forwardRef(
+  (e, a) => {
+    const { type: o, ...n } = e, r = n, t = n;
+    return /* @__PURE__ */ c(L.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ c(_e, { ...t, ref: a }) : /* @__PURE__ */ c(xe, { ...r, ref: a }) });
+  }
+);
+Q.displayName = v;
+var [W, Ie] = y(v), [X, Re] = y(
+  v,
+  { collapsible: !1 }
+), xe = u.forwardRef(
+  (e, a) => {
+    const {
+      value: o,
+      defaultValue: n,
+      onValueChange: r = () => {
+      },
+      collapsible: t = !1,
+      ...i
+    } = e, [l, d] = k({
+      prop: o,
+      defaultProp: n ?? "",
+      onChange: r,
+      caller: v
+    });
+    return /* @__PURE__ */ c(
+      W,
+      {
+        scope: e.__scopeAccordion,
+        value: u.useMemo(() => l ? [l] : [], [l]),
+        onItemOpen: d,
+        onItemClose: u.useCallback(() => t && d(""), [t, d]),
+        children: /* @__PURE__ */ c(X, { scope: e.__scopeAccordion, collapsible: t, children: /* @__PURE__ */ c(Z, { ...i, ref: a }) })
+      }
+    );
+  }
+), _e = u.forwardRef((e, a) => {
+  const {
+    value: o,
+    defaultValue: n,
+    onValueChange: r = () => {
+    },
+    ...t
+  } = e, [i, l] = k({
+    prop: o,
+    defaultProp: n ?? [],
+    onChange: r,
+    caller: v
+  }), d = u.useCallback(
+    (m) => l((C = []) => [...C, m]),
+    [l]
+  ), p = u.useCallback(
+    (m) => l((C = []) => C.filter((I) => I !== m)),
+    [l]
+  );
+  return /* @__PURE__ */ c(
+    W,
+    {
+      scope: e.__scopeAccordion,
+      value: i,
+      onItemOpen: d,
+      onItemClose: p,
+      children: /* @__PURE__ */ c(X, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ c(Z, { ...t, ref: a }) })
+    }
+  );
+}), [Pe, N] = y(v), Z = u.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, disabled: n, dir: r, orientation: t = "vertical", ...i } = e, l = u.useRef(null), d = F(l, a), p = Ae(o), C = pe(r) === "ltr", I = z(e.onKeyDown, (b) => {
+      if (!ge.includes(b.key)) return;
+      const _ = b.target, g = p().filter((T) => !T.ref.current?.disabled), A = g.findIndex((T) => T.ref.current === _), h = g.length;
+      if (A === -1) return;
+      b.preventDefault();
+      let s = A;
+      const R = 0, E = h - 1, O = () => {
+        s = A + 1, s > E && (s = R);
+      }, S = () => {
+        s = A - 1, s < R && (s = E);
+      };
+      switch (b.key) {
+        case "Home":
+          s = R;
+          break;
+        case "End":
+          s = E;
+          break;
+        case "ArrowRight":
+          t === "horizontal" && (C ? O() : S());
+          break;
+        case "ArrowDown":
+          t === "vertical" && O();
+          break;
+        case "ArrowLeft":
+          t === "horizontal" && (C ? S() : O());
+          break;
+        case "ArrowUp":
+          t === "vertical" && S();
+          break;
+      }
+      const ie = s % h;
+      g[ie].ref.current?.focus();
+    });
+    return /* @__PURE__ */ c(
+      Pe,
+      {
+        scope: o,
+        disabled: n,
+        direction: r,
+        orientation: t,
+        children: /* @__PURE__ */ c(L.Slot, { scope: o, children: /* @__PURE__ */ c(
+          x.div,
+          {
+            ...i,
+            "data-orientation": t,
+            ref: d,
+            onKeyDown: n ? void 0 : I
+          }
+        ) })
+      }
+    );
+  }
+), P = "AccordionItem", [we, G] = y(P), ee = u.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, value: n, ...r } = e, t = N(P, o), i = Ie(P, o), l = $(o), d = B(), p = n && i.value.includes(n) || !1, m = t.disabled || e.disabled;
+    return /* @__PURE__ */ c(
+      we,
+      {
+        scope: o,
+        open: p,
+        disabled: m,
+        triggerId: d,
+        children: /* @__PURE__ */ c(
+          Ce,
+          {
+            "data-orientation": t.orientation,
+            "data-state": ce(p),
+            ...l,
+            ...r,
+            ref: a,
+            disabled: m,
+            open: p,
+            onOpenChange: (C) => {
+              C ? i.onItemOpen(n) : i.onItemClose(n);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+ee.displayName = P;
+var oe = "AccordionHeader", te = u.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, ...n } = e, r = N(v, o), t = G(oe, o);
+    return /* @__PURE__ */ c(
+      x.h3,
+      {
+        "data-orientation": r.orientation,
+        "data-state": ce(t.open),
+        "data-disabled": t.disabled ? "" : void 0,
+        ...n,
+        ref: a
+      }
+    );
+  }
+);
+te.displayName = oe;
+var D = "AccordionTrigger", ne = u.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, ...n } = e, r = N(v, o), t = G(D, o), i = Re(D, o), l = $(o);
+    return /* @__PURE__ */ c(L.ItemSlot, { scope: o, children: /* @__PURE__ */ c(
+      ve,
+      {
+        "aria-disabled": t.open && !i.collapsible || void 0,
+        "data-orientation": r.orientation,
+        id: t.triggerId,
+        ...l,
+        ...n,
+        ref: a
+      }
+    ) });
+  }
+);
+ne.displayName = D;
+var re = "AccordionContent", ae = u.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, ...n } = e, r = N(v, o), t = G(re, o), i = $(o);
+    return /* @__PURE__ */ c(
+      be,
+      {
+        role: "region",
+        "aria-labelledby": t.triggerId,
+        "data-orientation": r.orientation,
+        ...i,
+        ...n,
+        ref: a,
+        style: {
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+          ...e.style
+        }
+      }
+    );
+  }
+);
+ae.displayName = re;
+function ce(e) {
+  return e ? "open" : "closed";
+}
+var Ve = Q, Le = ee, $e = te, Ge = ne, Ke = ae;
+export {
+  Ke as C,
+  $e as H,
+  Le as I,
+  Ve as R,
+  Ge as T
+};

package/dist/index-TznoxaGd.js

@@ -0,0 +1,52 @@
+import * as t from "react";
+import { u as m } from "./index-Cc1WoggG.js";
+var v = t[" useInsertionEffect ".trim().toString()] || m;
+function w({
+  prop: e,
+  defaultProp: s,
+  onChange: o = () => {
+  },
+  caller: f
+}) {
+  const [u, c, i] = R({
+    defaultProp: s,
+    onChange: o
+  }), n = e !== void 0, a = n ? e : u;
+  {
+    const r = t.useRef(e !== void 0);
+    t.useEffect(() => {
+      const l = r.current;
+      l !== n && console.warn(
+        `${f} is changing from ${l ? "controlled" : "uncontrolled"} to ${n ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), r.current = n;
+    }, [n, f]);
+  }
+  const d = t.useCallback(
+    (r) => {
+      if (n) {
+        const l = C(r) ? r(e) : r;
+        l !== e && i.current?.(l);
+      } else
+        c(r);
+    },
+    [n, e, c, i]
+  );
+  return [a, d];
+}
+function R({
+  defaultProp: e,
+  onChange: s
+}) {
+  const [o, f] = t.useState(e), u = t.useRef(o), c = t.useRef(s);
+  return v(() => {
+    c.current = s;
+  }, [s]), t.useEffect(() => {
+    u.current !== o && (c.current?.(o), u.current = o);
+  }, [o, u]), [o, f, c];
+}
+function C(e) {
+  return typeof e == "function";
+}
+export {
+  w as u
+};

package/dist/index-VnDe3Nx7.js

@@ -0,0 +1,50 @@
+import r from "react";
+import { c as y } from "./index-DFZozV_h.js";
+import { u as M } from "./index-DLcqcWxM.js";
+import { b as x } from "./index-Cc1WoggG.js";
+import { jsx as d } from "react/jsx-runtime";
+function b(s) {
+  const m = s + "CollectionProvider", [A, N] = y(m), [_, f] = A(
+    m,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), p = (c) => {
+    const { scope: e, children: l } = c, o = r.useRef(null), t = r.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ d(_, { scope: e, itemMap: t, collectionRef: o, children: l });
+  };
+  p.displayName = m;
+  const a = s + "CollectionSlot", E = x(a), C = r.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o } = c, t = f(a, l), n = M(e, t.collectionRef);
+      return /* @__PURE__ */ d(E, { ref: n, children: o });
+    }
+  );
+  C.displayName = a;
+  const u = s + "CollectionItemSlot", R = "data-radix-collection-item", T = x(u), I = r.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o, ...t } = c, n = r.useRef(null), S = M(e, n), i = f(u, l);
+      return r.useEffect(() => (i.itemMap.set(n, { ref: n, ...t }), () => {
+        i.itemMap.delete(n);
+      })), /* @__PURE__ */ d(T, { [R]: "", ref: S, children: o });
+    }
+  );
+  I.displayName = u;
+  function O(c) {
+    const e = f(s + "CollectionConsumer", c);
+    return r.useCallback(() => {
+      const o = e.collectionRef.current;
+      if (!o) return [];
+      const t = Array.from(o.querySelectorAll(`[${R}]`));
+      return Array.from(e.itemMap.values()).sort(
+        (i, v) => t.indexOf(i.ref.current) - t.indexOf(v.ref.current)
+      );
+    }, [e.collectionRef, e.itemMap]);
+  }
+  return [
+    { Provider: p, Slot: C, ItemSlot: I },
+    O,
+    N
+  ];
+}
+export {
+  b as c
+};

package/dist/index-rKs9bXHr.js

@@ -0,0 +1,6 @@
+function c(a, [t, n]) {
+  return Math.min(n, Math.max(t, a));
+}
+export {
+  c
+};

package/dist/index-yX7K5Wk9.js

@@ -0,0 +1,32 @@
+import * as f from "react";
+import { P as m, c as p } from "./index-Cc1WoggG.js";
+import { u as c } from "./index-TznoxaGd.js";
+import { jsx as u } from "react/jsx-runtime";
+var o = "Toggle", s = f.forwardRef((e, r) => {
+  const { pressed: t, defaultPressed: d, onPressedChange: l, ...i } = e, [a, n] = c({
+    prop: t,
+    onChange: l,
+    defaultProp: d ?? !1,
+    caller: o
+  });
+  return /* @__PURE__ */ u(
+    m.button,
+    {
+      type: "button",
+      "aria-pressed": a,
+      "data-state": a ? "on" : "off",
+      "data-disabled": e.disabled ? "" : void 0,
+      ...i,
+      ref: r,
+      onClick: p(e.onClick, () => {
+        e.disabled || n(!a);
+      })
+    }
+  );
+});
+s.displayName = o;
+var v = s;
+export {
+  v as R,
+  s as T
+};

package/dist/lib/types.d.ts

@@ -0,0 +1,3 @@
+export type SizeVariant = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type IconSize = 'icon-sm' | 'icon-md' | 'icon-lg' | 'icon-xl';
+export type BorderVariant = 'outlined' | 'underlined';

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;