@codefast/ui 0.0.4 → 0.0.6
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.js +52 -1
- package/dist/accordion.js.map +1 -1
- package/dist/accordion.mjs +52 -1
- package/dist/accordion.mjs.map +1 -1
- package/dist/alert-dialog.d.mts +1 -3
- package/dist/alert-dialog.d.ts +1 -3
- package/dist/alert-dialog.js +106 -1
- package/dist/alert-dialog.js.map +1 -1
- package/dist/alert-dialog.mjs +106 -1
- package/dist/alert-dialog.mjs.map +1 -1
- package/dist/alert.js +54 -1
- package/dist/alert.js.map +1 -1
- package/dist/alert.mjs +54 -1
- package/dist/alert.mjs.map +1 -1
- package/dist/aspect-ratio.js +8 -1
- package/dist/aspect-ratio.js.map +1 -1
- package/dist/aspect-ratio.mjs +8 -1
- package/dist/aspect-ratio.mjs.map +1 -1
- package/dist/avatar.js +47 -1
- package/dist/avatar.js.map +1 -1
- package/dist/avatar.mjs +47 -1
- package/dist/avatar.mjs.map +1 -1
- package/dist/badge.js +30 -1
- package/dist/badge.js.map +1 -1
- package/dist/badge.mjs +30 -1
- package/dist/badge.mjs.map +1 -1
- package/dist/breadcrumb.js +99 -1
- package/dist/breadcrumb.js.map +1 -1
- package/dist/breadcrumb.mjs +99 -1
- package/dist/breadcrumb.mjs.map +1 -1
- package/dist/button.d.mts +1 -1
- package/dist/button.d.ts +1 -1
- package/dist/button.js +9 -1
- package/dist/button.mjs +9 -1
- package/dist/calendar.js +82 -1
- package/dist/calendar.js.map +1 -1
- package/dist/calendar.mjs +82 -1
- package/dist/calendar.mjs.map +1 -1
- package/dist/card.js +66 -1
- package/dist/card.js.map +1 -1
- package/dist/card.mjs +66 -1
- package/dist/card.mjs.map +1 -1
- package/dist/carousel.js +193 -1
- package/dist/carousel.js.map +1 -1
- package/dist/carousel.mjs +193 -1
- package/dist/carousel.mjs.map +1 -1
- package/dist/checkbox.js +26 -1
- package/dist/checkbox.js.map +1 -1
- package/dist/checkbox.mjs +26 -1
- package/dist/checkbox.mjs.map +1 -1
- package/dist/chunk-4K26QLS2.js +52 -0
- package/dist/chunk-4K26QLS2.js.map +1 -0
- package/dist/chunk-5GHZ6EXI.js +41 -0
- package/dist/chunk-5GHZ6EXI.js.map +1 -0
- package/dist/chunk-EIHWTXQ4.mjs +112 -0
- package/dist/chunk-EIHWTXQ4.mjs.map +1 -0
- package/dist/chunk-G3NP7M2N.js +19 -0
- package/dist/chunk-G3NP7M2N.js.map +1 -0
- package/dist/chunk-LDYBRDAY.js +112 -0
- package/dist/chunk-LDYBRDAY.js.map +1 -0
- package/dist/chunk-PTD4AMHI.mjs +25 -0
- package/dist/{chunk-76AASLTX.mjs.map → chunk-PTD4AMHI.mjs.map} +1 -1
- package/dist/chunk-RTKEO347.js +25 -0
- package/dist/chunk-RTKEO347.js.map +1 -0
- package/dist/chunk-T52N6ZBP.mjs +41 -0
- package/dist/chunk-T52N6ZBP.mjs.map +1 -0
- package/dist/chunk-UG3URV2Z.mjs +19 -0
- package/dist/chunk-UG3URV2Z.mjs.map +1 -0
- package/dist/chunk-Z524G4RY.mjs +52 -0
- package/dist/chunk-Z524G4RY.mjs.map +1 -0
- package/dist/collapsible.js +12 -1
- package/dist/collapsible.js.map +1 -1
- package/dist/collapsible.mjs +12 -1
- package/dist/collapsible.mjs.map +1 -1
- package/dist/command.js +131 -1
- package/dist/command.js.map +1 -1
- package/dist/command.mjs +131 -1
- package/dist/command.mjs.map +1 -1
- package/dist/context-menu.d.mts +2 -2
- package/dist/context-menu.d.ts +2 -2
- package/dist/context-menu.js +169 -1
- package/dist/context-menu.js.map +1 -1
- package/dist/context-menu.mjs +169 -1
- package/dist/context-menu.mjs.map +1 -1
- package/dist/dialog.d.mts +1 -3
- package/dist/dialog.d.ts +1 -3
- package/dist/dialog.js +22 -1
- package/dist/dialog.mjs +22 -1
- package/dist/drawer.d.mts +1 -3
- package/dist/drawer.d.ts +1 -3
- package/dist/drawer.js +97 -1
- package/dist/drawer.js.map +1 -1
- package/dist/drawer.mjs +97 -1
- package/dist/drawer.mjs.map +1 -1
- package/dist/dropdown-menu.d.mts +1 -2
- package/dist/dropdown-menu.d.ts +1 -2
- package/dist/dropdown-menu.js +157 -1
- package/dist/dropdown-menu.js.map +1 -1
- package/dist/dropdown-menu.mjs +157 -1
- package/dist/dropdown-menu.mjs.map +1 -1
- package/dist/form.js +117 -1
- package/dist/form.js.map +1 -1
- package/dist/form.mjs +117 -1
- package/dist/form.mjs.map +1 -1
- package/dist/hover-card.js +30 -1
- package/dist/hover-card.js.map +1 -1
- package/dist/hover-card.mjs +30 -1
- package/dist/hover-card.mjs.map +1 -1
- package/dist/input-otp.js +59 -1
- package/dist/input-otp.js.map +1 -1
- package/dist/input-otp.mjs +59 -1
- package/dist/input-otp.mjs.map +1 -1
- package/dist/input.js +25 -1
- package/dist/input.js.map +1 -1
- package/dist/input.mjs +25 -1
- package/dist/input.mjs.map +1 -1
- package/dist/label.js +8 -1
- package/dist/label.mjs +8 -1
- package/dist/menubar.d.mts +1 -2
- package/dist/menubar.d.ts +1 -2
- package/dist/menubar.js +188 -1
- package/dist/menubar.js.map +1 -1
- package/dist/menubar.mjs +188 -1
- package/dist/menubar.mjs.map +1 -1
- package/dist/navigation-menu.js +124 -1
- package/dist/navigation-menu.js.map +1 -1
- package/dist/navigation-menu.mjs +124 -1
- package/dist/navigation-menu.mjs.map +1 -1
- package/dist/pagination.js +123 -1
- package/dist/pagination.js.map +1 -1
- package/dist/pagination.mjs +123 -1
- package/dist/pagination.mjs.map +1 -1
- package/dist/popover.d.mts +2 -1
- package/dist/popover.d.ts +2 -1
- package/dist/popover.js +42 -1
- package/dist/popover.js.map +1 -1
- package/dist/popover.mjs +42 -1
- package/dist/popover.mjs.map +1 -1
- package/dist/progress.js +33 -1
- package/dist/progress.js.map +1 -1
- package/dist/progress.mjs +33 -1
- package/dist/progress.mjs.map +1 -1
- package/dist/radio-group.js +46 -1
- package/dist/radio-group.js.map +1 -1
- package/dist/radio-group.mjs +46 -1
- package/dist/radio-group.mjs.map +1 -1
- package/dist/resizable.js +47 -1
- package/dist/resizable.js.map +1 -1
- package/dist/resizable.mjs +47 -1
- package/dist/resizable.mjs.map +1 -1
- package/dist/scroll-area.js +44 -1
- package/dist/scroll-area.js.map +1 -1
- package/dist/scroll-area.mjs +44 -1
- package/dist/scroll-area.mjs.map +1 -1
- package/dist/select.js +134 -1
- package/dist/select.js.map +1 -1
- package/dist/select.mjs +134 -1
- package/dist/select.mjs.map +1 -1
- package/dist/separator.js +29 -1
- package/dist/separator.js.map +1 -1
- package/dist/separator.mjs +29 -1
- package/dist/separator.mjs.map +1 -1
- package/dist/sheet.d.mts +1 -3
- package/dist/sheet.d.ts +1 -3
- package/dist/sheet.js +121 -1
- package/dist/sheet.js.map +1 -1
- package/dist/sheet.mjs +121 -1
- package/dist/sheet.mjs.map +1 -1
- package/dist/skeleton.js +21 -1
- package/dist/skeleton.js.map +1 -1
- package/dist/skeleton.mjs +21 -1
- package/dist/skeleton.mjs.map +1 -1
- package/dist/slider.js +28 -1
- package/dist/slider.js.map +1 -1
- package/dist/slider.mjs +28 -1
- package/dist/slider.mjs.map +1 -1
- package/dist/sonner.js +34 -1
- package/dist/sonner.js.map +1 -1
- package/dist/sonner.mjs +34 -1
- package/dist/sonner.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/switch.js +25 -1
- package/dist/switch.js.map +1 -1
- package/dist/switch.mjs +25 -1
- package/dist/switch.mjs.map +1 -1
- package/dist/table.js +94 -1
- package/dist/table.js.map +1 -1
- package/dist/table.mjs +94 -1
- package/dist/table.mjs.map +1 -1
- package/dist/tabs.js +52 -1
- package/dist/tabs.js.map +1 -1
- package/dist/tabs.mjs +52 -1
- package/dist/tabs.mjs.map +1 -1
- package/dist/textarea.js +24 -1
- package/dist/textarea.js.map +1 -1
- package/dist/textarea.mjs +24 -1
- package/dist/textarea.mjs.map +1 -1
- package/dist/toggle-group.js +49 -1
- package/dist/toggle-group.js.map +1 -1
- package/dist/toggle-group.mjs +49 -1
- package/dist/toggle-group.mjs.map +1 -1
- package/dist/toggle.d.mts +1 -1
- package/dist/toggle.d.ts +1 -1
- package/dist/toggle.js +10 -1
- package/dist/toggle.mjs +10 -1
- package/dist/tooltip.d.mts +2 -3
- package/dist/tooltip.d.ts +2 -3
- package/dist/tooltip.js +41 -1
- package/dist/tooltip.js.map +1 -1
- package/dist/tooltip.mjs +41 -1
- package/dist/tooltip.mjs.map +1 -1
- package/dist/utils.js +10 -1
- package/dist/utils.mjs +10 -1
- package/package.json +6 -6
- package/src/accordion.tsx +2 -6
- package/src/alert-dialog.tsx +4 -35
- package/src/alert.tsx +1 -1
- package/src/avatar.tsx +1 -1
- package/src/badge.tsx +1 -1
- package/src/breadcrumb.tsx +1 -1
- package/src/button.tsx +5 -5
- package/src/calendar.tsx +6 -7
- package/src/card.tsx +1 -1
- package/src/checkbox.tsx +1 -2
- package/src/command.tsx +6 -17
- package/src/context-menu.tsx +32 -44
- package/src/dialog.tsx +9 -37
- package/src/drawer.tsx +3 -27
- package/src/dropdown-menu.tsx +15 -44
- package/src/form.tsx +0 -1
- package/src/hover-card.tsx +12 -20
- package/src/input-otp.tsx +2 -2
- package/src/input.tsx +1 -1
- package/src/menubar.tsx +17 -42
- package/src/navigation-menu.tsx +6 -19
- package/src/pagination.tsx +2 -4
- package/src/popover.tsx +18 -12
- package/src/progress.tsx +3 -1
- package/src/radio-group.tsx +6 -4
- package/src/resizable.tsx +2 -5
- package/src/select.tsx +13 -22
- package/src/sheet.tsx +15 -59
- package/src/slider.tsx +1 -1
- package/src/sonner.tsx +4 -2
- package/src/switch.tsx +2 -8
- package/src/table.tsx +2 -2
- package/src/tabs.tsx +3 -4
- package/src/textarea.tsx +1 -1
- package/src/toggle.tsx +4 -7
- package/src/tooltip.tsx +23 -34
- package/dist/chunk-4ZL55G6C.js +0 -2
- package/dist/chunk-4ZL55G6C.js.map +0 -1
- package/dist/chunk-76AASLTX.mjs +0 -2
- package/dist/chunk-7UVSBFQU.js +0 -2
- package/dist/chunk-7UVSBFQU.js.map +0 -1
- package/dist/chunk-BP7PEVLB.js +0 -2
- package/dist/chunk-BP7PEVLB.js.map +0 -1
- package/dist/chunk-BPCLLQ62.mjs +0 -2
- package/dist/chunk-BPCLLQ62.mjs.map +0 -1
- package/dist/chunk-CAGY2ZSE.js +0 -2
- package/dist/chunk-CAGY2ZSE.js.map +0 -1
- package/dist/chunk-JTI7KCLO.mjs +0 -2
- package/dist/chunk-JTI7KCLO.mjs.map +0 -1
- package/dist/chunk-QZCQ42BP.js +0 -2
- package/dist/chunk-QZCQ42BP.js.map +0 -1
- package/dist/chunk-WZ4XIF6U.mjs +0 -2
- package/dist/chunk-WZ4XIF6U.mjs.map +0 -1
- package/dist/chunk-YQJHVJVX.mjs +0 -2
- package/dist/chunk-YQJHVJVX.mjs.map +0 -1
package/dist/accordion.js
CHANGED
|
@@ -1,2 +1,53 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
5
|
+
|
|
6
|
+
// src/accordion.tsx
|
|
7
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
8
|
+
var _reactaccordion = require('@radix-ui/react-accordion'); var AccordionPrimitive = _interopRequireWildcard(_reactaccordion);
|
|
9
|
+
var _reacticons = require('@radix-ui/react-icons');
|
|
10
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
11
|
+
var Accordion = AccordionPrimitive.Root;
|
|
12
|
+
var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13
|
+
AccordionPrimitive.Item,
|
|
14
|
+
{
|
|
15
|
+
ref,
|
|
16
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0, "border-b", className),
|
|
17
|
+
...props
|
|
18
|
+
}
|
|
19
|
+
));
|
|
20
|
+
AccordionItem.displayName = AccordionPrimitive.Item.displayName;
|
|
21
|
+
var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
22
|
+
AccordionPrimitive.Trigger,
|
|
23
|
+
{
|
|
24
|
+
ref,
|
|
25
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
26
|
+
"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
|
|
27
|
+
className
|
|
28
|
+
),
|
|
29
|
+
...props,
|
|
30
|
+
children: [
|
|
31
|
+
children,
|
|
32
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ChevronDownIcon, { className: "text-muted-foreground size-4 shrink-0 transition-transform duration-200" })
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
) }));
|
|
36
|
+
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
37
|
+
var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
38
|
+
AccordionPrimitive.Content,
|
|
39
|
+
{
|
|
40
|
+
ref,
|
|
41
|
+
className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
|
|
42
|
+
...props,
|
|
43
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkG3NP7M2Njs.cn.call(void 0, "pb-4 pt-0", className), children })
|
|
44
|
+
}
|
|
45
|
+
));
|
|
46
|
+
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
exports.Accordion = Accordion; exports.AccordionContent = AccordionContent; exports.AccordionItem = AccordionItem; exports.AccordionTrigger = AccordionTrigger;
|
|
2
53
|
//# sourceMappingURL=accordion.js.map
|
package/dist/accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/accordion.tsx"],"names":[
|
|
1
|
+
{"version":3,"sources":["../src/accordion.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AACpC,SAAS,uBAAuB;AAiB9B,cAiBE,YAjBF;AAVF,IAAM,YAA+B;AAMrC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,YAAY,SAAS;AAAA,IAClC,GAAG;AAAA;AACN,CACD;AACD,cAAc,cAAiC,wBAAK;AAMpD,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC,oBAAoB,2BAAnB,EAA0B,WAAU,QACnC;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AAAA,MACD,oBAAC,mBAAgB,WAAU,2EAA0E;AAAA;AAAA;AACvG,GACF,CACD;AACD,iBAAiB,cAAiC,2BAAQ;AAM1D,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC;AAAA,IACA,WAAU;AAAA,IACT,GAAG;AAAA,IAEJ,8BAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GAAI,UAAS;AAAA;AACxD,CACD;AACD,iBAAiB,cAAiC,2BAAQ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Accordion\n * -------------------------------------------------------------------------- */\n\nconst Accordion = AccordionPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionItem\n * -------------------------------------------------------------------------- */\n\nconst AccordionItem = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Item>,\n AccordionPrimitive.AccordionItemProps\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Item\n ref={ref}\n className={cn(\"border-b\", className)}\n {...props}\n />\n));\nAccordionItem.displayName = AccordionPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionTrigger\n * -------------------------------------------------------------------------- */\n\nconst AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Trigger>,\n AccordionPrimitive.AccordionTriggerProps\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180\",\n className,\n )}\n {...props}\n >\n {children}\n <ChevronDownIcon className=\"text-muted-foreground size-4 shrink-0 transition-transform duration-200\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionContent\n * -------------------------------------------------------------------------- */\n\nconst AccordionContent = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Content>,\n AccordionPrimitive.AccordionContentProps\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Content\n ref={ref}\n className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n {...props}\n >\n <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n </AccordionPrimitive.Content>\n));\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"]}
|
package/dist/accordion.mjs
CHANGED
|
@@ -1,2 +1,53 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
cn
|
|
4
|
+
} from "./chunk-UG3URV2Z.mjs";
|
|
5
|
+
|
|
6
|
+
// src/accordion.tsx
|
|
7
|
+
import * as React from "react";
|
|
8
|
+
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
9
|
+
import { ChevronDownIcon } from "@radix-ui/react-icons";
|
|
10
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
|
+
var Accordion = AccordionPrimitive.Root;
|
|
12
|
+
var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
13
|
+
AccordionPrimitive.Item,
|
|
14
|
+
{
|
|
15
|
+
ref,
|
|
16
|
+
className: cn("border-b", className),
|
|
17
|
+
...props
|
|
18
|
+
}
|
|
19
|
+
));
|
|
20
|
+
AccordionItem.displayName = AccordionPrimitive.Item.displayName;
|
|
21
|
+
var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
|
|
22
|
+
AccordionPrimitive.Trigger,
|
|
23
|
+
{
|
|
24
|
+
ref,
|
|
25
|
+
className: cn(
|
|
26
|
+
"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
|
|
27
|
+
className
|
|
28
|
+
),
|
|
29
|
+
...props,
|
|
30
|
+
children: [
|
|
31
|
+
children,
|
|
32
|
+
/* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground size-4 shrink-0 transition-transform duration-200" })
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
) }));
|
|
36
|
+
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
37
|
+
var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
38
|
+
AccordionPrimitive.Content,
|
|
39
|
+
{
|
|
40
|
+
ref,
|
|
41
|
+
className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
|
|
42
|
+
...props,
|
|
43
|
+
children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
|
|
44
|
+
}
|
|
45
|
+
));
|
|
46
|
+
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
|
47
|
+
export {
|
|
48
|
+
Accordion,
|
|
49
|
+
AccordionContent,
|
|
50
|
+
AccordionItem,
|
|
51
|
+
AccordionTrigger
|
|
52
|
+
};
|
|
2
53
|
//# sourceMappingURL=accordion.mjs.map
|
package/dist/accordion.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Accordion\n * -------------------------------------------------------------------------- */\n\nconst Accordion = AccordionPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionItem\n * -------------------------------------------------------------------------- */\n\nconst AccordionItem = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Item>,\n AccordionPrimitive.AccordionItemProps\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Item\n ref={ref}\n className={cn(\"border-b\", className)}\n {...props}\n />\n));\nAccordionItem.displayName = AccordionPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionTrigger\n * -------------------------------------------------------------------------- */\n\nconst AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Trigger>,\n AccordionPrimitive.AccordionTriggerProps\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline
|
|
1
|
+
{"version":3,"sources":["../src/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Accordion\n * -------------------------------------------------------------------------- */\n\nconst Accordion = AccordionPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionItem\n * -------------------------------------------------------------------------- */\n\nconst AccordionItem = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Item>,\n AccordionPrimitive.AccordionItemProps\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Item\n ref={ref}\n className={cn(\"border-b\", className)}\n {...props}\n />\n));\nAccordionItem.displayName = AccordionPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionTrigger\n * -------------------------------------------------------------------------- */\n\nconst AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Trigger>,\n AccordionPrimitive.AccordionTriggerProps\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180\",\n className,\n )}\n {...props}\n >\n {children}\n <ChevronDownIcon className=\"text-muted-foreground size-4 shrink-0 transition-transform duration-200\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AccordionContent\n * -------------------------------------------------------------------------- */\n\nconst AccordionContent = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Content>,\n AccordionPrimitive.AccordionContentProps\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Content\n ref={ref}\n className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n {...props}\n >\n <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n </AccordionPrimitive.Content>\n));\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AACpC,SAAS,uBAAuB;AAiB9B,cAiBE,YAjBF;AAVF,IAAM,YAA+B;AAMrC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,YAAY,SAAS;AAAA,IAClC,GAAG;AAAA;AACN,CACD;AACD,cAAc,cAAiC,wBAAK;AAMpD,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC,oBAAoB,2BAAnB,EAA0B,WAAU,QACnC;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AAAA,MACD,oBAAC,mBAAgB,WAAU,2EAA0E;AAAA;AAAA;AACvG,GACF,CACD;AACD,iBAAiB,cAAiC,2BAAQ;AAM1D,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC;AAAA,IACA,WAAU;AAAA,IACT,GAAG;AAAA,IAEJ,8BAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GAAI,UAAS;AAAA;AACxD,CACD;AACD,iBAAiB,cAAiC,2BAAQ;","names":[]}
|
package/dist/alert-dialog.d.mts
CHANGED
|
@@ -3,8 +3,6 @@ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
|
3
3
|
|
|
4
4
|
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
5
5
|
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
-
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
7
|
-
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
6
|
declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
7
|
declare function AlertDialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
10
8
|
declare function AlertDialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
@@ -13,4 +11,4 @@ declare const AlertDialogDescription: React.ForwardRefExoticComponent<AlertDialo
|
|
|
13
11
|
declare const AlertDialogAction: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
14
12
|
declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
|
|
15
13
|
|
|
16
|
-
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader,
|
|
14
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger };
|
package/dist/alert-dialog.d.ts
CHANGED
|
@@ -3,8 +3,6 @@ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
|
3
3
|
|
|
4
4
|
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
5
5
|
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
-
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
7
|
-
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
6
|
declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
7
|
declare function AlertDialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
10
8
|
declare function AlertDialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
@@ -13,4 +11,4 @@ declare const AlertDialogDescription: React.ForwardRefExoticComponent<AlertDialo
|
|
|
13
11
|
declare const AlertDialogAction: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
14
12
|
declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
|
|
15
13
|
|
|
16
|
-
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader,
|
|
14
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger };
|
package/dist/alert-dialog.js
CHANGED
|
@@ -1,2 +1,107 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunk4K26QLS2js = require('./chunk-4K26QLS2.js');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
8
|
+
|
|
9
|
+
// src/alert-dialog.tsx
|
|
10
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
11
|
+
var _reactalertdialog = require('@radix-ui/react-alert-dialog'); var AlertDialogPrimitive = _interopRequireWildcard(_reactalertdialog);
|
|
12
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
13
|
+
var AlertDialog = AlertDialogPrimitive.Root;
|
|
14
|
+
var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
|
|
15
|
+
var AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, AlertDialogPrimitive.Portal, { children: [
|
|
16
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertDialogPrimitive.Overlay, { className: "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80" }),
|
|
17
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18
|
+
AlertDialogPrimitive.Content,
|
|
19
|
+
{
|
|
20
|
+
ref,
|
|
21
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
22
|
+
"bg-background data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/3 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/3 fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 focus:outline-none sm:rounded-lg",
|
|
23
|
+
className
|
|
24
|
+
),
|
|
25
|
+
...props
|
|
26
|
+
}
|
|
27
|
+
)
|
|
28
|
+
] }));
|
|
29
|
+
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
|
|
30
|
+
function AlertDialogHeader({
|
|
31
|
+
className,
|
|
32
|
+
...props
|
|
33
|
+
}) {
|
|
34
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
35
|
+
"div",
|
|
36
|
+
{
|
|
37
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
38
|
+
"flex flex-col space-y-2 text-center sm:text-left",
|
|
39
|
+
className
|
|
40
|
+
),
|
|
41
|
+
...props
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
}
|
|
45
|
+
function AlertDialogFooter({
|
|
46
|
+
className,
|
|
47
|
+
...props
|
|
48
|
+
}) {
|
|
49
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
50
|
+
"div",
|
|
51
|
+
{
|
|
52
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
53
|
+
"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
|
|
54
|
+
className
|
|
55
|
+
),
|
|
56
|
+
...props
|
|
57
|
+
}
|
|
58
|
+
);
|
|
59
|
+
}
|
|
60
|
+
var AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
61
|
+
AlertDialogPrimitive.Title,
|
|
62
|
+
{
|
|
63
|
+
ref,
|
|
64
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0, "text-lg font-semibold", className),
|
|
65
|
+
...props
|
|
66
|
+
}
|
|
67
|
+
));
|
|
68
|
+
AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
|
|
69
|
+
var AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
70
|
+
AlertDialogPrimitive.Description,
|
|
71
|
+
{
|
|
72
|
+
ref,
|
|
73
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0, "text-muted-foreground text-sm", className),
|
|
74
|
+
...props
|
|
75
|
+
}
|
|
76
|
+
));
|
|
77
|
+
AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
|
|
78
|
+
var AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
79
|
+
AlertDialogPrimitive.Action,
|
|
80
|
+
{
|
|
81
|
+
ref,
|
|
82
|
+
className: _chunk4K26QLS2js.buttonVariants.call(void 0, { className }),
|
|
83
|
+
...props
|
|
84
|
+
}
|
|
85
|
+
));
|
|
86
|
+
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
87
|
+
var AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
88
|
+
AlertDialogPrimitive.Cancel,
|
|
89
|
+
{
|
|
90
|
+
ref,
|
|
91
|
+
className: _chunk4K26QLS2js.buttonVariants.call(void 0, { variant: "outline", className }),
|
|
92
|
+
...props
|
|
93
|
+
}
|
|
94
|
+
));
|
|
95
|
+
AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
exports.AlertDialog = AlertDialog; exports.AlertDialogAction = AlertDialogAction; exports.AlertDialogCancel = AlertDialogCancel; exports.AlertDialogContent = AlertDialogContent; exports.AlertDialogDescription = AlertDialogDescription; exports.AlertDialogFooter = AlertDialogFooter; exports.AlertDialogHeader = AlertDialogHeader; exports.AlertDialogTitle = AlertDialogTitle; exports.AlertDialogTrigger = AlertDialogTrigger;
|
|
2
107
|
//# sourceMappingURL=alert-dialog.js.map
|
package/dist/alert-dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/alert-dialog.tsx"],"names":[
|
|
1
|
+
{"version":3,"sources":["../src/alert-dialog.tsx"],"names":[],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AAwBpC,SACE,KADF;AAhBF,IAAM,cAAmC;AAMzC,IAAM,qBAA0C;AAMhD,IAAM,qBAA2B,iBAG/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,qBAAsB,6BAArB,EACC;AAAA,sBAAsB,8BAArB,EAA6B,WAAU,0JAAyJ;AAAA,EACjM;AAAA,IAAsB;AAAA,IAArB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAAA,GACF,CACD;AACD,mBAAmB,cAAmC,6BAAQ;AAM9D,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,yBAAyB,SAAS;AAAA,IAC/C,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAmC,2BAAM;AAM1D,IAAM,yBAA+B,iBAGnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,uBAAuB,cACA,iCAAY;AAMnC,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,eAAe,EAAE,UAAU,CAAC;AAAA,IACtC,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAmC,4BAAO;AAM5D,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,eAAe,EAAE,SAAS,WAAW,UAAU,CAAC;AAAA,IAC1D,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAmC,4BAAO","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\nimport { buttonVariants } from \"./button\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialog\n * -------------------------------------------------------------------------- */\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTrigger\n * -------------------------------------------------------------------------- */\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogContent\n * -------------------------------------------------------------------------- */\n\nconst AlertDialogContent = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Content>,\n AlertDialogPrimitive.AlertDialogContentProps\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Portal>\n <AlertDialogPrimitive.Overlay className=\"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\" />\n <AlertDialogPrimitive.Content\n ref={ref}\n className={cn(\n \"bg-background data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/3 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/3 fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 focus:outline-none sm:rounded-lg\",\n className,\n )}\n {...props}\n />\n </AlertDialogPrimitive.Portal>\n));\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogHeader\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialogHeader({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col space-y-2 text-center sm:text-left\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogFooter\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialogFooter({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTitle\n * -------------------------------------------------------------------------- */\n\nconst AlertDialogTitle = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Title>,\n AlertDialogPrimitive.AlertDialogTitleProps\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold\", className)}\n {...props}\n />\n));\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogDescription\n * -------------------------------------------------------------------------- */\n\nconst AlertDialogDescription = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Description>,\n AlertDialogPrimitive.AlertDialogDescriptionProps\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Description\n ref={ref}\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n));\nAlertDialogDescription.displayName =\n AlertDialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogAction\n * -------------------------------------------------------------------------- */\n\nconst AlertDialogAction = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Action>,\n AlertDialogPrimitive.AlertDialogActionProps\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Action\n ref={ref}\n className={buttonVariants({ className })}\n {...props}\n />\n));\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogCancel\n * -------------------------------------------------------------------------- */\n\nconst AlertDialogCancel = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n AlertDialogPrimitive.AlertDialogCancelProps\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Cancel\n ref={ref}\n className={buttonVariants({ variant: \"outline\", className })}\n {...props}\n />\n));\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n AlertDialog,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n};\n"]}
|
package/dist/alert-dialog.mjs
CHANGED
|
@@ -1,2 +1,107 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
buttonVariants
|
|
4
|
+
} from "./chunk-Z524G4RY.mjs";
|
|
5
|
+
import {
|
|
6
|
+
cn
|
|
7
|
+
} from "./chunk-UG3URV2Z.mjs";
|
|
8
|
+
|
|
9
|
+
// src/alert-dialog.tsx
|
|
10
|
+
import * as React from "react";
|
|
11
|
+
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
12
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
+
var AlertDialog = AlertDialogPrimitive.Root;
|
|
14
|
+
var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
|
|
15
|
+
var AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPrimitive.Portal, { children: [
|
|
16
|
+
/* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, { className: "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80" }),
|
|
17
|
+
/* @__PURE__ */ jsx(
|
|
18
|
+
AlertDialogPrimitive.Content,
|
|
19
|
+
{
|
|
20
|
+
ref,
|
|
21
|
+
className: cn(
|
|
22
|
+
"bg-background data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/3 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/3 fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 focus:outline-none sm:rounded-lg",
|
|
23
|
+
className
|
|
24
|
+
),
|
|
25
|
+
...props
|
|
26
|
+
}
|
|
27
|
+
)
|
|
28
|
+
] }));
|
|
29
|
+
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
|
|
30
|
+
function AlertDialogHeader({
|
|
31
|
+
className,
|
|
32
|
+
...props
|
|
33
|
+
}) {
|
|
34
|
+
return /* @__PURE__ */ jsx(
|
|
35
|
+
"div",
|
|
36
|
+
{
|
|
37
|
+
className: cn(
|
|
38
|
+
"flex flex-col space-y-2 text-center sm:text-left",
|
|
39
|
+
className
|
|
40
|
+
),
|
|
41
|
+
...props
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
}
|
|
45
|
+
function AlertDialogFooter({
|
|
46
|
+
className,
|
|
47
|
+
...props
|
|
48
|
+
}) {
|
|
49
|
+
return /* @__PURE__ */ jsx(
|
|
50
|
+
"div",
|
|
51
|
+
{
|
|
52
|
+
className: cn(
|
|
53
|
+
"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
|
|
54
|
+
className
|
|
55
|
+
),
|
|
56
|
+
...props
|
|
57
|
+
}
|
|
58
|
+
);
|
|
59
|
+
}
|
|
60
|
+
var AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
61
|
+
AlertDialogPrimitive.Title,
|
|
62
|
+
{
|
|
63
|
+
ref,
|
|
64
|
+
className: cn("text-lg font-semibold", className),
|
|
65
|
+
...props
|
|
66
|
+
}
|
|
67
|
+
));
|
|
68
|
+
AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
|
|
69
|
+
var AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
70
|
+
AlertDialogPrimitive.Description,
|
|
71
|
+
{
|
|
72
|
+
ref,
|
|
73
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
74
|
+
...props
|
|
75
|
+
}
|
|
76
|
+
));
|
|
77
|
+
AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
|
|
78
|
+
var AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
79
|
+
AlertDialogPrimitive.Action,
|
|
80
|
+
{
|
|
81
|
+
ref,
|
|
82
|
+
className: buttonVariants({ className }),
|
|
83
|
+
...props
|
|
84
|
+
}
|
|
85
|
+
));
|
|
86
|
+
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
87
|
+
var AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
88
|
+
AlertDialogPrimitive.Cancel,
|
|
89
|
+
{
|
|
90
|
+
ref,
|
|
91
|
+
className: buttonVariants({ variant: "outline", className }),
|
|
92
|
+
...props
|
|
93
|
+
}
|
|
94
|
+
));
|
|
95
|
+
AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
|
|
96
|
+
export {
|
|
97
|
+
AlertDialog,
|
|
98
|
+
AlertDialogAction,
|
|
99
|
+
AlertDialogCancel,
|
|
100
|
+
AlertDialogContent,
|
|
101
|
+
AlertDialogDescription,
|
|
102
|
+
AlertDialogFooter,
|
|
103
|
+
AlertDialogHeader,
|
|
104
|
+
AlertDialogTitle,
|
|
105
|
+
AlertDialogTrigger
|
|
106
|
+
};
|
|
2
107
|
//# sourceMappingURL=alert-dialog.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\nimport { buttonVariants } from \"./button\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialog\n * -------------------------------------------------------------------------- */\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTrigger\n * -------------------------------------------------------------------------- */\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component:
|
|
1
|
+
{"version":3,"sources":["../src/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\nimport { buttonVariants } from \"./button\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialog\n * -------------------------------------------------------------------------- */\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTrigger\n * -------------------------------------------------------------------------- */\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogContent\n * -------------------------------------------------------------------------- */\n\nconst AlertDialogContent = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Content>,\n AlertDialogPrimitive.AlertDialogContentProps\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Portal>\n <AlertDialogPrimitive.Overlay className=\"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\" />\n <AlertDialogPrimitive.Content\n ref={ref}\n className={cn(\n \"bg-background data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/3 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/3 fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 focus:outline-none sm:rounded-lg\",\n className,\n )}\n {...props}\n />\n </AlertDialogPrimitive.Portal>\n));\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogHeader\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialogHeader({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col space-y-2 text-center sm:text-left\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogFooter\n * -------------------------------------------------------------------------- */\n\nfunction AlertDialogFooter({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogTitle\n * -------------------------------------------------------------------------- */\n\nconst AlertDialogTitle = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Title>,\n AlertDialogPrimitive.AlertDialogTitleProps\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold\", className)}\n {...props}\n />\n));\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogDescription\n * -------------------------------------------------------------------------- */\n\nconst AlertDialogDescription = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Description>,\n AlertDialogPrimitive.AlertDialogDescriptionProps\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Description\n ref={ref}\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n));\nAlertDialogDescription.displayName =\n AlertDialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogAction\n * -------------------------------------------------------------------------- */\n\nconst AlertDialogAction = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Action>,\n AlertDialogPrimitive.AlertDialogActionProps\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Action\n ref={ref}\n className={buttonVariants({ className })}\n {...props}\n />\n));\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDialogCancel\n * -------------------------------------------------------------------------- */\n\nconst AlertDialogCancel = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n AlertDialogPrimitive.AlertDialogCancelProps\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Cancel\n ref={ref}\n className={buttonVariants({ variant: \"outline\", className })}\n {...props}\n />\n));\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n AlertDialog,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n};\n"],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AAwBpC,SACE,KADF;AAhBF,IAAM,cAAmC;AAMzC,IAAM,qBAA0C;AAMhD,IAAM,qBAA2B,iBAG/B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,qBAAsB,6BAArB,EACC;AAAA,sBAAsB,8BAArB,EAA6B,WAAU,0JAAyJ;AAAA,EACjM;AAAA,IAAsB;AAAA,IAArB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAAA,GACF,CACD;AACD,mBAAmB,cAAmC,6BAAQ;AAM9D,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,yBAAyB,SAAS;AAAA,IAC/C,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAmC,2BAAM;AAM1D,IAAM,yBAA+B,iBAGnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,uBAAuB,cACA,iCAAY;AAMnC,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,eAAe,EAAE,UAAU,CAAC;AAAA,IACtC,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAmC,4BAAO;AAM5D,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,eAAe,EAAE,SAAS,WAAW,UAAU,CAAC;AAAA,IAC1D,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAmC,4BAAO;","names":[]}
|
package/dist/alert.js
CHANGED
|
@@ -1,2 +1,55 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
5
|
+
|
|
6
|
+
// src/alert.tsx
|
|
7
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
8
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
9
|
+
var alertVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
|
|
10
|
+
base: "relative w-full rounded-lg border p-4 text-sm [&>svg+div]:-translate-y-[3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-7",
|
|
11
|
+
variants: {
|
|
12
|
+
variant: {
|
|
13
|
+
default: "bg-background text-foreground [&>svg]:text-foreground",
|
|
14
|
+
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
defaultVariants: {
|
|
18
|
+
variant: "default"
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
var Alert = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
22
|
+
"div",
|
|
23
|
+
{
|
|
24
|
+
ref,
|
|
25
|
+
role: "alert",
|
|
26
|
+
className: alertVariants({ variant, className }),
|
|
27
|
+
...props
|
|
28
|
+
}
|
|
29
|
+
));
|
|
30
|
+
Alert.displayName = "Alert";
|
|
31
|
+
var AlertTitle = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
32
|
+
"h5",
|
|
33
|
+
{
|
|
34
|
+
ref,
|
|
35
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0, "mb-1 font-medium leading-none tracking-tight", className),
|
|
36
|
+
...props,
|
|
37
|
+
children
|
|
38
|
+
}
|
|
39
|
+
));
|
|
40
|
+
AlertTitle.displayName = "AlertTitle";
|
|
41
|
+
var AlertDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
42
|
+
"div",
|
|
43
|
+
{
|
|
44
|
+
ref,
|
|
45
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0, "text-sm [&_p]:leading-relaxed", className),
|
|
46
|
+
...props
|
|
47
|
+
}
|
|
48
|
+
));
|
|
49
|
+
AlertDescription.displayName = "AlertDescription";
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
exports.Alert = Alert; exports.AlertDescription = AlertDescription; exports.AlertTitle = AlertTitle;
|
|
2
55
|
//# sourceMappingURL=alert.js.map
|
package/dist/alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/alert.tsx"],"names":[
|
|
1
|
+
{"version":3,"sources":["../src/alert.tsx"],"names":[],"mappings":";;;;;;AAAA,YAAY,WAAW;AA8BrB;AAtBF,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAMD,IAAM,QAAc,iBAGlB,CAAC,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,QACnC;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,MAAK;AAAA,IACL,WAAW,cAAc,EAAE,SAAS,UAAU,CAAC;AAAA,IAC9C,GAAG;AAAA;AACN,CACD;AACD,MAAM,cAAc;AAMpB,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,gDAAgD,SAAS;AAAA,IACtE,GAAG;AAAA,IAEH;AAAA;AACH,CACD;AACD,WAAW,cAAc;AAMzB,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAc","sourcesContent":["import * as React from \"react\";\nimport { type VariantProps } from \"cva\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Alert\n * -------------------------------------------------------------------------- */\n\nconst alertVariants = cva({\n base: \"relative w-full rounded-lg border p-4 text-sm [&>svg+div]:-translate-y-[3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-7\",\n variants: {\n variant: {\n default: \"bg-background text-foreground [&>svg]:text-foreground\",\n destructive:\n \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Alert\n * -------------------------------------------------------------------------- */\n\nconst Alert = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n <div\n ref={ref}\n role=\"alert\"\n className={alertVariants({ variant, className })}\n {...props}\n />\n));\nAlert.displayName = \"Alert\";\n\n/* -----------------------------------------------------------------------------\n * Component: AlertTitle\n * -------------------------------------------------------------------------- */\n\nconst AlertTitle = React.forwardRef<\n HTMLHeadingElement,\n React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, children, ...props }, ref) => (\n <h5\n ref={ref}\n className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n {...props}\n >\n {children}\n </h5>\n));\nAlertTitle.displayName = \"AlertTitle\";\n\n/* -----------------------------------------------------------------------------\n * Component: AlertDescription\n * -------------------------------------------------------------------------- */\n\nconst AlertDescription = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\n {...props}\n />\n));\nAlertDescription.displayName = \"AlertDescription\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Alert, AlertTitle, AlertDescription };\n"]}
|