sander-ui 0.1.2 → 0.1.4

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 "./index61.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 "./index54.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 "./index58.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 "./index48.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 "./index56.js";
+import t from "./index57.js";
+import o from "./index38.js";
+import d from "./index39.js";
+import f from "./index40.js";
+import p from "./index41.js";
+import g from "./index42.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 "./index56.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 "./index64.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 "./index52.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 "./index67.js";
+import { __require as s } from "./index65.js";
+var e = s();
+const t = /* @__PURE__ */ r(e);
+export {
+  t as default
+};

package/dist/index31.js

@@ -0,0 +1,19 @@
+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
+};
+export {
+  i as current,
+  r as default,
+  n as ellipsis,
+  e as item,
+  _ as link,
+  t as list,
+  s as separator,
+  l as text
+};

package/dist/index32.js

@@ -0,0 +1,10 @@
+import c from "./index68.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);
+export {
+  e as __iconNode,
+  l as default
+};

package/dist/index33.js

@@ -0,0 +1,6 @@
+import o from "./index68.js";
+const t = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], c = o("chevron-right", t);
+export {
+  t as __iconNode,
+  c as default
+};

package/dist/index34.js

@@ -0,0 +1,29 @@
+const l = /* @__PURE__ */ new Set([
+  "van",
+  "von",
+  "de",
+  "del",
+  "den",
+  "der",
+  "di",
+  "du",
+  "el",
+  "la",
+  "le",
+  "los",
+  "het",
+  "ten",
+  "ter",
+  "op"
+]);
+function a(e, r = "?") {
+  if (!e?.trim()) return r;
+  const n = e.trim().split(/\s+/), t = n.filter((o) => !l.has(o.toLowerCase()));
+  if (t.length === 0) return n[0][0].toUpperCase();
+  if (t.length === 1) return t[0][0].toUpperCase();
+  const s = t[0][0], i = t[t.length - 1][0];
+  return (s + i).toUpperCase();
+}
+export {
+  a as getInitials
+};

package/dist/index35.js

@@ -0,0 +1,28 @@
+const _ = "_wrapper_1p6ce_1", s = "_sm_1p6ce_8", t = "_md_1p6ce_14", a = "_lg_1p6ce_20", c = "_xl_1p6ce_26", e = "_image_1p6ce_38", p = "_fallback_1p6ce_45", l = "_status_1p6ce_59", o = "_group_1p6ce_88", u = {
+  wrapper: _,
+  sm: s,
+  md: t,
+  lg: a,
+  xl: c,
+  "2xl": "_2xl_1p6ce_32",
+  image: e,
+  fallback: p,
+  status: l,
+  "status-online": "_status-online_1p6ce_71",
+  "status-offline": "_status-offline_1p6ce_75",
+  "status-busy": "_status-busy_1p6ce_79",
+  "status-away": "_status-away_1p6ce_83",
+  group: o
+};
+export {
+  u as default,
+  p as fallback,
+  o as group,
+  e as image,
+  a as lg,
+  t as md,
+  s as sm,
+  l as status,
+  _ as wrapper,
+  c as xl
+};

package/dist/index36.js

@@ -0,0 +1,21 @@
+const i = "_wrapper_1s9du_1", t = "_trigger_1s9du_5", _ = "_menu_1s9du_37", s = "_closing_1s9du_52", e = "_alignRight_1s9du_56", n = "_alignLeft_1s9du_60", g = "_item_1s9du_64", r = "_divider_1s9du_85", d = {
+  wrapper: i,
+  trigger: t,
+  menu: _,
+  closing: s,
+  alignRight: e,
+  alignLeft: n,
+  item: g,
+  divider: r
+};
+export {
+  n as alignLeft,
+  e as alignRight,
+  s as closing,
+  d as default,
+  r as divider,
+  g as item,
+  _ as menu,
+  t as trigger,
+  i as wrapper
+};

package/dist/index37.js

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

@@ -0,0 +1,10 @@
+import e from "./index68.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 {
+  o as __iconNode,
+  t as default
+};

package/dist/index39.js

@@ -0,0 +1,16 @@
+import e from "./index68.js";
+const t = [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+], o = e("triangle-alert", t);
+export {
+  t as __iconNode,
+  o as default
+};

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 "./index37.js";
+import f from "./index38.js";
+import p from "./index39.js";
+import d from "./index40.js";
+import N from "./index41.js";
+import g from "./index42.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
+};

package/dist/index40.js

@@ -0,0 +1,10 @@
+import e from "./index68.js";
+const c = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+], l = e("circle-alert", c);
+export {
+  c as __iconNode,
+  l as default
+};

package/dist/index41.js

@@ -0,0 +1,9 @@
+import c from "./index68.js";
+const e = [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+], o = c("circle-check-big", e);
+export {
+  e as __iconNode,
+  o as default
+};