sander-ui 0.1.9 → 0.1.12

package/dist/index10.js

@@ -1,39 +1,39 @@
 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 "./index36.js";
-const y = x(
-  ({ label: l, description: t, error: c, indeterminate: a, id: o, className: h, ...u }, i) => {
-    const n = v(null);
-    N(() => {
-      const r = n.current;
-      r && (r.indeterminate = !!a);
+import { forwardRef as N, useId as y, useRef as k, useEffect as I } from "react";
+import e from "./index33.js";
+const j = N(
+  ({ label: n, description: t, error: i, indeterminate: a, id: u, className: h, ...b }, r) => {
+    const x = y(), o = u ?? x, d = k(null);
+    I(() => {
+      const c = d.current;
+      c && (c.indeterminate = !!a);
     }, [a]);
-    const d = c ? `${o}-error` : void 0, m = t ? `${o}-description` : void 0, b = [m, d].filter(Boolean).join(" ") || void 0;
+    const l = i ? `${o}-error` : void 0, m = t ? `${o}-description` : void 0, v = [m, l].filter(Boolean).join(" ") || void 0;
     return /* @__PURE__ */ f("div", { className: p(e.wrapper, h), children: [
       /* @__PURE__ */ f("div", { className: e.row, children: [
         /* @__PURE__ */ s(
           "input",
           {
             id: o,
-            ref: (r) => {
-              n.current = r, typeof i == "function" ? i(r) : i && (i.current = r);
+            ref: (c) => {
+              d.current = c, typeof r == "function" ? r(c) : r && (r.current = c);
             },
             type: "checkbox",
-            "aria-invalid": c ? !0 : void 0,
-            "aria-describedby": b,
-            className: p(e.checkbox, c && e.checkboxError),
-            ...u
+            "aria-invalid": i ? !0 : void 0,
+            "aria-describedby": v,
+            className: p(e.checkbox, i && e.checkboxError),
+            ...b
           }
         ),
-        l && /* @__PURE__ */ s("label", { htmlFor: o, className: e.label, children: l })
+        n && /* @__PURE__ */ s("label", { htmlFor: o, className: e.label, children: n })
       ] }),
       t && /* @__PURE__ */ s("p", { id: m, className: e.description, children: t }),
-      c && /* @__PURE__ */ s("p", { id: d, className: e.error, role: "alert", children: c })
+      i && /* @__PURE__ */ s("p", { id: l, className: e.error, role: "alert", children: i })
     ] });
   }
 );
-y.displayName = "Checkbox";
+j.displayName = "Checkbox";
 export {
-  y as Checkbox
+  j as Checkbox
 };

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 "./index55.js";
-import r from "./index70.js";
-import y from "./index45.js";
+import { useScrollLock as D } from "./index40.js";
+import r from "./index41.js";
+import y from "./index38.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 "./index64.js";
+import D from "./index44.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 "./index37.js";
-import s from "./index63.js";
+import t from "./index39.js";
+import s from "./index56.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 "./index59.js";
+import a from "./index64.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 "./index37.js";
+import t from "./index39.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 "./index55.js";
-import t from "./index56.js";
-import y from "./index45.js";
+import { useScrollLock as M } from "./index40.js";
+import t from "./index54.js";
+import y from "./index38.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 "./index48.js";
-import h from "./index49.js";
-import d from "./index35.js";
+import n from "./index61.js";
+import h from "./index62.js";
+import d from "./index36.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 "./index52.js";
+import r from "./index53.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 "./index69.js";
+import a from "./index43.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

@@ -2,9 +2,9 @@ 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";
+import r from "./index67.js";
+import be from "./index68.js";
+import he from "./index69.js";
 function Q(v) {
   return "options" in v;
 }

package/dist/index22.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import n from "./index31.js";
-import t from "./index50.js";
+import t from "./index55.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 "./index53.js";
+import r from "./index65.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 "./index38.js";
+import r from "./index63.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 "./index51.js";
+import a from "./index58.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 "./index39.js";
+import s from "./index60.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 "./index66.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 "./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";
+import r from "./index45.js";
+import t from "./index46.js";
+import o from "./index47.js";
+import d from "./index48.js";
+import f from "./index49.js";
+import p from "./index50.js";
+import g from "./index38.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 "./index66.js";
+import t from "./index45.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 "./index71.js";
+import s from "./index59.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 "./index57.js";
+import { __require as s } from "./index70.js";
 var e = s();
 const t = /* @__PURE__ */ r(e);
 export {

package/dist/index33.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 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 {
-  i as current,
-  r as default,
-  n as ellipsis,
-  e as item,
-  _ as link,
-  t as list,
-  s as separator,
-  l as text
+  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/index34.js

@@ -1,10 +1,19 @@
-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);
+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,
-  l 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/index35.js

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

package/dist/index36.js

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

package/dist/index37.js

@@ -1,29 +1,28 @@
-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
+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 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
+  _ 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/index38.js

@@ -1,23 +1,9 @@
-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
-};
+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);
 export {
-  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
+  o as __iconNode,
+  c as default
 };

package/dist/index39.js

@@ -1,19 +1,29 @@
-const w = "_wrapper_wwjw1_1", e = "_table_wwjw1_7", _ = "_header_wwjw1_13", o = "_body_wwjw1_18", a = "_row_wwjw1_22", t = "_head_wwjw1_13", r = "_cell_wwjw1_40", c = {
-  wrapper: w,
-  table: e,
-  header: _,
-  body: o,
-  row: a,
-  head: t,
-  cell: r
+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 {
-  o as body,
-  r as cell,
-  c as default,
-  t as head,
-  _ as header,
-  a as row,
-  e as table,
-  w as wrapper
+  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/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 "./index40.js";
-import f from "./index41.js";
-import p from "./index42.js";
-import d from "./index43.js";
-import N from "./index44.js";
-import g from "./index45.js";
+import r from "./index57.js";
+import f from "./index47.js";
+import p from "./index48.js";
+import d from "./index49.js";
+import N from "./index50.js";
+import g from "./index38.js";
 const h = {
   success: N,
   error: d,

package/dist/index40.js

@@ -1,25 +1,13 @@
-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 { 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 {
-  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
+  l as useScrollLock
 };

package/dist/index41.js

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