@modul/mbui 0.0.16-beta-pv-53139-36dea103 → 0.0.16-beta-pv-53139-f8011ffd

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 (18) hide show
  1. package/dist/Badge/Badge.d.ts +2 -2
  2. package/dist/Badge/Badge.js +6 -10
  3. package/dist/Badge/Badge.js.map +1 -1
  4. package/dist/Checkbox/Checkbox.d.ts +4 -0
  5. package/dist/Checkbox/Checkbox.js +35 -0
  6. package/dist/Checkbox/Checkbox.js.map +1 -0
  7. package/dist/Checkbox/index.d.ts +1 -0
  8. package/dist/Checkbox/index.js +6 -0
  9. package/dist/Checkbox/index.js.map +1 -0
  10. package/dist/index.d.ts +2 -1
  11. package/dist/index.js +3 -1
  12. package/dist/index.js.map +1 -1
  13. package/package.json +2 -1
  14. package/src/Badge/Badge.tsx +6 -10
  15. package/src/Checkbox/Checkbox.tsx +44 -0
  16. package/src/Checkbox/index.ts +1 -0
  17. package/src/assets/css/global.css +1 -1
  18. package/src/index.ts +2 -0
package/dist/Badge/Badge.d.ts CHANGED
@@ -2,9 +2,9 @@ import * as React from 'react';
2
2
  import { type VariantProps } from 'class-variance-authority';
3
3
  declare const badgeVariants: (props?: {
4
4
  variant?: "default";
5
- size?: "default";
5
+ size?: "default" | "dot";
6
6
  } & import("class-variance-authority/dist/types").ClassProp) => string;
7
7
  export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
8
8
  }
9
- declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
9
+ declare function Badge({ className, variant, size, ...props }: BadgeProps): React.JSX.Element;
10
10
  export { Badge, badgeVariants };
