sander-ui 0.1.4 → 0.1.5

package/dist/index12.js

@@ -1,79 +1,80 @@
 import { jsx as l, jsxs as b } from "react/jsx-runtime";
-import n from "./index30.js";
+import c from "./index30.js";
 import { useRef as v, useState as d, useEffect as g } from "react";
 import { createPortal as w } from "react-dom";
-import r from "./index45.js";
-import D from "./index42.js";
-const B = ({
-  open: s,
+import { useScrollLock as D } from "./index32.js";
+import r from "./index33.js";
+import y from "./index34.js";
+const R = ({
+  open: o,
   onClose: t,
-  children: o,
-  side: c = "right",
-  size: h = "md",
-  className: p,
+  children: s,
+  side: f = "right",
+  size: p = "md",
+  className: h,
   ...N
 }) => {
-  const a = v(null), [f, m] = d(!1), [i, u] = d(!1);
-  return g(() => {
-    s ? (m(!0), u(!1)) : m((e) => (e && u(!0), e));
-  }, [s]), g(() => {
-    const e = a.current;
-    f && !i && e && !e.open && e.showModal();
-  }, [f, i]), f ? w(
+  const i = v(null), [n, m] = d(!1), [a, u] = d(!1);
+  return D(n && !a), g(() => {
+    o ? (m(!0), u(!1)) : m((e) => (e && u(!0), e));
+  }, [o]), g(() => {
+    const e = i.current;
+    n && !a && e && !e.open && (e.showModal(), e.focus());
+  }, [n, a]), n ? w(
     /* @__PURE__ */ l(
       "dialog",
       {
-        ref: a,
-        className: n(
+        ref: i,
+        className: c(
           r.dialog,
-          r[c],
-          r[`size-${h}`],
-          i && r.closing,
-          p
+          r[f],
+          r[`size-${p}`],
+          a && r.closing,
+          h
         ),
         onAnimationEnd: () => {
-          i && (a.current?.close(), m(!1), u(!1));
+          a && (i.current?.close(), m(!1), u(!1));
         },
         onCancel: (e) => {
           e.preventDefault(), t();
         },
         onClick: (e) => {
-          e.target === a.current && t();
+          e.target === i.current && t();
         },
         ...N,
-        children: /* @__PURE__ */ l("div", { className: r.content, children: o })
+        children: /* @__PURE__ */ l("div", { className: r.content, children: s })
       }
     ),
     document.body
   ) : null;
-}, E = ({
-  children: s,
+}, S = ({
+  children: o,
   onClose: t,
-  className: o,
-  ...c
-}) => /* @__PURE__ */ b("div", { className: n(r.header, o), ...c, children: [
-  /* @__PURE__ */ l("h2", { className: r.title, children: s }),
+  className: s,
+  ...f
+}) => /* @__PURE__ */ b("div", { className: c(r.header, s), ...f, children: [
+  /* @__PURE__ */ l("h2", { className: r.title, children: o }),
   t && /* @__PURE__ */ l(
     "button",
     {
       onClick: t,
       "aria-label": "Close",
       className: r.closeButton,
-      children: /* @__PURE__ */ l(D, { size: 20 })
+      children: /* @__PURE__ */ l(y, { size: 20 })
     }
   )
-] }), R = ({
-  children: s,
+] }), A = ({
+  children: o,
   className: t,
-  ...o
-}) => /* @__PURE__ */ l("div", { className: n(r.body, t), ...o, children: s }), A = ({
-  children: s,
+  ...s
+}) => /* @__PURE__ */ l("div", { className: c(r.body, t), ...s, children: o }), F = ({
+  children: o,
   className: t,
-  ...o
-}) => /* @__PURE__ */ l("div", { className: n(r.footer, t), ...o, children: s });
+  ...s
+}) => /* @__PURE__ */ l("div", { className: c(r.footer, t), ...s, children: o });
 export {
-  B as Drawer,
-  R as DrawerBody,
-  A as DrawerFooter,
-  E as DrawerHeader
+  R as Drawer,
+  A as DrawerBody,
+  F as DrawerFooter,
+  S as DrawerHeader
 };

package/dist/index13.js

@@ -1,7 +1,7 @@
 import { jsx as w } from "react/jsx-runtime";
 import b from "./index30.js";
 import { useState as h, useRef as v, useId as R, useEffect as k, cloneElement as E, createContext as I, useContext as y } from "react";
-import m from "./index36.js";
+import m from "./index59.js";
 const C = I(null);
 function x() {
   const t = y(C);

package/dist/index14.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import p from "./index30.js";
 import { forwardRef as n } from "react";
-import a from "./index44.js";
+import a from "./index39.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/index15.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import a from "./index30.js";
-import r from "./index47.js";
+import r from "./index49.js";
 const u = ({
   variant: t = "primary",
   size: o = "md",

package/dist/index16.js

@@ -1,77 +1,78 @@
 import { jsx as l, jsxs as b } from "react/jsx-runtime";
-import i from "./index30.js";
-import { useRef as h, useState as u, useEffect as g } from "react";
+import c from "./index30.js";
+import { useRef as h, useState as u, useEffect as p } from "react";
 import { createPortal as v } from "react-dom";
-import o from "./index43.js";
-import M from "./index42.js";
-const B = ({
+import { useScrollLock as M } from "./index32.js";
+import t from "./index61.js";
+import y from "./index34.js";
+const R = ({
   open: s,
-  onClose: t,
+  onClose: o,
   children: r,
-  size: c = "sm",
-  className: p,
+  size: f = "sm",
+  className: g,
   ...N
 }) => {
-  const a = h(null), [f, d] = u(!1), [n, m] = u(!1);
-  return g(() => {
-    s ? (d(!0), m(!1)) : d((e) => (e && m(!0), e));
-  }, [s]), g(() => {
-    const e = a.current;
-    f && !n && e && !e.open && e.showModal();
-  }, [f, n]), f ? v(
+  const i = h(null), [n, m] = u(!1), [a, d] = u(!1);
+  return M(n && !a), p(() => {
+    s ? (m(!0), d(!1)) : m((e) => (e && d(!0), e));
+  }, [s]), p(() => {
+    const e = i.current;
+    n && !a && e && !e.open && (e.showModal(), e.focus());
+  }, [n, a]), n ? v(
     /* @__PURE__ */ l(
       "dialog",
       {
-        ref: a,
-        className: i(
-          o.dialog,
-          o[`size-${c}`],
-          n && o.closing,
-          p
+        ref: i,
+        className: c(
+          t.dialog,
+          t[`size-${f}`],
+          a && t.closing,
+          g
         ),
         onAnimationEnd: () => {
-          n && (a.current?.close(), d(!1), m(!1));
+          a && (i.current?.close(), m(!1), d(!1));
         },
         onCancel: (e) => {
-          e.preventDefault(), t();
+          e.preventDefault(), o();
         },
         onClick: (e) => {
-          e.target === a.current && t();
+          e.target === i.current && o();
         },
         ...N,
-        children: /* @__PURE__ */ l("div", { className: o.content, children: r })
+        children: /* @__PURE__ */ l("div", { className: t.content, children: r })
       }
     ),
     document.body
   ) : null;
-}, E = ({
+}, S = ({
   children: s,
-  onClose: t,
+  onClose: o,
   className: r,
-  ...c
-}) => /* @__PURE__ */ b("div", { className: i(o.header, r), ...c, children: [
-  /* @__PURE__ */ l("h2", { className: o.title, children: s }),
-  t && /* @__PURE__ */ l(
+  ...f
+}) => /* @__PURE__ */ b("div", { className: c(t.header, r), ...f, children: [
+  /* @__PURE__ */ l("h2", { className: t.title, children: s }),
+  o && /* @__PURE__ */ l(
     "button",
     {
-      onClick: t,
+      onClick: o,
       "aria-label": "Close",
-      className: o.closeButton,
-      children: /* @__PURE__ */ l(M, { size: 20 })
+      className: t.closeButton,
+      children: /* @__PURE__ */ l(y, { size: 20 })
     }
   )
-] }), R = ({
+] }), w = ({
   children: s,
-  className: t,
+  className: o,
   ...r
-}) => /* @__PURE__ */ l("div", { className: i(o.body, t), ...r, children: s }), w = ({
+}) => /* @__PURE__ */ l("div", { className: c(t.body, o), ...r, children: s }), A = ({
   children: s,
-  className: t,
+  className: o,
   ...r
-}) => /* @__PURE__ */ l("div", { className: i(o.footer, t), ...r, children: s });
+}) => /* @__PURE__ */ l("div", { className: c(t.footer, o), ...r, children: s });
 export {
-  B as Modal,
-  R as ModalBody,
-  w as ModalFooter,
-  E as ModalHeader
+  R as Modal,
+  w as ModalBody,
+  A as ModalFooter,
+  S as ModalHeader
 };

package/dist/index17.js

@@ -1,8 +1,8 @@
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import u from "./index30.js";
-import n from "./index50.js";
-import h from "./index51.js";
-import d from "./index33.js";
+import n from "./index56.js";
+import h from "./index57.js";
+import d from "./index48.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/index18.js

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

package/dist/index19.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as l } from "react/jsx-runtime";
 import c from "./index30.js";
 import { forwardRef as h } from "react";
-import a from "./index60.js";
+import a from "./index54.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/index20.js

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

package/dist/index21.js

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

package/dist/index22.js

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

package/dist/index23.js

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

package/dist/index24.js

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

package/dist/index25.js

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

package/dist/index26.js

@@ -1,7 +1,7 @@
 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";
+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 }),

package/dist/index27.js

@@ -1,12 +1,12 @@
 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";
+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,

package/dist/index28.js

@@ -1,7 +1,7 @@
 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";
+import t from "./index62.js";
 const f = ({
   toasts: r,
   position: e = "top-right",

package/dist/index29.js

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

package/dist/index3.js

@@ -1,7 +1,7 @@
 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";
+import e from "./index31.js";
 const g = R({
   openId: null,
   toggle: () => {

package/dist/index30.js

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

package/dist/index31.js

@@ -1,19 +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
+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 {
-  i as current,
+  n as accordion,
+  c as content,
+  s as contentInner,
+  _ as contentOpen,
   r as default,
-  n as ellipsis,
-  e as item,
-  _ as link,
-  t as list,
-  s as separator,
-  l as text
+  e as disabled,
+  t as item,
+  o as trigger
 };

package/dist/index32.js

@@ -1,10 +1,13 @@
-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);
+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 {
-  e as __iconNode,
-  l as default
+  l as useScrollLock
 };

package/dist/index33.js

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

@@ -1,29 +1,9 @@
-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();
-}
+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 {
-  a as getInitials
+  o as __iconNode,
+  c as default
 };

package/dist/index35.js

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