@dimasbaguspm/versaur 0.0.43 → 0.0.44

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.
@@ -1,6 +1,6 @@
1
1
  import { c as f, j as r, a as l } from "./index-DOdDlCoL.js";
2
2
  import j, { useState as p, useEffect as x, createContext as V, useContext as B, forwardRef as u, useRef as z, useMemo as M } from "react";
3
- import { O as S, n as P, k as N, H as D } from "./image-rectangle-en-PQWib.js";
3
+ import { O as S, n as P, k as N, H as D } from "./image-rectangle-DjuCYHbk.js";
4
4
  import { XIcon as R } from "lucide-react";
5
5
  import "./snackbar-DH8jCh2V.js";
6
6
  function F() {
@@ -1,9 +1,9 @@
1
1
  import { c as v, j as e, a as m } from "./index-DOdDlCoL.js";
2
2
  import x, { createContext as N, useContext as z, useId as F, forwardRef as j, useRef as B, useState as R, useEffect as U, useMemo as E } from "react";
3
- import { I as C } from "./image-rectangle-en-PQWib.js";
3
+ import { I as C } from "./image-rectangle-DjuCYHbk.js";
4
4
  import { Calendar as X, SearchIcon as Y, Clock as Z, Banknote as ee, MailIcon as re, Check as P } from "lucide-react";
5
5
  import "./snackbar-DH8jCh2V.js";
6
- import { M as O, D as M, B as V } from "./bottom-sheet-COYI-CL2.js";
6
+ import { M as O, D as M, B as V } from "./bottom-sheet-BSN0J8ji.js";
7
7
  const te = v("space-y-2", {
8
8
  variants: {
9
9
  direction: {
@@ -1,4 +1,4 @@
1
- import { B as a, C as n, b as p, a as u, D as s, k as I, E as i, M as l, P as S, R as c, d as r, c as g, S as h, e as o, j as m, i as M, h as b, f as k, T as x, g as C } from "../bottom-sheet-input-BmkctBPw.js";
1
+ import { B as a, C as n, b as p, a as u, D as s, k as I, E as i, M as l, P as S, R as c, d as r, c as g, S as h, e as o, j as m, i as M, h as b, f as k, T as x, g as C } from "../bottom-sheet-input-C9Ht9cxQ.js";
2
2
  export {
3
3
  a as BottomSheetInput,
4
4
  n as CheckboxInput,
@@ -145,13 +145,13 @@ const AccordionContext = createContext(
145
145
  hasUnderline: r = !1,
146
146
  isCapitalize: i = !1,
147
147
  hasMargin: s = !1,
148
- align: o = "left",
148
+ align: n = "left",
149
149
  italic: a = !1,
150
150
  clamp: l = "none",
151
151
  ellipsis: u = !1,
152
152
  className: c,
153
153
  children: f,
154
- ...n
154
+ ...o
155
155
  }, d) => {
156
156
  const h = `h${e}`;
157
157
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -164,7 +164,7 @@ const AccordionContext = createContext(
164
164
  hasUnderline: r,
165
165
  isCapitalize: i,
166
166
  hasMargin: s,
167
- align: o,
167
+ align: n,
168
168
  italic: a,
169
169
  clamp: l,
170
170
  ellipsis: u,
@@ -172,7 +172,7 @@ const AccordionContext = createContext(
172
172
  }),
173
173
  c
174
174
  ),
175
- ...n,
175
+ ...o,
176
176
  children: f
177
177
  }
178
178
  );
@@ -209,13 +209,13 @@ const iconVariants = cva("inline-flex items-center justify-center", {
209
209
  size: "md",
210
210
  color: "primary"
211
211
  }
212
- }), Icon = React__default.forwardRef(function({ as: t, color: r = "primary", size: i = "md", className: s, ...o }, a) {
212
+ }), Icon = React__default.forwardRef(function({ as: t, color: r = "primary", size: i = "md", className: s, ...n }, a) {
213
213
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
214
214
  t,
215
215
  {
216
216
  ref: a,
217
217
  className: iconVariants({ color: r, size: i, className: s }),
218
- ...o
218
+ ...n
219
219
  }
220
220
  );
221
221
  }), AccordionTitle = forwardRef(function({ className: t, children: r, ...i }, s) {
@@ -231,12 +231,12 @@ const iconVariants = cva("inline-flex items-center justify-center", {
231
231
  }
232
232
  );
233
233
  }), AccordionContent = forwardRef(function({ className: t, children: r, ...i }, s) {
234
- const { isOpen: o } = useAccordionContext();
234
+ const { isOpen: n } = useAccordionContext();
235
235
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
236
236
  "div",
237
237
  {
238
238
  ref: s,
239
- className: cn(accordionContentVariants({ isOpen: o }), t),
239
+ className: cn(accordionContentVariants({ isOpen: n }), t),
240
240
  ...i,
241
241
  children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: accordionContentInnerVariants(), children: r })
242
242
  }
@@ -260,13 +260,13 @@ const iconVariants = cva("inline-flex items-center justify-center", {
260
260
  subtitle: r,
261
261
  isDefaultOpen: i = !1,
262
262
  disabled: s = !1,
263
- hasMargin: o,
263
+ hasMargin: n,
264
264
  className: a,
265
265
  children: l,
266
266
  ...u
267
267
  }, c) {
268
- const [f, n] = useState(i), d = () => {
269
- s || n((m) => !m);
268
+ const [f, o] = useState(i), d = () => {
269
+ s || o((m) => !m);
270
270
  }, h = {
271
271
  isOpen: f,
272
272
  toggle: d,
@@ -279,7 +279,7 @@ const iconVariants = cva("inline-flex items-center justify-center", {
279
279
  className: cn(
280
280
  accordionVariants({ disabled: s }),
281
281
  a,
282
- o && "mb-4"
282
+ n && "mb-4"
283
283
  ),
284
284
  ...u,
285
285
  children: [
@@ -462,14 +462,14 @@ const iconVariants = cva("inline-flex items-center justify-center", {
462
462
  icon: r,
463
463
  className: i,
464
464
  children: s,
465
- ...o
465
+ ...n
466
466
  }, a) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
467
467
  "div",
468
468
  {
469
469
  ref: a,
470
470
  role: "alert",
471
471
  className: cn(alertVariants({ variant: e, color: t }), i),
472
- ...o,
472
+ ...n,
473
473
  children: [
474
474
  r && /* @__PURE__ */ jsxRuntimeExports.jsx(AlertIcon, { children: r }),
475
475
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1", children: s })
@@ -542,14 +542,14 @@ const iconVariants = cva("inline-flex items-center justify-center", {
542
542
  color: r = "primary",
543
543
  fontSize: i = "base",
544
544
  fontWeight: s = "medium",
545
- quiet: o = !1,
545
+ quiet: n = !1,
546
546
  ...a
547
547
  }, l) => /* @__PURE__ */ jsxRuntimeExports.jsx(
548
548
  "a",
549
549
  {
550
550
  ref: l,
551
551
  className: cn(
552
- anchorVariants({ color: r, fontSize: i, fontWeight: s, quiet: o }),
552
+ anchorVariants({ color: r, fontSize: i, fontWeight: s, quiet: n }),
553
553
  t
554
554
  ),
555
555
  ...a,
@@ -632,13 +632,13 @@ const iconVariants = cva("inline-flex items-center justify-center", {
632
632
  hasUnderline: r = !1,
633
633
  isCapitalize: i = !1,
634
634
  align: s = "left",
635
- italic: o = !1,
635
+ italic: n = !1,
636
636
  clamp: a = "none",
637
637
  ellipsis: l = !1,
638
638
  fontSize: u,
639
639
  fontWeight: c,
640
640
  className: f,
641
- children: n,
641
+ children: o,
642
642
  ...d
643
643
  }, h) => {
644
644
  const y = [
@@ -651,7 +651,7 @@ const iconVariants = cva("inline-flex items-center justify-center", {
651
651
  "p",
652
652
  "span",
653
653
  "label"
654
- ].includes(e) ? e : "span", w = u ? `text-${u}` : "", R = c ? `font-${c}` : "";
654
+ ].includes(e) ? e : "span", w = u ? `text-${u}` : "", j = c ? `font-${c}` : "";
655
655
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
656
656
  e,
657
657
  {
@@ -662,29 +662,29 @@ const iconVariants = cva("inline-flex items-center justify-center", {
662
662
  hasUnderline: r,
663
663
  isCapitalize: i,
664
664
  align: s,
665
- italic: o,
665
+ italic: n,
666
666
  clamp: a,
667
667
  ellipsis: l,
668
668
  // @ts-expect-error - `as` is not a valid variant
669
669
  as: y
670
670
  }),
671
671
  w,
672
- R,
672
+ j,
673
673
  f
674
674
  ),
675
675
  ...d,
676
- children: n
676
+ children: o
677
677
  }
678
678
  );
679
679
  }
680
680
  ), Attribute = forwardRef(
681
- function({ title: t, children: r, className: i, hasMargin: s, ...o }, a) {
681
+ function({ title: t, children: r, className: i, hasMargin: s, ...n }, a) {
682
682
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
683
683
  "div",
684
684
  {
685
685
  ref: a,
686
686
  className: cn("space-y-1", i, s && "mb-4"),
687
- ...o,
687
+ ...n,
688
688
  children: [
689
689
  /* @__PURE__ */ jsxRuntimeExports.jsx(
690
690
  Text,
@@ -763,16 +763,16 @@ function getGridCols(e = 4) {
763
763
  return "grid-cols-4";
764
764
  }
765
765
  }
766
- const AttributeListItem = forwardRef(function({ children: t, className: r, span: i = 1, title: s, ...o }, a) {
766
+ const AttributeListItem = forwardRef(function({ children: t, className: r, span: i = 1, title: s, ...n }, a) {
767
767
  const l = getColSpan(i);
768
- return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { ref: a, className: cn(l, r), ...o, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Attribute, { title: s, children: t }) });
768
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { ref: a, className: cn(l, r), ...n, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Attribute, { title: s, children: t }) });
769
769
  }), AttributeListRoot = forwardRef(
770
- function({ children: t, className: r, columns: i = 4, ...s }, o) {
770
+ function({ children: t, className: r, columns: i = 4, ...s }, n) {
771
771
  const a = getGridCols(i);
772
772
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
773
773
  "ul",
774
774
  {
775
- ref: o,
775
+ ref: n,
776
776
  className: cn("grid gap-4", a, r),
777
777
  ...s,
778
778
  children: t
@@ -830,18 +830,18 @@ const AttributeListItem = forwardRef(function({ children: t, className: r, span:
830
830
  shape: r = "circle",
831
831
  className: i,
832
832
  children: s,
833
- ...o
833
+ ...n
834
834
  }, a) => /* @__PURE__ */ jsxRuntimeExports.jsx(
835
835
  "div",
836
836
  {
837
837
  ref: a,
838
838
  className: cn(avatarVariants({ variant: e, size: t, shape: r }), i),
839
- ...o,
839
+ ...n,
840
840
  children: s
841
841
  }
842
842
  )
843
843
  ), AvatarImage = forwardRef(
844
- ({ src: e, alt: t, className: r, onError: i, ...s }, o) => {
844
+ ({ src: e, alt: t, className: r, onError: i, ...s }, n) => {
845
845
  const [a, l] = useState(!1);
846
846
  useEffect(() => {
847
847
  l(!1);
@@ -855,7 +855,7 @@ const AttributeListItem = forwardRef(function({ children: t, className: r, span:
855
855
  return a ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
856
856
  "img",
857
857
  {
858
- ref: o,
858
+ ref: n,
859
859
  src: e,
860
860
  alt: t,
861
861
  className: cn(avatarImageVariants(), r),
@@ -1063,12 +1063,12 @@ const AttributeListItem = forwardRef(function({ children: t, className: r, span:
1063
1063
  color: r = "primary",
1064
1064
  size: i = "md",
1065
1065
  iconLeft: s,
1066
- iconRight: o,
1066
+ iconRight: n,
1067
1067
  className: a,
1068
1068
  children: l,
1069
1069
  ...u
1070
1070
  }, c) => {
1071
- const d = !(l != null && l !== "") && !!(s || o);
1071
+ const d = !(l != null && l !== "") && !!(s || n);
1072
1072
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
1073
1073
  "span",
1074
1074
  {
@@ -1086,19 +1086,19 @@ const AttributeListItem = forwardRef(function({ children: t, className: r, span:
1086
1086
  ...u,
1087
1087
  children: d ? (
1088
1088
  // Icon-only mode: display only the icon
1089
- s || o
1089
+ s || n
1090
1090
  ) : (
1091
1091
  // Normal mode: display icon(s) and text
1092
1092
  /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
1093
1093
  s,
1094
1094
  l,
1095
- o
1095
+ n
1096
1096
  ] })
1097
1097
  )
1098
1098
  }
1099
1099
  );
1100
1100
  }
1101
- ), SvgSpenicleSquare = (e) => /* @__PURE__ */ React.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ React.createElement("title", null, "Spenicle"), /* @__PURE__ */ React.createElement("rect", { width: 32, height: 32, fill: "#e07a5f" }), /* @__PURE__ */ React.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ React.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), SvgSpenicleRounded = (e) => /* @__PURE__ */ React.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ React.createElement("title", null, "Spenicle"), /* @__PURE__ */ React.createElement("rect", { width: 32, height: 32, rx: 8, fill: "#e07a5f" }), /* @__PURE__ */ React.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ React.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), SvgSpenicleCircle = (e) => /* @__PURE__ */ React.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ React.createElement("title", null, "Spenicle"), /* @__PURE__ */ React.createElement("circle", { cx: 16, cy: 16, r: 16, fill: "#e07a5f" }), /* @__PURE__ */ React.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ React.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), brandSizeClass = cva("", {
1101
+ ), SvgSpenicleSquare = (e) => /* @__PURE__ */ React.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ React.createElement("title", null, "Spenicle"), /* @__PURE__ */ React.createElement("rect", { width: 32, height: 32, fill: "#e07a5f" }), /* @__PURE__ */ React.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ React.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), SvgSpenicleRounded = (e) => /* @__PURE__ */ React.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ React.createElement("title", null, "Spenicle"), /* @__PURE__ */ React.createElement("rect", { width: 32, height: 32, rx: 8, fill: "#e07a5f" }), /* @__PURE__ */ React.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ React.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), SvgSpenicleCircle = (e) => /* @__PURE__ */ React.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ React.createElement("title", null, "Spenicle"), /* @__PURE__ */ React.createElement("circle", { cx: 16, cy: 16, r: 16, fill: "#e07a5f" }), /* @__PURE__ */ React.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ React.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), SvgHubSquare = (e) => /* @__PURE__ */ React.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ React.createElement("title", null, "Hub (Square)"), /* @__PURE__ */ React.createElement("rect", { x: 0, y: 0, width: 32, height: 32, rx: 0, fill: "#e07a5f" }), /* @__PURE__ */ React.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ React.createElement("path", { d: "M20.341 6.484A10 10 0 0 1 10.266 21.85", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ React.createElement("path", { d: "M3.659 17.516A10 10 0 0 1 13.74 2.152", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 3, fill: "white" }), /* @__PURE__ */ React.createElement("circle", { cx: 19, cy: 5, r: 2, fill: "white" }), /* @__PURE__ */ React.createElement("circle", { cx: 5, cy: 19, r: 2, fill: "white" }))), SvgHubRounded = (e) => /* @__PURE__ */ React.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ React.createElement("title", null, "Hub (Rounded)"), /* @__PURE__ */ React.createElement("rect", { x: 2, y: 2, width: 28, height: 28, rx: 8, fill: "#e07a5f" }), /* @__PURE__ */ React.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ React.createElement("path", { d: "M20.341 6.484A10 10 0 0 1 10.266 21.85", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ React.createElement("path", { d: "M3.659 17.516A10 10 0 0 1 13.74 2.152", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 3, fill: "white" }), /* @__PURE__ */ React.createElement("circle", { cx: 19, cy: 5, r: 2, fill: "white" }), /* @__PURE__ */ React.createElement("circle", { cx: 5, cy: 19, r: 2, fill: "white" }))), SvgHubCircle = (e) => /* @__PURE__ */ React.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ React.createElement("title", null, "Hub (Circle)"), /* @__PURE__ */ React.createElement("circle", { cx: 16, cy: 16, r: 16, fill: "#e07a5f" }), /* @__PURE__ */ React.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ React.createElement("path", { d: "M20.341 6.484A10 10 0 0 1 10.266 21.85", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ React.createElement("path", { d: "M3.659 17.516A10 10 0 0 1 13.74 2.152", stroke: "white", strokeWidth: 2, fill: "none" }), /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 3, fill: "white" }), /* @__PURE__ */ React.createElement("circle", { cx: 19, cy: 5, r: 2, fill: "white" }), /* @__PURE__ */ React.createElement("circle", { cx: 5, cy: 19, r: 2, fill: "white" }))), brandSizeClass = cva("", {
1102
1102
  variants: {
1103
1103
  size: {
1104
1104
  xs: "h-6 w-6",
@@ -1112,17 +1112,24 @@ const AttributeListItem = forwardRef(function({ children: t, className: r, span:
1112
1112
  size: "md"
1113
1113
  }
1114
1114
  }), BrandLogo = forwardRef(
1115
- ({ shape: e = "square", size: t, ...r }, i) => {
1116
- const o = {
1117
- square: SvgSpenicleSquare,
1118
- rounded: SvgSpenicleRounded,
1119
- circle: SvgSpenicleCircle
1120
- }[e] || SvgSpenicleSquare;
1115
+ ({ shape: e = "square", size: t, name: r = "spenicle", ...i }, s) => {
1116
+ const n = {
1117
+ spenicle: {
1118
+ square: SvgSpenicleSquare,
1119
+ rounded: SvgSpenicleRounded,
1120
+ circle: SvgSpenicleCircle
1121
+ },
1122
+ hub: {
1123
+ square: SvgHubSquare,
1124
+ rounded: SvgHubRounded,
1125
+ circle: SvgHubCircle
1126
+ }
1127
+ }, l = (n[r] || n.spenicle)[e || "square"] || SvgSpenicleSquare;
1121
1128
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
1122
- o,
1129
+ l,
1123
1130
  {
1124
- ref: i,
1125
- ...r,
1131
+ ref: s,
1132
+ ...i,
1126
1133
  className: cn("inline-block", brandSizeClass({ size: t }))
1127
1134
  }
1128
1135
  );
@@ -1134,7 +1141,7 @@ const AttributeListItem = forwardRef(function({ children: t, className: r, span:
1134
1141
  ref: s,
1135
1142
  className: cn("inline-flex items-center gap-2"),
1136
1143
  ...i,
1137
- children: /* @__PURE__ */ jsxRuntimeExports.jsx(BrandLogo, { shape: r, size: t, "aria-hidden": "true" })
1144
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(BrandLogo, { name: e, shape: r, size: t, "aria-hidden": "true" })
1138
1145
  }
1139
1146
  )
1140
1147
  ), buttonVariants = cva(
@@ -1202,7 +1209,7 @@ const AttributeListItem = forwardRef(function({ children: t, className: r, span:
1202
1209
  variant: r = "primary",
1203
1210
  size: i = "md",
1204
1211
  disabled: s = !1,
1205
- type: o = "button",
1212
+ type: n = "button",
1206
1213
  children: a,
1207
1214
  ...l
1208
1215
  }, u) {
@@ -1210,7 +1217,7 @@ const AttributeListItem = forwardRef(function({ children: t, className: r, span:
1210
1217
  "button",
1211
1218
  {
1212
1219
  ref: u,
1213
- type: o,
1220
+ type: n,
1214
1221
  className: cn(buttonVariants({ variant: r, size: i }), t),
1215
1222
  disabled: s,
1216
1223
  "aria-disabled": s,
@@ -1250,8 +1257,8 @@ const AttributeListItem = forwardRef(function({ children: t, className: r, span:
1250
1257
  function useMenuOutsideClick(e, t, r, i) {
1251
1258
  useEffect(() => {
1252
1259
  if (!e) return;
1253
- function s(o) {
1254
- !t.current?.contains(o.target) && !r.current?.contains(o.target) && i();
1260
+ function s(n) {
1261
+ !t.current?.contains(n.target) && !r.current?.contains(n.target) && i();
1255
1262
  }
1256
1263
  return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
1257
1264
  }, [e, i, t, r]);
@@ -1278,7 +1285,7 @@ function isTriggerVisible(e, t) {
1278
1285
  return !0;
1279
1286
  }
1280
1287
  function useMenuPosition(e, t, r, i = "bottom-start", s) {
1281
- const [o, a] = useState({ isReady: !1 }), l = useCallback(() => {
1288
+ const [n, a] = useState({ isReady: !1 }), l = useCallback(() => {
1282
1289
  if (!e || !t.current) {
1283
1290
  a({ isReady: !1 });
1284
1291
  return;
@@ -1294,14 +1301,14 @@ function useMenuPosition(e, t, r, i = "bottom-start", s) {
1294
1301
  a({ isReady: !1 });
1295
1302
  return;
1296
1303
  }
1297
- const n = u.getBoundingClientRect(), d = window.innerWidth, h = window.innerHeight;
1304
+ const o = u.getBoundingClientRect(), d = window.innerWidth, h = window.innerHeight;
1298
1305
  let m = null;
1299
1306
  s && ("getBoundingClientRect" in s ? m = s : "current" in s && (m = s.current));
1300
- const y = m || document.documentElement, w = y === document.documentElement ? { top: 0, bottom: h, left: 0, right: d } : y.getBoundingClientRect(), R = c.style.visibility, E = c.style.position, C = c.style.opacity;
1307
+ const y = m || document.documentElement, w = y === document.documentElement ? { top: 0, bottom: h, left: 0, right: d } : y.getBoundingClientRect(), j = c.style.visibility, E = c.style.position, C = c.style.opacity;
1301
1308
  c.style.visibility = "hidden", c.style.position = "absolute", c.style.opacity = "0";
1302
1309
  const x = c.getBoundingClientRect();
1303
- c.style.visibility = R, c.style.position = E, c.style.opacity = C;
1304
- const N = w.bottom - n.bottom - 8, I = n.top - w.top - 8, V = w.right - n.left - 8, k = n.right - w.left - 8;
1310
+ c.style.visibility = j, c.style.position = E, c.style.opacity = C;
1311
+ const N = w.bottom - o.bottom - 8, I = o.top - w.top - 8, V = w.right - o.left - 8, k = o.right - w.left - 8;
1305
1312
  let p = i;
1306
1313
  if (i === "auto") {
1307
1314
  const b = [
@@ -1330,46 +1337,46 @@ function useMenuPosition(e, t, r, i = "bottom-start", s) {
1330
1337
  spaceUsed: I,
1331
1338
  priority: 4
1332
1339
  }
1333
- ].filter((j) => j.fits);
1340
+ ].filter((R) => R.fits);
1334
1341
  b.length > 0 ? p = b.sort(
1335
- (j, B) => j.priority - B.priority
1342
+ (R, S) => R.priority - S.priority
1336
1343
  )[0].name : N >= I ? p = V >= k ? "bottom-start" : "bottom-end" : p = V >= k ? "top-start" : "top-end";
1337
1344
  }
1338
1345
  const g = {};
1339
1346
  if (s)
1340
1347
  switch (g.position = "fixed", p) {
1341
1348
  case "bottom-start":
1342
- g.top = n.bottom + 4, g.left = n.left;
1349
+ g.top = o.bottom + 4, g.left = o.left;
1343
1350
  break;
1344
1351
  case "bottom-end":
1345
- g.top = n.bottom + 4, g.right = window.innerWidth - n.right;
1352
+ g.top = o.bottom + 4, g.right = window.innerWidth - o.right;
1346
1353
  break;
1347
1354
  case "top-start":
1348
- g.bottom = window.innerHeight - n.top + 4, g.left = n.left;
1355
+ g.bottom = window.innerHeight - o.top + 4, g.left = o.left;
1349
1356
  break;
1350
1357
  case "top-end":
1351
- g.bottom = window.innerHeight - n.top + 4, g.right = window.innerWidth - n.right;
1358
+ g.bottom = window.innerHeight - o.top + 4, g.right = window.innerWidth - o.right;
1352
1359
  break;
1353
1360
  }
1354
1361
  else
1355
1362
  switch (g.position = "absolute", p) {
1356
1363
  case "bottom-start":
1357
- g.top = n.height + 4, g.left = 0;
1364
+ g.top = o.height + 4, g.left = 0;
1358
1365
  break;
1359
1366
  case "bottom-end":
1360
- g.top = n.height + 4, g.right = 0;
1367
+ g.top = o.height + 4, g.right = 0;
1361
1368
  break;
1362
1369
  case "top-start":
1363
- g.bottom = n.height + 4, g.left = 0;
1370
+ g.bottom = o.height + 4, g.left = 0;
1364
1371
  break;
1365
1372
  case "top-end":
1366
- g.bottom = n.height + 4, g.right = 0;
1373
+ g.bottom = o.height + 4, g.right = 0;
1367
1374
  break;
1368
1375
  }
1369
1376
  if (s) {
1370
1377
  const v = {
1371
- top: p.startsWith("bottom") ? n.bottom + 4 : n.top - x.height - 4,
1372
- left: p.endsWith("start") ? n.left : n.right - x.width,
1378
+ top: p.startsWith("bottom") ? o.bottom + 4 : o.top - x.height - 4,
1379
+ left: p.endsWith("start") ? o.left : o.right - x.width,
1373
1380
  width: x.width,
1374
1381
  height: x.height
1375
1382
  };
@@ -1383,34 +1390,34 @@ function useMenuPosition(e, t, r, i = "bottom-start", s) {
1383
1390
  if (p.startsWith("bottom")) {
1384
1391
  const b = Math.max(
1385
1392
  50,
1386
- w.bottom - n.bottom - 16
1393
+ w.bottom - o.bottom - 16
1387
1394
  );
1388
1395
  x.height > b && (g.maxHeight = b);
1389
1396
  } else {
1390
1397
  const b = Math.max(
1391
1398
  50,
1392
- n.top - w.top - 16
1399
+ o.top - w.top - 16
1393
1400
  );
1394
1401
  x.height > b && (g.maxHeight = b);
1395
1402
  }
1396
1403
  } else {
1397
1404
  const v = {
1398
- top: p.startsWith("bottom") ? n.height + 4 : -x.height - 4,
1405
+ top: p.startsWith("bottom") ? o.height + 4 : -x.height - 4,
1399
1406
  left: p.endsWith("start") ? 0 : -x.width,
1400
1407
  width: x.width,
1401
1408
  height: x.height
1402
1409
  }, b = {
1403
- left: n.left,
1404
- right: n.right,
1405
- top: n.top,
1406
- bottom: n.bottom
1410
+ left: o.left,
1411
+ right: o.right,
1412
+ top: o.top,
1413
+ bottom: o.bottom
1407
1414
  };
1408
1415
  if (b.left + v.left < 8) {
1409
- const j = 8 - (b.left + v.left);
1410
- p.endsWith("start") ? g.left = (g.left || 0) + j : g.right = (g.right || 0) - j;
1416
+ const R = 8 - (b.left + v.left);
1417
+ p.endsWith("start") ? g.left = (g.left || 0) + R : g.right = (g.right || 0) - R;
1411
1418
  } else if (b.left + v.left + v.width > d - 8) {
1412
- const j = b.left + v.left + v.width - (d - 8);
1413
- p.endsWith("start") ? g.left = (g.left || 0) - j : g.right = (g.right || 0) + j;
1419
+ const R = b.left + v.left + v.width - (d - 8);
1420
+ p.endsWith("start") ? g.left = (g.left || 0) - R : g.right = (g.right || 0) + R;
1414
1421
  }
1415
1422
  }
1416
1423
  g.isReady = !0, a(g);
@@ -1421,19 +1428,19 @@ function useMenuPosition(e, t, r, i = "bottom-start", s) {
1421
1428
  if (!e || !t.current) return;
1422
1429
  const u = t.current, c = getScrollableAncestors(u);
1423
1430
  let f = !1;
1424
- const n = () => {
1431
+ const o = () => {
1425
1432
  f || (requestAnimationFrame(() => {
1426
1433
  l(), f = !1;
1427
1434
  }), f = !0);
1428
1435
  };
1429
1436
  return c.forEach((d) => {
1430
- d === document.documentElement ? (window.addEventListener("scroll", n, { passive: !0 }), window.addEventListener("resize", n, { passive: !0 })) : d.addEventListener("scroll", n, { passive: !0 });
1437
+ d === document.documentElement ? (window.addEventListener("scroll", o, { passive: !0 }), window.addEventListener("resize", o, { passive: !0 })) : d.addEventListener("scroll", o, { passive: !0 });
1431
1438
  }), () => {
1432
1439
  c.forEach((d) => {
1433
- d === document.documentElement ? (window.removeEventListener("scroll", n), window.removeEventListener("resize", n)) : d.removeEventListener("scroll", n);
1440
+ d === document.documentElement ? (window.removeEventListener("scroll", o), window.removeEventListener("resize", o)) : d.removeEventListener("scroll", o);
1434
1441
  });
1435
1442
  };
1436
- }, [e, l, t]), o;
1443
+ }, [e, l, t]), n;
1437
1444
  }
1438
1445
  const MenuContext = createContext(void 0), MenuProvider = MenuContext.Provider, useMenuProvider = () => {
1439
1446
  const e = useContext(MenuContext);
@@ -1443,11 +1450,11 @@ const MenuContext = createContext(void 0), MenuProvider = MenuContext.Provider,
1443
1450
  }, MenuContent = forwardRef(
1444
1451
  ({ children: e }, t) => /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { ref: t, className: "flex flex-col gap-1", children: e })
1445
1452
  ), MenuItem = forwardRef(
1446
- ({ children: e, disabled: t, onClick: r, active: i, ...s }, o) => {
1453
+ ({ children: e, disabled: t, onClick: r, active: i, ...s }, n) => {
1447
1454
  const { preserve: a, onClose: l } = useMenuProvider(), u = (c) => {
1448
1455
  r?.(c), a || l();
1449
1456
  };
1450
- return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { ref: o, ...s, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
1457
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { ref: n, ...s, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
1451
1458
  Button,
1452
1459
  {
1453
1460
  variant: "ghost",
@@ -1475,24 +1482,24 @@ const MenuContext = createContext(void 0), MenuProvider = MenuContext.Provider,
1475
1482
  size: r = "md",
1476
1483
  content: i,
1477
1484
  children: s,
1478
- placement: o = "auto",
1485
+ placement: n = "auto",
1479
1486
  container: a,
1480
1487
  preserve: l
1481
1488
  }) => {
1482
1489
  const u = useRef(null), c = useRef(null), f = useId();
1483
1490
  useMenuOutsideClick(e, c, u, t);
1484
- const n = useMenuPosition(
1491
+ const o = useMenuPosition(
1485
1492
  e,
1486
1493
  u,
1487
1494
  c,
1488
- o,
1495
+ n,
1489
1496
  a || null
1490
1497
  ), d = {
1491
- ...n,
1492
- position: n.position || "absolute",
1493
- overflowY: n.maxHeight ? "auto" : void 0,
1494
- overflowX: n.maxWidth ? "auto" : void 0
1495
- }, h = e && n.isReady, m = /* @__PURE__ */ jsxRuntimeExports.jsx(
1498
+ ...o,
1499
+ position: o.position || "absolute",
1500
+ overflowY: o.maxHeight ? "auto" : void 0,
1501
+ overflowX: o.maxWidth ? "auto" : void 0
1502
+ }, h = e && o.isReady, m = /* @__PURE__ */ jsxRuntimeExports.jsx(
1496
1503
  "div",
1497
1504
  {
1498
1505
  id: f,
@@ -1517,7 +1524,7 @@ const MenuContext = createContext(void 0), MenuProvider = MenuContext.Provider,
1517
1524
  "aria-controls": f
1518
1525
  }),
1519
1526
  e && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
1520
- !n.isReady && /* @__PURE__ */ jsxRuntimeExports.jsx(
1527
+ !o.isReady && /* @__PURE__ */ jsxRuntimeExports.jsx(
1521
1528
  "div",
1522
1529
  {
1523
1530
  ref: c,
@@ -1533,7 +1540,7 @@ const MenuContext = createContext(void 0), MenuProvider = MenuContext.Provider,
1533
1540
  children: i
1534
1541
  }
1535
1542
  ),
1536
- n.isReady && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: n.position === "fixed" ? /* @__PURE__ */ jsxRuntimeExports.jsx(OverlayPortal, { children: m }) : m })
1543
+ o.isReady && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: o.position === "fixed" ? /* @__PURE__ */ jsxRuntimeExports.jsx(OverlayPortal, { children: m }) : m })
1537
1544
  ] })
1538
1545
  ] })
1539
1546
  }
@@ -1547,26 +1554,26 @@ const MenuContext = createContext(void 0), MenuProvider = MenuContext.Provider,
1547
1554
  children: r,
1548
1555
  onOpenChange: i,
1549
1556
  onClick: s,
1550
- placement: o,
1557
+ placement: n,
1551
1558
  container: a,
1552
1559
  preserve: l,
1553
1560
  label: u,
1554
1561
  ...c
1555
- } = e ?? {}, [f, n] = useState(!1);
1562
+ } = e ?? {}, [f, o] = useState(!1);
1556
1563
  useEffect(() => {
1557
1564
  i?.(f);
1558
1565
  }, [f, i]);
1559
1566
  const d = () => {
1560
- n(!1);
1567
+ o(!1);
1561
1568
  }, h = (m) => {
1562
- n((y) => !y), s?.(m);
1569
+ o((y) => !y), s?.(m);
1563
1570
  };
1564
1571
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
1565
1572
  Menu,
1566
1573
  {
1567
1574
  isOpen: f,
1568
1575
  onOutsideClick: d,
1569
- placement: o,
1576
+ placement: n,
1570
1577
  container: a,
1571
1578
  preserve: l,
1572
1579
  content: /* @__PURE__ */ jsxRuntimeExports.jsx(Menu.Content, { children: r }),
@@ -1671,7 +1678,7 @@ const buttonIconVariants = cva(
1671
1678
  variant: r = "primary",
1672
1679
  size: i = "md",
1673
1680
  shape: s = "rounded",
1674
- disabled: o = !1,
1681
+ disabled: n = !1,
1675
1682
  as: a,
1676
1683
  "aria-label": l,
1677
1684
  ...u
@@ -1689,10 +1696,10 @@ const buttonIconVariants = cva(
1689
1696
  }),
1690
1697
  t
1691
1698
  ),
1692
- disabled: o,
1693
- "aria-disabled": o,
1699
+ disabled: n,
1700
+ "aria-disabled": n,
1694
1701
  "aria-label": l,
1695
- inert: o ? !0 : void 0,
1702
+ inert: n ? !0 : void 0,
1696
1703
  ...u,
1697
1704
  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
1698
1705
  Icon,
@@ -1711,19 +1718,19 @@ const buttonIconVariants = cva(
1711
1718
  as: r = EllipsisVerticalIcon,
1712
1719
  children: i,
1713
1720
  onOpenChange: s,
1714
- onClick: o,
1721
+ onClick: n,
1715
1722
  placement: a,
1716
1723
  container: l,
1717
1724
  preserve: u,
1718
1725
  ...c
1719
- } = e ?? {}, [f, n] = useState(!1);
1726
+ } = e ?? {}, [f, o] = useState(!1);
1720
1727
  useEffect(() => {
1721
1728
  s?.(f);
1722
1729
  }, [f, s]);
1723
1730
  const d = () => {
1724
- n(!1);
1731
+ o(!1);
1725
1732
  }, h = (m) => {
1726
- n((y) => !y), o?.(m);
1733
+ o((y) => !y), n?.(m);
1727
1734
  };
1728
1735
  return /* @__PURE__ */ jsxRuntimeExports.jsx(
1729
1736
  Menu,
@@ -1808,12 +1815,12 @@ const buttonIconVariants = cva(
1808
1815
  }
1809
1816
  );
1810
1817
  function useFloatingPosition(e, t = "1rem") {
1811
- const r = useRef(null), [i, s] = useState({}), [o, a] = useState("fixed bottom-4 right-4"), l = useCallback(() => {
1818
+ const r = useRef(null), [i, s] = useState({}), [n, a] = useState("fixed bottom-4 right-4"), l = useCallback(() => {
1812
1819
  const c = r.current;
1813
1820
  if (!c) return;
1814
- const n = c.getBoundingClientRect().height > window.innerHeight;
1821
+ const o = c.getBoundingClientRect().height > window.innerHeight;
1815
1822
  let d = {}, h = "";
1816
- n ? (d = {
1823
+ o ? (d = {
1817
1824
  position: "fixed",
1818
1825
  bottom: t,
1819
1826
  zIndex: 50,
@@ -1837,7 +1844,7 @@ function useFloatingPosition(e, t = "1rem") {
1837
1844
  r.current = c, c && l();
1838
1845
  },
1839
1846
  [l]
1840
- ), i, o];
1847
+ ), i, n];
1841
1848
  }
1842
1849
  const ButtonFloat = forwardRef(
1843
1850
  function({
@@ -1845,13 +1852,13 @@ const ButtonFloat = forwardRef(
1845
1852
  variant: r = "primary",
1846
1853
  size: i = "md",
1847
1854
  side: s = "right",
1848
- offset: o = "1rem",
1855
+ offset: n = "1rem",
1849
1856
  ...a
1850
1857
  }, l) {
1851
1858
  const [u, c, f] = useFloatingPosition(
1852
1859
  s,
1853
- o
1854
- ), [n, d] = useState(!1);
1860
+ n
1861
+ ), [o, d] = useState(!1);
1855
1862
  return useEffect(() => {
1856
1863
  d(!0);
1857
1864
  }, []), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: u, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1862,7 +1869,7 @@ const ButtonFloat = forwardRef(
1862
1869
  className: cn(
1863
1870
  buttonFloatVariants({ variant: r, size: i }),
1864
1871
  f,
1865
- n && "animate-fab-in",
1872
+ o && "animate-fab-in",
1866
1873
  t
1867
1874
  ),
1868
1875
  style: c,
@@ -1987,7 +1994,7 @@ const BUTTONS = [
1987
1994
  disabled: r,
1988
1995
  className: i,
1989
1996
  "aria-label": s
1990
- }, o) => {
1997
+ }, n) => {
1991
1998
  const { input: a, inputRef: l, handleButton: u, handleInput: c } = useCalculator({
1992
1999
  initialValue: e,
1993
2000
  disabled: r,
@@ -1996,7 +2003,7 @@ const BUTTONS = [
1996
2003
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
1997
2004
  "div",
1998
2005
  {
1999
- ref: o,
2006
+ ref: n,
2000
2007
  className: cn(calculatorRootVariants({ disabled: r }), i),
2001
2008
  "aria-label": s || "Calculator",
2002
2009
  role: "region",
@@ -2013,7 +2020,7 @@ const BUTTONS = [
2013
2020
  "aria-label": "Calculator input"
2014
2021
  }
2015
2022
  ),
2016
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 mb-3", children: BUTTONS.map((f, n) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full", children: f.map((d) => d === "⌫" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
2023
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 mb-3", children: BUTTONS.map((f, o) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full", children: f.map((d) => d === "⌫" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
2017
2024
  ButtonIcon,
2018
2025
  {
2019
2026
  as: X,
@@ -2034,7 +2041,7 @@ const BUTTONS = [
2034
2041
  children: d
2035
2042
  },
2036
2043
  d
2037
- )) }, n)) })
2044
+ )) }, o)) })
2038
2045
  ]
2039
2046
  }
2040
2047
  );
@@ -2098,16 +2105,16 @@ const cardVariants = cva(
2098
2105
  avatar: r,
2099
2106
  title: i,
2100
2107
  subtitle: s,
2101
- badge: o,
2108
+ badge: n,
2102
2109
  supplementaryInfo: a,
2103
2110
  bordered: l = !1,
2104
2111
  as: u = "button",
2105
2112
  className: c,
2106
2113
  ...f
2107
- }, n) => /* @__PURE__ */ jsxRuntimeExports.jsx(
2114
+ }, o) => /* @__PURE__ */ jsxRuntimeExports.jsx(
2108
2115
  u,
2109
2116
  {
2110
- ref: n,
2117
+ ref: o,
2111
2118
  className: cn(
2112
2119
  cardVariants({ size: e, shape: t, bordered: l, as: u }),
2113
2120
  c,
@@ -2131,7 +2138,7 @@ const cardVariants = cva(
2131
2138
  s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1", children: typeof s == "string" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "p", fontSize: "sm", color: "gray", children: s }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 overflow-hidden", children: s }) })
2132
2139
  ] }) }) }),
2133
2140
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 @sm/card:flex-row @sm/card:justify-between @sm/card:items-center", children: [
2134
- o && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "order-1 @sm/card:order-none overflow-hidden", children: o }),
2141
+ n && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "order-1 @sm/card:order-none overflow-hidden", children: n }),
2135
2142
  a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-shrink-0 order-2 @sm/card:order-none @sm/card:ml-auto", children: typeof a == "string" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
2136
2143
  Text,
2137
2144
  {
@@ -2195,7 +2202,7 @@ const cardVariants = cva(
2195
2202
  variant: r = "neutral-outline",
2196
2203
  size: i = "md",
2197
2204
  disabled: s = !1,
2198
- children: o,
2205
+ children: n,
2199
2206
  ...a
2200
2207
  }, l) {
2201
2208
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -2206,11 +2213,11 @@ const cardVariants = cva(
2206
2213
  className: cn(filterChipVariants({ variant: r, size: i }), t),
2207
2214
  disabled: s,
2208
2215
  "aria-disabled": s,
2209
- "aria-label": `${o}, removable`,
2216
+ "aria-label": `${n}, removable`,
2210
2217
  inert: s ? !0 : void 0,
2211
2218
  ...a,
2212
2219
  children: [
2213
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-shrink-0", children: o }),
2220
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-shrink-0", children: n }),
2214
2221
  /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { as: XIcon, color: "inherit", size: i === "lg" ? "md" : "sm" })
2215
2222
  ]
2216
2223
  }
@@ -2257,12 +2264,12 @@ const cardVariants = cva(
2257
2264
  ), noResultsHeaderVariants = cva(
2258
2265
  "flex flex-row items-center gap-3 mb-2"
2259
2266
  ), NoResults = React__default.forwardRef(
2260
- function e({ icon: t, title: r, subtitle: i, action: s, className: o, hasGrayBackground: a, ...l }, u) {
2267
+ function e({ icon: t, title: r, subtitle: i, action: s, className: n, hasGrayBackground: a, ...l }, u) {
2261
2268
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
2262
2269
  "section",
2263
2270
  {
2264
2271
  ref: u,
2265
- className: cn(noResultsVariants({ hasGrayBackground: a }), o),
2272
+ className: cn(noResultsVariants({ hasGrayBackground: a }), n),
2266
2273
  role: "status",
2267
2274
  "aria-label": "No results found",
2268
2275
  ...l,
@@ -2410,7 +2417,7 @@ const getTableColumnClass = (e) => {
2410
2417
  );
2411
2418
  }
2412
2419
  ), TableColumn = forwardRef(
2413
- ({ as: e = "td", span: t, align: r = "left", children: i, className: s, ...o }, a) => {
2420
+ ({ as: e = "td", span: t, align: r = "left", children: i, className: s, ...n }, a) => {
2414
2421
  const l = e === "th" ? "columnheader" : "cell";
2415
2422
  let u = "text-left";
2416
2423
  return r === "center" ? u = "text-center" : r === "right" && (u = "text-right"), /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -2426,7 +2433,7 @@ const getTableColumnClass = (e) => {
2426
2433
  "truncate overflow-hidden whitespace-nowrap",
2427
2434
  s
2428
2435
  ),
2429
- ...o,
2436
+ ...n,
2430
2437
  children: i
2431
2438
  }
2432
2439
  );
@@ -2518,17 +2525,17 @@ const getTableColumnClass = (e) => {
2518
2525
  }
2519
2526
  }
2520
2527
  ), Tile = forwardRef(
2521
- ({ variant: e = "white", size: t = "md", shape: r = "rounded", className: i, ...s }, o) => /* @__PURE__ */ jsxRuntimeExports.jsx(
2528
+ ({ variant: e = "white", size: t = "md", shape: r = "rounded", className: i, ...s }, n) => /* @__PURE__ */ jsxRuntimeExports.jsx(
2522
2529
  "div",
2523
2530
  {
2524
- ref: o,
2531
+ ref: n,
2525
2532
  className: cn(tileVariants({ variant: e, size: t, shape: r }), i),
2526
2533
  ...s
2527
2534
  }
2528
2535
  )
2529
2536
  );
2530
2537
  function useImage({ src: e }) {
2531
- const [t, r] = useState(!1), [i, s] = useState(!1), o = useRef(!1), a = () => {
2538
+ const [t, r] = useState(!1), [i, s] = useState(!1), n = useRef(!1), a = () => {
2532
2539
  r(!0);
2533
2540
  }, l = () => {
2534
2541
  s(!0);
@@ -2537,11 +2544,11 @@ function useImage({ src: e }) {
2537
2544
  if (!e) return;
2538
2545
  const u = new Image();
2539
2546
  return u.src = e, u.onload = () => {
2540
- o.current || r(!0);
2547
+ n.current || r(!0);
2541
2548
  }, u.onerror = () => {
2542
- o.current || s(!0);
2549
+ n.current || s(!0);
2543
2550
  }, () => {
2544
- o.current = !0;
2551
+ n.current = !0;
2545
2552
  };
2546
2553
  }, [e]), {
2547
2554
  loaded: t,
@@ -2624,13 +2631,13 @@ function BaseImageFallback({
2624
2631
  height: r,
2625
2632
  className: i,
2626
2633
  style: s,
2627
- shape: o,
2634
+ shape: n,
2628
2635
  size: a
2629
2636
  }) {
2630
2637
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
2631
2638
  "div",
2632
2639
  {
2633
- className: imageAtomVariants({ shape: o, size: a, className: i }),
2640
+ className: imageAtomVariants({ shape: n, size: a, className: i }),
2634
2641
  style: { width: t, height: r, ...s },
2635
2642
  "aria-label": e,
2636
2643
  role: "img",
@@ -2655,22 +2662,22 @@ const BaseImage = forwardRef(
2655
2662
  onLoad: r,
2656
2663
  onError: i,
2657
2664
  width: s,
2658
- height: o,
2665
+ height: n,
2659
2666
  loading: a = "lazy",
2660
2667
  position: l = "cover",
2661
2668
  size: u = "auto",
2662
2669
  shape: c,
2663
2670
  className: f,
2664
- ...n
2671
+ ...o
2665
2672
  }, d) => {
2666
2673
  const { loaded: h, errored: m, handleLoad: y, handleError: w } = useImage({
2667
2674
  src: e
2668
- }), R = typeof s == "number" ? s : Number(s), E = typeof o == "number" ? o : Number(o);
2675
+ }), j = typeof s == "number" ? s : Number(s), E = typeof n == "number" ? n : Number(n);
2669
2676
  return !h && !m ? /* @__PURE__ */ jsxRuntimeExports.jsx(
2670
2677
  BaseImageSkeleton,
2671
2678
  {
2672
2679
  shape: c,
2673
- width: R,
2680
+ width: j,
2674
2681
  height: E
2675
2682
  }
2676
2683
  ) : m ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -2678,7 +2685,7 @@ const BaseImage = forwardRef(
2678
2685
  {
2679
2686
  shape: c,
2680
2687
  alt: t,
2681
- width: R,
2688
+ width: j,
2682
2689
  height: E
2683
2690
  }
2684
2691
  ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -2687,7 +2694,7 @@ const BaseImage = forwardRef(
2687
2694
  ref: d,
2688
2695
  src: e,
2689
2696
  alt: t,
2690
- width: R,
2697
+ width: j,
2691
2698
  height: E,
2692
2699
  loading: a,
2693
2700
  className: cn(
@@ -2704,7 +2711,7 @@ const BaseImage = forwardRef(
2704
2711
  onError: (C) => {
2705
2712
  w(), i?.(C);
2706
2713
  },
2707
- ...n
2714
+ ...o
2708
2715
  }
2709
2716
  );
2710
2717
  }
package/dist/js/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { L as t, P as s, S as r } from "./skeleton-BNZyaRjo.js";
2
- import { A as n, a as u, B as p, b as i, F as l, f as I, P as c, c as S, d as m, e as B, S as g, T as d } from "./top-bar-CyrMtg_S.js";
3
- import { B as T, C as x, b as f, a as h, D as P, k as C, E as M, M as A, P as k, R as F, d as L, c as D, S as H, e as R, j as w, i as G, h as j, f as q, T as v, g as y } from "./bottom-sheet-input-BmkctBPw.js";
4
- import { B as N, D as z, M as J } from "./bottom-sheet-COYI-CL2.js";
5
- import { A as O, a as Q, b as U, c as V, d as W, e as X, B as Y, s as Z, f as _, g as $, j as aa, k as ea, h as ta, i as sa, C as ra, l as oa, F as na, H as ua, m as pa, I as ia, p as la, r as Ia, q as ca, M as Sa, N as ma, T as Ba, n as ga, o as da } from "./image-rectangle-en-PQWib.js";
6
- import { T as Ta } from "./tooltip-bAUJtxZh.js";
2
+ import { A as n, a as u, B as p, b as i, F as l, f as I, P as c, c as S, d as m, e as B, S as g, T as d } from "./top-bar-CKo6k1eW.js";
3
+ import { B as T, C as x, b as f, a as h, D as P, k as C, E as M, M as A, P as k, R as F, d as L, c as D, S as H, e as R, j as w, i as G, h as j, f as q, T as v, g as y } from "./bottom-sheet-input-C9Ht9cxQ.js";
4
+ import { B as N, D as z, M as J } from "./bottom-sheet-BSN0J8ji.js";
5
+ import { A as O, a as Q, b as U, c as V, d as W, e as X, B as Y, s as Z, f as _, g as $, j as aa, k as ea, h as ta, i as sa, C as ra, l as oa, F as na, H as ua, m as pa, I as ia, p as la, r as Ia, q as ca, M as Sa, N as ma, T as Ba, n as ga, o as da } from "./image-rectangle-DjuCYHbk.js";
6
+ import { T as Ta } from "./tooltip-nOXyn9AX.js";
7
7
  import { S as fa } from "./snackbar-DH8jCh2V.js";
8
- import { B as Pa, T as Ca } from "./tabs-Cacli_Rq.js";
8
+ import { B as Pa, T as Ca } from "./tabs-CiZ2DPDD.js";
9
9
  import { S as Aa, u as ka } from "./use-snackbars-Cou8L41F.js";
10
10
  export {
11
11
  O as Accordion,
@@ -1,4 +1,4 @@
1
- import { A as e, a as r, B as s, b as t, F as p, f as B, P as u, c as d, d as g, e as P, S as i, T as m } from "../top-bar-CyrMtg_S.js";
1
+ import { A as e, a as r, B as s, b as t, F as p, f as B, P as u, c as d, d as g, e as P, S as i, T as m } from "../top-bar-CKo6k1eW.js";
2
2
  export {
3
3
  e as AppBar,
4
4
  r as BadgeGroup,
@@ -1,4 +1,4 @@
1
- import { B as s, T as b } from "../tabs-Cacli_Rq.js";
1
+ import { B as s, T as b } from "../tabs-CiZ2DPDD.js";
2
2
  export {
3
3
  s as Breadcrumbs,
4
4
  b as Tabs
@@ -1,6 +1,6 @@
1
- import { B as a, D as e, M as t } from "../bottom-sheet-COYI-CL2.js";
2
- import { M as m } from "../image-rectangle-en-PQWib.js";
3
- import { T as M } from "../tooltip-bAUJtxZh.js";
1
+ import { B as a, D as e, M as t } from "../bottom-sheet-BSN0J8ji.js";
2
+ import { M as m } from "../image-rectangle-DjuCYHbk.js";
3
+ import { T as M } from "../tooltip-nOXyn9AX.js";
4
4
  export {
5
5
  a as BottomSheet,
6
6
  e as Drawer,
@@ -1,4 +1,4 @@
1
- import { A as t, a as e, b as o, c as r, d as n, e as u, B as c, s as l, f as i, g as B, j as g, k as I, h as m, i as A, C as d, l as b, F as C, H as p, m as T, I as f, p as h, r as x, q as F, N as H, T as S, n as k, o as q } from "../image-rectangle-en-PQWib.js";
1
+ import { A as t, a as e, b as o, c as r, d as n, e as u, B as c, s as l, f as i, g as B, j as g, k as I, h as m, i as A, C as d, l as b, F as C, H as p, m as T, I as f, p as h, r as x, q as F, N as H, T as S, n as k, o as q } from "../image-rectangle-DjuCYHbk.js";
2
2
  import { S as N } from "../snackbar-DH8jCh2V.js";
3
3
  export {
4
4
  t as Accordion,
@@ -1,6 +1,6 @@
1
1
  import { c as d, j as s, a as u } from "./index-DOdDlCoL.js";
2
2
  import { forwardRef as f, createContext as x, useContext as g, useState as p, useLayoutEffect as y, useRef as h } from "react";
3
- import { I as w } from "./image-rectangle-en-PQWib.js";
3
+ import { I as w } from "./image-rectangle-DjuCYHbk.js";
4
4
  import "./snackbar-DH8jCh2V.js";
5
5
  import { ChevronRight as T } from "lucide-react";
6
6
  const j = d(
@@ -1,6 +1,6 @@
1
1
  import { c as v, j as c, a as w } from "./index-DOdDlCoL.js";
2
2
  import { useRef as m, useState as d, useEffect as h, useId as T, cloneElement as j } from "react";
3
- import { n as y } from "./image-rectangle-en-PQWib.js";
3
+ import { n as y } from "./image-rectangle-DjuCYHbk.js";
4
4
  function P(e = "auto") {
5
5
  const n = m(null), [a, t] = d("bottom");
6
6
  return h(() => {
@@ -1,7 +1,7 @@
1
1
  import { c as i, j as s, a as l } from "./index-DOdDlCoL.js";
2
2
  import * as v from "react";
3
3
  import { forwardRef as o } from "react";
4
- import { n as f } from "./image-rectangle-en-PQWib.js";
4
+ import { n as f } from "./image-rectangle-DjuCYHbk.js";
5
5
  import "./snackbar-DH8jCh2V.js";
6
6
  import { L as h } from "./skeleton-BNZyaRjo.js";
7
7
  const j = i(
@@ -6,7 +6,7 @@ export interface BrandProps extends HTMLAttributes<HTMLSpanElement> {
6
6
  /**
7
7
  * The app name to display (predefined, default: 'spenicle')
8
8
  */
9
- name: 'spenicle';
9
+ name: 'spenicle' | 'hub';
10
10
  /**
11
11
  * The size of the brand icon and text
12
12
  * @default 'md'
@@ -14,4 +14,4 @@ export interface BrandProps extends HTMLAttributes<HTMLSpanElement> {
14
14
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
15
15
  shape?: 'square' | 'rounded' | 'circle';
16
16
  }
17
- export type BrandAtomProps = Pick<BrandProps, 'shape' | 'size'>;
17
+ export type BrandAtomProps = Pick<BrandProps, 'shape' | 'size' | 'name'>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dimasbaguspm/versaur",
3
- "version": "0.0.43",
3
+ "version": "0.0.44",
4
4
  "description": "React UI library with Tailwind CSS",
5
5
  "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
6
6
  "license": "MIT",