@codefast/ui 0.0.3 → 0.0.5
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.d.mts +9 -0
- package/dist/accordion.d.ts +9 -0
- package/dist/accordion.js +53 -0
- package/dist/accordion.js.map +1 -0
- package/dist/accordion.mjs +53 -0
- package/dist/accordion.mjs.map +1 -0
- package/dist/alert-dialog.d.mts +14 -0
- package/dist/alert-dialog.d.ts +14 -0
- package/dist/alert-dialog.js +107 -0
- package/dist/alert-dialog.js.map +1 -0
- package/dist/alert-dialog.mjs +107 -0
- package/dist/alert-dialog.mjs.map +1 -0
- package/dist/alert.d.mts +64 -0
- package/dist/alert.d.ts +64 -0
- package/dist/alert.js +55 -0
- package/dist/alert.js.map +1 -0
- package/dist/alert.mjs +55 -0
- package/dist/alert.mjs.map +1 -0
- package/dist/aspect-ratio.d.mts +6 -0
- package/dist/aspect-ratio.d.ts +6 -0
- package/dist/aspect-ratio.js +9 -0
- package/dist/aspect-ratio.js.map +1 -0
- package/dist/aspect-ratio.mjs +9 -0
- package/dist/aspect-ratio.mjs.map +1 -0
- package/dist/avatar.d.mts +8 -0
- package/dist/avatar.d.ts +8 -0
- package/dist/avatar.js +48 -0
- package/dist/avatar.js.map +1 -0
- package/dist/avatar.mjs +48 -0
- package/dist/avatar.mjs.map +1 -0
- package/dist/badge.d.mts +62 -0
- package/dist/badge.d.ts +62 -0
- package/dist/badge.js +31 -0
- package/dist/badge.js.map +1 -0
- package/dist/badge.mjs +31 -0
- package/dist/badge.mjs.map +1 -0
- package/dist/breadcrumb.d.mts +15 -0
- package/dist/breadcrumb.d.ts +15 -0
- package/dist/breadcrumb.js +100 -0
- package/dist/breadcrumb.js.map +1 -0
- package/dist/breadcrumb.mjs +100 -0
- package/dist/breadcrumb.mjs.map +1 -0
- package/dist/button.d.mts +1 -1
- package/dist/button.d.ts +1 -1
- package/dist/button.js +9 -1
- package/dist/button.js.map +1 -1
- package/dist/button.mjs +9 -1
- package/dist/button.mjs.map +1 -1
- package/dist/calendar.d.mts +7 -0
- package/dist/calendar.d.ts +7 -0
- package/dist/calendar.js +83 -0
- package/dist/calendar.js.map +1 -0
- package/dist/calendar.mjs +83 -0
- package/dist/calendar.mjs.map +1 -0
- package/dist/card.d.mts +9 -7
- package/dist/card.d.ts +9 -7
- 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.d.mts +22 -0
- package/dist/carousel.d.ts +22 -0
- package/dist/carousel.js +194 -0
- package/dist/carousel.js.map +1 -0
- package/dist/carousel.mjs +194 -0
- package/dist/carousel.mjs.map +1 -0
- package/dist/checkbox.d.mts +6 -0
- package/dist/checkbox.d.ts +6 -0
- package/dist/checkbox.js +27 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/checkbox.mjs +27 -0
- package/dist/checkbox.mjs.map +1 -0
- 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-PTD4AMHI.mjs.map +1 -0
- 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.d.mts +8 -0
- package/dist/collapsible.d.ts +8 -0
- package/dist/collapsible.js +13 -0
- package/dist/collapsible.js.map +1 -0
- package/dist/collapsible.mjs +13 -0
- package/dist/collapsible.mjs.map +1 -0
- package/dist/command.d.mts +89 -0
- package/dist/command.d.ts +89 -0
- package/dist/command.js +132 -0
- package/dist/command.js.map +1 -0
- package/dist/command.mjs +132 -0
- package/dist/command.mjs.map +1 -0
- package/dist/context-menu.d.mts +26 -0
- package/dist/context-menu.d.ts +26 -0
- package/dist/context-menu.js +170 -0
- package/dist/context-menu.js.map +1 -0
- package/dist/context-menu.mjs +170 -0
- package/dist/context-menu.mjs.map +1 -0
- package/dist/dialog.d.mts +13 -0
- package/dist/dialog.d.ts +13 -0
- package/dist/dialog.js +23 -0
- package/dist/dialog.mjs +23 -0
- package/dist/drawer.d.mts +16 -0
- package/dist/drawer.d.ts +16 -0
- package/dist/drawer.js +98 -0
- package/dist/drawer.js.map +1 -0
- package/dist/drawer.mjs +98 -0
- package/dist/drawer.mjs.map +1 -0
- package/dist/dropdown-menu.d.mts +25 -0
- package/dist/dropdown-menu.d.ts +25 -0
- package/dist/dropdown-menu.js +158 -0
- package/dist/dropdown-menu.js.map +1 -0
- package/dist/dropdown-menu.mjs +158 -0
- package/dist/dropdown-menu.mjs.map +1 -0
- package/dist/form.d.mts +27 -0
- package/dist/form.d.ts +27 -0
- package/dist/form.js +118 -0
- package/dist/form.js.map +1 -0
- package/dist/form.mjs +118 -0
- package/dist/form.mjs.map +1 -0
- package/dist/hover-card.d.mts +8 -0
- package/dist/hover-card.d.ts +8 -0
- package/dist/hover-card.js +31 -0
- package/dist/hover-card.js.map +1 -0
- package/dist/hover-card.mjs +31 -0
- package/dist/hover-card.mjs.map +1 -0
- package/dist/input-otp.d.mts +36 -0
- package/dist/input-otp.d.ts +36 -0
- package/dist/input-otp.js +60 -0
- package/dist/input-otp.js.map +1 -0
- package/dist/input-otp.mjs +60 -0
- package/dist/input-otp.mjs.map +1 -0
- package/dist/input.d.mts +5 -0
- package/dist/input.d.ts +5 -0
- package/dist/input.js +26 -0
- package/dist/input.js.map +1 -0
- package/dist/input.mjs +26 -0
- package/dist/input.mjs.map +1 -0
- package/dist/label.d.mts +6 -0
- package/dist/label.d.ts +6 -0
- package/dist/label.js +9 -0
- package/dist/label.js.map +1 -0
- package/dist/label.mjs +9 -0
- package/dist/label.mjs.map +1 -0
- package/dist/menubar.d.mts +29 -0
- package/dist/menubar.d.ts +29 -0
- package/dist/menubar.js +189 -0
- package/dist/menubar.js.map +1 -0
- package/dist/menubar.mjs +189 -0
- package/dist/menubar.mjs.map +1 -0
- package/dist/navigation-menu.d.mts +68 -0
- package/dist/navigation-menu.d.ts +68 -0
- package/dist/navigation-menu.js +125 -0
- package/dist/navigation-menu.js.map +1 -0
- package/dist/navigation-menu.mjs +125 -0
- package/dist/navigation-menu.mjs.map +1 -0
- package/dist/pagination.d.mts +16 -0
- package/dist/pagination.d.ts +16 -0
- package/dist/pagination.js +124 -0
- package/dist/pagination.js.map +1 -0
- package/dist/pagination.mjs +124 -0
- package/dist/pagination.mjs.map +1 -0
- package/dist/popover.d.mts +10 -0
- package/dist/popover.d.ts +10 -0
- package/dist/popover.js +43 -0
- package/dist/popover.js.map +1 -0
- package/dist/popover.mjs +43 -0
- package/dist/popover.mjs.map +1 -0
- package/dist/progress.d.mts +6 -0
- package/dist/progress.d.ts +6 -0
- package/dist/progress.js +34 -0
- package/dist/progress.js.map +1 -0
- package/dist/progress.mjs +34 -0
- package/dist/progress.mjs.map +1 -0
- package/dist/radio-group.d.mts +7 -0
- package/dist/radio-group.d.ts +7 -0
- package/dist/radio-group.js +47 -0
- package/dist/radio-group.js.map +1 -0
- package/dist/radio-group.mjs +47 -0
- package/dist/radio-group.mjs.map +1 -0
- package/dist/resizable.d.mts +26 -0
- package/dist/resizable.d.ts +26 -0
- package/dist/resizable.js +48 -0
- package/dist/resizable.js.map +1 -0
- package/dist/resizable.mjs +48 -0
- package/dist/resizable.mjs.map +1 -0
- package/dist/scroll-area.d.mts +7 -0
- package/dist/scroll-area.d.ts +7 -0
- package/dist/scroll-area.js +45 -0
- package/dist/scroll-area.js.map +1 -0
- package/dist/scroll-area.mjs +45 -0
- package/dist/scroll-area.mjs.map +1 -0
- package/dist/select.d.mts +15 -0
- package/dist/select.d.ts +15 -0
- package/dist/select.js +135 -0
- package/dist/select.js.map +1 -0
- package/dist/select.mjs +135 -0
- package/dist/select.mjs.map +1 -0
- package/dist/separator.d.mts +6 -0
- package/dist/separator.d.ts +6 -0
- package/dist/separator.js +30 -0
- package/dist/separator.js.map +1 -0
- package/dist/separator.mjs +30 -0
- package/dist/separator.mjs.map +1 -0
- package/dist/sheet.d.mts +73 -0
- package/dist/sheet.d.ts +73 -0
- package/dist/sheet.js +122 -0
- package/dist/sheet.js.map +1 -0
- package/dist/sheet.mjs +122 -0
- package/dist/sheet.mjs.map +1 -0
- package/dist/skeleton.d.mts +5 -0
- package/dist/skeleton.d.ts +5 -0
- package/dist/skeleton.js +22 -0
- package/dist/skeleton.js.map +1 -0
- package/dist/skeleton.mjs +22 -0
- package/dist/skeleton.mjs.map +1 -0
- package/dist/slider.d.mts +6 -0
- package/dist/slider.d.ts +6 -0
- package/dist/slider.js +29 -0
- package/dist/slider.js.map +1 -0
- package/dist/slider.mjs +29 -0
- package/dist/slider.mjs.map +1 -0
- package/dist/sonner.d.mts +8 -0
- package/dist/sonner.d.ts +8 -0
- package/dist/sonner.js +35 -0
- package/dist/sonner.js.map +1 -0
- package/dist/sonner.mjs +35 -0
- package/dist/sonner.mjs.map +1 -0
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/switch.d.mts +6 -0
- package/dist/switch.d.ts +6 -0
- package/dist/switch.js +26 -0
- package/dist/switch.js.map +1 -0
- package/dist/switch.mjs +26 -0
- package/dist/switch.mjs.map +1 -0
- package/dist/table.d.mts +12 -0
- package/dist/table.d.ts +12 -0
- package/dist/table.js +95 -0
- package/dist/table.js.map +1 -0
- package/dist/table.mjs +95 -0
- package/dist/table.mjs.map +1 -0
- package/dist/tabs.d.mts +9 -0
- package/dist/tabs.d.ts +9 -0
- package/dist/tabs.js +53 -0
- package/dist/tabs.js.map +1 -0
- package/dist/tabs.mjs +53 -0
- package/dist/tabs.mjs.map +1 -0
- package/dist/textarea.d.mts +5 -0
- package/dist/textarea.d.ts +5 -0
- package/dist/textarea.js +25 -0
- package/dist/textarea.js.map +1 -0
- package/dist/textarea.mjs +25 -0
- package/dist/textarea.mjs.map +1 -0
- package/dist/toggle-group.d.mts +10 -0
- package/dist/toggle-group.d.ts +10 -0
- package/dist/toggle-group.js +50 -0
- package/dist/toggle-group.js.map +1 -0
- package/dist/toggle-group.mjs +50 -0
- package/dist/toggle-group.mjs.map +1 -0
- package/dist/toggle.d.mts +66 -0
- package/dist/toggle.d.ts +66 -0
- package/dist/toggle.js +11 -0
- package/dist/toggle.js.map +1 -0
- package/dist/toggle.mjs +11 -0
- package/dist/toggle.mjs.map +1 -0
- package/dist/tooltip.d.mts +10 -0
- package/dist/tooltip.d.ts +10 -0
- package/dist/tooltip.js +42 -0
- package/dist/tooltip.js.map +1 -0
- package/dist/tooltip.mjs +42 -0
- package/dist/tooltip.mjs.map +1 -0
- package/dist/{cva.d.mts → utils.d.mts} +2 -2
- package/dist/{cva.d.ts → utils.d.ts} +2 -2
- package/dist/utils.js +11 -0
- package/dist/utils.js.map +1 -0
- package/dist/utils.mjs +11 -0
- package/dist/utils.mjs.map +1 -0
- package/package.json +260 -19
- package/src/accordion.tsx +76 -0
- package/src/alert-dialog.tsx +159 -0
- package/src/alert.tsx +78 -0
- package/src/aspect-ratio.tsx +15 -0
- package/src/avatar.tsx +65 -0
- package/src/badge.tsx +43 -0
- package/src/breadcrumb.tsx +148 -0
- package/src/button.tsx +7 -7
- package/src/calendar.tsx +94 -0
- package/src/card.tsx +112 -25
- package/src/carousel.tsx +281 -0
- package/src/checkbox.tsx +35 -0
- package/src/collapsible.tsx +27 -0
- package/src/command.tsx +203 -0
- package/src/context-menu.tsx +278 -0
- package/src/dialog.tsx +148 -0
- package/src/drawer.tsx +140 -0
- package/src/dropdown-menu.tsx +261 -0
- package/src/form.tsx +224 -0
- package/src/hover-card.tsx +46 -0
- package/src/input-otp.tsx +100 -0
- package/src/input.tsx +30 -0
- package/src/label.tsx +29 -0
- package/src/menubar.tsx +301 -0
- package/src/navigation-menu.tsx +176 -0
- package/src/pagination.tsx +160 -0
- package/src/popover.tsx +68 -0
- package/src/progress.tsx +37 -0
- package/src/radio-group.tsx +56 -0
- package/src/resizable.tsx +64 -0
- package/src/scroll-area.tsx +60 -0
- package/src/select.tsx +207 -0
- package/src/separator.tsx +38 -0
- package/src/sheet.tsx +165 -0
- package/src/skeleton.tsx +24 -0
- package/src/slider.tsx +35 -0
- package/src/sonner.tsx +43 -0
- package/src/switch.tsx +32 -0
- package/src/table.tsx +155 -0
- package/src/tabs.tsx +74 -0
- package/src/textarea.tsx +29 -0
- package/src/toggle-group.tsx +70 -0
- package/src/toggle.tsx +53 -0
- package/src/tooltip.tsx +73 -0
- package/src/{cva.ts → utils.ts} +5 -1
- package/tailwind.config.ts +39 -70
- package/dist/chunk-33V4YP7I.js +0 -2
- package/dist/chunk-33V4YP7I.js.map +0 -1
- package/dist/chunk-JVQ3OM5P.mjs +0 -2
- package/dist/chunk-JVQ3OM5P.mjs.map +0 -1
- package/dist/code.d.mts +0 -3
- package/dist/code.d.ts +0 -3
- package/dist/code.js +0 -2
- package/dist/code.js.map +0 -1
- package/dist/code.mjs +0 -2
- package/dist/code.mjs.map +0 -1
- package/dist/cva.js +0 -2
- package/dist/cva.mjs +0 -2
- package/src/code.tsx +0 -5
- /package/dist/{cva.js.map → dialog.js.map} +0 -0
- /package/dist/{cva.mjs.map → dialog.mjs.map} +0 -0
|
@@ -0,0 +1,41 @@
|
|
|
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
|
+
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
4
|
+
|
|
5
|
+
// src/toggle.tsx
|
|
6
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
7
|
+
var _reacttoggle = require('@radix-ui/react-toggle'); var TogglePrimitive = _interopRequireWildcard(_reacttoggle);
|
|
8
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
9
|
+
var toggleVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
|
|
10
|
+
base: "hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
11
|
+
variants: {
|
|
12
|
+
variant: {
|
|
13
|
+
default: "bg-transparent",
|
|
14
|
+
outline: "border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-sm"
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
default: "h-10 px-3",
|
|
18
|
+
sm: "h-9 px-2.5",
|
|
19
|
+
lg: "h-11 px-5"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
variant: "default",
|
|
24
|
+
size: "default"
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
var Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
28
|
+
TogglePrimitive.Root,
|
|
29
|
+
{
|
|
30
|
+
ref,
|
|
31
|
+
className: toggleVariants({ variant, size, className }),
|
|
32
|
+
...props
|
|
33
|
+
}
|
|
34
|
+
));
|
|
35
|
+
Toggle.displayName = TogglePrimitive.Root.displayName;
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
exports.toggleVariants = toggleVariants; exports.Toggle = Toggle;
|
|
41
|
+
//# sourceMappingURL=chunk-5GHZ6EXI.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/toggle.tsx"],"names":[],"mappings":";;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAsC/B;AA9BF,IAAM,iBAAiB,IAAI;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SACE;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAQD,IAAM,SAAe,iBAGnB,CAAC,EAAE,WAAW,SAAS,MAAM,GAAG,MAAM,GAAG,QACzC;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,OAAO,cAA8B,qBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Toggle\n * -------------------------------------------------------------------------- */\n\nconst toggleVariants = cva({\n base: \"hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline:\n \"border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-sm\",\n },\n size: {\n default: \"h-10 px-3\",\n sm: \"h-9 px-2.5\",\n lg: \"h-11 px-5\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\ntype ToggleVariantsProps = VariantProps<typeof toggleVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Toggle\n * -------------------------------------------------------------------------- */\n\nconst Toggle = React.forwardRef<\n React.ElementRef<typeof TogglePrimitive.Root>,\n TogglePrimitive.ToggleProps & ToggleVariantsProps\n>(({ className, variant, size, ...props }, ref) => (\n <TogglePrimitive.Root\n ref={ref}\n className={toggleVariants({ variant, size, className })}\n {...props}\n />\n));\nToggle.displayName = TogglePrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\nexport { Toggle, toggleVariants, type ToggleVariantsProps };\n"]}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-UG3URV2Z.mjs";
|
|
4
|
+
|
|
5
|
+
// src/dialog.tsx
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
8
|
+
import { Cross2Icon } from "@radix-ui/react-icons";
|
|
9
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
+
var Dialog = DialogPrimitive.Root;
|
|
11
|
+
var DialogTrigger = DialogPrimitive.Trigger;
|
|
12
|
+
var DialogClose = DialogPrimitive.Close;
|
|
13
|
+
var DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
|
|
14
|
+
/* @__PURE__ */ jsx(
|
|
15
|
+
DialogPrimitive.Overlay,
|
|
16
|
+
{
|
|
17
|
+
className: cn(
|
|
18
|
+
"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"
|
|
19
|
+
)
|
|
20
|
+
}
|
|
21
|
+
),
|
|
22
|
+
/* @__PURE__ */ jsxs(
|
|
23
|
+
DialogPrimitive.Content,
|
|
24
|
+
{
|
|
25
|
+
ref,
|
|
26
|
+
className: cn(
|
|
27
|
+
"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",
|
|
28
|
+
className
|
|
29
|
+
),
|
|
30
|
+
...props,
|
|
31
|
+
children: [
|
|
32
|
+
children,
|
|
33
|
+
/* @__PURE__ */ jsxs(
|
|
34
|
+
DialogPrimitive.Close,
|
|
35
|
+
{
|
|
36
|
+
className: cn(
|
|
37
|
+
"focus:ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
|
|
38
|
+
),
|
|
39
|
+
children: [
|
|
40
|
+
/* @__PURE__ */ jsx(Cross2Icon, { className: "size-4" }),
|
|
41
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
|
|
42
|
+
]
|
|
43
|
+
}
|
|
44
|
+
)
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
)
|
|
48
|
+
] }));
|
|
49
|
+
DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
50
|
+
function DialogHeader({
|
|
51
|
+
className,
|
|
52
|
+
...props
|
|
53
|
+
}) {
|
|
54
|
+
return /* @__PURE__ */ jsx(
|
|
55
|
+
"div",
|
|
56
|
+
{
|
|
57
|
+
className: cn(
|
|
58
|
+
"flex flex-col space-y-1.5 text-center sm:text-left",
|
|
59
|
+
className
|
|
60
|
+
),
|
|
61
|
+
...props
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
}
|
|
65
|
+
function DialogFooter({
|
|
66
|
+
className,
|
|
67
|
+
...props
|
|
68
|
+
}) {
|
|
69
|
+
return /* @__PURE__ */ jsx(
|
|
70
|
+
"div",
|
|
71
|
+
{
|
|
72
|
+
className: cn(
|
|
73
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
74
|
+
className
|
|
75
|
+
),
|
|
76
|
+
...props
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
}
|
|
80
|
+
var DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
81
|
+
DialogPrimitive.Title,
|
|
82
|
+
{
|
|
83
|
+
ref,
|
|
84
|
+
className: cn(
|
|
85
|
+
"text-lg font-semibold leading-none tracking-tight",
|
|
86
|
+
className
|
|
87
|
+
),
|
|
88
|
+
...props
|
|
89
|
+
}
|
|
90
|
+
));
|
|
91
|
+
DialogTitle.displayName = DialogPrimitive.Title.displayName;
|
|
92
|
+
var DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
93
|
+
DialogPrimitive.Description,
|
|
94
|
+
{
|
|
95
|
+
ref,
|
|
96
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
97
|
+
...props
|
|
98
|
+
}
|
|
99
|
+
));
|
|
100
|
+
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
101
|
+
|
|
102
|
+
export {
|
|
103
|
+
Dialog,
|
|
104
|
+
DialogTrigger,
|
|
105
|
+
DialogClose,
|
|
106
|
+
DialogContent,
|
|
107
|
+
DialogHeader,
|
|
108
|
+
DialogFooter,
|
|
109
|
+
DialogTitle,
|
|
110
|
+
DialogDescription
|
|
111
|
+
};
|
|
112
|
+
//# sourceMappingURL=chunk-EIHWTXQ4.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Dialog\n * -------------------------------------------------------------------------- */\n\nconst Dialog = DialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTrigger\n * -------------------------------------------------------------------------- */\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogClose\n * -------------------------------------------------------------------------- */\n\nconst DialogClose = DialogPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogContent\n * -------------------------------------------------------------------------- */\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n DialogPrimitive.DialogContentProps\n>(({ className, children, ...props }, ref) => (\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay\n className={cn(\n \"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 )}\n />\n <DialogPrimitive.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 {children}\n <DialogPrimitive.Close\n className={cn(\n \"focus:ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none\",\n )}\n >\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogHeader\n * -------------------------------------------------------------------------- */\n\nfunction DialogHeader({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col space-y-1.5 text-center sm:text-left\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogFooter\n * -------------------------------------------------------------------------- */\n\nfunction DialogFooter({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTitle\n * -------------------------------------------------------------------------- */\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n DialogPrimitive.DialogTitleProps\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\n \"text-lg font-semibold leading-none tracking-tight\",\n className,\n )}\n {...props}\n />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogDescription\n * -------------------------------------------------------------------------- */\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n DialogPrimitive.DialogDescriptionProps\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Dialog,\n DialogTrigger,\n DialogClose,\n DialogContent,\n DialogHeader,\n DialogFooter,\n DialogTitle,\n DialogDescription,\n};\n"],"mappings":";;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AACjC,SAAS,kBAAkB;AA8BvB,cAcE,YAdF;AAvBJ,IAAM,SAAyB;AAM/B,IAAM,gBAAgC;AAMtC,IAAM,cAA8B;AAMpC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC,qBAAiB,wBAAhB,EACC;AAAA;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EACA;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAiB;AAAA,UAAhB;AAAA,YACC,WAAW;AAAA,cACT;AAAA,YACF;AAAA,YAEA;AAAA,kCAAC,cAAW,WAAU,UAAS;AAAA,cAC/B,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,QACjC;AAAA;AAAA;AAAA,EACF;AAAA,GACF,CACD;AACD,cAAc,cAA8B,wBAAQ;AAMpD,SAAS,aAAa;AAAA,EACpB;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,aAAa;AAAA,EACpB;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,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA8B,sBAAM;AAMhD,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAA8B,4BAAY;","names":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils.ts
|
|
2
|
+
var _tailwindmerge = require('tailwind-merge');
|
|
3
|
+
var _cva = require('cva');
|
|
4
|
+
var {
|
|
5
|
+
cva,
|
|
6
|
+
cx: cn,
|
|
7
|
+
compose
|
|
8
|
+
} = _cva.defineConfig.call(void 0, {
|
|
9
|
+
hooks: {
|
|
10
|
+
onComplete: (className) => _tailwindmerge.twMerge.call(void 0, className)
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
exports.cva = cva; exports.cn = cn; exports.compose = compose;
|
|
19
|
+
//# sourceMappingURL=chunk-G3NP7M2N.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils.ts"],"names":[],"mappings":";AAAA,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAEtB,IAAM;AAAA,EACX;AAAA,EACA,IAAI;AAAA,EACJ;AACF,IAAI,aAAa;AAAA,EACf,OAAO;AAAA,IACL,YAAY,CAAC,cAAc,QAAQ,SAAS;AAAA,EAC9C;AACF,CAAC","sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport { defineConfig } from \"cva\";\n\nexport const {\n cva,\n cx: cn,\n compose,\n} = defineConfig({\n hooks: {\n onComplete: (className) => twMerge(className),\n },\n});\n"]}
|
|
@@ -0,0 +1,112 @@
|
|
|
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
|
+
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
4
|
+
|
|
5
|
+
// src/dialog.tsx
|
|
6
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
7
|
+
var _reactdialog = require('@radix-ui/react-dialog'); var DialogPrimitive = _interopRequireWildcard(_reactdialog);
|
|
8
|
+
var _reacticons = require('@radix-ui/react-icons');
|
|
9
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
10
|
+
var Dialog = DialogPrimitive.Root;
|
|
11
|
+
var DialogTrigger = DialogPrimitive.Trigger;
|
|
12
|
+
var DialogClose = DialogPrimitive.Close;
|
|
13
|
+
var DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogPrimitive.Portal, { children: [
|
|
14
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15
|
+
DialogPrimitive.Overlay,
|
|
16
|
+
{
|
|
17
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
18
|
+
"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"
|
|
19
|
+
)
|
|
20
|
+
}
|
|
21
|
+
),
|
|
22
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
23
|
+
DialogPrimitive.Content,
|
|
24
|
+
{
|
|
25
|
+
ref,
|
|
26
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
27
|
+
"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",
|
|
28
|
+
className
|
|
29
|
+
),
|
|
30
|
+
...props,
|
|
31
|
+
children: [
|
|
32
|
+
children,
|
|
33
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
34
|
+
DialogPrimitive.Close,
|
|
35
|
+
{
|
|
36
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
37
|
+
"focus:ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
|
|
38
|
+
),
|
|
39
|
+
children: [
|
|
40
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon, { className: "size-4" }),
|
|
41
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
|
|
42
|
+
]
|
|
43
|
+
}
|
|
44
|
+
)
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
)
|
|
48
|
+
] }));
|
|
49
|
+
DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
50
|
+
function DialogHeader({
|
|
51
|
+
className,
|
|
52
|
+
...props
|
|
53
|
+
}) {
|
|
54
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
55
|
+
"div",
|
|
56
|
+
{
|
|
57
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
58
|
+
"flex flex-col space-y-1.5 text-center sm:text-left",
|
|
59
|
+
className
|
|
60
|
+
),
|
|
61
|
+
...props
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
}
|
|
65
|
+
function DialogFooter({
|
|
66
|
+
className,
|
|
67
|
+
...props
|
|
68
|
+
}) {
|
|
69
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
70
|
+
"div",
|
|
71
|
+
{
|
|
72
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
73
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
74
|
+
className
|
|
75
|
+
),
|
|
76
|
+
...props
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
}
|
|
80
|
+
var DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
81
|
+
DialogPrimitive.Title,
|
|
82
|
+
{
|
|
83
|
+
ref,
|
|
84
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
85
|
+
"text-lg font-semibold leading-none tracking-tight",
|
|
86
|
+
className
|
|
87
|
+
),
|
|
88
|
+
...props
|
|
89
|
+
}
|
|
90
|
+
));
|
|
91
|
+
DialogTitle.displayName = DialogPrimitive.Title.displayName;
|
|
92
|
+
var DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
93
|
+
DialogPrimitive.Description,
|
|
94
|
+
{
|
|
95
|
+
ref,
|
|
96
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0, "text-muted-foreground text-sm", className),
|
|
97
|
+
...props
|
|
98
|
+
}
|
|
99
|
+
));
|
|
100
|
+
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
exports.Dialog = Dialog; exports.DialogTrigger = DialogTrigger; exports.DialogClose = DialogClose; exports.DialogContent = DialogContent; exports.DialogHeader = DialogHeader; exports.DialogFooter = DialogFooter; exports.DialogTitle = DialogTitle; exports.DialogDescription = DialogDescription;
|
|
112
|
+
//# sourceMappingURL=chunk-LDYBRDAY.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/dialog.tsx"],"names":[],"mappings":";;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AACjC,SAAS,kBAAkB;AA8BvB,cAcE,YAdF;AAvBJ,IAAM,SAAyB;AAM/B,IAAM,gBAAgC;AAMtC,IAAM,cAA8B;AAMpC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC,qBAAiB,wBAAhB,EACC;AAAA;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EACA;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAiB;AAAA,UAAhB;AAAA,YACC,WAAW;AAAA,cACT;AAAA,YACF;AAAA,YAEA;AAAA,kCAAC,cAAW,WAAU,UAAS;AAAA,cAC/B,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,QACjC;AAAA;AAAA;AAAA,EACF;AAAA,GACF,CACD;AACD,cAAc,cAA8B,wBAAQ;AAMpD,SAAS,aAAa;AAAA,EACpB;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,aAAa;AAAA,EACpB;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,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA8B,sBAAM;AAMhD,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAA8B,4BAAY","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Dialog\n * -------------------------------------------------------------------------- */\n\nconst Dialog = DialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTrigger\n * -------------------------------------------------------------------------- */\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogClose\n * -------------------------------------------------------------------------- */\n\nconst DialogClose = DialogPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogContent\n * -------------------------------------------------------------------------- */\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n DialogPrimitive.DialogContentProps\n>(({ className, children, ...props }, ref) => (\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay\n className={cn(\n \"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 )}\n />\n <DialogPrimitive.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 {children}\n <DialogPrimitive.Close\n className={cn(\n \"focus:ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none\",\n )}\n >\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogHeader\n * -------------------------------------------------------------------------- */\n\nfunction DialogHeader({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col space-y-1.5 text-center sm:text-left\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogFooter\n * -------------------------------------------------------------------------- */\n\nfunction DialogFooter({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTitle\n * -------------------------------------------------------------------------- */\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n DialogPrimitive.DialogTitleProps\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\n \"text-lg font-semibold leading-none tracking-tight\",\n className,\n )}\n {...props}\n />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogDescription\n * -------------------------------------------------------------------------- */\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n DialogPrimitive.DialogDescriptionProps\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Dialog,\n DialogTrigger,\n DialogClose,\n DialogContent,\n DialogHeader,\n DialogFooter,\n DialogTitle,\n DialogDescription,\n};\n"]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-UG3URV2Z.mjs";
|
|
4
|
+
|
|
5
|
+
// src/label.tsx
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
8
|
+
import { jsx } from "react/jsx-runtime";
|
|
9
|
+
var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
10
|
+
LabelPrimitive.Root,
|
|
11
|
+
{
|
|
12
|
+
ref,
|
|
13
|
+
className: cn(
|
|
14
|
+
"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
|
|
15
|
+
className
|
|
16
|
+
),
|
|
17
|
+
...props
|
|
18
|
+
}
|
|
19
|
+
));
|
|
20
|
+
Label.displayName = LabelPrimitive.Root.displayName;
|
|
21
|
+
|
|
22
|
+
export {
|
|
23
|
+
Label
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=chunk-PTD4AMHI.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/label.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Label\n * -------------------------------------------------------------------------- */\n\nconst Label = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n LabelPrimitive.LabelProps\n>(({ className, ...props }, ref) => (\n <LabelPrimitive.Root\n ref={ref}\n className={cn(\n \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n className,\n )}\n {...props}\n />\n));\nLabel.displayName = LabelPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Label };\n"],"mappings":";;;;;AACA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAW9B;AAJF,IAAM,QAAc,iBAGlB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAgB;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,MAAM,cAA6B,oBAAK;","names":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
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
|
+
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
4
|
+
|
|
5
|
+
// src/label.tsx
|
|
6
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
7
|
+
var _reactlabel = require('@radix-ui/react-label'); var LabelPrimitive = _interopRequireWildcard(_reactlabel);
|
|
8
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
9
|
+
var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
10
|
+
LabelPrimitive.Root,
|
|
11
|
+
{
|
|
12
|
+
ref,
|
|
13
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
14
|
+
"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
|
|
15
|
+
className
|
|
16
|
+
),
|
|
17
|
+
...props
|
|
18
|
+
}
|
|
19
|
+
));
|
|
20
|
+
Label.displayName = LabelPrimitive.Root.displayName;
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
exports.Label = Label;
|
|
25
|
+
//# sourceMappingURL=chunk-RTKEO347.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/label.tsx"],"names":[],"mappings":";;;;;AACA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAW9B;AAJF,IAAM,QAAc,iBAGlB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAgB;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,MAAM,cAA6B,oBAAK","sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Label\n * -------------------------------------------------------------------------- */\n\nconst Label = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n LabelPrimitive.LabelProps\n>(({ className, ...props }, ref) => (\n <LabelPrimitive.Root\n ref={ref}\n className={cn(\n \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n className,\n )}\n {...props}\n />\n));\nLabel.displayName = LabelPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Label };\n"]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cva
|
|
3
|
+
} from "./chunk-UG3URV2Z.mjs";
|
|
4
|
+
|
|
5
|
+
// src/toggle.tsx
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
8
|
+
import { jsx } from "react/jsx-runtime";
|
|
9
|
+
var toggleVariants = cva({
|
|
10
|
+
base: "hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
11
|
+
variants: {
|
|
12
|
+
variant: {
|
|
13
|
+
default: "bg-transparent",
|
|
14
|
+
outline: "border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-sm"
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
default: "h-10 px-3",
|
|
18
|
+
sm: "h-9 px-2.5",
|
|
19
|
+
lg: "h-11 px-5"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
variant: "default",
|
|
24
|
+
size: "default"
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
var Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
28
|
+
TogglePrimitive.Root,
|
|
29
|
+
{
|
|
30
|
+
ref,
|
|
31
|
+
className: toggleVariants({ variant, size, className }),
|
|
32
|
+
...props
|
|
33
|
+
}
|
|
34
|
+
));
|
|
35
|
+
Toggle.displayName = TogglePrimitive.Root.displayName;
|
|
36
|
+
|
|
37
|
+
export {
|
|
38
|
+
toggleVariants,
|
|
39
|
+
Toggle
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=chunk-T52N6ZBP.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Toggle\n * -------------------------------------------------------------------------- */\n\nconst toggleVariants = cva({\n base: \"hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline:\n \"border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-sm\",\n },\n size: {\n default: \"h-10 px-3\",\n sm: \"h-9 px-2.5\",\n lg: \"h-11 px-5\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\ntype ToggleVariantsProps = VariantProps<typeof toggleVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Toggle\n * -------------------------------------------------------------------------- */\n\nconst Toggle = React.forwardRef<\n React.ElementRef<typeof TogglePrimitive.Root>,\n TogglePrimitive.ToggleProps & ToggleVariantsProps\n>(({ className, variant, size, ...props }, ref) => (\n <TogglePrimitive.Root\n ref={ref}\n className={toggleVariants({ variant, size, className })}\n {...props}\n />\n));\nToggle.displayName = TogglePrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\nexport { Toggle, toggleVariants, type ToggleVariantsProps };\n"],"mappings":";;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAsC/B;AA9BF,IAAM,iBAAiB,IAAI;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SACE;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAQD,IAAM,SAAe,iBAGnB,CAAC,EAAE,WAAW,SAAS,MAAM,GAAG,MAAM,GAAG,QACzC;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,OAAO,cAA8B,qBAAK;","names":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
// src/utils.ts
|
|
2
|
+
import { twMerge } from "tailwind-merge";
|
|
3
|
+
import { defineConfig } from "cva";
|
|
4
|
+
var {
|
|
5
|
+
cva,
|
|
6
|
+
cx: cn,
|
|
7
|
+
compose
|
|
8
|
+
} = defineConfig({
|
|
9
|
+
hooks: {
|
|
10
|
+
onComplete: (className) => twMerge(className)
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
export {
|
|
15
|
+
cva,
|
|
16
|
+
cn,
|
|
17
|
+
compose
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=chunk-UG3URV2Z.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils.ts"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport { defineConfig } from \"cva\";\n\nexport const {\n cva,\n cx: cn,\n compose,\n} = defineConfig({\n hooks: {\n onComplete: (className) => twMerge(className),\n },\n});\n"],"mappings":";AAAA,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAEtB,IAAM;AAAA,EACX;AAAA,EACA,IAAI;AAAA,EACJ;AACF,IAAI,aAAa;AAAA,EACf,OAAO;AAAA,IACL,YAAY,CAAC,cAAc,QAAQ,SAAS;AAAA,EAC9C;AACF,CAAC;","names":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cva
|
|
3
|
+
} from "./chunk-UG3URV2Z.mjs";
|
|
4
|
+
|
|
5
|
+
// src/button.tsx
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
8
|
+
import { jsx } from "react/jsx-runtime";
|
|
9
|
+
var buttonVariants = cva({
|
|
10
|
+
base: "focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
11
|
+
variants: {
|
|
12
|
+
variant: {
|
|
13
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow",
|
|
14
|
+
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm",
|
|
15
|
+
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
16
|
+
link: "text-primary underline-offset-4 hover:underline",
|
|
17
|
+
outline: "border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm",
|
|
18
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm"
|
|
19
|
+
},
|
|
20
|
+
size: {
|
|
21
|
+
default: "h-10 px-4",
|
|
22
|
+
sm: "h-9 px-3",
|
|
23
|
+
lg: "h-11 px-8",
|
|
24
|
+
icon: "size-10"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
defaultVariants: {
|
|
28
|
+
size: "default",
|
|
29
|
+
variant: "default"
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
var Button = React.forwardRef(
|
|
33
|
+
({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
34
|
+
const Comp = asChild ? Slot : "button";
|
|
35
|
+
return /* @__PURE__ */ jsx(
|
|
36
|
+
Comp,
|
|
37
|
+
{
|
|
38
|
+
ref,
|
|
39
|
+
type: asChild ? void 0 : "button",
|
|
40
|
+
className: buttonVariants({ variant, size, className }),
|
|
41
|
+
...props
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
}
|
|
45
|
+
);
|
|
46
|
+
Button.displayName = "Button";
|
|
47
|
+
|
|
48
|
+
export {
|
|
49
|
+
buttonVariants,
|
|
50
|
+
Button
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=chunk-Z524G4RY.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Button\n * -------------------------------------------------------------------------- */\n\nconst buttonVariants = cva({\n base: \"focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/90 shadow\",\n destructive:\n \"bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n outline:\n \"border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm\",\n },\n size: {\n default: \"h-10 px-4\",\n sm: \"h-9 px-3\",\n lg: \"h-11 px-8\",\n icon: \"size-10\",\n },\n },\n defaultVariants: {\n size: \"default\",\n variant: \"default\",\n },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Button\n * -------------------------------------------------------------------------- */\n\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\";\n\n return (\n <Comp\n ref={ref}\n type={asChild ? undefined : \"button\"}\n className={buttonVariants({ variant, size, className })}\n {...props}\n />\n );\n },\n);\nButton.displayName = \"Button\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Button, buttonVariants, type ButtonProps };\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAkDf;AA1CN,IAAM,iBAAiB,IAAI;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aACE;AAAA,MACF,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SACE;AAAA,MACF,WACE;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAYD,IAAM,SAAe;AAAA,EACnB,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,GAAG,MAAM,GAAG,QAAQ;AAChE,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM,UAAU,SAAY;AAAA,QAC5B,WAAW,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC;AAAA,QACrD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;","names":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
3
|
+
|
|
4
|
+
declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
|
|
8
|
+
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
3
|
+
|
|
4
|
+
declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
|
|
8
|
+
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
@@ -0,0 +1,13 @@
|
|
|
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
|
+
// src/collapsible.tsx
|
|
4
|
+
var _reactcollapsible = require('@radix-ui/react-collapsible'); var CollapsiblePrimitive = _interopRequireWildcard(_reactcollapsible);
|
|
5
|
+
var Collapsible = CollapsiblePrimitive.Root;
|
|
6
|
+
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
|
7
|
+
var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
exports.Collapsible = Collapsible; exports.CollapsibleContent = CollapsibleContent2; exports.CollapsibleTrigger = CollapsibleTrigger2;
|
|
13
|
+
//# sourceMappingURL=collapsible.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/collapsible.tsx"],"names":["CollapsibleTrigger","CollapsibleContent"],"mappings":";;;AAEA,YAAY,0BAA0B;AAMtC,IAAM,cAAmC;AAMzC,IAAMA,sBAA0C;AAMhD,IAAMC,sBAA0C","sourcesContent":["\"use client\";\n\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\n/* -----------------------------------------------------------------------------\n * Component: Collapsible\n * -------------------------------------------------------------------------- */\n\nconst Collapsible = CollapsiblePrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: CollapsibleTrigger\n * -------------------------------------------------------------------------- */\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\n\n/* -----------------------------------------------------------------------------\n * Component: CollapsibleContent\n * -------------------------------------------------------------------------- */\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
// src/collapsible.tsx
|
|
4
|
+
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
5
|
+
var Collapsible = CollapsiblePrimitive.Root;
|
|
6
|
+
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
|
7
|
+
var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
|
|
8
|
+
export {
|
|
9
|
+
Collapsible,
|
|
10
|
+
CollapsibleContent2 as CollapsibleContent,
|
|
11
|
+
CollapsibleTrigger2 as CollapsibleTrigger
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=collapsible.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\n/* -----------------------------------------------------------------------------\n * Component: Collapsible\n * -------------------------------------------------------------------------- */\n\nconst Collapsible = CollapsiblePrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: CollapsibleTrigger\n * -------------------------------------------------------------------------- */\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\n\n/* -----------------------------------------------------------------------------\n * Component: CollapsibleContent\n * -------------------------------------------------------------------------- */\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"mappings":";;;AAEA,YAAY,0BAA0B;AAMtC,IAAM,cAAmC;AAMzC,IAAMA,sBAA0C;AAMhD,IAAMC,sBAA0C;","names":["CollapsibleTrigger","CollapsibleContent"]}
|