@a2v2ai/uikit 0.0.28 → 0.0.30
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/Alert/Alert.d.ts +1 -1
- package/Alert/Alert.js +9 -48
- package/AlertDialog/AlertDialog.d.ts +3 -3
- package/AlertDialog/AlertDialog.js +19 -69
- package/Avatar/Avatar.d.ts +1 -1
- package/Avatar/Avatar.js +10 -49
- package/Badge/Badge.d.ts +1 -1
- package/Badge/Badge.js +7 -10
- package/Breadcrumb/Breadcrumb.js +14 -56
- package/Button/Button.d.ts +1 -1
- package/Button/Button.js +9 -46
- package/Calendar/Calendar.js +43 -79
- package/Card/Card.d.ts +1 -1
- package/Card/Card.js +12 -54
- package/Carousel/Carousel.d.ts +5 -5
- package/Carousel/Carousel.js +20 -67
- package/ChatBubble/ChatBubble.d.ts +2 -2
- package/ChatBubble/ChatBubble.js +9 -47
- package/Checkbox/Checkbox.d.ts +1 -1
- package/Checkbox/Checkbox.js +9 -46
- package/DataTable/DataTable.d.ts +21 -0
- package/DataTable/DataTable.js +20 -0
- package/Drawer/Drawer.d.ts +2 -2
- package/Drawer/Drawer.js +20 -34
- package/DropdownMenu/DropdownMenu.js +15 -65
- package/ErrorMessage/ErrorMessage.js +6 -7
- package/Flex/Flex.d.ts +1 -1
- package/Flex/Flex.js +7 -44
- package/IconButton/IconButton.d.ts +1 -1
- package/IconButton/IconButton.js +9 -46
- package/Input/Input.d.ts +1 -1
- package/Input/Input.js +12 -48
- package/InputOTP/InputOTP.d.ts +2 -2
- package/InputOTP/InputOTP.js +15 -56
- package/Label/Label.d.ts +1 -1
- package/Label/Label.js +11 -48
- package/Loader/Loader.d.ts +1 -1
- package/Loader/Loader.js +10 -47
- package/Menubar/Menubar.js +22 -71
- package/Menubar/index.js +1 -20
- package/Popover/Popover.js +6 -45
- package/Progress/Progress.d.ts +2 -2
- package/Progress/Progress.js +9 -47
- package/RadioGroup/RadioGroup.d.ts +1 -1
- package/RadioGroup/RadioGroup.js +10 -48
- package/ScrollArea/ScrollArea.js +8 -45
- package/Select/Select.d.ts +1 -1
- package/Select/Select.js +20 -65
- package/Separator/Separator.js +6 -42
- package/Sidebar/Sidebar.d.ts +2 -2
- package/Sidebar/Sidebar.js +22 -67
- package/Sidebar/index.js +1 -17
- package/Skeleton/Skeleton.js +5 -6
- package/Slider/Slider.js +6 -42
- package/Spinner/Spinner.d.ts +1 -1
- package/Spinner/Spinner.js +7 -44
- package/Switch/Switch.d.ts +1 -1
- package/Switch/Switch.js +9 -46
- package/Table/Table.js +12 -55
- package/Tabs/Tabs.d.ts +1 -1
- package/Tabs/Tabs.js +10 -50
- package/Textarea/Textarea.d.ts +1 -1
- package/Textarea/Textarea.js +9 -45
- package/Toast/Toast.js +10 -14
- package/Tooltip/Tooltip.d.ts +1 -1
- package/Tooltip/Tooltip.js +11 -50
- package/Typography/Typography.d.ts +1 -1
- package/Typography/Typography.js +12 -15
- package/helpers.js +4 -12
- package/icons.js +1 -17
- package/index.d.ts +1 -0
- package/index.js +41 -233
- package/lib/typography-types.js +2 -5
- package/lib/utils.js +5 -9
- package/package.json +2 -1
- package/tmpclaude-2407-cwd +1 -0
package/InputOTP/InputOTP.js
CHANGED
|
@@ -1,58 +1,19 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
-
}) : function(o, v) {
|
|
17
|
-
o["default"] = v;
|
|
18
|
-
});
|
|
19
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
-
var ownKeys = function(o) {
|
|
21
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
-
var ar = [];
|
|
23
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
-
return ar;
|
|
25
|
-
};
|
|
26
|
-
return ownKeys(o);
|
|
27
|
-
};
|
|
28
|
-
return function (mod) {
|
|
29
|
-
if (mod && mod.__esModule) return mod;
|
|
30
|
-
var result = {};
|
|
31
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
-
__setModuleDefault(result, mod);
|
|
33
|
-
return result;
|
|
34
|
-
};
|
|
35
|
-
})();
|
|
36
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
-
exports.inputOTPSlotVariants = exports.inputOTPVariants = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = void 0;
|
|
38
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
|
-
const React = __importStar(require("react"));
|
|
40
|
-
const input_otp_1 = require("input-otp");
|
|
41
|
-
const lucide_react_1 = require("lucide-react");
|
|
42
|
-
const class_variance_authority_1 = require("class-variance-authority");
|
|
43
|
-
const utils_1 = require("../lib/utils");
|
|
44
|
-
const inputOTPVariants = (0, class_variance_authority_1.cva)("flex items-center gap-2 has-[:disabled]:opacity-50", {
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { OTPInput, OTPInputContext } from "input-otp";
|
|
5
|
+
import { Minus } from "lucide-react";
|
|
6
|
+
import { cva } from "class-variance-authority";
|
|
7
|
+
import { cn } from "../lib/utils";
|
|
8
|
+
const inputOTPVariants = cva("flex items-center gap-2 has-[:disabled]:opacity-50", {
|
|
45
9
|
variants: {},
|
|
46
10
|
defaultVariants: {},
|
|
47
11
|
});
|
|
48
|
-
|
|
49
|
-
const InputOTP = React.forwardRef(({ className, containerClassName, children, ...props }, ref) => ((0, jsx_runtime_1.jsx)(input_otp_1.OTPInput, { ref: ref, containerClassName: (0, utils_1.cn)("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName), className: (0, utils_1.cn)("disabled:cursor-not-allowed", className), ...props, render: ({ slots, isFocused, isHovering }) => ((0, jsx_runtime_1.jsx)(input_otp_1.OTPInputContext.Provider, { value: { slots, isFocused, isHovering }, children: children })) })));
|
|
50
|
-
exports.InputOTP = InputOTP;
|
|
12
|
+
const InputOTP = React.forwardRef(({ className, containerClassName, children, ...props }, ref) => (_jsx(OTPInput, { ref: ref, containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props, render: ({ slots, isFocused, isHovering }) => (_jsx(OTPInputContext.Provider, { value: { slots, isFocused, isHovering }, children: children })) })));
|
|
51
13
|
InputOTP.displayName = "InputOTP";
|
|
52
|
-
const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => ((
|
|
53
|
-
exports.InputOTPGroup = InputOTPGroup;
|
|
14
|
+
const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center", className), ...props })));
|
|
54
15
|
InputOTPGroup.displayName = "InputOTPGroup";
|
|
55
|
-
const inputOTPSlotVariants =
|
|
16
|
+
const inputOTPSlotVariants = cva(
|
|
56
17
|
// Match Input component styles: border-grey-300, rounded-lg, focus ring
|
|
57
18
|
"relative flex items-center justify-center bg-white border border-grey-300 text-main-950 font-sans transition-all first:rounded-l-lg last:rounded-r-lg first:border-l border-l-0", {
|
|
58
19
|
variants: {
|
|
@@ -66,20 +27,18 @@ const inputOTPSlotVariants = (0, class_variance_authority_1.cva)(
|
|
|
66
27
|
slotSize: "default",
|
|
67
28
|
},
|
|
68
29
|
});
|
|
69
|
-
exports.inputOTPSlotVariants = inputOTPSlotVariants;
|
|
70
30
|
const InputOTPSlot = React.forwardRef(({ index, className, slotSize, ...props }, ref) => {
|
|
71
|
-
const inputOTPContext = React.useContext(
|
|
31
|
+
const inputOTPContext = React.useContext(OTPInputContext);
|
|
72
32
|
const slot = inputOTPContext.slots[index];
|
|
73
33
|
if (!slot) {
|
|
74
34
|
return null;
|
|
75
35
|
}
|
|
76
36
|
const { char, hasFakeCaret, isActive } = slot;
|
|
77
|
-
return ((
|
|
37
|
+
return (_jsxs("div", { ref: ref, className: cn(inputOTPSlotVariants({ slotSize }),
|
|
78
38
|
// Match Input focus style: ring-[3px] ring-grey-300/50
|
|
79
|
-
isActive && "z-10 border-grey-300 ring-[3px] ring-grey-300/50", className), ...props, children: [char, hasFakeCaret && ((
|
|
39
|
+
isActive && "z-10 border-grey-300 ring-[3px] ring-grey-300/50", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-px animate-caret-blink bg-main-950 duration-1000" }) }))] }));
|
|
80
40
|
});
|
|
81
|
-
exports.InputOTPSlot = InputOTPSlot;
|
|
82
41
|
InputOTPSlot.displayName = "InputOTPSlot";
|
|
83
|
-
const InputOTPSeparator = React.forwardRef(({ ...props }, ref) => ((
|
|
84
|
-
exports.InputOTPSeparator = InputOTPSeparator;
|
|
42
|
+
const InputOTPSeparator = React.forwardRef(({ ...props }, ref) => (_jsx("div", { ref: ref, role: "separator", ...props, children: _jsx(Minus, { className: "text-grey-400" }) })));
|
|
85
43
|
InputOTPSeparator.displayName = "InputOTPSeparator";
|
|
44
|
+
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, inputOTPVariants, inputOTPSlotVariants, };
|
package/Label/Label.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { type TextVariant, type TextColor } from "../lib/typography-types";
|
|
|
4
4
|
declare const labelVariants: (props?: ({
|
|
5
5
|
textVariant?: TextVariant | null | undefined;
|
|
6
6
|
color?: TextColor | null | undefined;
|
|
7
|
-
} & import("class-variance-authority/
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
|
|
9
9
|
variant?: TextVariant;
|
|
10
10
|
color?: TextColor;
|
package/Label/Label.js
CHANGED
|
@@ -1,56 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
exports.labelVariants = exports.Label = void 0;
|
|
37
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
-
const React = __importStar(require("react"));
|
|
39
|
-
const LabelPrimitive = __importStar(require("@radix-ui/react-label"));
|
|
40
|
-
const class_variance_authority_1 = require("class-variance-authority");
|
|
41
|
-
const utils_1 = require("../lib/utils");
|
|
42
|
-
const typography_types_1 = require("../lib/typography-types");
|
|
43
|
-
const labelVariants = (0, class_variance_authority_1.cva)("font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", {
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { cn } from "../lib/utils";
|
|
6
|
+
import { textVariantClasses, textColorClasses, } from "../lib/typography-types";
|
|
7
|
+
const labelVariants = cva("font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", {
|
|
44
8
|
variants: {
|
|
45
|
-
textVariant:
|
|
46
|
-
color:
|
|
9
|
+
textVariant: textVariantClasses,
|
|
10
|
+
color: textColorClasses,
|
|
47
11
|
},
|
|
48
12
|
defaultVariants: {
|
|
49
13
|
textVariant: "body2",
|
|
50
14
|
color: "main-950",
|
|
51
15
|
},
|
|
52
16
|
});
|
|
53
|
-
|
|
54
|
-
const Label = React.forwardRef(({ className, variant, color, ...props }, ref) => ((0, jsx_runtime_1.jsx)(LabelPrimitive.Root, { ref: ref, className: (0, utils_1.cn)(labelVariants({ textVariant: variant, color }), className), ...props })));
|
|
55
|
-
exports.Label = Label;
|
|
17
|
+
const Label = React.forwardRef(({ className, variant, color, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants({ textVariant: variant, color }), className), ...props })));
|
|
56
18
|
Label.displayName = LabelPrimitive.Root.displayName;
|
|
19
|
+
export { Label, labelVariants };
|
package/Loader/Loader.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ type LoaderColor = "main" | "grey" | "white" | "current";
|
|
|
4
4
|
declare const loaderVariants: (props?: ({
|
|
5
5
|
size?: "small" | "regular" | "large" | "mini" | null | undefined;
|
|
6
6
|
color?: "main" | "current" | "grey" | "white" | null | undefined;
|
|
7
|
-
} & import("class-variance-authority/
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
export type LoaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
|
|
9
9
|
size?: LoaderSize;
|
|
10
10
|
color?: LoaderColor;
|
package/Loader/Loader.js
CHANGED
|
@@ -1,47 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
exports.loaderVariants = exports.Loader = void 0;
|
|
37
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
-
const React = __importStar(require("react"));
|
|
39
|
-
const lucide_react_1 = require("lucide-react");
|
|
40
|
-
const class_variance_authority_1 = require("class-variance-authority");
|
|
41
|
-
const Flex_1 = require("../Flex/Flex");
|
|
42
|
-
const Typography_1 = require("../Typography/Typography");
|
|
43
|
-
const utils_1 = require("../lib/utils");
|
|
44
|
-
const loaderVariants = (0, class_variance_authority_1.cva)("animate-spin", {
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Loader2 } from "lucide-react";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { Flex } from "../Flex/Flex";
|
|
6
|
+
import { Typography } from "../Typography/Typography";
|
|
7
|
+
import { cn } from "../lib/utils";
|
|
8
|
+
const loaderVariants = cva("animate-spin", {
|
|
45
9
|
variants: {
|
|
46
10
|
size: {
|
|
47
11
|
mini: "size-3",
|
|
@@ -61,7 +25,6 @@ const loaderVariants = (0, class_variance_authority_1.cva)("animate-spin", {
|
|
|
61
25
|
color: "main",
|
|
62
26
|
},
|
|
63
27
|
});
|
|
64
|
-
|
|
65
|
-
const Loader = React.forwardRef(({ className, size, color, label = "Loading...", ...props }, ref) => ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { ref: ref, role: "status", "aria-label": label, align: "center", justify: "center", className: (0, utils_1.cn)("inline-flex", className), ...props, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: (0, utils_1.cn)(loaderVariants({ size, color })) }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { className: "sr-only", children: label })] })));
|
|
66
|
-
exports.Loader = Loader;
|
|
28
|
+
const Loader = React.forwardRef(({ className, size, color, label = "Loading...", ...props }, ref) => (_jsxs(Flex, { ref: ref, role: "status", "aria-label": label, align: "center", justify: "center", className: cn("inline-flex", className), ...props, children: [_jsx(Loader2, { className: cn(loaderVariants({ size, color })) }), _jsx(Typography, { className: "sr-only", children: label })] })));
|
|
67
29
|
Loader.displayName = "Loader";
|
|
30
|
+
export { Loader, loaderVariants };
|
package/Menubar/Menubar.js
CHANGED
|
@@ -1,103 +1,54 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
exports.Menubar = Menubar;
|
|
37
|
-
exports.MenubarPortal = MenubarPortal;
|
|
38
|
-
exports.MenubarMenu = MenubarMenu;
|
|
39
|
-
exports.MenubarTrigger = MenubarTrigger;
|
|
40
|
-
exports.MenubarContent = MenubarContent;
|
|
41
|
-
exports.MenubarGroup = MenubarGroup;
|
|
42
|
-
exports.MenubarSeparator = MenubarSeparator;
|
|
43
|
-
exports.MenubarLabel = MenubarLabel;
|
|
44
|
-
exports.MenubarItem = MenubarItem;
|
|
45
|
-
exports.MenubarShortcut = MenubarShortcut;
|
|
46
|
-
exports.MenubarCheckboxItem = MenubarCheckboxItem;
|
|
47
|
-
exports.MenubarRadioGroup = MenubarRadioGroup;
|
|
48
|
-
exports.MenubarRadioItem = MenubarRadioItem;
|
|
49
|
-
exports.MenubarSub = MenubarSub;
|
|
50
|
-
exports.MenubarSubTrigger = MenubarSubTrigger;
|
|
51
|
-
exports.MenubarSubContent = MenubarSubContent;
|
|
52
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
53
|
-
const MenubarPrimitive = __importStar(require("@radix-ui/react-menubar"));
|
|
54
|
-
const lucide_react_1 = require("lucide-react");
|
|
55
|
-
const utils_1 = require("../lib/utils");
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
4
|
+
import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
|
|
5
|
+
import { cn } from "../lib/utils";
|
|
56
6
|
function Menubar({ className, ...props }) {
|
|
57
|
-
return ((
|
|
7
|
+
return (_jsx(MenubarPrimitive.Root, { "data-slot": "menubar", className: cn("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", className), ...props }));
|
|
58
8
|
}
|
|
59
9
|
function MenubarMenu({ ...props }) {
|
|
60
|
-
return (
|
|
10
|
+
return _jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
|
|
61
11
|
}
|
|
62
12
|
function MenubarGroup({ ...props }) {
|
|
63
|
-
return (
|
|
13
|
+
return _jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
|
|
64
14
|
}
|
|
65
15
|
function MenubarPortal({ ...props }) {
|
|
66
|
-
return (
|
|
16
|
+
return _jsx(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
|
|
67
17
|
}
|
|
68
18
|
function MenubarRadioGroup({ ...props }) {
|
|
69
|
-
return ((
|
|
19
|
+
return (_jsx(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props }));
|
|
70
20
|
}
|
|
71
21
|
function MenubarTrigger({ className, ...props }) {
|
|
72
|
-
return ((
|
|
22
|
+
return (_jsx(MenubarPrimitive.Trigger, { "data-slot": "menubar-trigger", className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none", className), ...props }));
|
|
73
23
|
}
|
|
74
24
|
function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
|
|
75
|
-
return ((
|
|
25
|
+
return (_jsx(MenubarPortal, { children: _jsx(MenubarPrimitive.Content, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md", className), ...props }) }));
|
|
76
26
|
}
|
|
77
27
|
function MenubarItem({ className, inset, variant = "default", ...props }) {
|
|
78
|
-
return ((
|
|
28
|
+
return (_jsx(MenubarPrimitive.Item, { "data-slot": "menubar-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
|
|
79
29
|
}
|
|
80
30
|
function MenubarCheckboxItem({ className, children, checked, ...props }) {
|
|
81
|
-
return ((
|
|
31
|
+
return (_jsxs(MenubarPrimitive.CheckboxItem, { "data-slot": "menubar-checkbox-item", className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
|
|
82
32
|
}
|
|
83
33
|
function MenubarRadioItem({ className, children, ...props }) {
|
|
84
|
-
return ((
|
|
34
|
+
return (_jsxs(MenubarPrimitive.RadioItem, { "data-slot": "menubar-radio-item", className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
|
|
85
35
|
}
|
|
86
36
|
function MenubarLabel({ className, inset, ...props }) {
|
|
87
|
-
return ((
|
|
37
|
+
return (_jsx(MenubarPrimitive.Label, { "data-slot": "menubar-label", "data-inset": inset, className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className), ...props }));
|
|
88
38
|
}
|
|
89
39
|
function MenubarSeparator({ className, ...props }) {
|
|
90
|
-
return ((
|
|
40
|
+
return (_jsx(MenubarPrimitive.Separator, { "data-slot": "menubar-separator", className: cn("bg-border -mx-1 my-1 h-px", className), ...props }));
|
|
91
41
|
}
|
|
92
42
|
function MenubarShortcut({ className, ...props }) {
|
|
93
|
-
return ((
|
|
43
|
+
return (_jsx("span", { "data-slot": "menubar-shortcut", className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className), ...props }));
|
|
94
44
|
}
|
|
95
45
|
function MenubarSub({ ...props }) {
|
|
96
|
-
return (
|
|
46
|
+
return _jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
|
|
97
47
|
}
|
|
98
48
|
function MenubarSubTrigger({ className, inset, children, ...props }) {
|
|
99
|
-
return ((
|
|
49
|
+
return (_jsxs(MenubarPrimitive.SubTrigger, { "data-slot": "menubar-sub-trigger", "data-inset": inset, className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })] }));
|
|
100
50
|
}
|
|
101
51
|
function MenubarSubContent({ className, ...props }) {
|
|
102
|
-
return ((
|
|
52
|
+
return (_jsx(MenubarPrimitive.SubContent, { "data-slot": "menubar-sub-content", className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className), ...props }));
|
|
103
53
|
}
|
|
54
|
+
export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };
|
package/Menubar/index.js
CHANGED
|
@@ -1,20 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MenubarSubContent = exports.MenubarSubTrigger = exports.MenubarSub = exports.MenubarRadioItem = exports.MenubarRadioGroup = exports.MenubarCheckboxItem = exports.MenubarShortcut = exports.MenubarItem = exports.MenubarLabel = exports.MenubarSeparator = exports.MenubarGroup = exports.MenubarContent = exports.MenubarTrigger = exports.MenubarMenu = exports.MenubarPortal = exports.Menubar = void 0;
|
|
4
|
-
var Menubar_1 = require("./Menubar");
|
|
5
|
-
Object.defineProperty(exports, "Menubar", { enumerable: true, get: function () { return Menubar_1.Menubar; } });
|
|
6
|
-
Object.defineProperty(exports, "MenubarPortal", { enumerable: true, get: function () { return Menubar_1.MenubarPortal; } });
|
|
7
|
-
Object.defineProperty(exports, "MenubarMenu", { enumerable: true, get: function () { return Menubar_1.MenubarMenu; } });
|
|
8
|
-
Object.defineProperty(exports, "MenubarTrigger", { enumerable: true, get: function () { return Menubar_1.MenubarTrigger; } });
|
|
9
|
-
Object.defineProperty(exports, "MenubarContent", { enumerable: true, get: function () { return Menubar_1.MenubarContent; } });
|
|
10
|
-
Object.defineProperty(exports, "MenubarGroup", { enumerable: true, get: function () { return Menubar_1.MenubarGroup; } });
|
|
11
|
-
Object.defineProperty(exports, "MenubarSeparator", { enumerable: true, get: function () { return Menubar_1.MenubarSeparator; } });
|
|
12
|
-
Object.defineProperty(exports, "MenubarLabel", { enumerable: true, get: function () { return Menubar_1.MenubarLabel; } });
|
|
13
|
-
Object.defineProperty(exports, "MenubarItem", { enumerable: true, get: function () { return Menubar_1.MenubarItem; } });
|
|
14
|
-
Object.defineProperty(exports, "MenubarShortcut", { enumerable: true, get: function () { return Menubar_1.MenubarShortcut; } });
|
|
15
|
-
Object.defineProperty(exports, "MenubarCheckboxItem", { enumerable: true, get: function () { return Menubar_1.MenubarCheckboxItem; } });
|
|
16
|
-
Object.defineProperty(exports, "MenubarRadioGroup", { enumerable: true, get: function () { return Menubar_1.MenubarRadioGroup; } });
|
|
17
|
-
Object.defineProperty(exports, "MenubarRadioItem", { enumerable: true, get: function () { return Menubar_1.MenubarRadioItem; } });
|
|
18
|
-
Object.defineProperty(exports, "MenubarSub", { enumerable: true, get: function () { return Menubar_1.MenubarSub; } });
|
|
19
|
-
Object.defineProperty(exports, "MenubarSubTrigger", { enumerable: true, get: function () { return Menubar_1.MenubarSubTrigger; } });
|
|
20
|
-
Object.defineProperty(exports, "MenubarSubContent", { enumerable: true, get: function () { return Menubar_1.MenubarSubContent; } });
|
|
1
|
+
export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, } from "./Menubar";
|
package/Popover/Popover.js
CHANGED
|
@@ -1,49 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
exports.PopoverAnchor = exports.PopoverContent = exports.PopoverTrigger = exports.Popover = void 0;
|
|
37
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
-
const React = __importStar(require("react"));
|
|
39
|
-
const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
|
|
40
|
-
const utils_1 = require("../lib/utils");
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
4
|
+
import { cn } from "../lib/utils";
|
|
41
5
|
const Popover = PopoverPrimitive.Root;
|
|
42
|
-
exports.Popover = Popover;
|
|
43
6
|
const PopoverTrigger = PopoverPrimitive.Trigger;
|
|
44
|
-
exports.PopoverTrigger = PopoverTrigger;
|
|
45
7
|
const PopoverAnchor = PopoverPrimitive.Anchor;
|
|
46
|
-
|
|
47
|
-
const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: (0, utils_1.cn)("z-50 w-72 rounded-lg border border-grey-200 bg-white p-4 text-main-950 shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }) })));
|
|
48
|
-
exports.PopoverContent = PopoverContent;
|
|
8
|
+
const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn("z-50 w-72 rounded-lg border border-grey-200 bg-white p-4 text-main-950 shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }) })));
|
|
49
9
|
PopoverContent.displayName = PopoverPrimitive.Content.displayName;
|
|
10
|
+
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
|
package/Progress/Progress.d.ts
CHANGED
|
@@ -4,10 +4,10 @@ type ProgressSize = "small" | "regular" | "large";
|
|
|
4
4
|
type ProgressVariant = "default" | "success" | "warning" | "destructive";
|
|
5
5
|
declare const progressVariants: (props?: ({
|
|
6
6
|
size?: "small" | "regular" | "large" | null | undefined;
|
|
7
|
-
} & import("class-variance-authority/
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
declare const progressIndicatorVariants: (props?: ({
|
|
9
9
|
variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
|
|
10
|
-
} & import("class-variance-authority/
|
|
10
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
11
11
|
export interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
|
|
12
12
|
size?: ProgressSize;
|
|
13
13
|
variant?: ProgressVariant;
|
package/Progress/Progress.js
CHANGED
|
@@ -1,45 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
exports.progressIndicatorVariants = exports.progressVariants = exports.Progress = void 0;
|
|
37
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
-
const React = __importStar(require("react"));
|
|
39
|
-
const ProgressPrimitive = __importStar(require("@radix-ui/react-progress"));
|
|
40
|
-
const class_variance_authority_1 = require("class-variance-authority");
|
|
41
|
-
const utils_1 = require("../lib/utils");
|
|
42
|
-
const progressVariants = (0, class_variance_authority_1.cva)("relative w-full overflow-hidden rounded-full bg-grey-100", {
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as ProgressPrimitive from "@radix-ui/react-progress";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { cn } from "../lib/utils";
|
|
6
|
+
const progressVariants = cva("relative w-full overflow-hidden rounded-full bg-grey-100", {
|
|
43
7
|
variants: {
|
|
44
8
|
size: {
|
|
45
9
|
small: "h-1",
|
|
@@ -51,8 +15,7 @@ const progressVariants = (0, class_variance_authority_1.cva)("relative w-full ov
|
|
|
51
15
|
size: "regular",
|
|
52
16
|
},
|
|
53
17
|
});
|
|
54
|
-
|
|
55
|
-
const progressIndicatorVariants = (0, class_variance_authority_1.cva)("h-full w-full flex-1 transition-all", {
|
|
18
|
+
const progressIndicatorVariants = cva("h-full w-full flex-1 transition-all", {
|
|
56
19
|
variants: {
|
|
57
20
|
variant: {
|
|
58
21
|
default: "bg-accent-600",
|
|
@@ -65,7 +28,6 @@ const progressIndicatorVariants = (0, class_variance_authority_1.cva)("h-full w-
|
|
|
65
28
|
variant: "default",
|
|
66
29
|
},
|
|
67
30
|
});
|
|
68
|
-
|
|
69
|
-
const Progress = React.forwardRef(({ className, value, size, variant, ...props }, ref) => ((0, jsx_runtime_1.jsx)(ProgressPrimitive.Root, { ref: ref, className: (0, utils_1.cn)(progressVariants({ size }), className), ...props, children: (0, jsx_runtime_1.jsx)(ProgressPrimitive.Indicator, { className: (0, utils_1.cn)(progressIndicatorVariants({ variant })), style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
|
|
70
|
-
exports.Progress = Progress;
|
|
31
|
+
const Progress = React.forwardRef(({ className, value, size, variant, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, className: cn(progressVariants({ size }), className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: cn(progressIndicatorVariants({ variant })), style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
|
|
71
32
|
Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
33
|
+
export { Progress, progressVariants, progressIndicatorVariants };
|
|
@@ -4,7 +4,7 @@ type RadioGroupItemSize = "small" | "regular";
|
|
|
4
4
|
declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const radioGroupItemVariants: (props?: ({
|
|
6
6
|
size?: "small" | "regular" | null | undefined;
|
|
7
|
-
} & import("class-variance-authority/
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
export interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
|
|
9
9
|
size?: RadioGroupItemSize;
|
|
10
10
|
}
|