sander-ui 0.1.3 → 0.1.5

package/dist/index23.js

@@ -0,0 +1,49 @@
+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
+      ),
+      ...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 })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  u as Switch
+};

package/dist/index24.js

@@ -0,0 +1,134 @@
+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
+}) => {
+  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 {
+  B as TabPanel,
+  j as Tabs
+};

package/dist/index25.js

@@ -0,0 +1,20 @@
+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 });
+export {
+  m as Table,
+  b as TableBody,
+  u as TableCell,
+  p as TableHead,
+  d as TableHeader,
+  N as TableRow
+};

package/dist/index26.js

@@ -0,0 +1,25 @@
+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";
+export {
+  p as Textarea
+};

package/dist/index27.js

@@ -0,0 +1,57 @@
+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 })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  z as Toast
+};

package/dist/index28.js

@@ -0,0 +1,21 @@
+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))
+  }
+);
+export {
+  f as ToastContainer
+};

package/dist/index29.js

@@ -0,0 +1,48 @@
+import { jsxs as t, jsx as u } from "react/jsx-runtime";
+import r from "./index30.js";
+import { useId as y, useState as g, cloneElement as x } from "react";
+import s from "./index53.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 {
+  h as Tooltip
+};

package/dist/index3.js

@@ -0,0 +1,67 @@
+import { jsx as o, jsxs as O } from "react/jsx-runtime";
+import u from "./index30.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 "./index31.js";
+const g = R({
+  openId: null,
+  toggle: () => {
+  },
+  exclusive: !1
+}), T = ({
+  exclusive: c = !1,
+  children: l,
+  className: r,
+  ...n
+}) => {
+  const [i, a] = f(null), t = A(
+    (s) => {
+      a((d) => d === s ? null : s);
+    },
+    []
+  );
+  return /* @__PURE__ */ o(g.Provider, { value: { openId: i, toggle: t, exclusive: c }, children: /* @__PURE__ */ o("div", { className: u(e.accordion, r), ...n, children: l }) });
+}, U = ({
+  title: c,
+  children: l,
+  defaultOpen: r,
+  disabled: n,
+  className: i,
+  ...a
+}) => {
+  const t = j(), { openId: s, toggle: d, exclusive: m } = k(g), v = y(null), [x, I] = f(
+    r ?? !1
+  ), p = m ? s === t : x, h = (C) => {
+    C.preventDefault(), !n && (m ? d(t) : I((N) => !N));
+  };
+  return /* @__PURE__ */ O(
+    "details",
+    {
+      open: p,
+      className: u(e.item, { [e.disabled]: n }, i),
+      ...a,
+      children: [
+        /* @__PURE__ */ o(
+          "summary",
+          {
+            className: e.trigger,
+            onClick: h,
+            "aria-disabled": n || void 0,
+            children: c
+          }
+        ),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            ref: v,
+            className: u(e.content, { [e.contentOpen]: p }),
+            children: /* @__PURE__ */ o("div", { className: e.contentInner, children: l })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  T as Accordion,
+  U as AccordionItem
+};

package/dist/index30.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./index68.js";
+import { __require as s } from "./index66.js";
+var e = s();
+const t = /* @__PURE__ */ r(e);
+export {
+  t as default
+};

package/dist/index31.js

@@ -0,0 +1,19 @@
+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 {
+  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/index32.js

@@ -0,0 +1,13 @@
+import { useEffect as e } from "react";
+function l(o) {
+  e(() => {
+    if (!o) return;
+    const t = window.scrollY;
+    return document.body.style.position = "fixed", document.body.style.top = `-${t}px`, document.body.style.left = "0", document.body.style.right = "0", () => {
+      document.body.style.position = "", document.body.style.top = "", document.body.style.left = "", document.body.style.right = "", window.scrollTo(0, t);
+    };
+  }, [o]);
+}
+export {
+  l as useScrollLock
+};

package/dist/index33.js

@@ -0,0 +1,42 @@
+const t = "_dialog_1wscl_51", _ = "_closing_1wscl_70", s = "_right_1wscl_76", o = "_left_1wscl_77", l = "_top_1wscl_98", e = "_bottom_1wscl_99", i = "_content_1wscl_145", c = "_header_1wscl_151", n = "_title_1wscl_159", d = "_closeButton_1wscl_165", w = "_body_1wscl_186", f = "_footer_1wscl_194", g = {
+  dialog: t,
+  "fade-in": "_fade-in_1wscl_1",
+  "fade-out": "_fade-out_1wscl_1",
+  closing: _,
+  right: s,
+  left: o,
+  "slide-in-right": "_slide-in-right_1wscl_1",
+  "slide-out-right": "_slide-out-right_1wscl_1",
+  "slide-in-left": "_slide-in-left_1wscl_1",
+  "slide-out-left": "_slide-out-left_1wscl_1",
+  top: l,
+  bottom: e,
+  "slide-in-top": "_slide-in-top_1wscl_1",
+  "slide-out-top": "_slide-out-top_1wscl_1",
+  "slide-in-bottom": "_slide-in-bottom_1wscl_1",
+  "slide-out-bottom": "_slide-out-bottom_1wscl_1",
+  "size-sm": "_size-sm_1wscl_120",
+  "size-md": "_size-md_1wscl_122",
+  "size-lg": "_size-lg_1wscl_124",
+  content: i,
+  header: c,
+  title: n,
+  closeButton: d,
+  body: w,
+  footer: f
+};
+export {
+  w as body,
+  e as bottom,
+  d as closeButton,
+  _ as closing,
+  i as content,
+  g as default,
+  t as dialog,
+  f as footer,
+  c as header,
+  o as left,
+  s as right,
+  n as title,
+  l as top
+};

package/dist/index34.js

@@ -0,0 +1,9 @@
+import e from "./index69.js";
+const o = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], c = e("x", o);
+export {
+  o as __iconNode,
+  c as default
+};

package/dist/index35.js

@@ -0,0 +1,28 @@
+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
+};
+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
+};

package/dist/index36.js

@@ -0,0 +1,19 @@
+const w = "_wrapper_wwjw1_1", e = "_table_wwjw1_7", _ = "_header_wwjw1_13", o = "_body_wwjw1_18", a = "_row_wwjw1_22", t = "_head_wwjw1_13", r = "_cell_wwjw1_40", c = {
+  wrapper: w,
+  table: e,
+  header: _,
+  body: o,
+  row: a,
+  head: t,
+  cell: r
+};
+export {
+  o as body,
+  r as cell,
+  c as default,
+  t as head,
+  _ as header,
+  a as row,
+  e as table,
+  w as wrapper
+};

package/dist/index37.js

@@ -0,0 +1,25 @@
+const _ = "_wrapper_14k2c_1", e = "_header_14k2c_7", c = "_label_14k2c_13", a = "_value_14k2c_19", t = "_track_14k2c_24", r = "_sm_14k2c_31", n = "_md_14k2c_35", s = "_lg_14k2c_39", l = "_bar_14k2c_43", k = "_indeterminate_14k2c_59", o = {
+  wrapper: _,
+  header: e,
+  label: c,
+  value: a,
+  track: t,
+  sm: r,
+  md: n,
+  lg: s,
+  bar: l,
+  indeterminate: k
+};
+export {
+  l as bar,
+  o as default,
+  e as header,
+  k as indeterminate,
+  c as label,
+  s as lg,
+  n as md,
+  r as sm,
+  t as track,
+  a as value,
+  _ as wrapper
+};

package/dist/index38.js

@@ -0,0 +1,23 @@
+const e = "_wrapper_8eiej_1", t = "_wrapperDisabled_8eiej_8", _ = "_track_8eiej_13", c = "_trackChecked_8eiej_37", a = "_thumb_8eiej_41", r = "_thumbChecked_8eiej_52", s = "_labels_8eiej_56", i = "_label_8eiej_56", l = "_description_8eiej_66", p = {
+  wrapper: e,
+  wrapperDisabled: t,
+  track: _,
+  trackChecked: c,
+  thumb: a,
+  thumbChecked: r,
+  labels: s,
+  label: i,
+  description: l
+};
+export {
+  p as default,
+  l as description,
+  i as label,
+  s as labels,
+  a as thumb,
+  r as thumbChecked,
+  _ as track,
+  c as trackChecked,
+  e as wrapper,
+  t as wrapperDisabled
+};

package/dist/index39.js

@@ -0,0 +1,15 @@
+const r = "_wrapper_1rkkq_1", t = "_label_1rkkq_6", _ = "_input_1rkkq_13", o = "_inputError_1rkkq_33", p = "_error_1rkkq_42", e = {
+  wrapper: r,
+  label: t,
+  input: _,
+  inputError: o,
+  error: p
+};
+export {
+  e as default,
+  p as error,
+  _ as input,
+  o as inputError,
+  t as label,
+  r as wrapper
+};

package/dist/index4.js

@@ -0,0 +1,50 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import a from "./index30.js";
+import r from "./index40.js";
+import f from "./index41.js";
+import p from "./index42.js";
+import d from "./index43.js";
+import N from "./index44.js";
+import g from "./index34.js";
+const h = {
+  success: N,
+  error: d,
+  warning: p,
+  info: f
+}, I = ({
+  variant: s = "info",
+  title: i,
+  children: e,
+  onDismiss: c,
+  className: m,
+  ...l
+}) => {
+  const n = h[s];
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      role: s === "error" || s === "warning" ? "alert" : "status",
+      className: a(r.alert, r[s], m),
+      ...l,
+      children: [
+        /* @__PURE__ */ o(n, { className: r.icon }),
+        /* @__PURE__ */ t("div", { className: r.content, children: [
+          i && /* @__PURE__ */ o("div", { className: r.title, children: i }),
+          e && /* @__PURE__ */ o("div", { className: r.description, children: e })
+        ] }),
+        c && /* @__PURE__ */ o(
+          "button",
+          {
+            onClick: c,
+            "aria-label": "Dismiss",
+            className: r.dismiss,
+            children: /* @__PURE__ */ o(g, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  I as Alert
+};