@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.
- package/dist/js/{bottom-sheet-COYI-CL2.js → bottom-sheet-BSN0J8ji.js} +1 -1
- package/dist/js/{bottom-sheet-input-BmkctBPw.js → bottom-sheet-input-C9Ht9cxQ.js} +2 -2
- package/dist/js/forms/index.js +1 -1
- package/dist/js/{image-rectangle-en-PQWib.js → image-rectangle-DjuCYHbk.js} +153 -146
- package/dist/js/index.js +6 -6
- package/dist/js/layouts/index.js +1 -1
- package/dist/js/navigation/index.js +1 -1
- package/dist/js/overlays/index.js +3 -3
- package/dist/js/primitive/index.js +1 -1
- package/dist/js/{tabs-Cacli_Rq.js → tabs-CiZ2DPDD.js} +1 -1
- package/dist/js/{tooltip-bAUJtxZh.js → tooltip-nOXyn9AX.js} +1 -1
- package/dist/js/{top-bar-CyrMtg_S.js → top-bar-CKo6k1eW.js} +1 -1
- package/dist/types/primitive/brand/types.d.ts +2 -2
- package/package.json +1 -1
|
@@ -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-
|
|
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-
|
|
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-
|
|
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: {
|
package/dist/js/forms/index.js
CHANGED
|
@@ -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-
|
|
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:
|
|
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
|
-
...
|
|
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:
|
|
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
|
-
...
|
|
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, ...
|
|
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
|
-
...
|
|
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:
|
|
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:
|
|
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:
|
|
263
|
+
hasMargin: n,
|
|
264
264
|
className: a,
|
|
265
265
|
children: l,
|
|
266
266
|
...u
|
|
267
267
|
}, c) {
|
|
268
|
-
const [f,
|
|
269
|
-
s ||
|
|
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
|
-
|
|
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
|
-
...
|
|
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
|
-
...
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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}` : "",
|
|
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:
|
|
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
|
-
|
|
672
|
+
j,
|
|
673
673
|
f
|
|
674
674
|
),
|
|
675
675
|
...d,
|
|
676
|
-
children:
|
|
676
|
+
children: o
|
|
677
677
|
}
|
|
678
678
|
);
|
|
679
679
|
}
|
|
680
680
|
), Attribute = forwardRef(
|
|
681
|
-
function({ title: t, children: r, className: i, hasMargin: s, ...
|
|
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
|
-
...
|
|
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, ...
|
|
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), ...
|
|
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 },
|
|
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:
|
|
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
|
-
...
|
|
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
|
-
...
|
|
839
|
+
...n,
|
|
840
840
|
children: s
|
|
841
841
|
}
|
|
842
842
|
)
|
|
843
843
|
), AvatarImage = forwardRef(
|
|
844
|
-
({ src: e, alt: t, className: r, onError: i, ...s },
|
|
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:
|
|
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:
|
|
1066
|
+
iconRight: n,
|
|
1067
1067
|
className: a,
|
|
1068
1068
|
children: l,
|
|
1069
1069
|
...u
|
|
1070
1070
|
}, c) => {
|
|
1071
|
-
const d = !(l != null && l !== "") && !!(s ||
|
|
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 ||
|
|
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
|
-
|
|
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,
|
|
1116
|
-
const
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
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
|
-
|
|
1129
|
+
l,
|
|
1123
1130
|
{
|
|
1124
|
-
ref:
|
|
1125
|
-
...
|
|
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:
|
|
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:
|
|
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(
|
|
1254
|
-
!t.current?.contains(
|
|
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 [
|
|
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
|
|
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(),
|
|
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 =
|
|
1304
|
-
const N = w.bottom -
|
|
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((
|
|
1340
|
+
].filter((R) => R.fits);
|
|
1334
1341
|
b.length > 0 ? p = b.sort(
|
|
1335
|
-
(
|
|
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 =
|
|
1349
|
+
g.top = o.bottom + 4, g.left = o.left;
|
|
1343
1350
|
break;
|
|
1344
1351
|
case "bottom-end":
|
|
1345
|
-
g.top =
|
|
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 -
|
|
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 -
|
|
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 =
|
|
1364
|
+
g.top = o.height + 4, g.left = 0;
|
|
1358
1365
|
break;
|
|
1359
1366
|
case "bottom-end":
|
|
1360
|
-
g.top =
|
|
1367
|
+
g.top = o.height + 4, g.right = 0;
|
|
1361
1368
|
break;
|
|
1362
1369
|
case "top-start":
|
|
1363
|
-
g.bottom =
|
|
1370
|
+
g.bottom = o.height + 4, g.left = 0;
|
|
1364
1371
|
break;
|
|
1365
1372
|
case "top-end":
|
|
1366
|
-
g.bottom =
|
|
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") ?
|
|
1372
|
-
left: p.endsWith("start") ?
|
|
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 -
|
|
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
|
-
|
|
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") ?
|
|
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:
|
|
1404
|
-
right:
|
|
1405
|
-
top:
|
|
1406
|
-
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
|
|
1410
|
-
p.endsWith("start") ? g.left = (g.left || 0) +
|
|
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
|
|
1413
|
-
p.endsWith("start") ? g.left = (g.left || 0) -
|
|
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
|
|
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",
|
|
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",
|
|
1440
|
+
d === document.documentElement ? (window.removeEventListener("scroll", o), window.removeEventListener("resize", o)) : d.removeEventListener("scroll", o);
|
|
1434
1441
|
});
|
|
1435
1442
|
};
|
|
1436
|
-
}, [e, l, t]),
|
|
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 },
|
|
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:
|
|
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:
|
|
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
|
|
1491
|
+
const o = useMenuPosition(
|
|
1485
1492
|
e,
|
|
1486
1493
|
u,
|
|
1487
1494
|
c,
|
|
1488
|
-
|
|
1495
|
+
n,
|
|
1489
1496
|
a || null
|
|
1490
1497
|
), d = {
|
|
1491
|
-
...
|
|
1492
|
-
position:
|
|
1493
|
-
overflowY:
|
|
1494
|
-
overflowX:
|
|
1495
|
-
}, h = e &&
|
|
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
|
-
!
|
|
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
|
-
|
|
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:
|
|
1557
|
+
placement: n,
|
|
1551
1558
|
container: a,
|
|
1552
1559
|
preserve: l,
|
|
1553
1560
|
label: u,
|
|
1554
1561
|
...c
|
|
1555
|
-
} = e ?? {}, [f,
|
|
1562
|
+
} = e ?? {}, [f, o] = useState(!1);
|
|
1556
1563
|
useEffect(() => {
|
|
1557
1564
|
i?.(f);
|
|
1558
1565
|
}, [f, i]);
|
|
1559
1566
|
const d = () => {
|
|
1560
|
-
|
|
1567
|
+
o(!1);
|
|
1561
1568
|
}, h = (m) => {
|
|
1562
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
1693
|
-
"aria-disabled":
|
|
1699
|
+
disabled: n,
|
|
1700
|
+
"aria-disabled": n,
|
|
1694
1701
|
"aria-label": l,
|
|
1695
|
-
inert:
|
|
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:
|
|
1721
|
+
onClick: n,
|
|
1715
1722
|
placement: a,
|
|
1716
1723
|
container: l,
|
|
1717
1724
|
preserve: u,
|
|
1718
1725
|
...c
|
|
1719
|
-
} = e ?? {}, [f,
|
|
1726
|
+
} = e ?? {}, [f, o] = useState(!1);
|
|
1720
1727
|
useEffect(() => {
|
|
1721
1728
|
s?.(f);
|
|
1722
1729
|
}, [f, s]);
|
|
1723
1730
|
const d = () => {
|
|
1724
|
-
|
|
1731
|
+
o(!1);
|
|
1725
1732
|
}, h = (m) => {
|
|
1726
|
-
|
|
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({}), [
|
|
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
|
|
1821
|
+
const o = c.getBoundingClientRect().height > window.innerHeight;
|
|
1815
1822
|
let d = {}, h = "";
|
|
1816
|
-
|
|
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,
|
|
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:
|
|
1855
|
+
offset: n = "1rem",
|
|
1849
1856
|
...a
|
|
1850
1857
|
}, l) {
|
|
1851
1858
|
const [u, c, f] = useFloatingPosition(
|
|
1852
1859
|
s,
|
|
1853
|
-
|
|
1854
|
-
), [
|
|
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
|
-
|
|
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
|
-
},
|
|
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:
|
|
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,
|
|
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
|
-
)) },
|
|
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:
|
|
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
|
-
},
|
|
2114
|
+
}, o) => /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
2108
2115
|
u,
|
|
2109
2116
|
{
|
|
2110
|
-
ref:
|
|
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
|
-
|
|
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:
|
|
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": `${
|
|
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:
|
|
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:
|
|
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 }),
|
|
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, ...
|
|
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
|
-
...
|
|
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 },
|
|
2528
|
+
({ variant: e = "white", size: t = "md", shape: r = "rounded", className: i, ...s }, n) => /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
2522
2529
|
"div",
|
|
2523
2530
|
{
|
|
2524
|
-
ref:
|
|
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),
|
|
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
|
-
|
|
2547
|
+
n.current || r(!0);
|
|
2541
2548
|
}, u.onerror = () => {
|
|
2542
|
-
|
|
2549
|
+
n.current || s(!0);
|
|
2543
2550
|
}, () => {
|
|
2544
|
-
|
|
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:
|
|
2634
|
+
shape: n,
|
|
2628
2635
|
size: a
|
|
2629
2636
|
}) {
|
|
2630
2637
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
2631
2638
|
"div",
|
|
2632
2639
|
{
|
|
2633
|
-
className: imageAtomVariants({ shape:
|
|
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:
|
|
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
|
-
...
|
|
2671
|
+
...o
|
|
2665
2672
|
}, d) => {
|
|
2666
2673
|
const { loaded: h, errored: m, handleLoad: y, handleError: w } = useImage({
|
|
2667
2674
|
src: e
|
|
2668
|
-
}),
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
-
...
|
|
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-
|
|
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-
|
|
4
|
-
import { B as N, D as z, M as J } from "./bottom-sheet-
|
|
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-
|
|
6
|
-
import { T as Ta } from "./tooltip-
|
|
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-
|
|
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,
|
package/dist/js/layouts/index.js
CHANGED
|
@@ -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-
|
|
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,6 +1,6 @@
|
|
|
1
|
-
import { B as a, D as e, M as t } from "../bottom-sheet-
|
|
2
|
-
import { M as m } from "../image-rectangle-
|
|
3
|
-
import { T as M } from "../tooltip-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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'>;
|