sander-ui 0.1.5 → 0.1.7

package/dist/index22.js

@@ -1,42 +1,21 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import i from "./index30.js";
-import r from "./index55.js";
-const m = ({
-  size: s = "md",
-  className: n,
-  ...o
-}) => /* @__PURE__ */ t(
-  "svg",
+import { jsx as i } from "react/jsx-runtime";
+import n from "./index31.js";
+import t from "./index51.js";
+const c = ({
+  width: e,
+  height: r,
+  variant: o = "text",
+  className: s,
+  ...m
+}) => /* @__PURE__ */ i(
+  "div",
   {
-    className: i(r.spinner, r[s], n),
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
     "aria-hidden": "true",
-    ...o,
-    children: [
-      /* @__PURE__ */ e(
-        "circle",
-        {
-          className: r.spinnerTrack,
-          cx: "12",
-          cy: "12",
-          r: "10",
-          stroke: "currentColor",
-          strokeWidth: "4"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "path",
-        {
-          className: r.spinnerHead,
-          fill: "currentColor",
-          d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
-        }
-      )
-    ]
+    className: n(t.skeleton, t[o], s),
+    style: { width: e, height: r },
+    ...m
   }
 );
 export {
-  m as Spinner
+  c as Skeleton
 };

package/dist/index23.js

@@ -1,49 +1,42 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import l from "./index30.js";
-import r from "./index38.js";
-const u = ({
-  id: t,
-  checked: s,
-  onChange: n,
-  label: c,
-  description: a,
-  disabled: i = !1,
-  className: p,
-  ...h
-}) => {
-  const m = a && t ? `${t}-description` : void 0;
-  return /* @__PURE__ */ o(
-    "label",
-    {
-      className: l(
-        r.wrapper,
-        i && r.wrapperDisabled,
-        p
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import i from "./index31.js";
+import r from "./index45.js";
+const m = ({
+  size: s = "md",
+  className: n,
+  ...o
+}) => /* @__PURE__ */ t(
+  "svg",
+  {
+    className: i(r.spinner, r[s], n),
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    ...o,
+    children: [
+      /* @__PURE__ */ e(
+        "circle",
+        {
+          className: r.spinnerTrack,
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: "currentColor",
+          strokeWidth: "4"
+        }
       ),
-      ...h,
-      children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            id: t,
-            type: "button",
-            role: "switch",
-            "aria-checked": s,
-            "aria-describedby": m,
-            disabled: i,
-            onClick: () => n(!s),
-            className: l(r.track, s && r.trackChecked),
-            children: /* @__PURE__ */ e("span", { className: l(r.thumb, s && r.thumbChecked) })
-          }
-        ),
-        (c || a) && /* @__PURE__ */ o("div", { className: r.labels, children: [
-          c && /* @__PURE__ */ e("p", { className: r.label, children: c }),
-          a && /* @__PURE__ */ e("p", { id: m, className: r.description, children: a })
-        ] })
-      ]
-    }
-  );
-};
+      /* @__PURE__ */ e(
+        "path",
+        {
+          className: r.spinnerHead,
+          fill: "currentColor",
+          d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+        }
+      )
+    ]
+  }
+);
 export {
-  u as Switch
+  m as Spinner
 };

package/dist/index24.js

