@codefast/ui 0.3.9 → 0.3.11-canary.0
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/CHANGELOG.md +30 -0
- package/README.md +277 -167
- package/dist/components/accordion.cjs +97 -1
- package/dist/components/accordion.js +51 -1
- package/dist/components/alert-dialog.cjs +155 -1
- package/dist/components/alert-dialog.d.ts +2 -2
- package/dist/components/alert-dialog.js +94 -1
- package/dist/components/alert.cjs +84 -1
- package/dist/components/alert.d.ts +1 -1
- package/dist/components/alert.js +41 -1
- package/dist/components/aspect-ratio.cjs +43 -1
- package/dist/components/aspect-ratio.js +9 -1
- package/dist/components/avatar.cjs +65 -1
- package/dist/components/avatar.js +25 -1
- package/dist/components/badge.cjs +66 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/badge.js +29 -1
- package/dist/components/breadcrumb.cjs +124 -1
- package/dist/components/breadcrumb.js +72 -1
- package/dist/components/button-group.cjs +86 -1
- package/dist/components/button-group.d.ts +1 -1
- package/dist/components/button-group.js +43 -1
- package/dist/components/button.cjs +92 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.js +55 -1
- package/dist/components/calendar.cjs +150 -1
- package/dist/components/calendar.d.ts +11 -18
- package/dist/components/calendar.js +113 -1
- package/dist/components/card.cjs +105 -1
- package/dist/components/card.js +53 -1
- package/dist/components/carousel.cjs +210 -1
- package/dist/components/carousel.d.ts +1 -1
- package/dist/components/carousel.js +151 -1
- package/dist/components/chart.cjs +250 -3
- package/dist/components/chart.d.ts +5 -4
- package/dist/components/chart.js +198 -3
- package/dist/components/checkbox-cards.cjs +69 -1
- package/dist/components/checkbox-cards.js +32 -1
- package/dist/components/checkbox-group.cjs +63 -1
- package/dist/components/checkbox-group.js +26 -1
- package/dist/components/checkbox.cjs +53 -1
- package/dist/components/checkbox.js +19 -1
- package/dist/components/collapsible.cjs +61 -1
- package/dist/components/collapsible.js +21 -1
- package/dist/components/command.cjs +167 -1
- package/dist/components/command.js +106 -1
- package/dist/components/context-menu.cjs +218 -1
- package/dist/components/context-menu.js +142 -1
- package/dist/components/dialog.cjs +164 -1
- package/dist/components/dialog.d.ts +2 -2
- package/dist/components/dialog.js +106 -1
- package/dist/components/drawer.cjs +143 -1
- package/dist/components/drawer.d.ts +1 -1
- package/dist/components/drawer.js +85 -1
- package/dist/components/dropdown-menu.cjs +221 -1
- package/dist/components/dropdown-menu.js +145 -1
- package/dist/components/empty.cjs +113 -1
- package/dist/components/empty.d.ts +1 -1
- package/dist/components/empty.js +61 -1
- package/dist/components/field.cjs +193 -1
- package/dist/components/field.d.ts +1 -1
- package/dist/components/field.js +129 -1
- package/dist/components/form.cjs +151 -1
- package/dist/components/form.d.ts +3 -3
- package/dist/components/form.js +96 -1
- package/dist/components/hover-card.cjs +77 -1
- package/dist/components/hover-card.js +34 -1
- package/dist/components/input-group.cjs +155 -1
- package/dist/components/input-group.d.ts +1 -1
- package/dist/components/input-group.js +97 -1
- package/dist/components/input-number.cjs +98 -1
- package/dist/components/input-number.js +64 -1
- package/dist/components/input-otp.cjs +101 -1
- package/dist/components/input-otp.js +49 -1
- package/dist/components/input-password.cjs +71 -1
- package/dist/components/input-password.js +37 -1
- package/dist/components/input-search.cjs +80 -1
- package/dist/components/input-search.js +46 -1
- package/dist/components/input.cjs +45 -1
- package/dist/components/input.js +11 -1
- package/dist/components/item.cjs +186 -1
- package/dist/components/item.d.ts +1 -1
- package/dist/components/item.js +119 -1
- package/dist/components/kbd.cjs +54 -1
- package/dist/components/kbd.js +17 -1
- package/dist/components/label.cjs +45 -1
- package/dist/components/label.js +11 -1
- package/dist/components/menubar.cjs +232 -1
- package/dist/components/menubar.js +153 -1
- package/dist/components/native-select.cjs +75 -1
- package/dist/components/native-select.js +35 -1
- package/dist/components/navigation-menu.cjs +146 -2
- package/dist/components/navigation-menu.js +94 -2
- package/dist/components/pagination.cjs +138 -1
- package/dist/components/pagination.d.ts +1 -1
- package/dist/components/pagination.js +86 -1
- package/dist/components/popover.cjs +86 -1
- package/dist/components/popover.js +40 -1
- package/dist/components/progress-circle.cjs +184 -1
- package/dist/components/progress-circle.d.ts +1 -1
- package/dist/components/progress-circle.js +147 -1
- package/dist/components/progress.cjs +52 -1
- package/dist/components/progress.js +18 -1
- package/dist/components/radio-cards.cjs +66 -1
- package/dist/components/radio-cards.js +29 -1
- package/dist/components/radio-group.cjs +59 -1
- package/dist/components/radio-group.js +22 -1
- package/dist/components/radio.cjs +47 -1
- package/dist/components/radio.js +13 -1
- package/dist/components/resizable.cjs +71 -1
- package/dist/components/resizable.d.ts +6 -6
- package/dist/components/resizable.js +31 -1
- package/dist/components/scroll-area.cjs +140 -1
- package/dist/components/scroll-area.d.ts +1 -1
- package/dist/components/scroll-area.js +100 -1
- package/dist/components/select.cjs +180 -1
- package/dist/components/select.d.ts +2 -2
- package/dist/components/select.js +119 -1
- package/dist/components/separator.cjs +82 -1
- package/dist/components/separator.d.ts +1 -1
- package/dist/components/separator.js +42 -1
- package/dist/components/sheet.cjs +184 -1
- package/dist/components/sheet.d.ts +2 -2
- package/dist/components/sheet.js +123 -1
- package/dist/components/sidebar.cjs +506 -1
- package/dist/components/sidebar.d.ts +1 -1
- package/dist/components/sidebar.js +400 -1
- package/dist/components/skeleton.cjs +44 -1
- package/dist/components/skeleton.js +10 -1
- package/dist/components/slider.cjs +79 -1
- package/dist/components/slider.js +45 -1
- package/dist/components/sonner.cjs +57 -1
- package/dist/components/sonner.js +17 -1
- package/dist/components/spinner.cjs +75 -1
- package/dist/components/spinner.js +41 -1
- package/dist/components/switch.cjs +49 -1
- package/dist/components/switch.js +15 -1
- package/dist/components/table.cjs +118 -1
- package/dist/components/table.js +63 -1
- package/dist/components/tabs.cjs +75 -1
- package/dist/components/tabs.d.ts +1 -1
- package/dist/components/tabs.js +32 -1
- package/dist/components/textarea.cjs +44 -1
- package/dist/components/textarea.js +10 -1
- package/dist/components/toggle-group.cjs +90 -1
- package/dist/components/toggle-group.d.ts +8 -10
- package/dist/components/toggle-group.js +53 -1
- package/dist/components/toggle.cjs +71 -1
- package/dist/components/toggle.d.ts +8 -10
- package/dist/components/toggle.js +34 -1
- package/dist/components/tooltip.cjs +90 -1
- package/dist/components/tooltip.js +44 -1
- package/dist/css/amber.css +95 -1
- package/dist/css/blue.css +95 -1
- package/dist/css/cyan.css +95 -1
- package/dist/css/emerald.css +95 -1
- package/dist/css/fuchsia.css +95 -1
- package/dist/css/gray.css +95 -1
- package/dist/css/green.css +95 -1
- package/dist/css/indigo.css +95 -1
- package/dist/css/lime.css +95 -1
- package/dist/css/neutral.css +95 -1
- package/dist/css/orange.css +95 -1
- package/dist/css/pink.css +95 -1
- package/dist/css/preset.css +118 -1
- package/dist/css/purple.css +95 -1
- package/dist/css/red.css +95 -1
- package/dist/css/rose.css +95 -1
- package/dist/css/sky.css +95 -1
- package/dist/css/slate.css +95 -1
- package/dist/css/stone.css +95 -1
- package/dist/css/style.css +3 -1
- package/dist/css/teal.css +95 -1
- package/dist/css/violet.css +95 -1
- package/dist/css/yellow.css +95 -1
- package/dist/css/zinc.css +95 -1
- package/dist/hooks/use-animated-value.cjs +74 -1
- package/dist/hooks/use-animated-value.d.ts +9 -10
- package/dist/hooks/use-animated-value.js +40 -1
- package/dist/hooks/use-copy-to-clipboard.cjs +57 -1
- package/dist/hooks/use-copy-to-clipboard.d.ts +17 -0
- package/dist/hooks/use-copy-to-clipboard.js +23 -1
- package/dist/hooks/use-is-mobile.cjs +39 -1
- package/dist/hooks/use-is-mobile.d.ts +15 -6
- package/dist/hooks/use-is-mobile.js +5 -1
- package/dist/hooks/use-media-query.cjs +56 -1
- package/dist/hooks/use-media-query.d.ts +11 -3
- package/dist/hooks/use-media-query.js +22 -1
- package/dist/hooks/use-mutation-observer.cjs +56 -1
- package/dist/hooks/use-mutation-observer.d.ts +7 -11
- package/dist/hooks/use-mutation-observer.js +22 -1
- package/dist/hooks/use-pagination.cjs +92 -1
- package/dist/hooks/use-pagination.d.ts +12 -10
- package/dist/hooks/use-pagination.js +55 -1
- package/dist/index.cjs +1081 -1
- package/dist/index.d.ts +4 -5
- package/dist/index.js +69 -1
- package/dist/primitives/checkbox-group.cjs +151 -1
- package/dist/primitives/checkbox-group.d.ts +1 -1
- package/dist/primitives/checkbox-group.js +99 -1
- package/dist/primitives/input-number.cjs +439 -1
- package/dist/primitives/input-number.d.ts +1 -1
- package/dist/primitives/input-number.js +381 -1
- package/dist/primitives/input.cjs +99 -1
- package/dist/primitives/input.d.ts +1 -1
- package/dist/primitives/input.js +53 -1
- package/dist/primitives/progress-circle.cjs +198 -1
- package/dist/primitives/progress-circle.d.ts +1 -1
- package/dist/primitives/progress-circle.js +128 -1
- package/package.json +405 -62
|
@@ -1,2 +1,98 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
|
-
|
|
3
|
+
var __webpack_require__ = {};
|
|
4
|
+
(()=>{
|
|
5
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
6
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: definition[key]
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
})();
|
|
12
|
+
(()=>{
|
|
13
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
})();
|
|
15
|
+
(()=>{
|
|
16
|
+
__webpack_require__.r = (exports1)=>{
|
|
17
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
18
|
+
value: 'Module'
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
21
|
+
value: true
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
})();
|
|
25
|
+
var __webpack_exports__ = {};
|
|
26
|
+
__webpack_require__.r(__webpack_exports__);
|
|
27
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
28
|
+
AccordionIcon: ()=>AccordionIcon,
|
|
29
|
+
AccordionItem: ()=>AccordionItem,
|
|
30
|
+
Accordion: ()=>Accordion,
|
|
31
|
+
AccordionContent: ()=>AccordionContent,
|
|
32
|
+
AccordionTrigger: ()=>AccordionTrigger
|
|
33
|
+
});
|
|
34
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
35
|
+
const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
|
|
36
|
+
const react_accordion_namespaceObject = require("@radix-ui/react-accordion");
|
|
37
|
+
const react_slot_namespaceObject = require("@radix-ui/react-slot");
|
|
38
|
+
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
39
|
+
function Accordion({ ...props }) {
|
|
40
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Root, {
|
|
41
|
+
"data-slot": "accordion",
|
|
42
|
+
...props
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
function AccordionItem({ className, ...props }) {
|
|
46
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Item, {
|
|
47
|
+
className: (0, tailwind_variants_namespaceObject.cn)("border-b last:border-b-0", className),
|
|
48
|
+
"data-slot": "accordion-item",
|
|
49
|
+
...props
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
function AccordionIcon({ asChild, className, ...props }) {
|
|
53
|
+
const Component = asChild ? react_slot_namespaceObject.Slot : external_lucide_react_namespaceObject.ChevronDownIcon;
|
|
54
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
|
|
55
|
+
"aria-hidden": true,
|
|
56
|
+
className: (0, tailwind_variants_namespaceObject.cn)("size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200", className),
|
|
57
|
+
"data-slot": "accordion-icon",
|
|
58
|
+
...props
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
function AccordionTrigger({ children, className, ...props }) {
|
|
62
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Header, {
|
|
63
|
+
className: "flex",
|
|
64
|
+
"data-slot": "accordion-trigger-wrapper",
|
|
65
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Trigger, {
|
|
66
|
+
className: (0, tailwind_variants_namespaceObject.cn)("group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden hover:not-disabled:underline focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
|
|
67
|
+
"data-slot": "accordion-trigger",
|
|
68
|
+
...props,
|
|
69
|
+
children: children
|
|
70
|
+
})
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
function AccordionContent({ children, className, ...props }) {
|
|
74
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_accordion_namespaceObject.Content, {
|
|
75
|
+
className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
|
|
76
|
+
"data-slot": "accordion-content",
|
|
77
|
+
...props,
|
|
78
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
79
|
+
className: (0, tailwind_variants_namespaceObject.cn)("pt-0 pb-4 text-sm", className),
|
|
80
|
+
children: children
|
|
81
|
+
})
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
exports.Accordion = __webpack_exports__.Accordion;
|
|
85
|
+
exports.AccordionContent = __webpack_exports__.AccordionContent;
|
|
86
|
+
exports.AccordionIcon = __webpack_exports__.AccordionIcon;
|
|
87
|
+
exports.AccordionItem = __webpack_exports__.AccordionItem;
|
|
88
|
+
exports.AccordionTrigger = __webpack_exports__.AccordionTrigger;
|
|
89
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
90
|
+
"Accordion",
|
|
91
|
+
"AccordionContent",
|
|
92
|
+
"AccordionIcon",
|
|
93
|
+
"AccordionItem",
|
|
94
|
+
"AccordionTrigger"
|
|
95
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
96
|
+
Object.defineProperty(exports, '__esModule', {
|
|
97
|
+
value: true
|
|
98
|
+
});
|
|
@@ -1,2 +1,52 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from "@codefast/tailwind-variants";
|
|
4
|
+
import { Content, Header, Item, Root, Trigger } from "@radix-ui/react-accordion";
|
|
5
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
6
|
+
import { ChevronDownIcon } from "lucide-react";
|
|
7
|
+
function Accordion({ ...props }) {
|
|
8
|
+
return /*#__PURE__*/ jsx(Root, {
|
|
9
|
+
"data-slot": "accordion",
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
function AccordionItem({ className, ...props }) {
|
|
14
|
+
return /*#__PURE__*/ jsx(Item, {
|
|
15
|
+
className: cn("border-b last:border-b-0", className),
|
|
16
|
+
"data-slot": "accordion-item",
|
|
17
|
+
...props
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
function AccordionIcon({ asChild, className, ...props }) {
|
|
21
|
+
const Component = asChild ? Slot : ChevronDownIcon;
|
|
22
|
+
return /*#__PURE__*/ jsx(Component, {
|
|
23
|
+
"aria-hidden": true,
|
|
24
|
+
className: cn("size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200", className),
|
|
25
|
+
"data-slot": "accordion-icon",
|
|
26
|
+
...props
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
function AccordionTrigger({ children, className, ...props }) {
|
|
30
|
+
return /*#__PURE__*/ jsx(Header, {
|
|
31
|
+
className: "flex",
|
|
32
|
+
"data-slot": "accordion-trigger-wrapper",
|
|
33
|
+
children: /*#__PURE__*/ jsx(Trigger, {
|
|
34
|
+
className: cn("group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden hover:not-disabled:underline focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
|
|
35
|
+
"data-slot": "accordion-trigger",
|
|
36
|
+
...props,
|
|
37
|
+
children: children
|
|
38
|
+
})
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
function AccordionContent({ children, className, ...props }) {
|
|
42
|
+
return /*#__PURE__*/ jsx(Content, {
|
|
43
|
+
className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
|
|
44
|
+
"data-slot": "accordion-content",
|
|
45
|
+
...props,
|
|
46
|
+
children: /*#__PURE__*/ jsx("div", {
|
|
47
|
+
className: cn("pt-0 pb-4 text-sm", className),
|
|
48
|
+
children: children
|
|
49
|
+
})
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };
|
|
@@ -1,2 +1,156 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
|
-
|
|
3
|
+
var __webpack_require__ = {};
|
|
4
|
+
(()=>{
|
|
5
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
6
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: definition[key]
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
})();
|
|
12
|
+
(()=>{
|
|
13
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
})();
|
|
15
|
+
(()=>{
|
|
16
|
+
__webpack_require__.r = (exports1)=>{
|
|
17
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
18
|
+
value: 'Module'
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
21
|
+
value: true
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
})();
|
|
25
|
+
var __webpack_exports__ = {};
|
|
26
|
+
__webpack_require__.r(__webpack_exports__);
|
|
27
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
28
|
+
AlertDialogCancel: ()=>AlertDialogCancel,
|
|
29
|
+
AlertDialogBody: ()=>AlertDialogBody,
|
|
30
|
+
AlertDialogContent: ()=>AlertDialogContent,
|
|
31
|
+
AlertDialogHeader: ()=>AlertDialogHeader,
|
|
32
|
+
AlertDialogFooter: ()=>AlertDialogFooter,
|
|
33
|
+
AlertDialogTrigger: ()=>AlertDialogTrigger,
|
|
34
|
+
AlertDialogDescription: ()=>AlertDialogDescription,
|
|
35
|
+
AlertDialogTitle: ()=>AlertDialogTitle,
|
|
36
|
+
AlertDialog: ()=>AlertDialog,
|
|
37
|
+
AlertDialogAction: ()=>AlertDialogAction
|
|
38
|
+
});
|
|
39
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
40
|
+
const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
|
|
41
|
+
const react_alert_dialog_namespaceObject = require("@radix-ui/react-alert-dialog");
|
|
42
|
+
const external_button_cjs_namespaceObject = require("./button.cjs");
|
|
43
|
+
function AlertDialog({ ...props }) {
|
|
44
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Root, {
|
|
45
|
+
"data-slot": "alert-dialog",
|
|
46
|
+
...props
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
function AlertDialogTrigger({ ...props }) {
|
|
50
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Trigger, {
|
|
51
|
+
"data-slot": "alert-dialog-trigger",
|
|
52
|
+
...props
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
function AlertDialogContent({ children, className, classNames, ...props }) {
|
|
56
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_alert_dialog_namespaceObject.Portal, {
|
|
57
|
+
children: [
|
|
58
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Overlay, {
|
|
59
|
+
className: (0, tailwind_variants_namespaceObject.cn)("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", classNames?.overlay),
|
|
60
|
+
"data-slot": "alert-dialog-overlay"
|
|
61
|
+
}),
|
|
62
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Content, {
|
|
63
|
+
className: (0, tailwind_variants_namespaceObject.cn)("fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:grid-rows-[1fr_auto_3fr] sm:p-4", classNames?.wrapper),
|
|
64
|
+
"data-slot": "alert-dialog-content-wrapper",
|
|
65
|
+
...props,
|
|
66
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
67
|
+
className: (0, tailwind_variants_namespaceObject.cn)("relative row-start-2 flex w-full max-w-lg flex-col rounded-2xl border bg-popover text-popover-foreground shadow-lg", classNames?.content, className),
|
|
68
|
+
"data-slot": "alert-dialog-content",
|
|
69
|
+
children: children
|
|
70
|
+
})
|
|
71
|
+
})
|
|
72
|
+
]
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
function AlertDialogHeader({ className, ...props }) {
|
|
76
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
77
|
+
className: (0, tailwind_variants_namespaceObject.cn)("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left", className),
|
|
78
|
+
"data-slot": "alert-dialog-header",
|
|
79
|
+
...props
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
function AlertDialogBody({ className, ...props }) {
|
|
83
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
|
|
84
|
+
className: (0, tailwind_variants_namespaceObject.cn)("overflow-auto px-6 py-2", className),
|
|
85
|
+
"data-slot": "alert-dialog-body",
|
|
86
|
+
...props
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
function AlertDialogFooter({ className, ...props }) {
|
|
90
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
91
|
+
className: (0, tailwind_variants_namespaceObject.cn)("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end", className),
|
|
92
|
+
"data-slot": "alert-dialog-footer",
|
|
93
|
+
...props
|
|
94
|
+
});
|
|
95
|
+
}
|
|
96
|
+
function AlertDialogTitle({ className, ...props }) {
|
|
97
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Title, {
|
|
98
|
+
className: (0, tailwind_variants_namespaceObject.cn)("text-lg leading-none font-semibold tracking-tight", className),
|
|
99
|
+
"data-slot": "alert-dialog-title",
|
|
100
|
+
...props
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
function AlertDialogDescription({ className, ...props }) {
|
|
104
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Description, {
|
|
105
|
+
className: (0, tailwind_variants_namespaceObject.cn)("text-sm text-muted-foreground", className),
|
|
106
|
+
"data-slot": "alert-dialog-description",
|
|
107
|
+
...props
|
|
108
|
+
});
|
|
109
|
+
}
|
|
110
|
+
function AlertDialogAction({ className, size, variant, ...props }) {
|
|
111
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Action, {
|
|
112
|
+
className: (0, external_button_cjs_namespaceObject.buttonVariants)({
|
|
113
|
+
className,
|
|
114
|
+
size,
|
|
115
|
+
variant
|
|
116
|
+
}),
|
|
117
|
+
"data-slot": "alert-dialog-action",
|
|
118
|
+
...props
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
function AlertDialogCancel({ className, size, variant = "outline", ...props }) {
|
|
122
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Cancel, {
|
|
123
|
+
className: (0, external_button_cjs_namespaceObject.buttonVariants)({
|
|
124
|
+
className,
|
|
125
|
+
size,
|
|
126
|
+
variant
|
|
127
|
+
}),
|
|
128
|
+
"data-slot": "alert-dialog-cancel",
|
|
129
|
+
...props
|
|
130
|
+
});
|
|
131
|
+
}
|
|
132
|
+
exports.AlertDialog = __webpack_exports__.AlertDialog;
|
|
133
|
+
exports.AlertDialogAction = __webpack_exports__.AlertDialogAction;
|
|
134
|
+
exports.AlertDialogBody = __webpack_exports__.AlertDialogBody;
|
|
135
|
+
exports.AlertDialogCancel = __webpack_exports__.AlertDialogCancel;
|
|
136
|
+
exports.AlertDialogContent = __webpack_exports__.AlertDialogContent;
|
|
137
|
+
exports.AlertDialogDescription = __webpack_exports__.AlertDialogDescription;
|
|
138
|
+
exports.AlertDialogFooter = __webpack_exports__.AlertDialogFooter;
|
|
139
|
+
exports.AlertDialogHeader = __webpack_exports__.AlertDialogHeader;
|
|
140
|
+
exports.AlertDialogTitle = __webpack_exports__.AlertDialogTitle;
|
|
141
|
+
exports.AlertDialogTrigger = __webpack_exports__.AlertDialogTrigger;
|
|
142
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
143
|
+
"AlertDialog",
|
|
144
|
+
"AlertDialogAction",
|
|
145
|
+
"AlertDialogBody",
|
|
146
|
+
"AlertDialogCancel",
|
|
147
|
+
"AlertDialogContent",
|
|
148
|
+
"AlertDialogDescription",
|
|
149
|
+
"AlertDialogFooter",
|
|
150
|
+
"AlertDialogHeader",
|
|
151
|
+
"AlertDialogTitle",
|
|
152
|
+
"AlertDialogTrigger"
|
|
153
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
154
|
+
Object.defineProperty(exports, '__esModule', {
|
|
155
|
+
value: true
|
|
156
|
+
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { ComponentProps, JSX } from "react";
|
|
2
1
|
import type { VariantProps } from "@codefast/tailwind-variants";
|
|
3
|
-
import {
|
|
2
|
+
import type { ComponentProps, JSX } from "react";
|
|
4
3
|
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
4
|
+
import { buttonVariants } from "./button";
|
|
5
5
|
type AlertDialogProps = ComponentProps<typeof AlertDialogPrimitive.Root>;
|
|
6
6
|
declare function AlertDialog({ ...props }: AlertDialogProps): JSX.Element;
|
|
7
7
|
type AlertDialogTriggerProps = ComponentProps<typeof AlertDialogPrimitive.Trigger>;
|
|
@@ -1,2 +1,95 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from "@codefast/tailwind-variants";
|
|
4
|
+
import { Action, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-alert-dialog";
|
|
5
|
+
import { buttonVariants } from "./button.js";
|
|
6
|
+
function AlertDialog({ ...props }) {
|
|
7
|
+
return /*#__PURE__*/ jsx(Root, {
|
|
8
|
+
"data-slot": "alert-dialog",
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
function AlertDialogTrigger({ ...props }) {
|
|
13
|
+
return /*#__PURE__*/ jsx(Trigger, {
|
|
14
|
+
"data-slot": "alert-dialog-trigger",
|
|
15
|
+
...props
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
function AlertDialogContent({ children, className, classNames, ...props }) {
|
|
19
|
+
return /*#__PURE__*/ jsxs(Portal, {
|
|
20
|
+
children: [
|
|
21
|
+
/*#__PURE__*/ jsx(Overlay, {
|
|
22
|
+
className: cn("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", classNames?.overlay),
|
|
23
|
+
"data-slot": "alert-dialog-overlay"
|
|
24
|
+
}),
|
|
25
|
+
/*#__PURE__*/ jsx(Content, {
|
|
26
|
+
className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:grid-rows-[1fr_auto_3fr] sm:p-4", classNames?.wrapper),
|
|
27
|
+
"data-slot": "alert-dialog-content-wrapper",
|
|
28
|
+
...props,
|
|
29
|
+
children: /*#__PURE__*/ jsx("div", {
|
|
30
|
+
className: cn("relative row-start-2 flex w-full max-w-lg flex-col rounded-2xl border bg-popover text-popover-foreground shadow-lg", classNames?.content, className),
|
|
31
|
+
"data-slot": "alert-dialog-content",
|
|
32
|
+
children: children
|
|
33
|
+
})
|
|
34
|
+
})
|
|
35
|
+
]
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
function AlertDialogHeader({ className, ...props }) {
|
|
39
|
+
return /*#__PURE__*/ jsx("div", {
|
|
40
|
+
className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left", className),
|
|
41
|
+
"data-slot": "alert-dialog-header",
|
|
42
|
+
...props
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
function AlertDialogBody({ className, ...props }) {
|
|
46
|
+
return /*#__PURE__*/ jsx("main", {
|
|
47
|
+
className: cn("overflow-auto px-6 py-2", className),
|
|
48
|
+
"data-slot": "alert-dialog-body",
|
|
49
|
+
...props
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
function AlertDialogFooter({ className, ...props }) {
|
|
53
|
+
return /*#__PURE__*/ jsx("div", {
|
|
54
|
+
className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end", className),
|
|
55
|
+
"data-slot": "alert-dialog-footer",
|
|
56
|
+
...props
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
function AlertDialogTitle({ className, ...props }) {
|
|
60
|
+
return /*#__PURE__*/ jsx(Title, {
|
|
61
|
+
className: cn("text-lg leading-none font-semibold tracking-tight", className),
|
|
62
|
+
"data-slot": "alert-dialog-title",
|
|
63
|
+
...props
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
function AlertDialogDescription({ className, ...props }) {
|
|
67
|
+
return /*#__PURE__*/ jsx(Description, {
|
|
68
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
69
|
+
"data-slot": "alert-dialog-description",
|
|
70
|
+
...props
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
function AlertDialogAction({ className, size, variant, ...props }) {
|
|
74
|
+
return /*#__PURE__*/ jsx(Action, {
|
|
75
|
+
className: buttonVariants({
|
|
76
|
+
className,
|
|
77
|
+
size,
|
|
78
|
+
variant
|
|
79
|
+
}),
|
|
80
|
+
"data-slot": "alert-dialog-action",
|
|
81
|
+
...props
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
function AlertDialogCancel({ className, size, variant = "outline", ...props }) {
|
|
85
|
+
return /*#__PURE__*/ jsx(Cancel, {
|
|
86
|
+
className: buttonVariants({
|
|
87
|
+
className,
|
|
88
|
+
size,
|
|
89
|
+
variant
|
|
90
|
+
}),
|
|
91
|
+
"data-slot": "alert-dialog-cancel",
|
|
92
|
+
...props
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger };
|
|
@@ -1 +1,84 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
Alert: ()=>Alert,
|
|
28
|
+
AlertDescription: ()=>AlertDescription,
|
|
29
|
+
AlertTitle: ()=>AlertTitle,
|
|
30
|
+
alertVariants: ()=>alertVariants
|
|
31
|
+
});
|
|
32
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
33
|
+
const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
|
|
34
|
+
const alertVariants = (0, tailwind_variants_namespaceObject.tv)({
|
|
35
|
+
base: "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-xl border bg-card px-4 py-3 text-sm has-[>svg]:grid-cols-[--spacing(4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
|
|
36
|
+
defaultVariants: {
|
|
37
|
+
variant: "default"
|
|
38
|
+
},
|
|
39
|
+
variants: {
|
|
40
|
+
variant: {
|
|
41
|
+
default: "text-card-foreground",
|
|
42
|
+
destructive: "text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current"
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
function Alert({ className, variant, ...props }) {
|
|
47
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
48
|
+
className: alertVariants({
|
|
49
|
+
className,
|
|
50
|
+
variant
|
|
51
|
+
}),
|
|
52
|
+
"data-slot": "alert",
|
|
53
|
+
role: "alert",
|
|
54
|
+
...props
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
function AlertTitle({ children, className, ...props }) {
|
|
58
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
59
|
+
className: (0, tailwind_variants_namespaceObject.cn)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
|
|
60
|
+
"data-slot": "alert-title",
|
|
61
|
+
...props,
|
|
62
|
+
children: children
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
function AlertDescription({ className, ...props }) {
|
|
66
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
67
|
+
className: (0, tailwind_variants_namespaceObject.cn)("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed", className),
|
|
68
|
+
"data-slot": "alert-description",
|
|
69
|
+
...props
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
exports.Alert = __webpack_exports__.Alert;
|
|
73
|
+
exports.AlertDescription = __webpack_exports__.AlertDescription;
|
|
74
|
+
exports.AlertTitle = __webpack_exports__.AlertTitle;
|
|
75
|
+
exports.alertVariants = __webpack_exports__.alertVariants;
|
|
76
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
77
|
+
"Alert",
|
|
78
|
+
"AlertDescription",
|
|
79
|
+
"AlertTitle",
|
|
80
|
+
"alertVariants"
|
|
81
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
82
|
+
Object.defineProperty(exports, '__esModule', {
|
|
83
|
+
value: true
|
|
84
|
+
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { ComponentProps, JSX } from "react";
|
|
2
1
|
import type { VariantProps } from "@codefast/tailwind-variants";
|
|
2
|
+
import type { ComponentProps, JSX } from "react";
|
|
3
3
|
declare const alertVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
|
|
4
4
|
variant: {
|
|
5
5
|
default: string;
|
package/dist/components/alert.js
CHANGED
|
@@ -1 +1,41 @@
|
|
|
1
|
-
import{jsx
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn, tv } from "@codefast/tailwind-variants";
|
|
3
|
+
const alertVariants = tv({
|
|
4
|
+
base: "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-xl border bg-card px-4 py-3 text-sm has-[>svg]:grid-cols-[--spacing(4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
|
|
5
|
+
defaultVariants: {
|
|
6
|
+
variant: "default"
|
|
7
|
+
},
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
default: "text-card-foreground",
|
|
11
|
+
destructive: "text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current"
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
function Alert({ className, variant, ...props }) {
|
|
16
|
+
return /*#__PURE__*/ jsx("div", {
|
|
17
|
+
className: alertVariants({
|
|
18
|
+
className,
|
|
19
|
+
variant
|
|
20
|
+
}),
|
|
21
|
+
"data-slot": "alert",
|
|
22
|
+
role: "alert",
|
|
23
|
+
...props
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
function AlertTitle({ children, className, ...props }) {
|
|
27
|
+
return /*#__PURE__*/ jsx("div", {
|
|
28
|
+
className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
|
|
29
|
+
"data-slot": "alert-title",
|
|
30
|
+
...props,
|
|
31
|
+
children: children
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
function AlertDescription({ className, ...props }) {
|
|
35
|
+
return /*#__PURE__*/ jsx("div", {
|
|
36
|
+
className: cn("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed", className),
|
|
37
|
+
"data-slot": "alert-description",
|
|
38
|
+
...props
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
export { Alert, AlertDescription, AlertTitle, alertVariants };
|
|
@@ -1,2 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
|
-
|
|
3
|
+
var __webpack_require__ = {};
|
|
4
|
+
(()=>{
|
|
5
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
6
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: definition[key]
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
})();
|
|
12
|
+
(()=>{
|
|
13
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
})();
|
|
15
|
+
(()=>{
|
|
16
|
+
__webpack_require__.r = (exports1)=>{
|
|
17
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
18
|
+
value: 'Module'
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
21
|
+
value: true
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
})();
|
|
25
|
+
var __webpack_exports__ = {};
|
|
26
|
+
__webpack_require__.r(__webpack_exports__);
|
|
27
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
28
|
+
AspectRatio: ()=>AspectRatio
|
|
29
|
+
});
|
|
30
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
31
|
+
const react_aspect_ratio_namespaceObject = require("@radix-ui/react-aspect-ratio");
|
|
32
|
+
function AspectRatio({ ...props }) {
|
|
33
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_aspect_ratio_namespaceObject.Root, {
|
|
34
|
+
"data-slot": "aspect-ratio",
|
|
35
|
+
...props
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
exports.AspectRatio = __webpack_exports__.AspectRatio;
|
|
39
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
40
|
+
"AspectRatio"
|
|
41
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
42
|
+
Object.defineProperty(exports, '__esModule', {
|
|
43
|
+
value: true
|
|
44
|
+
});
|
|
@@ -1,2 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Root } from "@radix-ui/react-aspect-ratio";
|
|
4
|
+
function AspectRatio({ ...props }) {
|
|
5
|
+
return /*#__PURE__*/ jsx(Root, {
|
|
6
|
+
"data-slot": "aspect-ratio",
|
|
7
|
+
...props
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
export { AspectRatio };
|