sander-ui 0.1.12 → 0.1.13

package/dist/index27.js

@@ -1,25 +1,134 @@
-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 "./index66.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
+import { jsx as b, jsxs as D } from "react/jsx-runtime";
+import f from "./index34.js";
+import { useRef as w, useState as I, useCallback as E, useEffect as g } from "react";
+import a from "./index73.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;
       }
-    ),
-    r && /* @__PURE__ */ t("p", { id: `${e}-error`, role: "alert", className: a.error, children: r })
-  ] })
+      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
+  }
 );
-p.displayName = "Textarea";
 export {
-  p as Textarea
+  B as TabPanel,
+  j as Tabs
 };

package/dist/index28.js

@@ -1,57 +1,20 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import n from "./index31.js";
-import r from "./index45.js";
-import t from "./index46.js";
-import o from "./index47.js";
-import d from "./index48.js";
-import f from "./index49.js";
-import p from "./index50.js";
-import g from "./index38.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 { jsx as t } from "react/jsx-runtime";
+import l from "./index34.js";
+import s from "./index62.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 {
-  z as Toast
+  m as Table,
+  b as TableBody,
+  u as TableCell,
+  p as TableHead,
+  d as TableHeader,
+  N as TableRow
 };

package/dist/index29.js

@@ -1,21 +1,30 @@
-import { jsx as o } from "react/jsx-runtime";
-import m from "./index31.js";
-import { Toast as l } from "./index28.js";
-import t from "./index45.js";
-const f = ({
-  toasts: r,
-  position: e = "top-right",
-  onDismiss: n,
-  onRemove: a
-}) => r.length === 0 ? null : /* @__PURE__ */ o(
-  "div",
+import { jsx as f } from "react/jsx-runtime";
+import n from "./index34.js";
+import t from "./index63.js";
+const u = ({
+  children: e,
+  as: p = "span",
+  size: r,
+  weight: s,
+  color: m,
+  align: o,
+  className: x,
+  ...a
+}) => /* @__PURE__ */ f(
+  p,
   {
-    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))
+    className: n(
+      t.text,
+      r && t[`size-${r}`],
+      s && t[s],
+      m && t[m],
+      o && t[o],
+      x
+    ),
+    ...a,
+    children: e
   }
 );
 export {
-  f as ToastContainer
+  u as Text
 };

package/dist/index3.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as O } from "react/jsx-runtime";
-import u from "./index31.js";
+import u from "./index34.js";
 import { useState as f, useCallback as A, useId as j, useContext as k, useRef as y, createContext as R } from "react";
