sander-ui 0.1.8 → 0.1.10

package/dist/index10.js

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as s } from "react/jsx-runtime";
 import p from "./index31.js";
 import { forwardRef as x, useRef as v, useEffect as N } from "react";
-import e from "./index51.js";
+import e from "./index39.js";
 const y = x(
   ({ label: l, description: t, error: c, indeterminate: a, id: o, className: h, ...u }, i) => {
     const n = v(null);

package/dist/index12.js

@@ -2,9 +2,9 @@ import { jsx as l, jsxs as b } from "react/jsx-runtime";
 import c from "./index31.js";
 import { useRef as v, useState as d, useEffect as g } from "react";
 import { createPortal as w } from "react-dom";
-import { useScrollLock as D } from "./index47.js";
-import r from "./index55.js";
-import y from "./index38.js";
+import { useScrollLock as D } from "./index40.js";
+import r from "./index64.js";
+import y from "./index34.js";
 const R = ({
   open: o,
   onClose: t,

package/dist/index13.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import g from "./index31.js";
 import { useState as x, useRef as v, useId as E, useEffect as k, cloneElement as I, createContext as R, useContext as y } from "react";
-import D from "./index53.js";
+import D from "./index65.js";
 const C = R(null);
 function b() {
   const t = y(C);

package/dist/index14.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import r from "./index31.js";
-import t from "./index41.js";
-import s from "./index42.js";
+import t from "./index35.js";
+import s from "./index36.js";
 import { Spinner as b } from "./index23.js";
 const N = ({
   icon: e,

package/dist/index15.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import p from "./index31.js";
 import { forwardRef as n } from "react";
-import a from "./index68.js";
+import a from "./index57.js";
 const c = n(
   ({ label: s, error: r, id: e, className: t, ...l }, o) => /* @__PURE__ */ m("div", { className: a.wrapper, children: [
     s && /* @__PURE__ */ i("label", { htmlFor: e, className: a.label, children: s }),

package/dist/index16.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import a from "./index31.js";
-import t from "./index41.js";
+import t from "./index35.js";
 const f = ({
   variant: o = "primary",
   size: r = "md",

package/dist/index17.js

@@ -2,9 +2,9 @@ import { jsx as l, jsxs as b } from "react/jsx-runtime";
 import c from "./index31.js";
 import { useRef as h, useState as u, useEffect as p } from "react";
 import { createPortal as v } from "react-dom";
-import { useScrollLock as M } from "./index47.js";
-import t from "./index48.js";
-import y from "./index38.js";
+import { useScrollLock as M } from "./index40.js";
+import t from "./index41.js";
+import y from "./index34.js";
 const R = ({
   open: s,
   onClose: o,

package/dist/index18.js

@@ -1,8 +1,8 @@
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import u from "./index31.js";
-import n from "./index63.js";
-import h from "./index64.js";
-import d from "./index45.js";
+import n from "./index54.js";
+import h from "./index55.js";
+import d from "./index56.js";
 function b(i, r, a) {
   const s = [], c = Math.max(2, i - a), t = Math.min(r - 1, i + a);
   s.push(1), c > 2 && s.push("ellipsis");

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 "./index56.js";
+import r from "./index67.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 "./index52.js";
+import a from "./index50.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,17 +1,17 @@
 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 q } from "react";
-import r from "./index57.js";
-import be from "./index58.js";
-import he from "./index59.js";
-function J(v) {
+import { useId as pe, useState as h, useRef as D, useCallback as C, useLayoutEffect as fe, useEffect as J } from "react";
+import r from "./index42.js";
+import be from "./index43.js";
+import he from "./index44.js";
+function Q(v) {
   return "options" in v;
 }
 function ve(v) {
   const b = [];
   for (const c of v)
-    J(c) ? b.push(...c.options) : b.push(c);
+    Q(c) ? b.push(...c.options) : b.push(c);
   return b;
 }
 const me = ({
@@ -20,17 +20,17 @@ const me = ({
   label: c,
   error: m,
   options: z,
-  placeholder: Q,
+  placeholder: X,
   value: K,
-  defaultValue: X,
+  defaultValue: Y,
   onChange: P,
   disabled: I = !1,
   required: V = !1,
-  className: Y
+  className: Z
 }) => {
-  const Z = pe(), d = v ?? Z, 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] = h(X ?? ""), p = A ? K : _, [s, E] = h(!1), [a, i] = h(-1), [te, B] = h(""), O = D(null), [ne, re] = h(!1), [T, oe] = 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(
+  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(
@@ -42,13 +42,13 @@ const me = ({
     [I, p, u, o]
   ), L = C(() => {
     E(!1), i(-1), x.current?.focus();
-  }, []), se = x.current?.closest("dialog") ?? document.body;
+  }, []), G = typeof document < "u" ? x.current?.closest("dialog") ?? document.body : null;
   fe(() => {
     if (!s || !x.current) return;
     const e = () => {
-      const t = x.current.getBoundingClientRect(), n = window.innerHeight - t.bottom, f = t.top, g = w.current?.offsetHeight ?? 240, W = n < g && f > n;
-      re(W), oe({
-        top: W ? t.top - (w.current?.offsetHeight ?? 0) - 4 : t.bottom + 4,
+      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
       });
@@ -56,9 +56,9 @@ const me = ({
     return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [s]), q(() => {
+  }, [s]), J(() => {
     !s || a < 0 || M.current[a]?.scrollIntoView({ block: "nearest" });
-  }, [a, s]), q(() => {
+  }, [a, s]), J(() => {
     if (!s) return;
     function e(t) {
       const n = t.target;
@@ -84,7 +84,7 @@ const me = ({
     [o]
   ), 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)
@@ -132,7 +132,7 @@ const me = ({
     }
   }, ie = s && a >= 0 ? `${d}-option-${a}` : void 0;
   let ce = 0;
-  const G = (e) => {
+  const W = (e) => {
     const t = ce++, n = e.value === p, f = t === a;
     return /* @__PURE__ */ y(
       "li",
@@ -164,7 +164,7 @@ const me = ({
       },
       e.value
     );
-  }, de = s ? ue(
+  }, de = s && G ? ue(
     /* @__PURE__ */ l(
       "ul",
       {
@@ -172,14 +172,14 @@ const me = ({
         id: F,
         role: "listbox",
         "aria-labelledby": c ? $ : d,
-        className: k(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 (J(e)) {
+          if (Q(e)) {
             const t = `${d}-group-${e.label.replace(/\s+/g, "-").toLowerCase()}`;
             return /* @__PURE__ */ y("li", { role: "presentation", children: [
               /* @__PURE__ */ l(
@@ -191,14 +191,14 @@ const me = ({
                   children: e.label
                 }
               ),
-              /* @__PURE__ */ l("ul", { role: "group", "aria-labelledby": t, className: r.group, children: e.options.map(G) })
+              /* @__PURE__ */ l("ul", { role: "group", "aria-labelledby": t, className: r.group, children: e.options.map(W) })
             ] }, e.label);
           }
-          return G(e);
+          return W(e);
         })
       }
     ),
-    se
+    G
   ) : null;
   return /* @__PURE__ */ y("div", { ref: R, className: r.wrapper, children: [
     c && /* @__PURE__ */ l("label", { id: $, className: r.label, children: c }),
@@ -218,11 +218,11 @@ const me = ({
         "aria-describedby": m ? j : void 0,
         "aria-required": V,
         disabled: I,
-        className: k(r.trigger, m && r.triggerError, Y),
+        className: k(r.trigger, m && r.triggerError, Z),
         onClick: () => s ? L() : H(),
         onKeyDown: le,
         children: [
-          /* @__PURE__ */ l("span", { className: k(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(
             be,
             {

package/dist/index22.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import n from "./index31.js";
-import t from "./index69.js";
+import t from "./index66.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 "./index62.js";
+import r from "./index38.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 "./index50.js";
+import r from "./index37.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 "./index66.js";
+import a from "./index53.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 "./index54.js";
+import s from "./index52.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 "./index65.js";
+import a from "./index58.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 "./index60.js";
-import t from "./index61.js";
-import o from "./index34.js";
-import d from "./index35.js";
-import f from "./index36.js";
-import p from "./index37.js";
-import g from "./index38.js";
+import r from "./index68.js";
+import t from "./index69.js";
+import o from "./index46.js";
+import d from "./index47.js";
+import f from "./index48.js";
+import p from "./index49.js";
+import g from "./index34.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 "./index60.js";
+import t from "./index68.js";
 const f = ({
   toasts: r,
   position: e = "top-right",

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

package/dist/index31.js

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

package/dist/index33.js

@@ -1,25 +1,28 @@
-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
+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 {
-  s as alert,
-  n as content,
+  _ as badge,
   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
+  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/index34.js

@@ -1,10 +1,9 @@
-import e from "./index73.js";
+import e from "./index72.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);
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], c = e("x", o);
 export {
   o as __iconNode,
-  t as default
+  c as default
 };

package/dist/index35.js

@@ -1,16 +1,29 @@
-import e from "./index73.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);
+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 {
-  t as __iconNode,
-  o as default
+  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
 };

package/dist/index36.js

@@ -1,10 +1,13 @@
-import e from "./index73.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);
+const n = "_iconButton_1yn4b_1", t = "_sm_1yn4b_6", o = "_md_1yn4b_11", _ = "_lg_1yn4b_16", s = {
+  iconButton: n,
+  sm: t,
+  md: o,
+  lg: _
+};
 export {
-  c as __iconNode,
-  l as default
+  s as default,
+  n as iconButton,
+  _ as lg,
+  o as md,
+  t as sm
 };

package/dist/index37.js

@@ -1,9 +1,23 @@
-import c from "./index73.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);
+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 {
-  e as __iconNode,
-  o as default
+  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/index38.js

@@ -1,9 +1,19 @@
-import e from "./index73.js";
-const o = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], c = e("x", o);
+const n = "_spinner_9eqlb_10", s = "_spin_9eqlb_10", e = "_spinnerTrack_9eqlb_14", _ = "_spinnerHead_9eqlb_18", p = "_sm_9eqlb_23", r = "_md_9eqlb_28", i = "_lg_9eqlb_33", l = {
+  spinner: n,
+  spin: s,
+  spinnerTrack: e,
+  spinnerHead: _,
+  sm: p,
+  md: r,
+  lg: i
+};
 export {
-  o as __iconNode,
-  c as default
+  l as default,
+  i as lg,
+  r as md,
+  p as sm,
+  s as spin,
+  n as spinner,
+  _ as spinnerHead,
+  e as spinnerTrack
 };

package/dist/index39.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 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 {
-  a as getInitials
+  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/index4.js

@@ -1,11 +1,11 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import a from "./index31.js";
-import r from "./index33.js";
-import f from "./index34.js";
-import p from "./index35.js";
-import d from "./index36.js";
-import N from "./index37.js";
-import g from "./index38.js";
+import r from "./index45.js";
+import f from "./index46.js";
+import p from "./index47.js";
+import d from "./index48.js";
+import N from "./index49.js";
+import g from "./index34.js";
 const h = {
   success: N,
   error: d,