sander-ui 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.js +75 -1611
  3. package/dist/index10.js +39 -0
  4. package/dist/index11.js +24 -0
  5. package/dist/index12.js +79 -0
  6. package/dist/index13.js +172 -0
  7. package/dist/index14.js +25 -0
  8. package/dist/index15.js +22 -0
  9. package/dist/index16.js +77 -0
  10. package/dist/index17.js +64 -0
  11. package/dist/index18.js +43 -0
  12. package/dist/index19.js +34 -0
  13. package/dist/index20.js +29 -0
  14. package/dist/index21.js +21 -0
  15. package/dist/index22.js +42 -0
  16. package/dist/index23.js +49 -0
  17. package/dist/index24.js +134 -0
  18. package/dist/index25.js +20 -0
  19. package/dist/index26.js +25 -0
  20. package/dist/index27.js +57 -0
  21. package/dist/index28.js +21 -0
  22. package/dist/index29.js +48 -0
  23. package/dist/index3.js +67 -0
  24. package/dist/index30.js +7 -0
  25. package/dist/index31.js +19 -0
  26. package/dist/index32.js +10 -0
  27. package/dist/index33.js +6 -0
  28. package/dist/index34.js +29 -0
  29. package/dist/index35.js +28 -0
  30. package/dist/index36.js +21 -0
  31. package/dist/index37.js +25 -0
  32. package/dist/index38.js +10 -0
  33. package/dist/index39.js +16 -0
  34. package/dist/index4.js +50 -0
  35. package/dist/index40.js +10 -0
  36. package/dist/index41.js +9 -0
  37. package/dist/index42.js +9 -0
  38. package/dist/index43.js +28 -0
  39. package/dist/index44.js +15 -0
  40. package/dist/index45.js +42 -0
  41. package/dist/index46.js +25 -0
  42. package/dist/index47.js +29 -0
  43. package/dist/index48.js +15 -0
  44. package/dist/index49.js +23 -0
  45. package/dist/index5.js +62 -0
  46. package/dist/index50.js +17 -0
  47. package/dist/index51.js +6 -0
  48. package/dist/index52.js +19 -0
  49. package/dist/index53.js +28 -0
  50. package/dist/index54.js +17 -0
  51. package/dist/index55.js +15 -0
  52. package/dist/index56.js +44 -0
  53. package/dist/index57.js +6 -0
  54. package/dist/index58.js +19 -0
  55. package/dist/index59.js +19 -0
  56. package/dist/index6.js +42 -0
  57. package/dist/index60.js +25 -0
  58. package/dist/index61.js +23 -0
  59. package/dist/index62.js +19 -0
  60. package/dist/index63.js +15 -0
  61. package/dist/index64.js +33 -0
  62. package/dist/index65.js +37 -0
  63. package/dist/index66.js +4 -0
  64. package/dist/index67.js +6 -0
  65. package/dist/index68.js +23 -0
  66. package/dist/index69.js +4 -0
  67. package/dist/index7.js +44 -0
  68. package/dist/index70.js +4 -0
  69. package/dist/index71.js +8 -0
  70. package/dist/index72.js +36 -0
  71. package/dist/index73.js +14 -0
  72. package/dist/index74.js +9 -0
  73. package/dist/index75.js +7 -0
  74. package/dist/index8.js +30 -0
  75. package/dist/index9.js +41 -0
  76. package/package.json +1 -1