-import e from "./index32.js";
+import e from "./index35.js";
 const g = R({
   openId: null,
   toggle: () => {

package/dist/index30.js

@@ -1,48 +1,25 @@
-import { jsxs as t, jsx as u } from "react/jsx-runtime";
-import r from "./index31.js";
-import { useId as y, useState as g, cloneElement as x } from "react";
-import s from "./index59.js";
-const h = ({
-  content: i,
-  placement: a = "top",
-  variant: n = "dark",
-  children: l,
-  id: d,
-  className: m
-}) => {
-  const p = y(), o = d ?? `tooltip-${p}`, [c, e] = g(!1);
-  return /* @__PURE__ */ t(
-    "span",
-    {
-      className: r(s.trigger, m),
-      onKeyDown: (f) => {
-        f.key === "Escape" && e(!0);
-      },
-      onMouseEnter: () => e(!1),
-      onFocus: () => e(!1),
-      children: [
-        x(l, { "aria-describedby": o }),
-        /* @__PURE__ */ t(
-          "span",
-          {
-            id: o,
-            role: "tooltip",
-            className: r(
-              s.tooltip,
-              s[n],
-              s[a],
-              c && s.dismissed
-            ),
-            children: [
-              /* @__PURE__ */ u("span", { className: s.arrow }),
-              i
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import c from "./index34.js";
+import { forwardRef as d } from "react";
+import a from "./index72.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 {
-  h as Tooltip
+  p as Textarea
 };

package/dist/index31.js

@@ -1,7 +1,57 @@
-import { getDefaultExportFromCjs as r } from "./index72.js";
-import { __require as s } from "./index70.js";
-var e = s();
-const t = /* @__PURE__ */ r(e);
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import n from "./index34.js";
+import r from "./index74.js";
+import t from "./index75.js";
+import o from "./index37.js";
+import d from "./index38.js";
+import f from "./index39.js";
+import p from "./index40.js";
+import g from "./index41.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 {
-  t as default
+  z as Toast
 };

package/dist/index32.js

@@ -1,19 +1,21 @@
-const n = "_accordion_7j7b7_1", t = "_item_7j7b7_6", e = "_disabled_7j7b7_14", o = "_trigger_7j7b7_19", c = "_content_7j7b7_64", _ = "_contentOpen_7j7b7_70", s = "_contentInner_7j7b7_74", r = {
-  accordion: n,
-  item: t,
-  disabled: e,
-  trigger: o,
-  content: c,
-  contentOpen: _,
-  contentInner: s
-};
+import { jsx as o } from "react/jsx-runtime";
+import m from "./index34.js";
+import { Toast as l } from "./index31.js";
+import t from "./index74.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))
+  }
+);
 export {
-  n as accordion,
-  c as content,
-  s as contentInner,
-  _ as contentOpen,
-  r as default,
-  e as disabled,
-  t as item,
-  o as trigger
+  f as ToastContainer
 };

package/dist/index33.js

@@ -1,19 +1,48 @@
-const r = "_wrapper_tjwht_1", t = "_row_tjwht_6", o = "_checkbox_tjwht_12", c = "_checkboxError_tjwht_54", e = "_label_tjwht_58", _ = "_description_tjwht_65", s = "_error_tjwht_72", h = {
-  wrapper: r,
-  row: t,
-  checkbox: o,
-  checkboxError: c,
-  label: e,
-  description: _,
-  error: s
+import { jsxs as t, jsx as u } from "react/jsx-runtime";
+import r from "./index34.js";
+import { useId as y, useState as g, cloneElement as x } from "react";
+import s from "./index61.js";
+const h = ({
+  content: i,
+  placement: a = "top",
+  variant: n = "dark",
+  children: l,
+  id: d,
+  className: m
+}) => {
+  const p = y(), o = d ?? `tooltip-${p}`, [c, e] = g(!1);
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      className: r(s.trigger, m),
+      onKeyDown: (f) => {
+        f.key === "Escape" && e(!0);
+      },
+      onMouseEnter: () => e(!1),
+      onFocus: () => e(!1),
+      children: [
+        x(l, { "aria-describedby": o }),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            id: o,
+            role: "tooltip",
+            className: r(
+              s.tooltip,
+              s[n],
+              s[a],
+              c && s.dismissed
+            ),
+            children: [
+              /* @__PURE__ */ u("span", { className: s.arrow }),
+              i
+            ]
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  o as checkbox,
-  c as checkboxError,
-  h as default,
-  _ as description,
-  s as error,
-  e as label,
-  t as row,
-  r as wrapper
+  h as Tooltip
 };

package/dist/index34.js

@@ -1,19 +1,7 @@
-const t = "_list_2tzve_1", e = "_item_2tzve_9", s = "_separator_2tzve_15", _ = "_link_2tzve_22", i = "_current_2tzve_37", l = "_text_2tzve_42", n = "_ellipsis_2tzve_46", r = {
-  list: t,
-  item: e,
-  separator: s,
-  link: _,
-  current: i,
-  text: l,
-  ellipsis: n
-};
+import { getDefaultExportFromCjs as r } from "./index78.js";
+import { __require as s } from "./index76.js";
+var e = s();
+const t = /* @__PURE__ */ r(e);
 export {
-  i as current,
-  r as default,
-  n as ellipsis,
-  e as item,
-  _ as link,
-  t as list,
-  s as separator,
-  l as text
+  t as default
 };

package/dist/index35.js

@@ -1,10 +1,19 @@
-import c from "./index73.js";
-const e = [
-  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
-  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
-  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
-], l = c("ellipsis", e);
+const n = "_accordion_7j7b7_1", t = "_item_7j7b7_6", e = "_disabled_7j7b7_14", o = "_trigger_7j7b7_19", c = "_content_7j7b7_64", _ = "_contentOpen_7j7b7_70", s = "_contentInner_7j7b7_74", r = {
+  accordion: n,
+  item: t,
+  disabled: e,
+  trigger: o,
+  content: c,
+  contentOpen: _,
+  contentInner: s
+};
 export {
-  e as __iconNode,
-  l as default
+  n as accordion,
+  c as content,
+  s as contentInner,
+  _ as contentOpen,
+  r as default,
+  e as disabled,
+  t as item,
+  o as trigger
 };

package/dist/index36.js

@@ -1,6 +1,25 @@
-import o from "./index73.js";
-const t = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], c = o("chevron-right", t);
+const s = "_alert_16i4u_1", i = "_icon_16i4u_11", n = "_content_16i4u_18", t = "_title_16i4u_23", _ = "_description_16i4u_27", o = "_dismiss_16i4u_35", c = "_success_16i4u_62", e = "_error_16i4u_68", r = "_warning_16i4u_74", u = "_info_16i4u_80", a = {
+  alert: s,
+  icon: i,
+  content: n,
+  title: t,
+  description: _,
+  dismiss: o,
+  success: c,
+  error: e,
+  warning: r,
+  info: u
+};
 export {
-  t as __iconNode,
-  c as default
+  s as alert,
+  n as content,
+  a as default,
+  _ as description,
+  o as dismiss,
+  e as error,
+  i as icon,
+  u as info,
+  c as success,
+  t as title,
+  r as warning
 };

package/dist/index37.js

@@ -1,28 +1,10 @@
-const _ = "_badge_19d90_1", o = "_sm_19d90_10", d = "_md_19d90_15", s = "_dot_19d90_21", e = "_remove_19d90_30", n = "_filled_19d90_56", t = "_success_19d90_61", c = "_warning_19d90_66", r = "_error_19d90_71", l = "_info_19d90_76", i = "_outline_19d90_82", a = {
-  badge: _,
-  sm: o,
-  md: d,
-  dot: s,
-  remove: e,
-  filled: n,
-  default: "_default_19d90_56",
-  success: t,
-  warning: c,
-  error: r,
-  info: l,
-  outline: i
-};
+import e from "./index79.js";
+const o = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+], t = e("info", o);
 export {
-  _ as badge,
-  a as default,
-  s as dot,
-  r as error,
-  n as filled,
-  l as info,
-  d as md,
-  i as outline,
-  e as remove,
-  o as sm,
-  t as success,
-  c as warning
+  o as __iconNode,
+  t as default
 };