package/dist/Badge/Badge.js CHANGED
@@ -8,15 +8,13 @@ const utils_1 = require("../@/lib/utils");
8
8
  const badgeClasses = {
9
9
  variant: {
10
10
  base: `
11
- inline-flex
12
- items-center
11
+ inline-block
13
12
  focus:ring-2
14
13
  focus:ring-ring
15
14
  focus:ring-offset-2
16
15
  focus:outline-none
17
16
  transition-colors
18
17
  rounded-full
19
- truncate
20
18
  `,
21
19
  default: `
22
20
  bg-critical
@@ -24,8 +22,8 @@ const badgeClasses = {
24
22
  `,
25
23
  },
26
24
  size: {
27
- default: 'size-[16px] text-[10px] place-content-center text-center leadimg-[1.4] items-start truncate',
28
- dot: '',
25
+ default: 'size-[16px] text-[10px] text-center leadimg-[1] truncate',
26
+ dot: 'size-[10px] bg-critical-light border-critical border-[3px]',
29
27
  sm: '',
30
28
  md: '',
31
29
  lg: '',
@@ -35,12 +33,10 @@ const badgeVariants = (0, class_variance_authority_1.cva)(badgeClasses.variant.b
35
33
  variants: {
36
34
  variant: {
37
35
  default: badgeClasses.variant.default,
38
- // secondary: '',
39
- // destructive:'',
40
- // outline: '',
41
36
  },
42
37
  size: {
43
38
  default: badgeClasses.size.default,
39
+ dot: badgeClasses.size.dot
44
40
  },
45
41
  },
46
42
  defaultVariants: {
@@ -49,8 +45,8 @@ const badgeVariants = (0, class_variance_authority_1.cva)(badgeClasses.variant.b
49
45
  },
50
46
  });
51
47
  exports.badgeVariants = badgeVariants;
52
- function Badge({ className, variant, ...props }) {
53
- return (React.createElement("div", { className: (0, utils_1.cn)(badgeVariants({ variant }), className), ...props }));
48
+ function Badge({ className, variant, size, ...props }) {
49
+ return (React.createElement("div", { className: (0, utils_1.cn)(badgeVariants({ variant, size }), className), ...props }));
54
50
  }
55
51
  exports.Badge = Badge;
56
52
  //# sourceMappingURL=Badge.js.map
package/dist/Badge/Badge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uEAAiE;AAEjE,0CAAmC;AAEnC,MAAM,YAAY,GAAG;IACpB,OAAO,EAAE;QACR,IAAI,EAAE;;;;;;;;;;IAUJ;QACF,OAAO,EAAE;;;GAGR;KACD;IACD,IAAI,EAAE;QACL,OAAO,EAAE,6FAA6F;QACtG,GAAG,EAAE,EAAE;QACP,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACN;CACD,CAAA;AAED,MAAM,aAAa,GAAG,IAAA,8BAAG,EAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE;IACpD,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,OAAO;YACrC,iBAAiB;YACjB,kBAAkB;YAClB,eAAe;SACf;QACD,IAAI,EAAE;YACL,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO;SAClC;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KACf;CACD,CAAC,CAAA;AAac,sCAAa;AAT7B,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc;IAC1D,OAAO,CACN,6BACC,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAEQ,sBAAK"}
1
+ {"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uEAAiE;AAEjE,0CAAmC;AAEnC,MAAM,YAAY,GAAG;IACpB,OAAO,EAAE;QACR,IAAI,EAAE;;;;;;;;IAQJ;QACF,OAAO,EAAE;;;GAGR;KACD;IACD,IAAI,EAAE;QACL,OAAO,EAAE,0DAA0D;QACnE,GAAG,EAAE,4DAA4D;QACjE,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACN;CACD,CAAA;AAED,MAAM,aAAa,GAAG,IAAA,8BAAG,EAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE;IACpD,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,OAAO;SACrC;QACD,IAAI,EAAE;YACL,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO;YAClC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG;SAC1B;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KACf;CACD,CAAC,CAAA;AAac,sCAAa;AAT7B,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAc;IAChE,OAAO,CACN,6BACC,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAEQ,sBAAK"}
package/dist/Checkbox/Checkbox.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
3
+ declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
4
+ export { Checkbox };
package/dist/Checkbox/Checkbox.js ADDED
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Checkbox = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const React = (0, tslib_1.__importStar)(require("react"));
6
+ const CheckboxPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-checkbox"));
7
+ const icons_1 = require("../Icon/icons");
8
+ const checkboxClasses = {
9
+ root: `
10
+ peer
11
+ size-[18px]
12
+ shrink-0
13
+ rounded-sm
14
+ border-2
15
+ border-input
16
+ focus-visible:outline-none
17
+ focus-visible:ring-1 focus-visible:ring-ring
18
+ disabled:cursor-not-allowed disabled:opacity-50
19
+ data-[state=checked]:bg-primary
20
+ data-[state=checked]:border-primary
21
+ data-[state=checked]:text-white
22
+ `,
23
+ indicator: `
24
+ flex
25
+ justify-center
26
+ items-center
27
+ text-current
28
+ `
29
+ };
30
+ const Checkbox = React.forwardRef(({ className, ...props }, ref) => (React.createElement(CheckboxPrimitive.Root, { ref: ref, className: checkboxClasses.root, ...props },
31
+ React.createElement(CheckboxPrimitive.Indicator, { className: checkboxClasses.indicator },
32
+ React.createElement(icons_1.CheckSmall, { className: "size-[14px]" })))));
33
+ exports.Checkbox = Checkbox;
34
+ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
35
+ //# sourceMappingURL=Checkbox.js.map
package/dist/Checkbox/Checkbox.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yFAA6D;AAC7D,yCAA0C;AAE1C,MAAM,eAAe,GAAG;IACvB,IAAI,EAAE;;;;;;;;;;;;;GAaJ;IACF,SAAS,EAAE;;;;;EAKV;CACD,CAAA;AAED,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,oBAAC,iBAAiB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,CAAC,IAAI,KAC3B,KAAK;IAET,oBAAC,iBAAiB,CAAC,SAAS,IAAC,SAAS,EAAE,eAAe,CAAC,SAAS;QAChE,oBAAC,kBAAU,IAAC,SAAS,EAAC,aAAa,GAAG,CACT,CACN,CACzB,CAAC,CAAA;AAGO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAA"}
package/dist/Checkbox/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { Checkbox } from './Checkbox';
package/dist/Checkbox/index.js ADDED
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Checkbox = void 0;
4
+ var Checkbox_1 = require("./Checkbox");
5
+ Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
6
+ //# sourceMappingURL=index.js.map
package/dist/Checkbox/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Checkbox/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}
package/dist/index.d.ts CHANGED
@@ -27,4 +27,5 @@ import { Select } from './Select';
27
27
  import { Progress } from './Progress';
28
28
  import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from './AlertDialog';
29
29
  import { Badge, badgeVariants } from './Badge';
30
- export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, buttonVariants, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Progress, Alert, Switch, Label, Textarea, SelectAccountCard, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, SelectAsync, InputMask, Select, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, Badge, badgeVariants, };
30
+ import { Checkbox } from './Checkbox';
31
+ export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, buttonVariants, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Progress, Alert, Switch, Label, Textarea, SelectAccountCard, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, SelectAsync, InputMask, Select, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, Badge, badgeVariants, Checkbox };
package/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.DatePicker = exports.Calendar = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormItem = exports.FormField = exports.FormLabel = exports.Form = exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = exports.Progress = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.buttonVariants = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
4
- exports.badgeVariants = exports.Badge = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.Select = exports.InputMask = exports.SelectAsync = void 0;
4
+ exports.Checkbox = exports.badgeVariants = exports.Badge = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.Select = exports.InputMask = exports.SelectAsync = void 0;
5
5
  const tslib_1 = require("tslib");
