sander-ui 0.1.7 → 0.1.9

package/dist/index19.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import o from "./index31.js";
-import r from "./index48.js";
+import r from "./index52.js";
 const N = ({
   value: e,
   max: d = 100,

package/dist/index20.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as l } from "react/jsx-runtime";
 import c from "./index31.js";
 import { forwardRef as h } from "react";
-import a from "./index54.js";
+import a from "./index69.js";
 const v = h(
   ({ label: i, error: s, options: m, value: n, onChange: o, name: r, className: p, ...t }, u) => /* @__PURE__ */ d("fieldset", { className: c(a.fieldset, p), children: [
     i && /* @__PURE__ */ l("legend", { className: a.legend, children: i }),

package/dist/index21.js

@@ -1,68 +1,68 @@
-import { jsx as l, jsxs as g } from "react/jsx-runtime";
-import y from "./index31.js";
-import { createPortal as de } from "react-dom";
-import { useId as ue, useState as h, useRef as k, useCallback as C, useLayoutEffect as pe, useEffect as W } from "react";
-import r from "./index56.js";
-import fe from "./index57.js";
-import be from "./index58.js";
-function X(v) {
+import { jsx as l, jsxs as y } from "react/jsx-runtime";
+import k from "./index31.js";
+import { createPortal as ue } from "react-dom";
+import { useId as pe, useState as h, useRef as D, useCallback as C, useLayoutEffect as fe, useEffect as J } from "react";
+import r from "./index60.js";
+import be from "./index61.js";
+import he from "./index62.js";
+function Q(v) {
   return "options" in v;
 }
-function he(v) {
+function ve(v) {
   const b = [];
   for (const c of v)
-    X(c) ? b.push(...c.options) : b.push(c);
+    Q(c) ? b.push(...c.options) : b.push(c);
   return b;
 }
-const ve = ({
+const me = ({
   id: v,
   name: b,
   label: c,
   error: m,
   options: z,
-  placeholder: q,
+  placeholder: X,
   value: K,
-  defaultValue: J,
+  defaultValue: Y,
   onChange: P,
-  disabled: D = !1,
+  disabled: I = !1,
   required: V = !1,
-  className: Q
+  className: Z
 }) => {
-  const Z = ue(), d = v ?? Z, F = `${d}-listbox`, j = `${d}-error`, $ = `${d}-label`, u = he(z), o = u.map((e, t) => ({ ...e, index: t })).filter((e) => !e.disabled), A = K !== void 0, [_, ee] = h(J ?? ""), p = A ? K : _, [s, I] = h(!1), [a, i] = h(-1), [te, B] = h(""), O = k(null), [ne, re] = h(!1), [T, oe] = h({ top: 0, left: 0, width: 0 }), E = k(null), w = k(null), R = k(null), M = k([]), S = u.find((e) => e.value === p), U = C(
+  const _ = pe(), d = v ?? _, F = `${d}-listbox`, j = `${d}-error`, $ = `${d}-label`, u = ve(z), o = u.map((e, t) => ({ ...e, index: t })).filter((e) => !e.disabled), A = K !== void 0, [ee, te] = h(Y ?? ""), p = A ? K : ee, [s, E] = h(!1), [a, i] = h(-1), [ne, B] = h(""), O = D(null), [re, oe] = h(!1), [T, se] = h({ top: 0, left: 0, width: 0 }), x = D(null), w = D(null), R = D(null), M = D([]), S = u.find((e) => e.value === p), U = C(
     (e) => {
-      A || ee(e), P?.(e);
+      A || te(e), P?.(e);
     },
     [A, P]
   ), H = C(
     (e) => {
-      if (D) return;
+      if (I) return;
       const t = e ?? (p ? u.findIndex((n) => n.value === p) : o[0]?.index ?? 0);
-      i(t), I(!0);
+      i(t), E(!0);
     },
-    [D, p, u, o]
+    [I, p, u, o]
   ), L = C(() => {
-    I(!1), i(-1), E.current?.focus();
-  }, []);
-  pe(() => {
-    if (!s || !E.current) return;
+    E(!1), i(-1), x.current?.focus();
+  }, []), G = typeof document < "u" ? x.current?.closest("dialog") ?? document.body : null;
+  fe(() => {
+    if (!s || !x.current) return;
     const e = () => {
-      const t = E.current.getBoundingClientRect(), n = window.innerHeight - t.bottom, f = t.top, x = w.current?.offsetHeight ?? 240, G = n < x && f > n;
-      re(G), oe({
-        top: G ? t.top + window.scrollY - (w.current?.offsetHeight ?? 0) - 4 : t.bottom + window.scrollY + 4,
-        left: t.left + window.scrollX,
+      const t = x.current.getBoundingClientRect(), n = window.innerHeight - t.bottom, f = t.top, g = w.current?.offsetHeight ?? 240, q = n < g && f > n;
+      oe(q), se({
+        top: q ? t.top - (w.current?.offsetHeight ?? 0) - 4 : t.bottom + 4,
+        left: t.left,
         width: t.width
       });
     };
     return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [s]), W(() => {
+  }, [s]), J(() => {
     !s || a < 0 || M.current[a]?.scrollIntoView({ block: "nearest" });
-  }, [a, s]), W(() => {
+  }, [a, s]), J(() => {
     if (!s) return;
     function e(t) {
       const n = t.target;
-      R.current && !R.current.contains(n) && w.current && !w.current.contains(n) && (I(!1), i(-1));
+      R.current && !R.current.contains(n) && w.current && !w.current.contains(n) && (E(!1), i(-1));
     }
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, [s]);
@@ -82,15 +82,15 @@ const ve = ({
       }
     },
     [o]
-  ), se = (e) => {
+  ), ae = (e) => {
     O.current && clearTimeout(O.current);
-    const t = te + e.toLowerCase();
+    const t = ne + e.toLowerCase();
     B(t), O.current = setTimeout(() => B(""), 500);
     const n = o.find(
       (f) => f.label.toLowerCase().startsWith(t)
     );
     n && i(n.index);
-  }, ae = (e) => {
+  }, le = (e) => {
     if (!s) {
       switch (e.key) {
         case "ArrowDown":
@@ -125,26 +125,26 @@ const ve = ({
         e.preventDefault(), L();
         break;
       case "Tab":
-        I(!1), i(-1);
+        E(!1), i(-1);
         break;
       default:
-        e.key.length === 1 && !e.ctrlKey && !e.metaKey && (e.preventDefault(), se(e.key));
+        e.key.length === 1 && !e.ctrlKey && !e.metaKey && (e.preventDefault(), ae(e.key));
     }
-  }, le = s && a >= 0 ? `${d}-option-${a}` : void 0;
-  let ie = 0;
-  const Y = (e) => {
-    const t = ie++, n = e.value === p, f = t === a;
-    return /* @__PURE__ */ g(
+  }, ie = s && a >= 0 ? `${d}-option-${a}` : void 0;
+  let ce = 0;
+  const W = (e) => {
+    const t = ce++, n = e.value === p, f = t === a;
+    return /* @__PURE__ */ y(
       "li",
       {
-        ref: (x) => {
-          M.current[t] = x;
+        ref: (g) => {
+          M.current[t] = g;
         },
         id: `${d}-option-${t}`,
         role: "option",
         "aria-selected": n,
         "aria-disabled": e.disabled || void 0,
-        className: y(
+        className: k(
           r.option,
           f && r.optionActive,
           n && r.optionSelected,
@@ -153,18 +153,18 @@ const ve = ({
         onMouseEnter: () => {
           e.disabled || i(t);
         },
-        onMouseDown: (x) => x.preventDefault(),
+        onMouseDown: (g) => g.preventDefault(),
         onClick: () => {
           e.disabled || (U(e.value), L());
         },
         children: [
           /* @__PURE__ */ l("span", { className: r.optionLabel, children: e.label }),
-          n && /* @__PURE__ */ l(be, { size: 16, className: r.checkIcon, "aria-hidden": !0 })
+          n && /* @__PURE__ */ l(he, { size: 16, className: r.checkIcon, "aria-hidden": !0 })
         ]
       },
       e.value
     );
-  }, ce = s ? de(
+  }, de = s && G ? ue(
     /* @__PURE__ */ l(
       "ul",
       {
@@ -172,16 +172,16 @@ const ve = ({
         id: F,
         role: "listbox",
         "aria-labelledby": c ? $ : d,
-        className: y(r.listbox, ne && r.flipped),
+        className: k(r.listbox, re && r.flipped),
         style: {
           top: T.top,
           left: T.left,
           width: T.width
         },
         children: z.map((e) => {
-          if (X(e)) {
+          if (Q(e)) {
             const t = `${d}-group-${e.label.replace(/\s+/g, "-").toLowerCase()}`;
-            return /* @__PURE__ */ g("li", { role: "presentation", children: [
+            return /* @__PURE__ */ y("li", { role: "presentation", children: [
               /* @__PURE__ */ l(
                 "div",
                 {
@@ -191,21 +191,21 @@ const ve = ({
                   children: e.label
                 }
               ),
-              /* @__PURE__ */ l("ul", { role: "group", "aria-labelledby": t, className: r.group, children: e.options.map(Y) })
+              /* @__PURE__ */ l("ul", { role: "group", "aria-labelledby": t, className: r.group, children: e.options.map(W) })
             ] }, e.label);
           }
-          return Y(e);
+          return W(e);
         })
       }
     ),
-    document.body
+    G
   ) : null;
-  return /* @__PURE__ */ g("div", { ref: R, className: r.wrapper, children: [
+  return /* @__PURE__ */ y("div", { ref: R, className: r.wrapper, children: [
     c && /* @__PURE__ */ l("label", { id: $, className: r.label, children: c }),
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ y(
       "button",
       {
-        ref: E,
+        ref: x,
         type: "button",
         id: d,
         role: "combobox",
@@ -213,34 +213,34 @@ const ve = ({
         "aria-expanded": s,
         "aria-controls": s ? F : void 0,
         "aria-labelledby": c ? $ : void 0,
-        "aria-activedescendant": le,
+        "aria-activedescendant": ie,
         "aria-invalid": m ? !0 : void 0,
         "aria-describedby": m ? j : void 0,
         "aria-required": V,
-        disabled: D,
-        className: y(r.trigger, m && r.triggerError, Q),
+        disabled: I,
+        className: k(r.trigger, m && r.triggerError, Z),
         onClick: () => s ? L() : H(),
-        onKeyDown: ae,
+        onKeyDown: le,
         children: [
-          /* @__PURE__ */ l("span", { className: y(r.triggerText, !S && r.placeholder), children: S ? S.label : q ?? " " }),
+          /* @__PURE__ */ l("span", { className: k(r.triggerText, !S && r.placeholder), children: S ? S.label : X ?? " " }),
           /* @__PURE__ */ l(
-            fe,
+            be,
             {
               size: 16,
-              className: y(r.chevron, s && r.chevronOpen),
+              className: k(r.chevron, s && r.chevronOpen),
               "aria-hidden": !0
             }
           )
         ]
       }
     ),
-    b && /* @__PURE__ */ g(
+    b && /* @__PURE__ */ y(
       "select",
       {
         name: b,
         value: p,
         required: V,
-        disabled: D,
+        disabled: I,
         tabIndex: -1,
         "aria-hidden": !0,
         className: r.hiddenSelect,
@@ -252,11 +252,11 @@ const ve = ({
         ]
       }
     ),
-    ce,
+    de,
     m && /* @__PURE__ */ l("p", { id: j, role: "alert", className: r.error, children: m })
   ] });
 };
-ve.displayName = "Select";
+me.displayName = "Select";
 export {
-  ve as Select
+  me as Select
 };

package/dist/index22.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import n from "./index31.js";
-import t from "./index51.js";
+import t from "./index50.js";
 const c = ({
   width: e,
   height: r,

package/dist/index23.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import i from "./index31.js";
-import r from "./index45.js";
+import r from "./index53.js";
 const m = ({
   size: s = "md",
   className: n,

package/dist/index24.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import l from "./index31.js";
-import r from "./index62.js";
+import r from "./index38.js";
 const u = ({
   id: t,
   checked: s,

package/dist/index25.js

@@ -1,7 +1,7 @@
 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";
+import a from "./index51.js";
 const j = ({
   tabs: l,
   value: i,

package/dist/index26.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import l from "./index31.js";
-import s from "./index69.js";
+import s from "./index39.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,

package/dist/index27.js

@@ -1,7 +1,7 @@
 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";
+import a from "./index65.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 }),

package/dist/index28.js

@@ -1,12 +1,12 @@
 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";
+import r from "./index66.js";
+import t from "./index67.js";
+import o from "./index41.js";
+import d from "./index42.js";
+import f from "./index43.js";
+import p from "./index44.js";
+import g from "./index45.js";
 const u = {
   default: o,
   success: p,

package/dist/index29.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "./index31.js";
 import { Toast as l } from "./index28.js";
-import t from "./index63.js";
+import t from "./index66.js";
 const f = ({
   toasts: r,
   position: e = "top-right",

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 { useState as f, useCallback as A, useId as j, useContext as k, useRef as y, createContext as R } from "react";
-import e from "./index37.js";
+import e from "./index32.js";
 const g = R({
   openId: null,
   toggle: () => {

package/dist/index30.js

@@ -1,7 +1,7 @@
 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 "./index68.js";
+import s from "./index71.js";
 const h = ({
   content: i,
   placement: a = "top",

package/dist/index31.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs as r } from "./index72.js";
-import { __require as s } from "./index70.js";
+import { __require as s } from "./index57.js";
 var e = s();
 const t = /* @__PURE__ */ r(e);
 export {

package/dist/index32.js

@@ -1,29 +1,19 @@
-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();
-}
+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 {
-  a as getInitials
+  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/index33.js

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

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

package/dist/index35.js

@@ -1,10 +1,6 @@
-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);
+import o from "./index73.js";
+const t = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], c = o("chevron-right", t);
 export {
-  e as __iconNode,
-  l as default
+  t as __iconNode,
+  c as default
 };

package/dist/index36.js

@@ -1,6 +1,19 @@
-import o from "./index73.js";
-const t = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], c = o("chevron-right", t);
+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
+};
 export {
-  t as __iconNode,
-  c as default
+  o as checkbox,
+  c as checkboxError,
+  h as default,
+  _ as description,
+  s as error,
+  e as label,
+  t as row,
+  r as wrapper
 };

package/dist/index37.js

@@ -1,19 +1,29 @@
-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
+const n = "_button_dajne_1", t = "_primary_dajne_28", _ = "_secondary_dajne_37", e = "_outline_dajne_46", o = "_ghost_dajne_56", d = "_danger_dajne_65", s = "_sm_dajne_75", a = "_md_dajne_80", c = "_lg_dajne_85", r = "_content_dajne_91", i = "_hidden_dajne_97", j = "_spinner_dajne_101", g = {
+  button: n,
+  primary: t,
+  secondary: _,
+  outline: e,
+  ghost: o,
+  danger: d,
+  sm: s,
+  md: a,
+  lg: c,
+  content: r,
+  hidden: i,
+  spinner: j
 };
 export {
-  n as accordion,
-  c as content,
-  s as contentInner,
-  _ as contentOpen,
-  r as default,
-  e as disabled,
-  t as item,
-  o as trigger
+  n as button,
+  r as content,
+  d as danger,
+  g as default,
+  o as ghost,
+  i as hidden,
+  c as lg,
+  a as md,
+  e as outline,
+  t as primary,
+  _ as secondary,
+  s as sm,
+  j as spinner
 };