sander-ui 0.1.13 → 0.1.15

package/dist/index15.js

@@ -1,38 +1,40 @@
-import { jsx as n } from "react/jsx-runtime";
-import x from "./index34.js";
-import e from "./index56.js";
-const a = {
+import { jsx as x } from "react/jsx-runtime";
+import a from "./index34.js";
+import e from "./index52.js";
+const c = {
   h1: "5xl",
   h2: "4xl",
   h3: "2xl",
   h4: "xl",
   h5: "lg",
   h6: "base"
-}, p = ({
-  children: t,
+}, z = ({
+  children: l,
   as: o = "h2",
-  size: l,
-  weight: h = "bold",
+  size: h,
+  weight: i = "bold",
   align: s,
-  className: i,
-  ...m
+  mb: r = "3",
+  className: m,
+  ...n
 }) => {
-  const r = l ?? a[o];
-  return /* @__PURE__ */ n(
+  const t = h ?? c[o];
+  return /* @__PURE__ */ x(
     o,
     {
-      className: x(
+      className: a(
         e.heading,
-        r && e[`size-${r}`],
-        e[h],
+        t && e[`size-${t}`],
+        e[i],
         s && e[s],
-        i
+        r && e[`mb-${r}`],
+        m
       ),
-      ...m,
-      children: t
+      ...n,
+      children: l
     }
   );
 };
 export {
-  p as Heading
+  z as Heading
 };

package/dist/index16.js

@@ -1,40 +1,40 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
-import r from "./index34.js";
-import t from "./index47.js";
-import s from "./index68.js";
-import { Spinner as b } from "./index25.js";
+import { jsxs as b, jsx as n } from "react/jsx-runtime";
+import s from "./index34.js";
+import t from "./index45.js";
+import r from "./index56.js";
+import { Spinner as l } from "./index25.js";
 const N = ({
-  icon: e,
-  variant: m = "ghost",
+  children: m,
+  variant: e = "ghost",
   size: i = "md",
   type: c = "button",
   loading: o,
   disabled: p,
   className: u,
   ...a
-}) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ b(
   "button",
   {
     type: c,
     disabled: o || p,
     "aria-busy": o || void 0,
-    className: r(
+    className: s(
       t.button,
-      t[m],
-      s.iconButton,
-      s[i],
+      t[e],
+      r.iconButton,
+      r[i],
       u
     ),
     ...a,
     children: [
-      o ? /* @__PURE__ */ n(b, { className: t.spinner }) : null,
+      o ? /* @__PURE__ */ n(l, { className: t.spinner }) : null,
       /* @__PURE__ */ n(
         "span",
         {
-          className: r(t.content, {
+          className: s(t.content, {
             [t.hidden]: o
           }),
-          children: e
+          children: m
         }
       )
     ]

package/dist/index17.js

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

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

package/dist/index19.js

@@ -2,9 +2,9 @@ import { jsx as l, jsxs as b } from "react/jsx-runtime";
 import c from "./index34.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 "./index50.js";
-import t from "./index58.js";
-import y from "./index41.js";
+import { useScrollLock as M } from "./index57.js";
+import t from "./index75.js";
+import y from "./index36.js";
 const R = ({
   open: s,
   onClose: o,

package/dist/index20.js

@@ -1,8 +1,8 @@
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import u from "./index34.js";
-import n from "./index59.js";
-import h from "./index60.js";
-import d from "./index44.js";
+import n from "./index60.js";
+import h from "./index61.js";
+import d from "./index42.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/index21.js

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

package/dist/index22.js

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

@@ -2,9 +2,9 @@ import { jsx as l, jsxs as y } from "react/jsx-runtime";
 import k from "./index34.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 "./index53.js";
-import be from "./index54.js";
-import he from "./index55.js";
+import r from "./index70.js";
+import be from "./index71.js";
+import he from "./index72.js";
 function Q(v) {
   return "options" in v;
 }

package/dist/index24.js

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

package/dist/index25.js

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

package/dist/index26.js

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

package/dist/index27.js

@@ -1,7 +1,7 @@
 import { jsx as b, jsxs as D } from "react/jsx-runtime";
 import f from "./index34.js";
 import { useRef as w, useState as I, useCallback as E, useEffect as g } from "react";
-import a from "./index73.js";
+import a from "./index64.js";
 const j = ({
   tabs: l,
   value: i,

package/dist/index28.js

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

@@ -1,28 +1,30 @@
-import { jsx as f } from "react/jsx-runtime";
-import n from "./index34.js";
-import t from "./index63.js";
+import { jsx as n } from "react/jsx-runtime";
+import c from "./index34.js";
+import t from "./index73.js";
 const u = ({
-  children: e,
-  as: p = "span",
+  children: p,
+  as: x = "span",
   size: r,
   weight: s,
   color: m,
   align: o,
-  className: x,
-  ...a
-}) => /* @__PURE__ */ f(
-  p,
+  mb: e = "2",
+  className: a,
+  ...f
+}) => /* @__PURE__ */ n(
+  x,
   {
-    className: n(
+    className: c(
       t.text,
       r && t[`size-${r}`],
       s && t[s],
       m && t[m],
       o && t[o],
-      x
+      e && t[`mb-${e}`],
+      a
     ),
-    ...a,
-    children: e
+    ...f,
+    children: p
   }
 );
 export {

package/dist/index3.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as O } from "react/jsx-runtime";
 import u from "./index34.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 "./index35.js";
+import e from "./index39.js";
 const g = R({
   openId: null,
   toggle: () => {

package/dist/index30.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import c from "./index34.js";
 import { forwardRef as d } from "react";
-import a from "./index72.js";
+import a from "./index53.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/index31.js

@@ -1,12 +1,12 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
 import n from "./index34.js";
-import r from "./index74.js";
-import t from "./index75.js";
-import o from "./index37.js";
-import d from "./index38.js";
-import f from "./index39.js";
-import p from "./index40.js";
-import g from "./index41.js";
+import r from "./index68.js";
+import t from "./index69.js";
+import o from "./index48.js";
+import d from "./index49.js";
+import f from "./index50.js";
+import p from "./index51.js";
+import g from "./index36.js";
 const u = {
   default: o,
   success: p,

package/dist/index32.js

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

package/dist/index33.js

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as u } from "react/jsx-runtime";
 import r from "./index34.js";
 import { useId as y, useState as g, cloneElement as x } from "react";
-import s from "./index61.js";
+import s from "./index65.js";
 const h = ({
   content: i,
   placement: a = "top",

package/dist/index35.js

@@ -1,19 +1,28 @@
-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 _ = "_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 {
-  n as accordion,
-  c as content,
-  s as contentInner,
-  _ as contentOpen,
-  r as default,
-  e as disabled,
-  t as item,
-  o as trigger
+  _ 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

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

package/dist/index37.js

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

package/dist/index38.js

@@ -1,16 +1,28 @@
-import e from "./index79.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 _ = "_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 {
-  t as __iconNode,
-  o as default
+  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/index39.js

@@ -1,10 +1,19 @@
-import e from "./index79.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 = "_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 {
-  c as __iconNode,
-  l as default
+  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/index4.js

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

package/dist/index40.js

@@ -1,9 +1,19 @@
-import c from "./index79.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 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 {
-  e as __iconNode,
-  o as default
+  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/index41.js

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

package/dist/index42.js

@@ -1,19 +1,6 @@
-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 o from "./index79.js";
+const t = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], c = o("chevron-right", t);
 export {
-  i as current,
-  r as default,
-  n as ellipsis,
-  e as item,
-  _ as link,
-  t as list,
-  s as separator,
-  l as text
+  t as __iconNode,
+  c as default
 };