6
6
  const Tooltip_1 = require("./Tooltip");
7
7
  Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
@@ -96,4 +96,6 @@ Object.defineProperty(exports, "AlertDialogCancel", { enumerable: true, get: fun
96
96
  const Badge_1 = require("./Badge");
97
97
  Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
98
98
  Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return Badge_1.badgeVariants; } });
99
+ const Checkbox_1 = require("./Checkbox");
100
+ Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
99
101
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@modul/mbui",
3
- "version": "0.0.16-beta-pv-53139-36dea103",
3
+ "version": "0.0.16-beta-pv-53139-f8011ffd",
4
4
  "packageManager": "yarn@3.5.1",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
@@ -24,6 +24,7 @@
24
24
  "@hookform/resolvers": "3.9.0",
25
25
  "@radix-ui/react-accordion": "^1.2.0",
26
26
  "@radix-ui/react-alert-dialog": "1.1.1",
27
+ "@radix-ui/react-checkbox": "1.1.1",
27
28
  "@radix-ui/react-collapsible": "1.1.0",
28
29
  "@radix-ui/react-dropdown-menu": "2.1.1",
29
30
  "@radix-ui/react-label": "2.1.0",
package/src/Badge/Badge.tsx CHANGED
@@ -6,15 +6,13 @@ import { cn } from '../@/lib/utils'
6
6
  const badgeClasses = {
7
7
  variant: {
8
8
  base: `
9
- inline-flex
10
- items-center
9
+ inline-block
11
10
  focus:ring-2
12
11
  focus:ring-ring
13
12
  focus:ring-offset-2
14
13
  focus:outline-none
15
14
  transition-colors
16
15
  rounded-full
17
- truncate
18
16
  `,
19
17
  default: `
20
18
  bg-critical
@@ -22,8 +20,8 @@ const badgeClasses = {
22
20
  `,
23
21
  },
24
22
  size: {
25
- default: 'size-[16px] text-[10px] place-content-center text-center leadimg-[1.4] items-start truncate',
26
- dot: '',
23
+ default: 'size-[16px] text-[10px] text-center leadimg-[1] truncate',
24
+ dot: 'size-[10px] bg-critical-light border-critical border-[3px]',
27
25
  sm: '',
28
26
  md: '',
29
27
  lg: '',
@@ -34,12 +32,10 @@ const badgeVariants = cva(badgeClasses.variant.base, {
34
32
  variants: {
35
33
  variant: {
36
34
  default: badgeClasses.variant.default,
37
- // secondary: '',
38
- // destructive:'',
39
- // outline: '',
40
35
  },
41
36
  size: {
42
37
  default: badgeClasses.size.default,
38
+ dot: badgeClasses.size.dot
43
39
  },
44
40
  },
45
41
  defaultVariants: {
@@ -50,10 +46,10 @@ const badgeVariants = cva(badgeClasses.variant.base, {
50
46
 
51
47
  export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
52
48
 
53
- function Badge({ className, variant, ...props }: BadgeProps) {
49
+ function Badge({ className, variant, size, ...props }: BadgeProps) {
54
50
  return (
55
51
  <div
56
- className={cn(badgeVariants({ variant }), className)}
52
+ className={cn(badgeVariants({ variant, size }), className)}
57
53
  {...props}
58
54
  />
59
55
  )
package/src/Checkbox/Checkbox.tsx ADDED
@@ -0,0 +1,44 @@
1
+ import * as React from 'react'
2
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox'
3
+ import { CheckSmall } from '../Icon/icons'
4
+
5
+ const checkboxClasses = {
6
+ root: `
7
+ peer
8
+ size-[18px]
9
+ shrink-0
10
+ rounded-sm
11
+ border-2
12
+ border-input
13
+ focus-visible:outline-none
14
+ focus-visible:ring-1 focus-visible:ring-ring
15
+ disabled:cursor-not-allowed disabled:opacity-50
16
+ data-[state=checked]:bg-primary
17
+ data-[state=checked]:border-primary
18
+ data-[state=checked]:text-white
19
+ `,
20
+ indicator: `
21
+ flex
22
+ justify-center
23
+ items-center
24
+ text-current
25
+ `
26
+ }
27
+
28
+ const Checkbox = React.forwardRef<
29
+ React.ElementRef<typeof CheckboxPrimitive.Root>,
30
+ React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
31
+ >(({ className, ...props }, ref) => (
32
+ <CheckboxPrimitive.Root
33
+ ref={ref}
34
+ className={checkboxClasses.root}
35
+ {...props}
36
+ >
37
+ <CheckboxPrimitive.Indicator className={checkboxClasses.indicator}>
38
+ <CheckSmall className="size-[14px]" />
39
+ </CheckboxPrimitive.Indicator>
40
+ </CheckboxPrimitive.Root>
41
+ ))
42
+ Checkbox.displayName = CheckboxPrimitive.Root.displayName
43
+
44
+ export { Checkbox }
package/src/Checkbox/index.ts ADDED
@@ -0,0 +1 @@
1
+ export { Checkbox } from './Checkbox'
package/src/assets/css/global.css CHANGED
@@ -104,7 +104,7 @@
104
104
  --bg-light: var(--cl-graphite-7);
105
105
  --warning: var(--cl-yellow-2);
106
106
  --warning-light: var(--cl-yellow-7);
107
- --critical: var(--cl-red-4);
107
+ --critical: var(--cl-red-2);
108
108
  --critical-light: var(--cl-red-7);
109
109
  /* --text-quaternary:; */
110
110
 
package/src/index.ts CHANGED
@@ -48,6 +48,7 @@ import {
48
48
  AlertDialogCancel,
49
49
  } from './AlertDialog'
50
50
  import { Badge, badgeVariants } from './Badge'
51
+ import { Checkbox } from './Checkbox'
51
52
 
52
53
  export {
53
54
  Tooltip,
@@ -114,4 +115,5 @@ export {
114
115
  AlertDialogCancel,
115
116
  Badge,
116
117
  badgeVariants,
118
+ Checkbox
117
119
  }