@@ -1,134 +1,49 @@
-import { jsx as b, jsxs as D } from "react/jsx-runtime";
-import f from "./index30.js";
-import { useRef as w, useState as I, useCallback as E, useEffect as g } from "react";
-import a from "./index58.js";
-const j = ({
-  tabs: l,
-  value: i,
-  onChange: s,
-  className: o,
-  ...u
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import l from "./index31.js";
+import r from "./index62.js";
+const u = ({
+  id: t,
+  checked: s,
+  onChange: n,
+  label: c,
+  description: a,
+  disabled: i = !1,
+  className: p,
+  ...h
 }) => {
-  const m = w(null), d = w(/* @__PURE__ */ new Map()), [v, R] = I({
-    left: 0,
-    width: 0
-  }), [k, A] = I(!1), x = E(() => {
-    const e = d.current.get(i), n = m.current;
-    if (e && n) {
-      const t = n.getBoundingClientRect(), r = e.getBoundingClientRect();
-      R({
-        left: r.left - t.left + n.scrollLeft,
-        width: r.width
-      });
-    }
-  }, [i]);
-  g(() => {
-    x();
-  }, [x]), g(() => {
-    const e = requestAnimationFrame(() => A(!0));
-    return () => cancelAnimationFrame(e);
-  }, []);
-  const h = (e, n) => {
-    const t = l.length;
-    let r = (e + n + t) % t;
-    for (; l[r].disabled && r !== e; )
-      r = (r + n + t) % t;
-    return r;
-  }, y = (e) => {
-    const n = l.findIndex((c) => c.value === i);
-    let t = null;
-    switch (e.key) {
-      case "ArrowRight":
-        t = h(n, 1);
-        break;
-      case "ArrowLeft":
-        t = h(n, -1);
-        break;
-      case "Home":
-        t = l.findIndex((c) => !c.disabled);
-        break;
-      case "End": {
-        const p = [...l].reverse().findIndex((T) => !T.disabled);
-        t = p !== -1 ? l.length - 1 - p : null;
-        break;
-      }
-      default:
-        return;
-    }
-    if (t === null || t === -1) return;
-    e.preventDefault();
-    const r = l[t];
-    s(r.value), d.current.get(r.value)?.focus();
-  };
-  return /* @__PURE__ */ D(
-    "div",
+  const m = a && t ? `${t}-description` : void 0;
+  return /* @__PURE__ */ o(
+    "label",
     {
-      ref: m,
-      className: f(a.tabList, o),
-      role: "tablist",
-      onKeyDown: y,
-      ...u,
+      className: l(
+        r.wrapper,
+        i && r.wrapperDisabled,
+        p
+      ),
+      ...h,
       children: [
-        l.map((e) => {
-          const n = i === e.value;
-          return /* @__PURE__ */ b(
-            "button",
-            {
-              ref: (t) => {
-                t ? d.current.set(e.value, t) : d.current.delete(e.value);
-              },
-              id: `tab-${e.value}`,
-              role: "tab",
-              "aria-selected": n,
-              "aria-controls": `tabpanel-${e.value}`,
-              "aria-disabled": e.disabled || void 0,
-              tabIndex: n ? 0 : -1,
-              onClick: () => {
-                e.disabled || s(e.value);
-              },
-              className: f(
-                a.tab,
-                n && a.tabActive,
-                e.disabled && a.tabDisabled
-              ),
-              children: e.label
-            },
-            e.value
-          );
-        }),
-        /* @__PURE__ */ b(
-          "span",
+        /* @__PURE__ */ e(
+          "button",
           {
-            className: f(
-              a.indicator,
-              k && a.indicatorAnimated
-            ),
-            style: { left: v.left, width: v.width },
-            "aria-hidden": "true"
+            id: t,
+            type: "button",
+            role: "switch",
+            "aria-checked": s,
+            "aria-describedby": m,
+            disabled: i,
+            onClick: () => n(!s),
+            className: l(r.track, s && r.trackChecked),
+            children: /* @__PURE__ */ e("span", { className: l(r.thumb, s && r.thumbChecked) })
           }
-        )
+        ),
+        (c || a) && /* @__PURE__ */ o("div", { className: r.labels, children: [
+          c && /* @__PURE__ */ e("p", { className: r.label, children: c }),
+          a && /* @__PURE__ */ e("p", { id: m, className: r.description, children: a })
+        ] })
       ]
     }
   );
-}, B = ({
-  value: l,
-  activeValue: i,
-  children: s,
-  className: o,
-  ...u
-}) => l !== i ? null : /* @__PURE__ */ b(
-  "div",
-  {
-    id: `tabpanel-${l}`,
-    role: "tabpanel",
-    "aria-labelledby": `tab-${l}`,
-    tabIndex: 0,
-    className: o,
-    ...u,
-    children: s
-  }
-);
+};
 export {
-  B as TabPanel,
-  j as Tabs
+  u as Switch
 };

package/dist/index25.js

@@ -1,20 +1,134 @@
-import { jsx as t } from "react/jsx-runtime";
-import l from "./index30.js";
-import s from "./index36.js";
-const m = ({ children: e, className: a, ...r }) => /* @__PURE__ */ t("div", { className: l(s.wrapper, a), children: /* @__PURE__ */ t("table", { className: s.table, ...r, children: e }) }), d = ({ children: e, className: a, ...r }) => /* @__PURE__ */ t("thead", { className: l(s.header, a), ...r, children: e }), b = ({ children: e, className: a, ...r }) => /* @__PURE__ */ t("tbody", { className: l(s.body, a), ...r, children: e }), N = ({ children: e, className: a, ...r }) => /* @__PURE__ */ t("tr", { className: l(s.row, a), ...r, children: e }), p = ({
-  children: e,
-  className: a,
-  ...r
-}) => /* @__PURE__ */ t("th", { className: l(s.head, a), ...r, children: e }), u = ({
-  children: e,
-  className: a,
-  ...r
-}) => /* @__PURE__ */ t("td", { className: l(s.cell, a), ...r, children: e });
+import { jsx as b, jsxs as D } from "react/jsx-runtime";
+import f from "./index31.js";
+import { useRef as w, useState as I, useCallback as E, useEffect as g } from "react";
+import a from "./index65.js";
+const j = ({
+  tabs: l,
+  value: i,
+  onChange: s,
+  className: o,
+  ...u
+}) => {
+  const m = w(null), d = w(/* @__PURE__ */ new Map()), [v, R] = I({
+    left: 0,
+    width: 0
+  }), [k, A] = I(!1), x = E(() => {
+    const e = d.current.get(i), n = m.current;
+    if (e && n) {
+      const t = n.getBoundingClientRect(), r = e.getBoundingClientRect();
+      R({
+        left: r.left - t.left + n.scrollLeft,
+        width: r.width
+      });
+    }
+  }, [i]);
+  g(() => {
+    x();
+  }, [x]), g(() => {
+    const e = requestAnimationFrame(() => A(!0));
+    return () => cancelAnimationFrame(e);
+  }, []);
+  const h = (e, n) => {
+    const t = l.length;
+    let r = (e + n + t) % t;
+    for (; l[r].disabled && r !== e; )
+      r = (r + n + t) % t;
+    return r;
+  }, y = (e) => {
+    const n = l.findIndex((c) => c.value === i);
+    let t = null;
+    switch (e.key) {
+      case "ArrowRight":
+        t = h(n, 1);
+        break;
+      case "ArrowLeft":
+        t = h(n, -1);
+        break;
+      case "Home":
+        t = l.findIndex((c) => !c.disabled);
+        break;
+      case "End": {
+        const p = [...l].reverse().findIndex((T) => !T.disabled);
+        t = p !== -1 ? l.length - 1 - p : null;
+        break;
+      }
+      default:
+        return;
+    }
+    if (t === null || t === -1) return;
+    e.preventDefault();
+    const r = l[t];
+    s(r.value), d.current.get(r.value)?.focus();
+  };
+  return /* @__PURE__ */ D(
+    "div",
+    {
+      ref: m,
+      className: f(a.tabList, o),
+      role: "tablist",
+      onKeyDown: y,
+      ...u,
+      children: [
+        l.map((e) => {
+          const n = i === e.value;
+          return /* @__PURE__ */ b(
+            "button",
+            {
+              ref: (t) => {
+                t ? d.current.set(e.value, t) : d.current.delete(e.value);
+              },
+              id: `tab-${e.value}`,
+              role: "tab",
+              "aria-selected": n,
+              "aria-controls": `tabpanel-${e.value}`,
+              "aria-disabled": e.disabled || void 0,
+              tabIndex: n ? 0 : -1,
+              onClick: () => {
+                e.disabled || s(e.value);
+              },
+              className: f(
+                a.tab,
+                n && a.tabActive,
+                e.disabled && a.tabDisabled
+              ),
+              children: e.label
+            },
+            e.value
+          );
+        }),
+        /* @__PURE__ */ b(
+          "span",
+          {
+            className: f(
+              a.indicator,
+              k && a.indicatorAnimated
+            ),
+            style: { left: v.left, width: v.width },
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}, B = ({
+  value: l,
+  activeValue: i,
+  children: s,
+  className: o,
+  ...u
+}) => l !== i ? null : /* @__PURE__ */ b(
+  "div",
+  {
+    id: `tabpanel-${l}`,
+    role: "tabpanel",
+    "aria-labelledby": `tab-${l}`,
+    tabIndex: 0,
+    className: o,
+    ...u,
+    children: s
+  }
+);
 export {
-  m as Table,
-  b as TableBody,
-  u as TableCell,
-  p as TableHead,
-  d as TableHeader,
-  N as TableRow
+  B as TabPanel,
+  j as Tabs
 };

package/dist/index26.js

@@ -1,25 +1,20 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import c from "./index30.js";
-import { forwardRef as d } from "react";
-import a from "./index60.js";
-const p = d(
-  ({ label: s, error: r, id: e, className: l, ...o }, i) => /* @__PURE__ */ m("div", { className: a.wrapper, children: [
-    s && /* @__PURE__ */ t("label", { htmlFor: e, className: a.label, children: s }),
-    /* @__PURE__ */ t(
-      "textarea",
-      {
-        id: e,
-        ref: i,
-        "aria-invalid": r ? !0 : void 0,
-        "aria-describedby": r ? `${e}-error` : void 0,
-        className: c(a.textarea, r && a.textareaError, l),
-        ...o
-      }
-    ),
-    r && /* @__PURE__ */ t("p", { id: `${e}-error`, role: "alert", className: a.error, children: r })
-  ] })
-);
-p.displayName = "Textarea";
+import { jsx as t } from "react/jsx-runtime";
+import l from "./index31.js";
+import s from "./index69.js";
+const m = ({ children: e, className: a, ...r }) => /* @__PURE__ */ t("div", { className: l(s.wrapper, a), children: /* @__PURE__ */ t("table", { className: s.table, ...r, children: e }) }), d = ({ children: e, className: a, ...r }) => /* @__PURE__ */ t("thead", { className: l(s.header, a), ...r, children: e }), b = ({ children: e, className: a, ...r }) => /* @__PURE__ */ t("tbody", { className: l(s.body, a), ...r, children: e }), N = ({ children: e, className: a, ...r }) => /* @__PURE__ */ t("tr", { className: l(s.row, a), ...r, children: e }), p = ({
+  children: e,
+  className: a,
+  ...r
+}) => /* @__PURE__ */ t("th", { className: l(s.head, a), ...r, children: e }), u = ({
+  children: e,
+  className: a,
+  ...r
+}) => /* @__PURE__ */ t("td", { className: l(s.cell, a), ...r, children: e });
 export {
-  p as Textarea
+  m as Table,
+  b as TableBody,
+  u as TableCell,
+  p as TableHead,
+  d as TableHeader,
+  N as TableRow
 };

package/dist/index27.js

@@ -1,57 +1,25 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import n from "./index30.js";
-import r from "./index62.js";
-import t from "./index63.js";
-import o from "./index41.js";
-import d from "./index42.js";
-import f from "./index43.js";
-import p from "./index44.js";
-import g from "./index34.js";
-const u = {
-  default: o,
-  success: p,
-  error: f,
-  warning: d,
-  info: o,
-  loading: t
-}, z = ({ toast: i, onDismiss: e, onRemove: m }) => {
-  const a = i.variant === "error", c = u[i.variant];
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      role: a ? "alert" : "status",
-      "aria-atomic": "true",
-      className: n(
-        r.toast,
-        r[i.variant],
-        i.dismissing && r.dismissing
-      ),
-      onAnimationEnd: () => {
-        i.dismissing && m(i.id);
-      },
-      children: [
-        /* @__PURE__ */ s(
-          c,
-          {
-            size: 18,
-            className: n(r.icon, i.variant === "loading" && r.iconSpin),
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ s("p", { className: r.message, children: i.message }),
-        /* @__PURE__ */ s(
-          "button",
-          {
-            onClick: () => e(i.id),
-            "aria-label": "Dismiss notification",
-            className: r.dismiss,
-            children: /* @__PURE__ */ s(g, { size: 16 })
-          }
-        )
-      ]
-    }
-  );
-};
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import c from "./index31.js";
+import { forwardRef as d } from "react";
+import a from "./index47.js";
+const p = d(
+  ({ label: s, error: r, id: e, className: l, ...o }, i) => /* @__PURE__ */ m("div", { className: a.wrapper, children: [
+    s && /* @__PURE__ */ t("label", { htmlFor: e, className: a.label, children: s }),
+    /* @__PURE__ */ t(
+      "textarea",
+      {
+        id: e,
+        ref: i,
+        "aria-invalid": r ? !0 : void 0,
+        "aria-describedby": r ? `${e}-error` : void 0,
+        className: c(a.textarea, r && a.textareaError, l),
+        ...o
+      }
+    ),
+    r && /* @__PURE__ */ t("p", { id: `${e}-error`, role: "alert", className: a.error, children: r })
+  ] })
+);
+p.displayName = "Textarea";
 export {
-  z as Toast
+  p as Textarea
 };

package/dist/index28.js

@@ -1,21 +1,57 @@
-import { jsx as o } from "react/jsx-runtime";
-import m from "./index30.js";
-import { Toast as l } from "./index27.js";
-import t from "./index62.js";
-const f = ({
-  toasts: r,
-  position: e = "top-right",
-  onDismiss: n,
-  onRemove: a
-}) => r.length === 0 ? null : /* @__PURE__ */ o(
-  "div",
-  {
-    className: m(t.container, t[e]),
-    "aria-live": "polite",
-    "aria-relevant": "additions",
-    children: r.map((i) => /* @__PURE__ */ o(l, { toast: i, onDismiss: n, onRemove: a }, i.id))
-  }
-);
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import n from "./index31.js";
+import r from "./index63.js";
+import t from "./index64.js";
+import o from "./index39.js";
+import d from "./index40.js";
+import f from "./index41.js";
+import p from "./index42.js";
+import g from "./index43.js";
+const u = {
+  default: o,
+  success: p,
+  error: f,
+  warning: d,
+  info: o,
+  loading: t
+}, z = ({ toast: i, onDismiss: e, onRemove: m }) => {
+  const a = i.variant === "error", c = u[i.variant];
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      role: a ? "alert" : "status",
+      "aria-atomic": "true",
+      className: n(
+        r.toast,
+        r[i.variant],
+        i.dismissing && r.dismissing
+      ),
+      onAnimationEnd: () => {
+        i.dismissing && m(i.id);
+      },
+      children: [
+        /* @__PURE__ */ s(
+          c,
+          {
+            size: 18,
+            className: n(r.icon, i.variant === "loading" && r.iconSpin),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ s("p", { className: r.message, children: i.message }),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            onClick: () => e(i.id),
+            "aria-label": "Dismiss notification",
+            className: r.dismiss,
+            children: /* @__PURE__ */ s(g, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  f as ToastContainer
+  z as Toast
 };