@sikka/hawa 0.23.2-next → 0.23.7-next
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/accordion/index.js +30 -2399
- package/dist/accordion/index.mjs +19 -461
- package/dist/alert/index.mjs +0 -1
- package/dist/appStores/index.js +75 -0
- package/dist/appStores/index.mjs +38 -0
- package/dist/avatar/index.mjs +118 -3
- package/dist/backToTop/index.mjs +102 -4
- package/dist/badge/index.js +127 -0
- package/dist/badge/index.mjs +84 -0
- package/dist/blocks/auth/index.js +1173 -3092
- package/dist/blocks/auth/index.mjs +16 -10
- package/dist/blocks/feedback/index.js +864 -2913
- package/dist/blocks/feedback/index.mjs +14 -8
- package/dist/blocks/index.js +5714 -5316
- package/dist/blocks/index.mjs +390 -45
- package/dist/blocks/misc/index.js +634 -2409
- package/dist/blocks/misc/index.mjs +14 -8
- package/dist/blocks/pricing/index.js +522 -524
- package/dist/blocks/pricing/index.mjs +1861 -45
- package/dist/breadcrumb/index.js +63 -0
- package/dist/breadcrumb/index.mjs +26 -0
- package/dist/card/index.mjs +83 -8
- package/dist/checkbox/index.mjs +138 -3
- package/dist/chip/index.js +129 -0
- package/dist/chip/index.mjs +8 -0
- package/dist/{chunk-X6PCWJYD.mjs → chunk-2R2QPJT7.mjs} +761 -1104
- package/dist/chunk-677VOLD4.mjs +464 -0
- package/dist/chunk-72HYR6WB.mjs +88 -0
- package/dist/chunk-A25EXELT.mjs +131 -0
- package/dist/{chunk-OE27DSIY.mjs → chunk-F6TKEDDP.mjs} +2 -4
- package/dist/{chunk-YFC2GSJ6.mjs → chunk-P2O6R3S6.mjs} +66 -5
- package/dist/{chunk-GXXX5UB4.mjs → chunk-QGKW5R5F.mjs} +59 -20
- package/dist/chunk-TR56G3NM.mjs +2350 -0
- package/dist/chunk-UAVBFK53.mjs +346 -0
- package/dist/combobox/index.mjs +153 -7
- package/dist/dataTable/index.mjs +355 -8
- package/dist/elements/index.js +800 -1148
- package/dist/elements/index.mjs +1 -11
- package/dist/fileDropzone/index.mjs +226 -4
- package/dist/index.js +1721 -1721
- package/dist/index.mjs +1663 -1663
- package/dist/layout/index.js +493 -510
- package/dist/layout/index.mjs +1 -1
- package/dist/loading/index.mjs +0 -1
- package/dist/logos/index.mjs +204 -3
- package/dist/navigationMenu/index.mjs +155 -13
- package/dist/phoneInput/index.js +2074 -0
- package/dist/phoneInput/index.mjs +1776 -0
- package/dist/pinInput/index.js +130 -0
- package/dist/pinInput/index.mjs +88 -0
- package/dist/progress/index.js +71 -0
- package/dist/progress/index.mjs +29 -0
- package/dist/radio/index.mjs +202 -4
- package/dist/scrollArea/index.js +90 -0
- package/dist/scrollArea/index.mjs +47 -0
- package/dist/select/index.mjs +1 -1
- package/dist/sheet/index.mjs +137 -12
- package/dist/sortButton/index.mjs +40 -4
- package/dist/stopPropagationWrapper/index.js +48 -0
- package/dist/stopPropagationWrapper/index.mjs +11 -0
- package/dist/switch/index.mjs +79 -3
- package/dist/tabs/index.js +1 -1
- package/dist/tabs/index.mjs +68 -6
- package/dist/textarea/index.mjs +54 -4
- package/package.json +2 -2
- package/dist/Chip-DJ6ThZc_.d.ts +0 -21
- package/dist/Chip-eal8vwDz.d.mts +0 -21
- package/dist/accordion/index.d.mts +0 -42
- package/dist/accordion/index.d.ts +0 -42
- package/dist/alert/index.d.mts +0 -28
- package/dist/alert/index.d.ts +0 -28
- package/dist/avatar/index.d.mts +0 -15
- package/dist/avatar/index.d.ts +0 -15
- package/dist/backToTop/index.d.mts +0 -15
- package/dist/backToTop/index.d.ts +0 -15
- package/dist/button/index.d.mts +0 -16
- package/dist/button/index.d.ts +0 -16
- package/dist/card/index.d.mts +0 -17
- package/dist/card/index.d.ts +0 -17
- package/dist/checkbox/index.d.mts +0 -20
- package/dist/checkbox/index.d.ts +0 -20
- package/dist/chunk-BK5WF7UO.mjs +0 -231
- package/dist/chunk-CXWYC6FS.mjs +0 -360
- package/dist/chunk-D2USGMDT.mjs +0 -208
- package/dist/chunk-DX4SLF2L.mjs +0 -45
- package/dist/chunk-ENNSA4VR.mjs +0 -5566
- package/dist/chunk-GXSYCLZZ.mjs +0 -158
- package/dist/chunk-IQPGAHUR.mjs +0 -107
- package/dist/chunk-POT2IP62.mjs +0 -123
- package/dist/chunk-TWDZB2VH.mjs +0 -151
- package/dist/chunk-VBTYVVA7.mjs +0 -93
- package/dist/chunk-VCGW5DIP.mjs +0 -170
- package/dist/chunk-X3SMPIA3.mjs +0 -0
- package/dist/chunk-XA646BZ2.mjs +0 -143
- package/dist/chunk-ZCUUQ5VV.mjs +0 -84
- package/dist/combobox/index.d.mts +0 -32
- package/dist/combobox/index.d.ts +0 -32
- package/dist/command/index.d.mts +0 -48
- package/dist/command/index.d.ts +0 -48
- package/dist/commonTypes-gbO4hPli.d.mts +0 -7
- package/dist/commonTypes-gbO4hPli.d.ts +0 -7
- package/dist/dataTable/index.d.mts +0 -39
- package/dist/dataTable/index.d.ts +0 -39
- package/dist/dialog/index.d.mts +0 -57
- package/dist/dialog/index.d.ts +0 -57
- package/dist/dropdownMenu/index.d.mts +0 -95
- package/dist/dropdownMenu/index.d.ts +0 -95
- package/dist/fileDropzone/index.d.mts +0 -37
- package/dist/fileDropzone/index.d.ts +0 -37
- package/dist/input/index.d.mts +0 -36
- package/dist/input/index.d.ts +0 -36
- package/dist/label/index.d.mts +0 -12
- package/dist/label/index.d.ts +0 -12
- package/dist/loading/index.d.mts +0 -15
- package/dist/loading/index.d.ts +0 -15
- package/dist/logos/index.d.mts +0 -27
- package/dist/logos/index.d.ts +0 -27
- package/dist/navigationMenu/index.d.mts +0 -39
- package/dist/navigationMenu/index.d.ts +0 -39
- package/dist/popover/index.d.mts +0 -23
- package/dist/popover/index.d.ts +0 -23
- package/dist/radio/index.d.mts +0 -28
- package/dist/radio/index.d.ts +0 -28
- package/dist/select/index.d.mts +0 -43
- package/dist/select/index.d.ts +0 -43
- package/dist/sheet/index.d.mts +0 -30
- package/dist/sheet/index.d.ts +0 -30
- package/dist/skeleton/index.d.mts +0 -10
- package/dist/skeleton/index.d.ts +0 -10
- package/dist/sortButton/index.d.mts +0 -10
- package/dist/sortButton/index.d.ts +0 -10
- package/dist/splitButton/index.d.mts +0 -15
- package/dist/splitButton/index.d.ts +0 -15
- package/dist/switch/index.d.mts +0 -12
- package/dist/switch/index.d.ts +0 -12
- package/dist/table/index.d.mts +0 -21
- package/dist/table/index.d.ts +0 -21
- package/dist/tabs/index.d.mts +0 -16
- package/dist/tabs/index.d.ts +0 -16
- package/dist/textarea/index.d.mts +0 -17
- package/dist/textarea/index.d.ts +0 -17
- package/dist/tooltip/index.d.mts +0 -26
- package/dist/tooltip/index.d.ts +0 -26
- /package/dist/{chunk-A7OPD7H7.mjs → chunk-B6UCD4GP.mjs} +0 -0
- /package/dist/{chunk-O2ALK7UE.mjs → chunk-Z4M72OD3.mjs} +0 -0
package/dist/sheet/index.mjs
CHANGED
|
@@ -1,16 +1,141 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
cn
|
|
3
|
+
} from "../chunk-TE3BKEXL.mjs";
|
|
4
|
+
|
|
5
|
+
// components/elements/sheet/Sheet.tsx
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import * as SheetPrimitive from "@radix-ui/react-dialog";
|
|
8
|
+
import { cva } from "class-variance-authority";
|
|
9
|
+
var Sheet = SheetPrimitive.Root;
|
|
10
|
+
var SheetTrigger = SheetPrimitive.Trigger;
|
|
11
|
+
var SheetClose = SheetPrimitive.Close;
|
|
12
|
+
var SheetPortal = SheetPrimitive.Portal;
|
|
13
|
+
var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
14
|
+
SheetPrimitive.Overlay,
|
|
15
|
+
{
|
|
16
|
+
className: cn(
|
|
17
|
+
"hawa-fixed hawa-inset-0 hawa-z-50 hawa-bg-background/80 hawa-backdrop-blur-sm data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0",
|
|
18
|
+
className
|
|
19
|
+
),
|
|
20
|
+
...props,
|
|
21
|
+
ref
|
|
22
|
+
}
|
|
23
|
+
));
|
|
24
|
+
var sheetVariants = cva(
|
|
25
|
+
"hawa-fixed hawa-z-50 hawa-gap-4 hawa-bg-background hawa-p-2 hawa-shadow-lg hawa-transition hawa-ease-in-out data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-duration-300 data-[state=open]:hawa-duration-300",
|
|
26
|
+
{
|
|
27
|
+
variants: {
|
|
28
|
+
side: {
|
|
29
|
+
top: "hawa-inset-x-0 hawa-top-0 hawa-border-b data-[state=closed]:hawa-slide-out-to-top data-[state=open]:hawa-slide-in-from-top",
|
|
30
|
+
bottom: "hawa-inset-x-0 hawa-bottom-0 hawa-border-t data-[state=closed]:hawa-slide-out-to-bottom data-[state=open]:hawa-slide-in-from-bottom",
|
|
31
|
+
left: "hawa-inset-y-0 hawa-left-0 hawa-h-full hawa-w-3/4 hawa-border-r data-[state=closed]:hawa-slide-out-to-left data-[state=open]:hawa-slide-in-from-left sm:hawa-max-w-sm",
|
|
32
|
+
right: "hawa-inset-y-0 hawa-right-0 hawa-h-full hawa-w-3/4 hawa-border-l data-[state=closed]:hawa-slide-out-to-right data-[state=open]:hawa-slide-in-from-right sm:hawa-max-w-sm"
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
defaultVariants: {
|
|
36
|
+
side: "right"
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
var SheetContent = React.forwardRef(
|
|
41
|
+
({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React.createElement(SheetPortal, null, /* @__PURE__ */ React.createElement(SheetOverlay, null), /* @__PURE__ */ React.createElement(
|
|
42
|
+
SheetPrimitive.Content,
|
|
43
|
+
{
|
|
44
|
+
ref,
|
|
45
|
+
className: cn(sheetVariants({ side }), className),
|
|
46
|
+
onPointerDownOutside: (e) => {
|
|
47
|
+
if (persist) {
|
|
48
|
+
e.preventDefault();
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
...props
|
|
52
|
+
},
|
|
53
|
+
children,
|
|
54
|
+
!hideCloseButton && /* @__PURE__ */ React.createElement(
|
|
55
|
+
SheetPrimitive.Close,
|
|
56
|
+
{
|
|
57
|
+
className: cn(
|
|
58
|
+
"hawa-absolute hawa-rounded-sm hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-secondary",
|
|
59
|
+
{
|
|
60
|
+
"hawa-right-4 hawa-top-4": side === "left" || side === "bottom",
|
|
61
|
+
"hawa-left-4 hawa-top-4": side === "right",
|
|
62
|
+
"hawa-bottom-4 hawa-right-4": side === "top"
|
|
63
|
+
}
|
|
64
|
+
)
|
|
65
|
+
},
|
|
66
|
+
/* @__PURE__ */ React.createElement(
|
|
67
|
+
"svg",
|
|
68
|
+
{
|
|
69
|
+
"aria-label": "Close Icon",
|
|
70
|
+
"aria-hidden": "true",
|
|
71
|
+
className: "hawa-h-5 hawa-w-5",
|
|
72
|
+
fill: "currentColor",
|
|
73
|
+
viewBox: "0 0 20 20"
|
|
74
|
+
},
|
|
75
|
+
/* @__PURE__ */ React.createElement(
|
|
76
|
+
"path",
|
|
77
|
+
{
|
|
78
|
+
fillRule: "evenodd",
|
|
79
|
+
d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
|
|
80
|
+
clipRule: "evenodd"
|
|
81
|
+
}
|
|
82
|
+
)
|
|
83
|
+
),
|
|
84
|
+
/* @__PURE__ */ React.createElement("span", { className: "hawa-sr-only" }, "Close")
|
|
85
|
+
)
|
|
86
|
+
))
|
|
87
|
+
);
|
|
88
|
+
var SheetHeader = ({
|
|
89
|
+
className,
|
|
90
|
+
...props
|
|
91
|
+
}) => /* @__PURE__ */ React.createElement(
|
|
92
|
+
"div",
|
|
93
|
+
{
|
|
94
|
+
className: cn(
|
|
95
|
+
"hawa-flex hawa-flex-col hawa-space-y-2 hawa-text-center sm:hawa-text-left",
|
|
96
|
+
className
|
|
97
|
+
),
|
|
98
|
+
...props
|
|
99
|
+
}
|
|
100
|
+
);
|
|
101
|
+
var SheetFooter = ({
|
|
102
|
+
className,
|
|
103
|
+
...props
|
|
104
|
+
}) => /* @__PURE__ */ React.createElement(
|
|
105
|
+
"div",
|
|
106
|
+
{
|
|
107
|
+
className: cn(
|
|
108
|
+
"hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end sm:hawa-space-x-2",
|
|
109
|
+
className
|
|
110
|
+
),
|
|
111
|
+
...props
|
|
112
|
+
}
|
|
113
|
+
);
|
|
114
|
+
var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
115
|
+
SheetPrimitive.Title,
|
|
116
|
+
{
|
|
117
|
+
ref,
|
|
118
|
+
className: cn(
|
|
119
|
+
"hawa-text-lg hawa-font-semibold hawa-text-foreground",
|
|
120
|
+
className
|
|
121
|
+
),
|
|
122
|
+
...props
|
|
123
|
+
}
|
|
124
|
+
));
|
|
125
|
+
var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
126
|
+
SheetPrimitive.Description,
|
|
127
|
+
{
|
|
128
|
+
ref,
|
|
129
|
+
className: cn("hawa-text-sm hawa-text-muted-foreground", className),
|
|
130
|
+
...props
|
|
131
|
+
}
|
|
132
|
+
));
|
|
133
|
+
SheetDescription.displayName = SheetPrimitive.Description.displayName;
|
|
134
|
+
SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
|
|
135
|
+
SheetContent.displayName = SheetPrimitive.Content.displayName;
|
|
136
|
+
SheetHeader.displayName = "SheetHeader";
|
|
137
|
+
SheetFooter.displayName = "SheetFooter";
|
|
138
|
+
SheetTitle.displayName = SheetPrimitive.Title.displayName;
|
|
14
139
|
export {
|
|
15
140
|
Sheet,
|
|
16
141
|
SheetClose,
|
|
@@ -1,9 +1,45 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-SYB66JGL.mjs";
|
|
2
|
+
Button
|
|
3
|
+
} from "../chunk-SYB66JGL.mjs";
|
|
5
4
|
import "../chunk-PUQV6URH.mjs";
|
|
6
|
-
import
|
|
5
|
+
import {
|
|
6
|
+
cn
|
|
7
|
+
} from "../chunk-TE3BKEXL.mjs";
|
|
8
|
+
|
|
9
|
+
// components/elements/sortButton/SortButton.tsx
|
|
10
|
+
import React from "react";
|
|
11
|
+
var SortButton = (props) => {
|
|
12
|
+
return /* @__PURE__ */ React.createElement(
|
|
13
|
+
Button,
|
|
14
|
+
{
|
|
15
|
+
variant: "ghost",
|
|
16
|
+
centered: false,
|
|
17
|
+
className: cn(
|
|
18
|
+
"hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-start hawa-gap-2 hawa-text-start",
|
|
19
|
+
props.condensed && "hawa-h-6"
|
|
20
|
+
),
|
|
21
|
+
onClick: props.onSort
|
|
22
|
+
},
|
|
23
|
+
props.label,
|
|
24
|
+
/* @__PURE__ */ React.createElement(
|
|
25
|
+
"svg",
|
|
26
|
+
{
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
viewBox: "0 0 24 24",
|
|
29
|
+
fill: "none",
|
|
30
|
+
stroke: "currentColor",
|
|
31
|
+
strokeWidth: "2",
|
|
32
|
+
strokeLinecap: "round",
|
|
33
|
+
strokeLinejoin: "round",
|
|
34
|
+
className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
|
|
35
|
+
},
|
|
36
|
+
/* @__PURE__ */ React.createElement("path", { d: "m21 16-4 4-4-4" }),
|
|
37
|
+
/* @__PURE__ */ React.createElement("path", { d: "M17 20V4" }),
|
|
38
|
+
/* @__PURE__ */ React.createElement("path", { d: "m3 8 4-4 4 4" }),
|
|
39
|
+
/* @__PURE__ */ React.createElement("path", { d: "M7 4v16" })
|
|
40
|
+
)
|
|
41
|
+
);
|
|
42
|
+
};
|
|
7
43
|
export {
|
|
8
44
|
SortButton
|
|
9
45
|
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
|
|
30
|
+
// components/elements/stopPropagationWrapper/index.ts
|
|
31
|
+
var stopPropagationWrapper_exports = {};
|
|
32
|
+
__export(stopPropagationWrapper_exports, {
|
|
33
|
+
StopPropagationWrapper: () => StopPropagationWrapper
|
|
34
|
+
});
|
|
35
|
+
module.exports = __toCommonJS(stopPropagationWrapper_exports);
|
|
36
|
+
|
|
37
|
+
// components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
|
|
38
|
+
var import_react = __toESM(require("react"));
|
|
39
|
+
var StopPropagationWrapper = (props) => {
|
|
40
|
+
const handleClick = (e) => {
|
|
41
|
+
e.stopPropagation();
|
|
42
|
+
};
|
|
43
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { onClick: handleClick }, props.children);
|
|
44
|
+
};
|
|
45
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
46
|
+
0 && (module.exports = {
|
|
47
|
+
StopPropagationWrapper
|
|
48
|
+
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
// components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
var StopPropagationWrapper = (props) => {
|
|
4
|
+
const handleClick = (e) => {
|
|
5
|
+
e.stopPropagation();
|
|
6
|
+
};
|
|
7
|
+
return /* @__PURE__ */ React.createElement("div", { onClick: handleClick }, props.children);
|
|
8
|
+
};
|
|
9
|
+
export {
|
|
10
|
+
StopPropagationWrapper
|
|
11
|
+
};
|
package/dist/switch/index.mjs
CHANGED
|
@@ -1,7 +1,83 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
|
|
2
|
+
cn
|
|
3
|
+
} from "../chunk-TE3BKEXL.mjs";
|
|
4
|
+
|
|
5
|
+
// components/elements/switch/Switch.tsx
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import * as SwitchPrimitives from "@radix-ui/react-switch";
|
|
8
|
+
var Switch = React.forwardRef(
|
|
9
|
+
({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
|
|
10
|
+
const [parentDirection, setParentDirection] = React.useState(
|
|
11
|
+
null
|
|
12
|
+
);
|
|
13
|
+
const parentRef = React.useRef(null);
|
|
14
|
+
React.useEffect(() => {
|
|
15
|
+
var _a;
|
|
16
|
+
const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
|
|
17
|
+
if (parentNode) {
|
|
18
|
+
const dir = window.getComputedStyle(parentNode).direction;
|
|
19
|
+
setParentDirection(dir);
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const rootSize = {
|
|
23
|
+
default: "hawa-h-[25px] hawa-w-[42px]",
|
|
24
|
+
sm: "hawa-h-[20px] hawa-w-[37px]",
|
|
25
|
+
lg: "hawa-h-[30px] hawa-w-[47px]"
|
|
26
|
+
};
|
|
27
|
+
const thumbSize = {
|
|
28
|
+
default: "hawa-h-[21px] hawa-w-[21px]",
|
|
29
|
+
sm: "hawa-h-[16px] hawa-w-[16px]",
|
|
30
|
+
lg: "hawa-h-[26px] hawa-w-[26px]"
|
|
31
|
+
};
|
|
32
|
+
const rootRoundednessStyles = {
|
|
33
|
+
none: "hawa-rounded-none",
|
|
34
|
+
full: "hawa-rounded-full",
|
|
35
|
+
inherit: "hawa-rounded"
|
|
36
|
+
};
|
|
37
|
+
const thumbRoundednessStyles = {
|
|
38
|
+
none: "hawa-rounded-none",
|
|
39
|
+
full: "hawa-rounded-full",
|
|
40
|
+
inherit: "hawa-rounded-inner"
|
|
41
|
+
};
|
|
42
|
+
return /* @__PURE__ */ React.createElement(
|
|
43
|
+
"div",
|
|
44
|
+
{
|
|
45
|
+
className: "hawa-flex hawa-flex-row hawa-items-center",
|
|
46
|
+
ref: parentRef
|
|
47
|
+
},
|
|
48
|
+
/* @__PURE__ */ React.createElement(
|
|
49
|
+
SwitchPrimitives.Root,
|
|
50
|
+
{
|
|
51
|
+
className: cn(
|
|
52
|
+
"data-[state=unchecked]:hawa-bg-primary/20",
|
|
53
|
+
"data-[state=checked]:hawa-bg-primary",
|
|
54
|
+
"hawa-relative hawa-cursor-pointer hawa-rounded hawa-outline-none",
|
|
55
|
+
rootRoundednessStyles[roundedness],
|
|
56
|
+
className,
|
|
57
|
+
rootSize[size]
|
|
58
|
+
),
|
|
59
|
+
...props,
|
|
60
|
+
ref
|
|
61
|
+
},
|
|
62
|
+
/* @__PURE__ */ React.createElement(
|
|
63
|
+
SwitchPrimitives.Thumb,
|
|
64
|
+
{
|
|
65
|
+
className: cn(
|
|
66
|
+
thumbSize[size],
|
|
67
|
+
"hawa-block hawa-rounded hawa-transition-transform hawa-duration-100 hawa-will-change-transform",
|
|
68
|
+
"data-[state=checked]:hawa-bg-primary-foreground",
|
|
69
|
+
"hawa-bg-white dark:hawa-bg-background",
|
|
70
|
+
thumbRoundednessStyles[roundedness],
|
|
71
|
+
parentDirection === "rtl" ? "hawa--translate-x-0.5 data-[state=checked]:hawa--translate-x-[19px]" : "hawa-translate-x-0.5 data-[state=checked]:hawa-translate-x-[19px]"
|
|
72
|
+
)
|
|
73
|
+
}
|
|
74
|
+
)
|
|
75
|
+
),
|
|
76
|
+
label && /* @__PURE__ */ React.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
|
|
77
|
+
);
|
|
78
|
+
}
|
|
79
|
+
);
|
|
80
|
+
Switch.displayName = SwitchPrimitives.Root.displayName;
|
|
5
81
|
export {
|
|
6
82
|
Switch
|
|
7
83
|
};
|
package/dist/tabs/index.js
CHANGED
|
@@ -48,7 +48,7 @@ function cn(...inputs) {
|
|
|
48
48
|
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
// components/elements/Chip.tsx
|
|
51
|
+
// components/elements/chip/Chip.tsx
|
|
52
52
|
var import_react = __toESM(require("react"));
|
|
53
53
|
var Chip = import_react.default.forwardRef(
|
|
54
54
|
({
|
package/dist/tabs/index.mjs
CHANGED
|
@@ -1,10 +1,72 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
} from "../chunk-
|
|
7
|
-
|
|
2
|
+
Chip
|
|
3
|
+
} from "../chunk-72HYR6WB.mjs";
|
|
4
|
+
import {
|
|
5
|
+
cn
|
|
6
|
+
} from "../chunk-TE3BKEXL.mjs";
|
|
7
|
+
|
|
8
|
+
// components/elements/tabs/Tabs.tsx
|
|
9
|
+
import * as React from "react";
|
|
10
|
+
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
11
|
+
var TabsContext = React.createContext({ orientation: "vertical" });
|
|
12
|
+
var Tabs = React.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
13
|
+
TabsPrimitive.Root,
|
|
14
|
+
{
|
|
15
|
+
ref,
|
|
16
|
+
className: cn(
|
|
17
|
+
"hawa-flex hawa-gap-2",
|
|
18
|
+
orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
|
|
19
|
+
className
|
|
20
|
+
),
|
|
21
|
+
...props
|
|
22
|
+
},
|
|
23
|
+
/* @__PURE__ */ React.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
|
|
24
|
+
));
|
|
25
|
+
Tabs.displayName = TabsPrimitive.Root.displayName;
|
|
26
|
+
var TabsList = React.forwardRef(({ className, ...props }, ref) => {
|
|
27
|
+
const { orientation } = React.useContext(TabsContext);
|
|
28
|
+
return /* @__PURE__ */ React.createElement(
|
|
29
|
+
TabsPrimitive.List,
|
|
30
|
+
{
|
|
31
|
+
ref,
|
|
32
|
+
className: cn(
|
|
33
|
+
"hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
|
|
34
|
+
orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
|
|
35
|
+
className
|
|
36
|
+
),
|
|
37
|
+
...props
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
});
|
|
41
|
+
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
42
|
+
var TabsTrigger = React.forwardRef(({ className, chipProps, ...props }, ref) => {
|
|
43
|
+
return /* @__PURE__ */ React.createElement(
|
|
44
|
+
TabsPrimitive.Trigger,
|
|
45
|
+
{
|
|
46
|
+
ref,
|
|
47
|
+
className: cn(
|
|
48
|
+
"hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm dark:hawa-border-primary/10",
|
|
49
|
+
className
|
|
50
|
+
),
|
|
51
|
+
...props
|
|
52
|
+
},
|
|
53
|
+
props.children,
|
|
54
|
+
chipProps && /* @__PURE__ */ React.createElement(Chip, { ...chipProps })
|
|
55
|
+
);
|
|
56
|
+
});
|
|
57
|
+
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
58
|
+
var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
59
|
+
TabsPrimitive.Content,
|
|
60
|
+
{
|
|
61
|
+
ref,
|
|
62
|
+
className: cn(
|
|
63
|
+
"hawa-ring-offset-hawa-background hawa-w-full focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2",
|
|
64
|
+
className
|
|
65
|
+
),
|
|
66
|
+
...props
|
|
67
|
+
}
|
|
68
|
+
));
|
|
69
|
+
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
8
70
|
export {
|
|
9
71
|
Tabs,
|
|
10
72
|
TabsContent,
|
package/dist/textarea/index.mjs
CHANGED
|
@@ -1,9 +1,59 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-Z3JCNSB3.mjs";
|
|
2
|
+
Label
|
|
3
|
+
} from "../chunk-Z3JCNSB3.mjs";
|
|
5
4
|
import "../chunk-VFP56EVG.mjs";
|
|
6
|
-
import
|
|
5
|
+
import {
|
|
6
|
+
cn
|
|
7
|
+
} from "../chunk-TE3BKEXL.mjs";
|
|
8
|
+
|
|
9
|
+
// components/elements/textarea/Textarea.tsx
|
|
10
|
+
import * as React from "react";
|
|
11
|
+
var Textarea = React.forwardRef(
|
|
12
|
+
({
|
|
13
|
+
className,
|
|
14
|
+
labelProps,
|
|
15
|
+
showCount,
|
|
16
|
+
forceHideHelperText,
|
|
17
|
+
textareaProps,
|
|
18
|
+
countPosition = "bottom",
|
|
19
|
+
...props
|
|
20
|
+
}, ref) => {
|
|
21
|
+
return /* @__PURE__ */ React.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React.createElement(
|
|
22
|
+
"textarea",
|
|
23
|
+
{
|
|
24
|
+
className: cn(
|
|
25
|
+
"hawa-flex hawa-min-h-[40px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-gray-400 placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
|
|
26
|
+
className
|
|
27
|
+
),
|
|
28
|
+
ref,
|
|
29
|
+
...textareaProps
|
|
30
|
+
}
|
|
31
|
+
), /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React.createElement(
|
|
32
|
+
"p",
|
|
33
|
+
{
|
|
34
|
+
className: cn(
|
|
35
|
+
"hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
|
|
36
|
+
props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
|
|
37
|
+
)
|
|
38
|
+
},
|
|
39
|
+
props.helperText
|
|
40
|
+
), showCount && /* @__PURE__ */ React.createElement(
|
|
41
|
+
"div",
|
|
42
|
+
{
|
|
43
|
+
className: cn(
|
|
44
|
+
" hawa-text-start hawa-text-xs hawa-transition-all ",
|
|
45
|
+
{
|
|
46
|
+
"hawa-absolute hawa-bottom-[80px] hawa-end-0 hawa-translate-y-1/2": countPosition === "top"
|
|
47
|
+
}
|
|
48
|
+
)
|
|
49
|
+
},
|
|
50
|
+
(textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
|
|
51
|
+
"/",
|
|
52
|
+
textareaProps == null ? void 0 : textareaProps.maxLength
|
|
53
|
+
)));
|
|
54
|
+
}
|
|
55
|
+
);
|
|
56
|
+
Textarea.displayName = "Textarea";
|
|
7
57
|
export {
|
|
8
58
|
Textarea
|
|
9
59
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sikka/hawa",
|
|
3
|
-
"version": "0.23.
|
|
3
|
+
"version": "0.23.7-next",
|
|
4
4
|
"description": "Modern UI Kit made with Tailwind",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Sikka Software",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"test": "jest",
|
|
54
54
|
"storybook": "storybook dev -p 6006",
|
|
55
55
|
"build-storybook": "storybook build",
|
|
56
|
-
"build-lib": "tsup
|
|
56
|
+
"build-lib": "tsup",
|
|
57
57
|
"build:all": "tsup --name 'Build All'",
|
|
58
58
|
"build:core": "tsup --name 'Build Core'",
|
|
59
59
|
"build:blocks": "tsup --name 'Build Blocks'",
|
package/dist/Chip-DJ6ThZc_.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { R as RadiusType } from './commonTypes-gbO4hPli.js';
|
|
3
|
-
|
|
4
|
-
type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
|
|
5
|
-
type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
|
|
6
|
-
/** The text inside the chip */
|
|
7
|
-
label: string;
|
|
8
|
-
/** The small icon before the chip label */
|
|
9
|
-
icon?: JSX.Element;
|
|
10
|
-
/** The color of the chip, must be a tailwind color */
|
|
11
|
-
color?: ChipColors;
|
|
12
|
-
/** The size of the chip */
|
|
13
|
-
size?: "small" | "normal" | "large";
|
|
14
|
-
/** Enable/Disable the dot before the label of the chip */
|
|
15
|
-
dot?: boolean;
|
|
16
|
-
/** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
|
|
17
|
-
dotType?: "available" | "unavailable";
|
|
18
|
-
radius?: RadiusType;
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export type { ChipTypes as C };
|
package/dist/Chip-eal8vwDz.d.mts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { R as RadiusType } from './commonTypes-gbO4hPli.mjs';
|
|
3
|
-
|
|
4
|
-
type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
|
|
5
|
-
type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
|
|
6
|
-
/** The text inside the chip */
|
|
7
|
-
label: string;
|
|
8
|
-
/** The small icon before the chip label */
|
|
9
|
-
icon?: JSX.Element;
|
|
10
|
-
/** The color of the chip, must be a tailwind color */
|
|
11
|
-
color?: ChipColors;
|
|
12
|
-
/** The size of the chip */
|
|
13
|
-
size?: "small" | "normal" | "large";
|
|
14
|
-
/** Enable/Disable the dot before the label of the chip */
|
|
15
|
-
dot?: boolean;
|
|
16
|
-
/** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
|
|
17
|
-
dotType?: "available" | "unavailable";
|
|
18
|
-
radius?: RadiusType;
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export type { ChipTypes as C };
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
|
-
import '../dataTable/index.mjs';
|
|
4
|
-
import { C as ChipTypes } from '../Chip-eal8vwDz.mjs';
|
|
5
|
-
import { RowData } from '@tanstack/react-table';
|
|
6
|
-
import '../commonTypes-gbO4hPli.mjs';
|
|
7
|
-
|
|
8
|
-
declare module "@tanstack/table-core" {
|
|
9
|
-
interface ColumnMeta<TData extends RowData, TValue> {
|
|
10
|
-
padding?: "condensed" | "default" | "noPadding";
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
type AccordionItemProps = {
|
|
15
|
-
trigger: string;
|
|
16
|
-
content: string;
|
|
17
|
-
disabled?: boolean;
|
|
18
|
-
chip?: ChipTypes;
|
|
19
|
-
};
|
|
20
|
-
type AccordionProps = {
|
|
21
|
-
items: AccordionItemProps[];
|
|
22
|
-
itemClassNames?: string;
|
|
23
|
-
triggerclassNames?: string;
|
|
24
|
-
contentclassNames?: string;
|
|
25
|
-
design?: "default" | "separated";
|
|
26
|
-
} & React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
|
|
27
|
-
declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
-
|
|
29
|
-
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
-
|
|
31
|
-
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
32
|
-
unstyled?: boolean | undefined;
|
|
33
|
-
hideArrow?: boolean | undefined;
|
|
34
|
-
} & React.RefAttributes<HTMLButtonElement>>;
|
|
35
|
-
|
|
36
|
-
declare const AccordionRoot: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
-
|
|
38
|
-
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
39
|
-
unstyled?: boolean | undefined;
|
|
40
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
41
|
-
|
|
42
|
-
export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger };
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
|
-
import '../dataTable/index.js';
|
|
4
|
-
import { C as ChipTypes } from '../Chip-DJ6ThZc_.js';
|
|
5
|
-
import { RowData } from '@tanstack/react-table';
|
|
6
|
-
import '../commonTypes-gbO4hPli.js';
|
|
7
|
-
|
|
8
|
-
declare module "@tanstack/table-core" {
|
|
9
|
-
interface ColumnMeta<TData extends RowData, TValue> {
|
|
10
|
-
padding?: "condensed" | "default" | "noPadding";
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
type AccordionItemProps = {
|
|
15
|
-
trigger: string;
|
|
16
|
-
content: string;
|
|
17
|
-
disabled?: boolean;
|
|
18
|
-
chip?: ChipTypes;
|
|
19
|
-
};
|
|
20
|
-
type AccordionProps = {
|
|
21
|
-
items: AccordionItemProps[];
|
|
22
|
-
itemClassNames?: string;
|
|
23
|
-
triggerclassNames?: string;
|
|
24
|
-
contentclassNames?: string;
|
|
25
|
-
design?: "default" | "separated";
|
|
26
|
-
} & React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
|
|
27
|
-
declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
-
|
|
29
|
-
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
-
|
|
31
|
-
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
32
|
-
unstyled?: boolean | undefined;
|
|
33
|
-
hideArrow?: boolean | undefined;
|
|
34
|
-
} & React.RefAttributes<HTMLButtonElement>>;
|
|
35
|
-
|
|
36
|
-
declare const AccordionRoot: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
-
|
|
38
|
-
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
39
|
-
unstyled?: boolean | undefined;
|
|
40
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
41
|
-
|
|
42
|
-
export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger };
|