@@ -0,0 +1,23 @@
1
+ import { forwardRef as c, createElement as f } from "react";
2
+ import { mergeClasses as l } from "./index69.js";
3
+ import { toKebabCase as p } from "./index70.js";
4
+ import { toPascalCase as r } from "./index71.js";
5
+ import i from "./index72.js";
6
+ const I = (e, t) => {
7
+ const o = c(
8
+ ({ className: a, ...m }, s) => f(i, {
9
+ ref: s,
10
+ iconNode: t,
11
+ className: l(
12
+ `lucide-${p(r(e))}`,
13
+ `lucide-${e}`,
14
+ a
15
+ ),
16
+ ...m
17
+ })
18
+ );
19
+ return o.displayName = r(e), o;
20
+ };
21
+ export {
22
+ I as default
23
+ };
@@ -0,0 +1,4 @@
1
+ const n = (...e) => e.filter((r, t, i) => !!r && r.trim() !== "" && i.indexOf(r) === t).join(" ").trim();
2
+ export {
3
+ n as mergeClasses
4
+ };
package/dist/index7.js ADDED
@@ -0,0 +1,44 @@
1
+ import { jsx as e, jsxs as d, Fragment as N } from "react/jsx-runtime";
2
+ import g from "./index30.js";
3
+ import { useState as S } from "react";
4
+ import l from "./index31.js";
5
+ import v from "./index32.js";
6
+ import x from "./index33.js";
7
+ const C = () => /* @__PURE__ */ e(x, { className: l.separator }), w = ({
8
+ items: a,
9
+ separator: t,
10
+ maxItems: n,
11
+ className: u,
12
+ ...b
13
+ }) => {
14
+ const [f, m] = S(!1), c = n && n > 1 && a.length > n && !f, i = c ? [a[0], ...a.slice(-(n - 1))] : a, p = (r) => t ? /* @__PURE__ */ e("span", { className: l.separator, children: t }, r) : /* @__PURE__ */ e(C, {}, r);
15
+ return /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: g(u), ...b, children: /* @__PURE__ */ e("ol", { className: l.list, children: i.map((r, s) => {
16
+ const o = c ? s === i.length - 1 : s === a.length - 1, h = typeof r.label == "string" ? r.label : `crumb-${s}`;
17
+ return /* @__PURE__ */ d("li", { className: l.item, children: [
18
+ s > 0 && p(`sep-${h}`),
19
+ c && s === 1 && /* @__PURE__ */ d(N, { children: [
20
+ /* @__PURE__ */ e(
21
+ "button",
22
+ {
23
+ className: l.ellipsis,
24
+ onClick: () => m(!0),
25
+ "aria-label": "Show full breadcrumb trail",
26
+ children: /* @__PURE__ */ e(v, { size: 14 })
27
+ }
28
+ ),
29
+ p("sep-ellipsis")
30
+ ] }),
31
+ r.href && !o ? /* @__PURE__ */ e("a", { href: r.href, className: l.link, children: r.label }) : /* @__PURE__ */ e(
32
+ "span",
33
+ {
34
+ className: o ? l.current : l.text,
35
+ ...o && { "aria-current": "page" },
36
+ children: r.label
37
+ }
38
+ )
39
+ ] }, h);
40
+ }) }) });
41
+ };
42
+ export {
43
+ w as Breadcrumbs
44
+ };
@@ -0,0 +1,4 @@
1
+ const a = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
2
+ export {
3
+ a as toKebabCase
4
+ };
@@ -0,0 +1,8 @@
1
+ import { toCamelCase as t } from "./index75.js";
2
+ const s = (a) => {
3
+ const e = t(a);
4
+ return e.charAt(0).toUpperCase() + e.slice(1);
5
+ };
6
+ export {
7
+ s as toPascalCase
8
+ };
@@ -0,0 +1,36 @@
1
+ import { forwardRef as l, createElement as a } from "react";
2
+ import A from "./index73.js";
3
+ import { hasA11yProp as b } from "./index74.js";
4
+ import { mergeClasses as c } from "./index69.js";
5
+ const n = l(
6
+ ({
7
+ color: m = "currentColor",
8
+ size: t = 24,
9
+ strokeWidth: o = 2,
10
+ absoluteStrokeWidth: s,
11
+ className: f = "",
12
+ children: r,
13
+ iconNode: u,
14
+ ...e
15
+ }, p) => a(
16
+ "svg",
17
+ {
18
+ ref: p,
19
+ ...A,
20
+ width: t,
21
+ height: t,
22
+ stroke: m,
23
+ strokeWidth: s ? Number(o) * 24 / Number(t) : o,
24
+ className: c("lucide", f),
25
+ ...!r && !b(e) && { "aria-hidden": "true" },
26
+ ...e
27
+ },
28
+ [
29
+ ...u.map(([i, d]) => a(i, d)),
30
+ ...Array.isArray(r) ? r : [r]
31
+ ]
32
+ )
33
+ );
34
+ export {
35
+ n as default
36
+ };
@@ -0,0 +1,14 @@
1
+ var t = {
2
+ xmlns: "http://www.w3.org/2000/svg",
3
+ width: 24,
4
+ height: 24,
5
+ viewBox: "0 0 24 24",
6
+ fill: "none",
7
+ stroke: "currentColor",
8
+ strokeWidth: 2,
9
+ strokeLinecap: "round",
10
+ strokeLinejoin: "round"
11
+ };
12
+ export {
13
+ t as default
14
+ };
@@ -0,0 +1,9 @@
1
+ const e = (t) => {
2
+ for (const r in t)
3
+ if (r.startsWith("aria-") || r === "role" || r === "title")
4
+ return !0;
5
+ return !1;
6
+ };
7
+ export {
8
+ e as hasA11yProp
9
+ };
@@ -0,0 +1,7 @@
1
+ const s = (a) => a.replace(
2
+ /^([A-Z])|[\s-_]+(\w)/g,
3
+ (t, o, e) => e ? e.toUpperCase() : o.toLowerCase()
4
+ );
5
+ export {
6
+ s as toCamelCase
7
+ };
package/dist/index8.js ADDED
@@ -0,0 +1,30 @@
1
+ import { jsxs as u, jsx as s } from "react/jsx-runtime";
2
+ import n from "./index30.js";
3
+ import t from "./index47.js";
4
+ import { Spinner as b } from "./index22.js";
5
+ const y = ({
6
+ variant: m = "primary",
7
+ size: o = "md",
8
+ type: e = "button",
9
+ loading: r,
10
+ disabled: i,
11
+ children: p,
12
+ className: a,
13
+ ...c
14
+ }) => /* @__PURE__ */ u(
15
+ "button",
16
+ {
17
+ type: e,
18
+ disabled: r || i,
19
+ "aria-busy": r || void 0,
20
+ className: n(t.button, t[m], t[o], a),
21
+ ...c,
22
+ children: [
23
+ r ? /* @__PURE__ */ s(b, { className: t.spinner }) : null,
24
+ /* @__PURE__ */ s("span", { className: n(t.content, { [t.hidden]: r }), children: p })
25
+ ]
26
+ }
27
+ );
28
+ export {
29
+ y as Button
30
+ };
package/dist/index9.js ADDED
@@ -0,0 +1,41 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import s from "./index30.js";
3
+ import d from "./index49.js";
4
+ const p = ({
5
+ as: r = "div",
6
+ variant: e = "elevated",
7
+ padding: a = "md",
8
+ children: t,
9
+ className: m,
10
+ ...c
11
+ }) => /* @__PURE__ */ o(
12
+ r,
13
+ {
14
+ className: s(
15
+ d.card,
16
+ d[e],
17
+ d[`padding-${a}`],
18
+ m
19
+ ),
20
+ ...c,
21
+ children: t
22
+ }
23
+ ), v = ({
24
+ children: r,
25
+ className: e,
26
+ ...a
27
+ }) => /* @__PURE__ */ o("div", { className: s(d.header, e), ...a, children: r }), f = ({
28
+ children: r,
29
+ className: e,
30
+ ...a
31
+ }) => /* @__PURE__ */ o("div", { className: s(d.body, e), ...a, children: r }), u = ({
32
+ children: r,
33
+ className: e,
34
+ ...a
35
+ }) => /* @__PURE__ */ o("div", { className: s(d.footer, e), ...a, children: r });
36
+ export {
37
+ p as Card,
38
+ f as CardBody,
39
+ u as CardFooter,
40
+ v as CardHeader
41
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sander-ui",
3
- "version": "0.1.2",
3
+ "version": "0.1.4",
4
4
  "type": "module",
5
5
  "description": "A modern React component library built with TypeScript and CSS Modules",
6
6
  "main": "./dist/index.js",