@a2v2ai/uikit 0.0.29 → 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.
Files changed (74) hide show
  1. package/Alert/Alert.d.ts +1 -1
  2. package/Alert/Alert.js +9 -48
  3. package/AlertDialog/AlertDialog.d.ts +3 -3
  4. package/AlertDialog/AlertDialog.js +19 -69
  5. package/Avatar/Avatar.d.ts +1 -1
  6. package/Avatar/Avatar.js +10 -49
  7. package/Badge/Badge.d.ts +1 -1
  8. package/Badge/Badge.js +7 -10
  9. package/Breadcrumb/Breadcrumb.js +14 -56
  10. package/Button/Button.d.ts +1 -1
  11. package/Button/Button.js +9 -46
  12. package/Calendar/Calendar.js +43 -79
  13. package/Card/Card.d.ts +1 -1
  14. package/Card/Card.js +12 -54
  15. package/Carousel/Carousel.d.ts +5 -5
  16. package/Carousel/Carousel.js +20 -67
  17. package/ChatBubble/ChatBubble.d.ts +2 -2
  18. package/ChatBubble/ChatBubble.js +9 -47
  19. package/Checkbox/Checkbox.d.ts +1 -1
  20. package/Checkbox/Checkbox.js +9 -46
  21. package/DataTable/DataTable.js +4 -8
  22. package/Drawer/Drawer.d.ts +2 -2
  23. package/Drawer/Drawer.js +20 -34
  24. package/DropdownMenu/DropdownMenu.js +15 -65
  25. package/ErrorMessage/ErrorMessage.js +6 -7
  26. package/Flex/Flex.d.ts +1 -1
  27. package/Flex/Flex.js +7 -44
  28. package/IconButton/IconButton.d.ts +1 -1
  29. package/IconButton/IconButton.js +9 -46
  30. package/Input/Input.d.ts +1 -1
  31. package/Input/Input.js +12 -48
  32. package/InputOTP/InputOTP.d.ts +2 -2
  33. package/InputOTP/InputOTP.js +15 -56
  34. package/Label/Label.d.ts +1 -1
  35. package/Label/Label.js +11 -48
  36. package/Loader/Loader.d.ts +1 -1
  37. package/Loader/Loader.js +10 -47
  38. package/Menubar/Menubar.js +22 -71
  39. package/Menubar/index.js +1 -20
  40. package/Popover/Popover.js +6 -45
  41. package/Progress/Progress.d.ts +2 -2
  42. package/Progress/Progress.js +9 -47
  43. package/RadioGroup/RadioGroup.d.ts +1 -1
  44. package/RadioGroup/RadioGroup.js +10 -48
  45. package/ScrollArea/ScrollArea.js +8 -45
  46. package/Select/Select.d.ts +1 -1
  47. package/Select/Select.js +20 -65
  48. package/Separator/Separator.js +6 -42
  49. package/Sidebar/Sidebar.d.ts +2 -2
  50. package/Sidebar/Sidebar.js +22 -67
  51. package/Sidebar/index.js +1 -17
  52. package/Skeleton/Skeleton.js +5 -6
  53. package/Slider/Slider.js +6 -42
  54. package/Spinner/Spinner.d.ts +1 -1
  55. package/Spinner/Spinner.js +7 -44
  56. package/Switch/Switch.d.ts +1 -1
  57. package/Switch/Switch.js +9 -46
  58. package/Table/Table.js +12 -55
  59. package/Tabs/Tabs.d.ts +1 -1
  60. package/Tabs/Tabs.js +10 -50
  61. package/Textarea/Textarea.d.ts +1 -1
  62. package/Textarea/Textarea.js +9 -45
  63. package/Toast/Toast.js +10 -14
  64. package/Tooltip/Tooltip.d.ts +1 -1
  65. package/Tooltip/Tooltip.js +11 -50
  66. package/Typography/Typography.d.ts +1 -1
  67. package/Typography/Typography.js +12 -15
  68. package/helpers.js +4 -12
  69. package/icons.js +1 -17
  70. package/index.js +41 -235
  71. package/lib/typography-types.js +2 -5
  72. package/lib/utils.js +5 -9
  73. package/package.json +2 -1
  74. package/tmpclaude-2407-cwd +1 -0
