@skybin-tech/nebula-ui 0.0.26 → 0.0.28
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/README.md +6 -4
- package/dist/cjs/_virtual/_rolldown/runtime.cjs +24 -0
- package/dist/cjs/components/Accordion/Accordion.cjs +20 -10
- package/dist/cjs/components/Accordion/Accordion.cjs.map +1 -1
- package/dist/cjs/components/Alert/Alert.cjs +19 -9
- package/dist/cjs/components/Alert/Alert.cjs.map +1 -1
- package/dist/cjs/components/Avatar/Avatar.cjs +19 -9
- package/dist/cjs/components/Avatar/Avatar.cjs.map +1 -1
- package/dist/cjs/components/Badge/Badge.cjs +8 -7
- package/dist/cjs/components/Badge/Badge.cjs.map +1 -1
- package/dist/cjs/components/Button/Button.cjs +37 -47
- package/dist/cjs/components/Button/Button.cjs.map +1 -1
- package/dist/cjs/components/Card/Card.cjs +31 -12
- package/dist/cjs/components/Card/Card.cjs.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.cjs +12 -7
- package/dist/cjs/components/Checkbox/Checkbox.cjs.map +1 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenu.cjs +55 -21
- package/dist/cjs/components/DropdownMenu/DropdownMenu.cjs.map +1 -1
- package/dist/cjs/components/Form/Checkbox.cjs +128 -142
- package/dist/cjs/components/Form/Checkbox.cjs.map +1 -1
- package/dist/cjs/components/Form/Form.cjs +106 -105
- package/dist/cjs/components/Form/Form.cjs.map +1 -1
- package/dist/cjs/components/Form/FormSwitch.cjs +126 -0
- package/dist/cjs/components/Form/FormSwitch.cjs.map +1 -0
- package/dist/cjs/components/Form/Radio.cjs +157 -172
- package/dist/cjs/components/Form/Radio.cjs.map +1 -1
- package/dist/cjs/components/Form/Select.cjs +131 -0
- package/dist/cjs/components/Form/Select.cjs.map +1 -0
- package/dist/cjs/components/Form/TextArea.cjs +137 -152
- package/dist/cjs/components/Form/TextArea.cjs.map +1 -1
- package/dist/cjs/components/Form/TextBox.cjs +184 -206
- package/dist/cjs/components/Form/TextBox.cjs.map +1 -1
- package/dist/cjs/components/Form/context.cjs +109 -122
- package/dist/cjs/components/Form/context.cjs.map +1 -1
- package/dist/cjs/components/Form/hooks.cjs +34 -24
- package/dist/cjs/components/Form/hooks.cjs.map +1 -1
- package/dist/cjs/components/Form/index.cjs +29 -0
- package/dist/cjs/components/Form/variants.cjs +14 -14
- package/dist/cjs/components/Form/variants.cjs.map +1 -1
- package/dist/cjs/components/Input/Input.cjs +11 -7
- package/dist/cjs/components/Input/Input.cjs.map +1 -1
- package/dist/cjs/components/Label/Label.cjs +11 -7
- package/dist/cjs/components/Label/Label.cjs.map +1 -1
- package/dist/cjs/components/Pagination/Pagination.cjs +58 -95
- package/dist/cjs/components/Pagination/Pagination.cjs.map +1 -1
- package/dist/cjs/components/Separator/Separator.cjs +11 -7
- package/dist/cjs/components/Separator/Separator.cjs.map +1 -1
- package/dist/cjs/components/Skeleton/Skeleton.cjs +7 -6
- package/dist/cjs/components/Skeleton/Skeleton.cjs.map +1 -1
- package/dist/cjs/components/Switch/Switch.cjs +14 -0
- package/dist/cjs/components/Switch/Switch.cjs.map +1 -0
- package/dist/cjs/components/Tabs/Tabs.cjs +23 -10
- package/dist/cjs/components/Tabs/Tabs.cjs.map +1 -1
- package/dist/cjs/components/Textarea/Textarea.cjs +11 -7
- package/dist/cjs/components/Textarea/Textarea.cjs.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.cjs +14 -10
- package/dist/cjs/components/Tooltip/Tooltip.cjs.map +1 -1
- package/dist/cjs/hooks/useDebounce.cjs +22 -14
- package/dist/cjs/hooks/useDebounce.cjs.map +1 -1
- package/dist/cjs/hooks/useToast.cjs +105 -84
- package/dist/cjs/hooks/useToast.cjs.map +1 -1
- package/dist/cjs/hooks/useToggle.cjs +15 -9
- package/dist/cjs/hooks/useToggle.cjs.map +1 -1
- package/dist/cjs/index.cjs +172 -170
- package/dist/cjs/primitives/accordion.cjs +38 -61
- package/dist/cjs/primitives/accordion.cjs.map +1 -1
- package/dist/cjs/primitives/alert.cjs +33 -63
- package/dist/cjs/primitives/alert.cjs.map +1 -1
- package/dist/cjs/primitives/avatar.cjs +29 -58
- package/dist/cjs/primitives/avatar.cjs.map +1 -1
- package/dist/cjs/primitives/badge.cjs +26 -27
- package/dist/cjs/primitives/badge.cjs.map +1 -1
- package/dist/cjs/primitives/button.cjs +44 -63
- package/dist/cjs/primitives/button.cjs.map +1 -1
- package/dist/cjs/primitives/calendar.cjs +41 -44
- package/dist/cjs/primitives/calendar.cjs.map +1 -1
- package/dist/cjs/primitives/card.cjs +39 -70
- package/dist/cjs/primitives/card.cjs.map +1 -1
- package/dist/cjs/primitives/checkbox.cjs +22 -45
- package/dist/cjs/primitives/checkbox.cjs.map +1 -1
- package/dist/cjs/primitives/command.cjs +65 -73
- package/dist/cjs/primitives/command.cjs.map +1 -1
- package/dist/cjs/primitives/dialog.cjs +55 -84
- package/dist/cjs/primitives/dialog.cjs.map +1 -1
- package/dist/cjs/primitives/dropdown-menu.cjs +82 -153
- package/dist/cjs/primitives/dropdown-menu.cjs.map +1 -1
- package/dist/cjs/primitives/input.cjs +17 -39
- package/dist/cjs/primitives/input.cjs.map +1 -1
- package/dist/cjs/primitives/label.cjs +19 -38
- package/dist/cjs/primitives/label.cjs.map +1 -1
- package/dist/cjs/primitives/popover.cjs +22 -42
- package/dist/cjs/primitives/popover.cjs.map +1 -1
- package/dist/cjs/primitives/radio-group.cjs +31 -50
- package/dist/cjs/primitives/radio-group.cjs.map +1 -1
- package/dist/cjs/primitives/scroll-area.cjs +33 -55
- package/dist/cjs/primitives/scroll-area.cjs.map +1 -1
- package/dist/cjs/primitives/select.cjs +76 -133
- package/dist/cjs/primitives/select.cjs.map +1 -1
- package/dist/cjs/primitives/separator.cjs +20 -42
- package/dist/cjs/primitives/separator.cjs.map +1 -1
- package/dist/cjs/primitives/skeleton.cjs +10 -12
- package/dist/cjs/primitives/skeleton.cjs.map +1 -1
- package/dist/cjs/primitives/sonner.cjs +16 -20
- package/dist/cjs/primitives/sonner.cjs.map +1 -1
- package/dist/cjs/primitives/switch.cjs +19 -45
- package/dist/cjs/primitives/switch.cjs.map +1 -1
- package/dist/cjs/primitives/table.cjs +52 -61
- package/dist/cjs/primitives/table.cjs.map +1 -1
- package/dist/cjs/primitives/tabs.cjs +30 -62
- package/dist/cjs/primitives/tabs.cjs.map +1 -1
- package/dist/cjs/primitives/textarea.cjs +15 -35
- package/dist/cjs/primitives/textarea.cjs.map +1 -1
- package/dist/cjs/primitives/textbox.cjs +17 -39
- package/dist/cjs/primitives/textbox.cjs.map +1 -1
- package/dist/cjs/primitives/toast.cjs +59 -107
- package/dist/cjs/primitives/toast.cjs.map +1 -1
- package/dist/cjs/primitives/toggle.cjs +39 -55
- package/dist/cjs/primitives/toggle.cjs.map +1 -1
- package/dist/cjs/primitives/tooltip.cjs +21 -41
- package/dist/cjs/primitives/tooltip.cjs.map +1 -1
- package/dist/cjs/utils/cn.cjs +11 -6
- package/dist/cjs/utils/cn.cjs.map +1 -1
- package/dist/components/Accordion/Accordion.js +20 -13
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/Alert/Alert.js +19 -11
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/Avatar/Avatar.js +19 -11
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Badge/Badge.d.ts +1 -1
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +8 -8
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Button/Button.js +37 -48
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Card/Card.js +31 -17
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +12 -7
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +4 -4
- package/dist/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +55 -35
- package/dist/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/components/Form/Checkbox.js +126 -140
- package/dist/components/Form/Checkbox.js.map +1 -1
- package/dist/components/Form/Form.d.ts +1 -1
- package/dist/components/Form/Form.d.ts.map +1 -1
- package/dist/components/Form/Form.js +104 -103
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Form/{Switch.d.ts → FormSwitch.d.ts} +3 -3
- package/dist/components/Form/FormSwitch.d.ts.map +1 -0
- package/dist/components/Form/FormSwitch.js +126 -0
- package/dist/components/Form/FormSwitch.js.map +1 -0
- package/dist/components/Form/Radio.d.ts +1 -1
- package/dist/components/Form/Radio.d.ts.map +1 -1
- package/dist/components/Form/Radio.js +155 -171
- package/dist/components/Form/Radio.js.map +1 -1
- package/dist/components/Form/Select.d.ts +1 -1
- package/dist/components/Form/Select.d.ts.map +1 -1
- package/dist/components/Form/Select.js +131 -0
- package/dist/components/Form/Select.js.map +1 -0
- package/dist/components/Form/TextArea.js +134 -149
- package/dist/components/Form/TextArea.js.map +1 -1
- package/dist/components/Form/TextBox.js +179 -201
- package/dist/components/Form/TextBox.js.map +1 -1
- package/dist/components/Form/context.d.ts +3 -5
- package/dist/components/Form/context.d.ts.map +1 -1
- package/dist/components/Form/context.js +109 -125
- package/dist/components/Form/context.js.map +1 -1
- package/dist/components/Form/hooks.js +35 -28
- package/dist/components/Form/hooks.js.map +1 -1
- package/dist/components/Form/index.d.ts +4 -4
- package/dist/components/Form/index.d.ts.map +1 -1
- package/dist/components/Form/index.js +11 -0
- package/dist/components/Form/variants.js +15 -14
- package/dist/components/Form/variants.js.map +1 -1
- package/dist/components/Input/Input.js +11 -7
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Label/Label.js +11 -7
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Pagination/Pagination.d.ts +5 -5
- package/dist/components/Pagination/Pagination.js +55 -83
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Separator/Separator.js +11 -7
- package/dist/components/Separator/Separator.js.map +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/components/Skeleton/Skeleton.js +7 -6
- package/dist/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/components/Switch/Switch.d.ts +4 -1
- package/dist/components/Switch/Switch.d.ts.map +1 -1
- package/dist/components/Switch/Switch.js +14 -0
- package/dist/components/Switch/Switch.js.map +1 -0
- package/dist/components/Switch/index.d.ts +1 -0
- package/dist/components/Switch/index.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.js +23 -13
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/Textarea/Textarea.js +11 -7
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +14 -13
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/hooks/useDebounce.js +23 -15
- package/dist/hooks/useDebounce.js.map +1 -1
- package/dist/hooks/useToast.js +103 -69
- package/dist/hooks/useToast.js.map +1 -1
- package/dist/hooks/useToggle.js +16 -10
- package/dist/hooks/useToggle.js.map +1 -1
- package/dist/index.d.ts +6 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +30 -160
- package/dist/primitives/accordion.js +32 -43
- package/dist/primitives/accordion.js.map +1 -1
- package/dist/primitives/alert.js +30 -47
- package/dist/primitives/alert.js.map +1 -1
- package/dist/primitives/avatar.js +22 -38
- package/dist/primitives/avatar.js.map +1 -1
- package/dist/primitives/badge.d.ts +1 -1
- package/dist/primitives/badge.d.ts.map +1 -1
- package/dist/primitives/badge.js +23 -27
- package/dist/primitives/badge.js.map +1 -1
- package/dist/primitives/button.js +41 -46
- package/dist/primitives/button.js.map +1 -1
- package/dist/primitives/calendar.d.ts +1 -1
- package/dist/primitives/calendar.d.ts.map +1 -1
- package/dist/primitives/calendar.js +37 -42
- package/dist/primitives/calendar.js.map +1 -1
- package/dist/primitives/card.js +37 -58
- package/dist/primitives/card.js.map +1 -1
- package/dist/primitives/checkbox.js +17 -25
- package/dist/primitives/checkbox.js.map +1 -1
- package/dist/primitives/command.d.ts +2 -2
- package/dist/primitives/command.d.ts.map +1 -1
- package/dist/primitives/command.js +70 -71
- package/dist/primitives/command.js.map +1 -1
- package/dist/primitives/dialog.d.ts +2 -2
- package/dist/primitives/dialog.js +47 -70
- package/dist/primitives/dialog.js.map +1 -1
- package/dist/primitives/dropdown-menu.d.ts +1 -1
- package/dist/primitives/dropdown-menu.js +70 -140
- package/dist/primitives/dropdown-menu.js.map +1 -1
- package/dist/primitives/input.js +15 -22
- package/dist/primitives/input.js.map +1 -1
- package/dist/primitives/label.js +14 -18
- package/dist/primitives/label.js.map +1 -1
- package/dist/primitives/popover.js +17 -25
- package/dist/primitives/popover.js.map +1 -1
- package/dist/primitives/radio-group.js +25 -30
- package/dist/primitives/radio-group.js.map +1 -1
- package/dist/primitives/scroll-area.js +27 -35
- package/dist/primitives/scroll-area.js.map +1 -1
- package/dist/primitives/select.js +65 -116
- package/dist/primitives/select.js.map +1 -1
- package/dist/primitives/separator.js +15 -22
- package/dist/primitives/separator.js.map +1 -1
- package/dist/primitives/skeleton.d.ts +1 -1
- package/dist/primitives/skeleton.d.ts.map +1 -1
- package/dist/primitives/skeleton.js +10 -12
- package/dist/primitives/skeleton.js.map +1 -1
- package/dist/primitives/sonner.d.ts +1 -1
- package/dist/primitives/sonner.d.ts.map +1 -1
- package/dist/primitives/sonner.js +17 -21
- package/dist/primitives/sonner.js.map +1 -1
- package/dist/primitives/switch.js +14 -25
- package/dist/primitives/switch.js.map +1 -1
- package/dist/primitives/table.js +50 -51
- package/dist/primitives/table.js.map +1 -1
- package/dist/primitives/tabs.js +23 -43
- package/dist/primitives/tabs.js.map +1 -1
- package/dist/primitives/textarea.js +13 -18
- package/dist/primitives/textarea.js.map +1 -1
- package/dist/primitives/textbox.js +15 -22
- package/dist/primitives/textbox.js.map +1 -1
- package/dist/primitives/toast.js +48 -87
- package/dist/primitives/toast.js.map +1 -1
- package/dist/primitives/toggle.js +34 -36
- package/dist/primitives/toggle.js.map +1 -1
- package/dist/primitives/tooltip.js +16 -24
- package/dist/primitives/tooltip.js.map +1 -1
- package/dist/stories/Button.d.ts +1 -1
- package/dist/stories/Button.d.ts.map +1 -1
- package/dist/stories/Button.stories.d.ts +1 -1
- package/dist/stories/Header.d.ts +1 -1
- package/dist/stories/Header.d.ts.map +1 -1
- package/dist/stories/Header.stories.d.ts +1 -1
- package/dist/utils/cn.js +10 -5
- package/dist/utils/cn.js.map +1 -1
- package/package.json +503 -497
- package/dist/cjs/components/Form/Switch.cjs +0 -126
- package/dist/cjs/components/Form/Switch.cjs.map +0 -1
- package/dist/cjs/index.cjs.map +0 -1
- package/dist/components/Form/Switch.d.ts.map +0 -1
- package/dist/components/Form/Switch.js +0 -126
- package/dist/components/Form/Switch.js.map +0 -1
- package/dist/index.js.map +0 -1
package/dist/primitives/alert.js
CHANGED
|
@@ -1,53 +1,36 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { cn } from "../utils/cn.js";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { cva } from "class-variance-authority";
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
);
|
|
20
|
-
const Alert = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
21
|
-
"div",
|
|
22
|
-
{
|
|
23
|
-
ref,
|
|
24
|
-
role: "alert",
|
|
25
|
-
className: cn(alertVariants({ variant }), className),
|
|
26
|
-
...props
|
|
27
|
-
}
|
|
28
|
-
));
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
//#region src/primitives/alert.tsx
|
|
7
|
+
var alertVariants = cva("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
|
|
8
|
+
variants: { variant: {
|
|
9
|
+
default: "bg-background text-foreground",
|
|
10
|
+
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
|
|
11
|
+
} },
|
|
12
|
+
defaultVariants: { variant: "default" }
|
|
13
|
+
});
|
|
14
|
+
var Alert = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
15
|
+
ref,
|
|
16
|
+
role: "alert",
|
|
17
|
+
className: cn(alertVariants({ variant }), className),
|
|
18
|
+
...props
|
|
19
|
+
}));
|
|
29
20
|
Alert.displayName = "Alert";
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
...props
|
|
36
|
-
}
|
|
37
|
-
));
|
|
21
|
+
var AlertTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("h5", {
|
|
22
|
+
ref,
|
|
23
|
+
className: cn("mb-1 font-medium leading-none tracking-tight", className),
|
|
24
|
+
...props
|
|
25
|
+
}));
|
|
38
26
|
AlertTitle.displayName = "AlertTitle";
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
...props
|
|
45
|
-
}
|
|
46
|
-
));
|
|
27
|
+
var AlertDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
28
|
+
ref,
|
|
29
|
+
className: cn("text-sm [&_p]:leading-relaxed", className),
|
|
30
|
+
...props
|
|
31
|
+
}));
|
|
47
32
|
AlertDescription.displayName = "AlertDescription";
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
};
|
|
53
|
-
//# sourceMappingURL=alert.js.map
|
|
33
|
+
//#endregion
|
|
34
|
+
export { Alert, AlertDescription, AlertTitle };
|
|
35
|
+
|
|
36
|
+
//# sourceMappingURL=alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sources":["../../src/primitives/alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils/index\"\n\nconst alertVariants = cva(\n \"relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground\",\n {\n variants: {\n variant: {\n default: \"bg-background 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\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={cn(alertVariants({ variant }), className)}\n {...props}\n />\n))\nAlert.displayName = \"Alert\"\n\nconst AlertTitle = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n <h5\n ref={ref}\n className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n {...props}\n />\n))\nAlertTitle.displayName = \"AlertTitle\"\n\nconst AlertDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\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\nexport { Alert, AlertTitle, AlertDescription }\n"],"
|
|
1
|
+
{"version":3,"file":"alert.js","names":[],"sources":["../../src/primitives/alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils/index\"\n\nconst alertVariants = cva(\n \"relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground\",\n {\n variants: {\n variant: {\n default: \"bg-background 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\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={cn(alertVariants({ variant }), className)}\n {...props}\n />\n))\nAlert.displayName = \"Alert\"\n\nconst AlertTitle = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n <h5\n ref={ref}\n className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n {...props}\n />\n))\nAlertTitle.displayName = \"AlertTitle\"\n\nconst AlertDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\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\nexport { Alert, AlertTitle, AlertDescription }\n"],"mappings":";;;;;;AAKA,IAAM,gBAAgB,IACpB,6JACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,IAAM,QAAQ,MAAM,YAGjB,EAAE,WAAW,SAAS,GAAG,SAAS,QACnC,oBAAC,OAAD;CACO;CACL,MAAK;CACL,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;CACnD,GAAI;AACL,CAAA,CACF;AACD,MAAM,cAAc;AAEpB,IAAM,aAAa,MAAM,YAGtB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,MAAD;CACO;CACL,WAAW,GAAG,gDAAgD,SAAS;CACvE,GAAI;AACL,CAAA,CACF;AACD,WAAW,cAAc;AAEzB,IAAM,mBAAmB,MAAM,YAG5B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,OAAD;CACO;CACL,WAAW,GAAG,iCAAiC,SAAS;CACxD,GAAI;AACL,CAAA,CACF;AACD,iBAAiB,cAAc"}
|
|
@@ -1,44 +1,28 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { cn } from "../utils/cn.js";
|
|
3
3
|
import * as React from "react";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
5
|
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
|
|
12
|
-
className
|
|
13
|
-
),
|
|
14
|
-
...props
|
|
15
|
-
}
|
|
16
|
-
));
|
|
6
|
+
//#region src/primitives/avatar.tsx
|
|
7
|
+
var Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
|
|
8
|
+
ref,
|
|
9
|
+
className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
|
|
10
|
+
...props
|
|
11
|
+
}));
|
|
17
12
|
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
...props
|
|
24
|
-
}
|
|
25
|
-
));
|
|
13
|
+
var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
|
|
14
|
+
ref,
|
|
15
|
+
className: cn("aspect-square h-full w-full", className),
|
|
16
|
+
...props
|
|
17
|
+
}));
|
|
26
18
|
AvatarImage.displayName = AvatarPrimitive.Image.displayName;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
"flex h-full w-full items-center justify-center rounded-full bg-muted",
|
|
33
|
-
className
|
|
34
|
-
),
|
|
35
|
-
...props
|
|
36
|
-
}
|
|
37
|
-
));
|
|
19
|
+
var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
|
|
20
|
+
ref,
|
|
21
|
+
className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className),
|
|
22
|
+
...props
|
|
23
|
+
}));
|
|
38
24
|
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
};
|
|
44
|
-
//# sourceMappingURL=avatar.js.map
|
|
25
|
+
//#endregion
|
|
26
|
+
export { Avatar, AvatarFallback, AvatarImage };
|
|
27
|
+
|
|
28
|
+
//# sourceMappingURL=avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sources":["../../src/primitives/avatar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\n\nimport { cn } from \"@/utils\"\n\nconst Avatar = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Root\n ref={ref}\n className={cn(\n \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n className\n )}\n {...props}\n />\n))\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\nconst AvatarImage = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Image>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Image\n ref={ref}\n className={cn(\"aspect-square h-full w-full\", className)}\n {...props}\n />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nconst AvatarFallback = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Fallback>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Fallback\n ref={ref}\n className={cn(\n \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n className\n )}\n {...props}\n />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { Avatar, AvatarImage, AvatarFallback }\n"],"
|
|
1
|
+
{"version":3,"file":"avatar.js","names":[],"sources":["../../src/primitives/avatar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\n\nimport { cn } from \"@/utils\"\n\nconst Avatar = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Root\n ref={ref}\n className={cn(\n \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n className\n )}\n {...props}\n />\n))\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\nconst AvatarImage = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Image>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Image\n ref={ref}\n className={cn(\"aspect-square h-full w-full\", className)}\n {...props}\n />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nconst AvatarFallback = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Fallback>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Fallback\n ref={ref}\n className={cn(\n \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n className\n )}\n {...props}\n />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { Avatar, AvatarImage, AvatarFallback }\n"],"mappings":";;;;;;AAKA,IAAM,SAAS,MAAM,YAGlB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,MAAjB;CACO;CACL,WAAW,GACT,iEACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,OAAO,cAAc,gBAAgB,KAAK;AAE1C,IAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,OAAjB;CACO;CACL,WAAW,GAAG,+BAA+B,SAAS;CACtD,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc,gBAAgB,MAAM;AAEhD,IAAM,iBAAiB,MAAM,YAG1B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,gBAAgB,UAAjB;CACO;CACL,WAAW,GACT,wEACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AACD,eAAe,cAAc,gBAAgB,SAAS"}
|
|
@@ -5,6 +5,6 @@ declare const badgeVariants: (props?: ({
|
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
6
|
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
7
7
|
}
|
|
8
|
-
declare function Badge({ className, variant, ...props }: BadgeProps):
|
|
8
|
+
declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
|
|
9
9
|
export { Badge, badgeVariants };
|
|
10
10
|
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/primitives/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;8EAwBlB,CAAA;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/primitives/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;8EAwBlB,CAAA;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAI1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
|
package/dist/primitives/badge.js
CHANGED
|
@@ -1,32 +1,28 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { cn } from "../utils/cn.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import { cva } from "class-variance-authority";
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
},
|
|
20
|
-
defaultVariants: {
|
|
21
|
-
variant: "default"
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
);
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
//#region src/primitives/badge.tsx
|
|
7
|
+
var badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
|
|
8
|
+
variants: { variant: {
|
|
9
|
+
default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
|
|
10
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
11
|
+
destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
|
|
12
|
+
outline: "text-foreground",
|
|
13
|
+
success: "border-transparent bg-emerald-100 text-emerald-800 hover:bg-emerald-100/80",
|
|
14
|
+
warning: "border-transparent bg-amber-100 text-amber-800 hover:bg-amber-100/80",
|
|
15
|
+
info: "border-transparent bg-sky-100 text-sky-800 hover:bg-sky-100/80"
|
|
16
|
+
} },
|
|
17
|
+
defaultVariants: { variant: "default" }
|
|
18
|
+
});
|
|
25
19
|
function Badge({ className, variant, ...props }) {
|
|
26
|
-
|
|
20
|
+
return /* @__PURE__ */ jsx("div", {
|
|
21
|
+
className: cn(badgeVariants({ variant }), className),
|
|
22
|
+
...props
|
|
23
|
+
});
|
|
27
24
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
//# sourceMappingURL=badge.js.map
|
|
25
|
+
//#endregion
|
|
26
|
+
export { Badge, badgeVariants };
|
|
27
|
+
|
|
28
|
+
//# sourceMappingURL=badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sources":["../../src/primitives/badge.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nimport { cn } from \"@/utils\"\r\n\r\nconst badgeVariants = cva(\r\n \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n \"border-transparent bg-primary text-primary-foreground hover:bg-primary/80\",\r\n secondary:\r\n \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\r\n destructive:\r\n \"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80\",\r\n outline: \"text-foreground\",\r\n success:\r\n \"border-transparent bg-emerald-100 text-emerald-800 hover:bg-emerald-100/80\",\r\n warning:\r\n \"border-transparent bg-amber-100 text-amber-800 hover:bg-amber-100/80\",\r\n info:\r\n \"border-transparent bg-sky-100 text-sky-800 hover:bg-sky-100/80\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n },\r\n }\r\n)\r\n\r\nexport interface BadgeProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof badgeVariants> {}\r\n\r\nfunction Badge({ className, variant, ...props }: BadgeProps) {\r\n return (\r\n <div className={cn(badgeVariants({ variant }), className)} {...props} />\r\n )\r\n}\r\n\r\nexport { Badge, badgeVariants }\r\n"],"
|
|
1
|
+
{"version":3,"file":"badge.js","names":[],"sources":["../../src/primitives/badge.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nimport { cn } from \"@/utils\"\r\n\r\nconst badgeVariants = cva(\r\n \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n \"border-transparent bg-primary text-primary-foreground hover:bg-primary/80\",\r\n secondary:\r\n \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\r\n destructive:\r\n \"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80\",\r\n outline: \"text-foreground\",\r\n success:\r\n \"border-transparent bg-emerald-100 text-emerald-800 hover:bg-emerald-100/80\",\r\n warning:\r\n \"border-transparent bg-amber-100 text-amber-800 hover:bg-amber-100/80\",\r\n info:\r\n \"border-transparent bg-sky-100 text-sky-800 hover:bg-sky-100/80\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n },\r\n }\r\n)\r\n\r\nexport interface BadgeProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof badgeVariants> {}\r\n\r\nfunction Badge({ className, variant, ...props }: BadgeProps) {\r\n return (\r\n <div className={cn(badgeVariants({ variant }), className)} {...props} />\r\n )\r\n}\r\n\r\nexport { Badge, badgeVariants }\r\n"],"mappings":";;;;;;AAKA,IAAM,gBAAgB,IACpB,0KACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,aACE;EACF,SAAS;EACT,SACE;EACF,SACE;EACF,MACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAMA,SAAS,MAAM,EAAE,WAAW,SAAS,GAAG,SAAqB;CAC3D,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE3E"}
|
|
@@ -1,50 +1,45 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { cn } from "../utils/cn.js";
|
|
3
3
|
import * as React from "react";
|
|
4
|
-
import { Slot } from "@radix-ui/react-slot";
|
|
5
4
|
import { cva } from "class-variance-authority";
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
)
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
);
|
|
43
|
-
}
|
|
44
|
-
);
|
|
5
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
//#region src/primitives/button.tsx
|
|
8
|
+
var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
|
|
9
|
+
variants: {
|
|
10
|
+
variant: {
|
|
11
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
12
|
+
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
|
13
|
+
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
14
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
15
|
+
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
16
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
17
|
+
},
|
|
18
|
+
size: {
|
|
19
|
+
default: "h-10 px-4 py-2",
|
|
20
|
+
sm: "h-9 px-3",
|
|
21
|
+
lg: "h-11 px-8",
|
|
22
|
+
icon: "h-10 w-10"
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
defaultVariants: {
|
|
26
|
+
variant: "default",
|
|
27
|
+
size: "default"
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
var ButtonPrimitive = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
31
|
+
return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
|
|
32
|
+
ref,
|
|
33
|
+
className: cn(buttonVariants({
|
|
34
|
+
variant,
|
|
35
|
+
size,
|
|
36
|
+
className
|
|
37
|
+
})),
|
|
38
|
+
...props
|
|
39
|
+
});
|
|
40
|
+
});
|
|
45
41
|
ButtonPrimitive.displayName = "ButtonPrimitive";
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
//# sourceMappingURL=button.js.map
|
|
42
|
+
//#endregion
|
|
43
|
+
export { ButtonPrimitive, buttonVariants };
|
|
44
|
+
|
|
45
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../src/primitives/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils\"\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-10 px-4 py-2\",\n sm: \"h-9 px-3\",\n lg: \"h-11 px-8\",\n icon: \"h-10 w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nexport interface ButtonPrimitiveProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n}\n\nconst ButtonPrimitive = React.forwardRef<HTMLButtonElement, ButtonPrimitiveProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n return (\n <Comp\n ref={ref}\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n )\n }\n)\nButtonPrimitive.displayName = \"ButtonPrimitive\"\n\nexport { ButtonPrimitive, buttonVariants }\n"],"
|
|
1
|
+
{"version":3,"file":"button.js","names":[],"sources":["../../src/primitives/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils\"\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-10 px-4 py-2\",\n sm: \"h-9 px-3\",\n lg: \"h-11 px-8\",\n icon: \"h-10 w-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nexport interface ButtonPrimitiveProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n}\n\nconst ButtonPrimitive = React.forwardRef<HTMLButtonElement, ButtonPrimitiveProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n return (\n <Comp\n ref={ref}\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n )\n }\n)\nButtonPrimitive.displayName = \"ButtonPrimitive\"\n\nexport { ButtonPrimitive, buttonVariants }\n"],"mappings":";;;;;;;AAMA,IAAM,iBAAiB,IACrB,qUACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aAAa;GACb,SAAS;GACT,WAAW;GACX,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;EACR;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAQA,IAAM,kBAAkB,MAAM,YAC3B,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,GAAG,SAAS,QAAQ;CAEhE,OACE,oBAFW,UAAU,OAAO,UAE5B;EACO;EACL,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC;EAC1D,GAAI;CACL,CAAA;AAEL,CACF;AACA,gBAAgB,cAAc"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DayPicker } from 'react-day-picker';
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
export type CalendarProps = React.ComponentProps<typeof DayPicker>;
|
|
4
|
-
declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps):
|
|
4
|
+
declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): React.JSX.Element;
|
|
5
5
|
declare namespace Calendar {
|
|
6
6
|
var displayName: string;
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/primitives/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAK5C,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAA;AAElE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/primitives/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAK5C,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAA;AAElE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAqC3F;kBArCQ,QAAQ;;;AAwCjB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -1,49 +1,44 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import "react";
|
|
4
|
-
import { DayPicker } from "react-day-picker";
|
|
5
2
|
import { cn } from "../utils/cn.js";
|
|
6
3
|
import { buttonVariants } from "./button.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
6
|
import { ChevronLeft, ChevronRight } from "lucide-react";
|
|
7
|
+
import { DayPicker } from "react-day-picker";
|
|
8
|
+
//#region src/primitives/calendar.tsx
|
|
8
9
|
function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
components: {
|
|
39
|
-
Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
|
|
40
|
-
},
|
|
41
|
-
...props
|
|
42
|
-
}
|
|
43
|
-
);
|
|
10
|
+
return /* @__PURE__ */ jsx(DayPicker, {
|
|
11
|
+
showOutsideDays,
|
|
12
|
+
className: cn("p-3", className),
|
|
13
|
+
classNames: {
|
|
14
|
+
months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
|
|
15
|
+
month: "space-y-4",
|
|
16
|
+
month_caption: "flex justify-center pt-1 relative items-center",
|
|
17
|
+
caption_label: "text-sm font-medium",
|
|
18
|
+
nav: "space-x-1 flex items-center",
|
|
19
|
+
button_previous: cn(buttonVariants({ variant: "outline" }), "absolute left-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
|
|
20
|
+
button_next: cn(buttonVariants({ variant: "outline" }), "absolute right-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
|
|
21
|
+
month_grid: "w-full border-collapse space-y-1",
|
|
22
|
+
weekdays: "flex",
|
|
23
|
+
weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
|
|
24
|
+
week: "flex w-full mt-2",
|
|
25
|
+
day: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
|
|
26
|
+
day_button: cn(buttonVariants({ variant: "ghost" }), "h-9 w-9 p-0 font-normal aria-selected:opacity-100"),
|
|
27
|
+
range_end: "day-range-end",
|
|
28
|
+
selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
|
|
29
|
+
today: "bg-accent text-accent-foreground",
|
|
30
|
+
outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
|
|
31
|
+
disabled: "text-muted-foreground opacity-50",
|
|
32
|
+
range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
|
|
33
|
+
hidden: "invisible",
|
|
34
|
+
...classNames
|
|
35
|
+
},
|
|
36
|
+
components: { Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) },
|
|
37
|
+
...props
|
|
38
|
+
});
|
|
44
39
|
}
|
|
45
40
|
Calendar.displayName = "Calendar";
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
//# sourceMappingURL=calendar.js.map
|
|
41
|
+
//#endregion
|
|
42
|
+
export { Calendar };
|
|
43
|
+
|
|
44
|
+
//# sourceMappingURL=calendar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.js","sources":["../../src/primitives/calendar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { DayPicker } from \"react-day-picker\"\nimport { cn } from \"@/utils/cn\"\nimport { buttonVariants } from \"./button\"\nimport { ChevronLeft, ChevronRight } from \"lucide-react\"\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\"p-3\", className)}\n classNames={{\n months: \"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0\",\n month: \"space-y-4\",\n
|
|
1
|
+
{"version":3,"file":"calendar.js","names":[],"sources":["../../src/primitives/calendar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { DayPicker } from \"react-day-picker\"\nimport { cn } from \"@/utils/cn\"\nimport { buttonVariants } from \"./button\"\nimport { ChevronLeft, ChevronRight } from \"lucide-react\"\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\"p-3\", className)}\n classNames={{\n months: \"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0\",\n month: \"space-y-4\",\n month_caption: \"flex justify-center pt-1 relative items-center\",\n caption_label: \"text-sm font-medium\",\n nav: \"space-x-1 flex items-center\",\n button_previous: cn(buttonVariants({ variant: \"outline\" }), \"absolute left-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100\"),\n button_next: cn(buttonVariants({ variant: \"outline\" }), \"absolute right-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100\"),\n month_grid: \"w-full border-collapse space-y-1\",\n weekdays: \"flex\",\n weekday: \"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]\",\n week: \"flex w-full mt-2\",\n day: \"h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20\",\n day_button: cn(buttonVariants({ variant: \"ghost\" }), \"h-9 w-9 p-0 font-normal aria-selected:opacity-100\"),\n range_end: \"day-range-end\",\n selected: \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n today: \"bg-accent text-accent-foreground\",\n outside: \"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n disabled: \"text-muted-foreground opacity-50\",\n range_middle: \"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n hidden: \"invisible\",\n ...classNames,\n }}\n components={{\n Chevron: ({ orientation }) =>\n orientation === \"left\"\n ? <ChevronLeft className=\"h-4 w-4\" />\n : <ChevronRight className=\"h-4 w-4\" />,\n }}\n {...props}\n />\n )\n}\nCalendar.displayName = \"Calendar\"\n\nexport { Calendar }\n"],"mappings":";;;;;;;;AAQA,SAAS,SAAS,EAAE,WAAW,YAAY,kBAAkB,MAAM,GAAG,SAAwB;CAC5F,OACE,oBAAC,WAAD;EACmB;EACjB,WAAW,GAAG,OAAO,SAAS;EAC9B,YAAY;GACV,QAAQ;GACR,OAAO;GACP,eAAe;GACf,eAAe;GACf,KAAK;GACL,iBAAiB,GAAG,eAAe,EAAE,SAAS,UAAU,CAAC,GAAG,yEAAyE;GACrI,aAAa,GAAG,eAAe,EAAE,SAAS,UAAU,CAAC,GAAG,0EAA0E;GAClI,YAAY;GACZ,UAAU;GACV,SAAS;GACT,MAAM;GACN,KAAK;GACL,YAAY,GAAG,eAAe,EAAE,SAAS,QAAQ,CAAC,GAAG,mDAAmD;GACxG,WAAW;GACX,UAAU;GACV,OAAO;GACP,SAAS;GACT,UAAU;GACV,cAAc;GACd,QAAQ;GACR,GAAG;EACL;EACA,YAAY,EACV,UAAU,EAAE,kBACV,gBAAgB,SACZ,oBAAC,aAAD,EAAa,WAAU,UAAW,CAAA,IAClC,oBAAC,cAAD,EAAc,WAAU,UAAW,CAAA,EAC3C;EACA,GAAI;CACL,CAAA;AAEL;AACA,SAAS,cAAc"}
|
package/dist/primitives/card.js
CHANGED
|
@@ -1,66 +1,45 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import * as React from "react";
|
|
4
2
|
import { cn } from "../utils/cn.js";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
...props
|
|
14
|
-
}
|
|
15
|
-
));
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
//#region src/primitives/card.tsx
|
|
6
|
+
var Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
7
|
+
ref,
|
|
8
|
+
className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className),
|
|
9
|
+
...props
|
|
10
|
+
}));
|
|
16
11
|
Card.displayName = "Card";
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
...props
|
|
23
|
-
}
|
|
24
|
-
));
|
|
12
|
+
var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
13
|
+
ref,
|
|
14
|
+
className: cn("flex flex-col space-y-1.5 p-6", className),
|
|
15
|
+
...props
|
|
16
|
+
}));
|
|
25
17
|
CardHeader.displayName = "CardHeader";
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
"text-2xl font-semibold leading-none tracking-tight",
|
|
32
|
-
className
|
|
33
|
-
),
|
|
34
|
-
...props
|
|
35
|
-
}
|
|
36
|
-
));
|
|
18
|
+
var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
19
|
+
ref,
|
|
20
|
+
className: cn("text-2xl font-semibold leading-none tracking-tight", className),
|
|
21
|
+
...props
|
|
22
|
+
}));
|
|
37
23
|
CardTitle.displayName = "CardTitle";
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
...props
|
|
44
|
-
}
|
|
45
|
-
));
|
|
24
|
+
var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
25
|
+
ref,
|
|
26
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
27
|
+
...props
|
|
28
|
+
}));
|
|
46
29
|
CardDescription.displayName = "CardDescription";
|
|
47
|
-
|
|
30
|
+
var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
31
|
+
ref,
|
|
32
|
+
className: cn("p-6 pt-0", className),
|
|
33
|
+
...props
|
|
34
|
+
}));
|
|
48
35
|
CardContent.displayName = "CardContent";
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
...props
|
|
55
|
-
}
|
|
56
|
-
));
|
|
36
|
+
var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
37
|
+
ref,
|
|
38
|
+
className: cn("flex items-center p-6 pt-0", className),
|
|
39
|
+
...props
|
|
40
|
+
}));
|
|
57
41
|
CardFooter.displayName = "CardFooter";
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
CardFooter,
|
|
63
|
-
CardHeader,
|
|
64
|
-
CardTitle
|
|
65
|
-
};
|
|
66
|
-
//# sourceMappingURL=card.js.map
|
|
42
|
+
//#endregion
|
|
43
|
+
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
|
44
|
+
|
|
45
|
+
//# sourceMappingURL=card.js.map
|