@@ -1,58 +1,19 @@
1
- "use strict";
2
1
  "use client";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
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
- exports.inputOTPVariants = inputOTPVariants;
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) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)("flex items-center", className), ...props })));
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 = (0, class_variance_authority_1.cva)(
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(input_otp_1.OTPInputContext);
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 ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, utils_1.cn)(inputOTPSlotVariants({ slotSize }),
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 && ((0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-main-950 duration-1000" }) }))] }));
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) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, role: "separator", ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Minus, { className: "text-grey-400" }) })));
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/dist/types").ClassProp) | undefined) => string;
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
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
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.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: typography_types_1.textVariantClasses,
46
- color: typography_types_1.textColorClasses,
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
- exports.labelVariants = labelVariants;
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 };
@@ -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/dist/types").ClassProp) | undefined) => string;
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
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
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.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
- exports.loaderVariants = loaderVariants;
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 };
@@ -1,103 +1,54 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
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.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 ((0, jsx_runtime_1.jsx)(MenubarPrimitive.Root, { "data-slot": "menubar", className: (0, utils_1.cn)("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", className), ...props }));
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 (0, jsx_runtime_1.jsx)(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
10
+ return _jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
61
11
  }
62
12
  function MenubarGroup({ ...props }) {
63
- return (0, jsx_runtime_1.jsx)(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
13
+ return _jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
64
14
  }
65
15
  function MenubarPortal({ ...props }) {
66
- return (0, jsx_runtime_1.jsx)(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
16
+ return _jsx(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
67
17
  }
68
18
  function MenubarRadioGroup({ ...props }) {
69
- return ((0, jsx_runtime_1.jsx)(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props }));
19
+ return (_jsx(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props }));
70
20
  }
71
21
  function MenubarTrigger({ className, ...props }) {
72
- return ((0, jsx_runtime_1.jsx)(MenubarPrimitive.Trigger, { "data-slot": "menubar-trigger", className: (0, utils_1.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 }));
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 ((0, jsx_runtime_1.jsx)(MenubarPortal, { children: (0, jsx_runtime_1.jsx)(MenubarPrimitive.Content, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: (0, utils_1.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 }) }));
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 ((0, jsx_runtime_1.jsx)(MenubarPrimitive.Item, { "data-slot": "menubar-item", "data-inset": inset, "data-variant": variant, className: (0, utils_1.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 }));
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 ((0, jsx_runtime_1.jsxs)(MenubarPrimitive.CheckboxItem, { "data-slot": "menubar-checkbox-item", className: (0, utils_1.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: [(0, jsx_runtime_1.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(MenubarPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.CheckIcon, { className: "size-4" }) }) }), children] }));
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 ((0, jsx_runtime_1.jsxs)(MenubarPrimitive.RadioItem, { "data-slot": "menubar-radio-item", className: (0, utils_1.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: [(0, jsx_runtime_1.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(MenubarPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
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 ((0, jsx_runtime_1.jsx)(MenubarPrimitive.Label, { "data-slot": "menubar-label", "data-inset": inset, className: (0, utils_1.cn)("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className), ...props }));
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 ((0, jsx_runtime_1.jsx)(MenubarPrimitive.Separator, { "data-slot": "menubar-separator", className: (0, utils_1.cn)("bg-border -mx-1 my-1 h-px", className), ...props }));
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 ((0, jsx_runtime_1.jsx)("span", { "data-slot": "menubar-shortcut", className: (0, utils_1.cn)("text-muted-foreground ml-auto text-xs tracking-widest", className), ...props }));
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 (0, jsx_runtime_1.jsx)(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
46
+ return _jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
97
47
  }
98
48
  function MenubarSubTrigger({ className, inset, children, ...props }) {
99
- return ((0, jsx_runtime_1.jsxs)(MenubarPrimitive.SubTrigger, { "data-slot": "menubar-sub-trigger", "data-inset": inset, className: (0, utils_1.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, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRightIcon, { className: "ml-auto h-4 w-4" })] }));
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 ((0, jsx_runtime_1.jsx)(MenubarPrimitive.SubContent, { "data-slot": "menubar-sub-content", className: (0, utils_1.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 }));
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
- "use strict";
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";
@@ -1,49 +1,10 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
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
- exports.PopoverAnchor = PopoverAnchor;
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 };
@@ -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/dist/types").ClassProp) | undefined) => string;
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/dist/types").ClassProp) | undefined) => string;
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;
@@ -1,45 +1,9 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
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.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
- exports.progressVariants = progressVariants;
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
- exports.progressIndicatorVariants = progressIndicatorVariants;
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/dist/types").ClassProp) | undefined) => string;
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
  }