@tipp/ui 0.1.4 → 0.1.6

package/dist/atoms/alert-dialog.js

@@ -1,7 +1,7 @@
 import {
   AlertDialog
 } from "../chunk-J242TTFH.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   AlertDialog
 };

package/dist/atoms/aspect-ratio.js

@@ -1,7 +1,7 @@
 import {
   AspectRatio
 } from "../chunk-EAXUQEO5.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   AspectRatio
 };

package/dist/atoms/avatar.cjs

@@ -1,8 +1,37 @@
 "use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -20,10 +49,33 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/atoms/avatar.tsx
 var avatar_exports = {};
 __export(avatar_exports, {
-  Avatar: () => import_themes.Avatar
+  Avatar: () => Avatar
 });
 module.exports = __toCommonJS(avatar_exports);
 var import_themes = require("@radix-ui/themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Avatar = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const _a = props, { children, size, variant = "soft" } = _a, rest = __objRest(_a, ["children", "size", "variant"]);
+    const radixSize = (0, import_react.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "medium":
+          return "2";
+        case "large":
+          return "3";
+        case "full":
+          return "4";
+        default:
+          return size;
+      }
+    }, [size]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Avatar, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, variant, children }));
+  }
+);
+Avatar.displayName = "Avatar";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Avatar

package/dist/atoms/avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/avatar.tsx"],"sourcesContent":["export { Avatar, type AvatarProps } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAyC;","names":[]}
+{"version":3,"sources":["../../src/atoms/avatar.tsx"],"sourcesContent":["import {\n  Avatar as RadixAvatar,\n  type AvatarProps as RadixAvatarProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type AvatarProps = Omit<RadixAvatarProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large' | 'full';\n};\n\nexport const Avatar = forwardRef<HTMLImageElement, AvatarProps>(\n  (props: AvatarProps, ref): React.ReactNode => {\n    const { children, size, variant = 'soft', ...rest } = props;\n    const radixSize = useMemo<RadixAvatarProps['size']>(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n        case 'full':\n          return '4';\n        default:\n          return size;\n      }\n    }, [size]);\n\n    return (\n      <RadixAvatar {...rest} ref={ref} size={radixSize} variant={variant}>\n        {children}\n      </RadixAvatar>\n    );\n  }\n);\n\nAvatar.displayName = 'Avatar';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAGO;AACP,mBAAoC;AAyB9B;AAnBC,IAAM,aAAS;AAAA,EACpB,CAAC,OAAoB,QAAyB;AAC5C,UAAsD,YAA9C,YAAU,MAAM,UAAU,OAZtC,IAY0D,IAAT,iBAAS,IAAT,CAArC,YAAU,QAAM;AACxB,UAAM,gBAAY,sBAAkC,MAAM;AACxD,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,WACE,4CAAC,cAAAA,QAAA,iCAAgB,OAAhB,EAAsB,KAAU,MAAM,WAAW,SAC/C,WACH;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":["RadixAvatar"]}

package/dist/atoms/avatar.d.cts

@@ -1 +1,11 @@
-export { Avatar, AvatarProps } from '@radix-ui/themes';
+import * as React from 'react';
+import { AvatarProps as AvatarProps$1 } from '@radix-ui/themes';
+
+type AvatarProps = Omit<AvatarProps$1, 'size'> & {
+    size?: 'small' | 'medium' | 'large' | 'full';
+};
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps$1, "size"> & {
+    size?: "small" | "large" | "medium" | "full" | undefined;
+} & React.RefAttributes<HTMLImageElement>>;
+
+export { Avatar, type AvatarProps };

package/dist/atoms/avatar.d.ts

@@ -1 +1,11 @@
-export { Avatar, AvatarProps } from '@radix-ui/themes';
+import * as React from 'react';
+import { AvatarProps as AvatarProps$1 } from '@radix-ui/themes';
+
+type AvatarProps = Omit<AvatarProps$1, 'size'> & {
+    size?: 'small' | 'medium' | 'large' | 'full';
+};
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps$1, "size"> & {
+    size?: "small" | "large" | "medium" | "full" | undefined;
+} & React.RefAttributes<HTMLImageElement>>;
+
+export { Avatar, type AvatarProps };

package/dist/atoms/avatar.js

@@ -1,7 +1,7 @@
 import {
   Avatar
-} from "../chunk-M4P36WOR.js";
-import "../chunk-LGTAQGUA.js";
+} from "../chunk-CZEGRZBK.js";
+import "../chunk-N552FDTV.js";
 export {
   Avatar
 };

package/dist/atoms/badge.cjs

@@ -1,8 +1,37 @@
 "use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -20,10 +49,42 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/atoms/badge.tsx
 var badge_exports = {};
 __export(badge_exports, {
-  Badge: () => import_themes.Badge
+  Badge: () => Badge
 });
 module.exports = __toCommonJS(badge_exports);
 var import_themes = require("@radix-ui/themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Badge = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size, color } = _a, rest = __objRest(_a, ["size", "color"]);
+    const radixSize = (0, import_react.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "large":
+          return "3";
+        default:
+          return "1";
+      }
+    }, [size]);
+    const radixColor = (0, import_react.useMemo)(() => {
+      switch (color) {
+        case "error":
+          return "red";
+        case "neutral":
+          return "gray";
+        case "success":
+          return "green";
+        case "accent":
+        default:
+          return void 0;
+      }
+    }, [color]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
+  }
+);
+Badge.displayName = "Badge";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Badge

package/dist/atoms/badge.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/badge.tsx"],"sourcesContent":["export { Badge } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAsB;","names":[]}
+{"version":3,"sources":["../../src/atoms/badge.tsx"],"sourcesContent":["import {\n  Badge as RadixBadge,\n  type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color'> & {\n  size: 'small' | 'large';\n  color: 'error' | 'accent' | 'neutral' | 'success';\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (props: BadgeProps, ref): React.ReactNode => {\n    const { size, color, ...rest } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'large':\n          return '3';\n        default:\n          return '1';\n      }\n    }, [size]);\n\n    const radixColor = useMemo(() => {\n      switch (color) {\n        case 'error':\n          return 'red';\n        case 'neutral':\n          return 'gray';\n        case 'success':\n          return 'green';\n        case 'accent':\n        default:\n          return undefined;\n      }\n    }, [color]);\n\n    return (\n      <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAGO;AACP,mBAAoC;AAqC9B;AA9BC,IAAM,YAAQ;AAAA,EACnB,CAAC,OAAmB,QAAyB;AAC3C,UAAiC,YAAzB,QAAM,MAblB,IAaqC,IAAT,iBAAS,IAAT,CAAhB,QAAM;AAEd,UAAM,gBAAY,sBAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,iBAAa,sBAAQ,MAAM;AAC/B,cAAQ,OAAO;AAAA,QACb,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,KAAK,CAAC;AAEV,WACE,4CAAC,cAAAA,OAAA,iCAAe,OAAf,EAAqB,OAAO,YAAY,KAAU,MAAM,YAAW;AAAA,EAExE;AACF;AAEA,MAAM,cAAc;","names":["RadixBadge"]}

package/dist/atoms/badge.d.cts

@@ -1 +1,13 @@
-export { Badge } from '@radix-ui/themes';
+import * as React from 'react';
+import { BadgeProps as BadgeProps$1 } from '@radix-ui/themes';
+
+type BadgeProps = Omit<BadgeProps$1, 'color'> & {
+    size: 'small' | 'large';
+    color: 'error' | 'accent' | 'neutral' | 'success';
+};
+declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "color"> & {
+    size: 'small' | 'large';
+    color: 'error' | 'accent' | 'neutral' | 'success';
+} & React.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps };

package/dist/atoms/badge.d.ts

@@ -1 +1,13 @@
-export { Badge } from '@radix-ui/themes';
+import * as React from 'react';
+import { BadgeProps as BadgeProps$1 } from '@radix-ui/themes';
+
+type BadgeProps = Omit<BadgeProps$1, 'color'> & {
+    size: 'small' | 'large';
+    color: 'error' | 'accent' | 'neutral' | 'success';
+};
+declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps$1, "color"> & {
+    size: 'small' | 'large';
+    color: 'error' | 'accent' | 'neutral' | 'success';
+} & React.RefAttributes<HTMLSpanElement>>;
+
+export { Badge, type BadgeProps };

package/dist/atoms/badge.js

@@ -1,7 +1,7 @@
 import {
   Badge
-} from "../chunk-W4KST6UY.js";
-import "../chunk-LGTAQGUA.js";
+} from "../chunk-ALOPZ54P.js";
+import "../chunk-N552FDTV.js";
 export {
   Badge
 };

package/dist/atoms/blockquote.js

@@ -1,7 +1,7 @@
 import {
   Blockquote
 } from "../chunk-YGL6SWKN.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   Blockquote
 };

package/dist/atoms/box.js

@@ -1,7 +1,7 @@
 import {
   Box
 } from "../chunk-4Y5BEXVN.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   Box
 };

package/dist/atoms/button.cjs

@@ -1,8 +1,37 @@
 "use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -20,10 +49,31 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/atoms/button.tsx
 var button_exports = {};
 __export(button_exports, {
-  Button: () => import_themes.Button
+  Button: () => Button
 });
 module.exports = __toCommonJS(button_exports);
 var import_themes = require("@radix-ui/themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size } = _a, restProps = __objRest(_a, ["size"]);
+    const radixSize = (0, import_react.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "2";
+        case "medium":
+          return "3";
+        case "large":
+          return "4";
+        default:
+          return "3";
+      }
+    }, [size]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Button, __spreadProps(__spreadValues({}, restProps), { ref, size: radixSize }));
+  }
+);
+Button.displayName = "Button";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Button

package/dist/atoms/button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/button.tsx"],"sourcesContent":["export { Button, type ButtonProps } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAyC;","names":[]}
+{"version":3,"sources":["../../src/atoms/button.tsx"],"sourcesContent":["import {\n  Button as RadixButton,\n  type ButtonProps as RadixButtonProps,\n} from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\nexport type ButtonProps = Omit<RadixButtonProps, 'size'> & {\n  size: 'small' | 'medium' | 'large';\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '2';\n        case 'medium':\n          return '3';\n        case 'large':\n          return '4';\n        default:\n          return '3';\n      }\n    }, [size]);\n\n    return <RadixButton {...restProps} ref={ref} size={radixSize} />;\n  }\n);\n\nButton.displayName = 'Button';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAGO;AACP,mBAA2C;AAuBhC;AAjBJ,IAAM,aAAS;AAAA,EACpB,CAAC,OAAO,QAAyB;AAC/B,UAA+B,YAAvB,OAZZ,IAYmC,IAAd,sBAAc,IAAd,CAAT;AAER,UAAM,gBAAY,sBAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,WAAO,4CAAC,cAAAA,QAAA,iCAAgB,YAAhB,EAA2B,KAAU,MAAM,YAAW;AAAA,EAChE;AACF;AAEA,OAAO,cAAc;","names":["RadixButton"]}

package/dist/atoms/button.d.cts

@@ -1 +1,11 @@
-export { Button, ButtonProps } from '@radix-ui/themes';
+import { ButtonProps as ButtonProps$1 } from '@radix-ui/themes';
+import React__default from 'react';
+
+type ButtonProps = Omit<ButtonProps$1, 'size'> & {
+    size: 'small' | 'medium' | 'large';
+};
+declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps$1, "size"> & {
+    size: 'small' | 'medium' | 'large';
+} & React__default.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/atoms/button.d.ts

@@ -1 +1,11 @@
-export { Button, ButtonProps } from '@radix-ui/themes';
+import { ButtonProps as ButtonProps$1 } from '@radix-ui/themes';
+import React__default from 'react';
+
+type ButtonProps = Omit<ButtonProps$1, 'size'> & {
+    size: 'small' | 'medium' | 'large';
+};
+declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps$1, "size"> & {
+    size: 'small' | 'medium' | 'large';
+} & React__default.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/atoms/button.js

@@ -1,7 +1,7 @@
 import {
   Button
-} from "../chunk-LFJCZVNE.js";
-import "../chunk-LGTAQGUA.js";
+} from "../chunk-RET725VL.js";
+import "../chunk-N552FDTV.js";
 export {
   Button
 };

package/dist/atoms/call-out.js

@@ -1,7 +1,7 @@
 import {
   Callout
 } from "../chunk-B6XJN6EC.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   Callout
 };

package/dist/atoms/card.js

@@ -1,7 +1,7 @@
 import {
   Card
 } from "../chunk-FYEASFUU.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   Card
 };

package/dist/atoms/check-box-card.js

@@ -1,7 +1,7 @@
 import {
   CheckboxCards
 } from "../chunk-MIMJ7LON.js";
-import "../chunk-LGTAQGUA.js";
+import "../chunk-N552FDTV.js";
 export {
   CheckboxCards
 };

package/dist/atoms/check-box-group.cjs

@@ -1,8 +1,37 @@
 "use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -20,10 +49,32 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/atoms/check-box-group.tsx
 var check_box_group_exports = {};
 __export(check_box_group_exports, {
-  CheckboxGroup: () => import_themes.CheckboxGroup
+  CheckboxGroup: () => CheckboxGroup
 });
 module.exports = __toCommonJS(check_box_group_exports);
 var import_themes = require("@radix-ui/themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Root = (0, import_react.forwardRef)((props, ref) => {
+  const _a = props, { children, size } = _a, rest = __objRest(_a, ["children", "size"]);
+  const groupSize = (0, import_react.useMemo)(() => {
+    switch (size) {
+      case "small":
+        return "1";
+      case "large":
+        return "3";
+      case "medium":
+      default:
+        return "2";
+    }
+  }, [size]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.CheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
+});
+Root.displayName = "CheckboxGroup.Root";
+var CheckboxGroup = {
+  Root,
+  Item: import_themes.CheckboxGroup.Item
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CheckboxGroup

package/dist/atoms/check-box-group.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/check-box-group.tsx"],"sourcesContent":["export { CheckboxGroup } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA8B;","names":[]}
+{"version":3,"sources":["../../src/atoms/check-box-group.tsx"],"sourcesContent":["import { CheckboxGroup as RadixCheckboxGroup } from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\ntype RadixCheckboxGroupProps = React.ComponentPropsWithoutRef<\n  typeof RadixCheckboxGroup.Root\n>;\ntype CheckboxGroupProps = Omit<RadixCheckboxGroupProps, 'size'> & {\n  size: 'small' | 'medium' | 'large';\n};\n\nconst Root = forwardRef<HTMLDivElement, CheckboxGroupProps>((props, ref) => {\n  const { children, size, ...rest } = props;\n\n  const groupSize = useMemo<RadixCheckboxGroupProps['size']>(() => {\n    switch (size) {\n      case 'small':\n        return '1';\n      case 'large':\n        return '3';\n      case 'medium':\n      default:\n        return '2';\n    }\n  }, [size]);\n\n  return (\n    <RadixCheckboxGroup.Root {...rest} ref={ref} size={groupSize}>\n      {children}\n    </RadixCheckboxGroup.Root>\n  );\n});\n\nRoot.displayName = 'CheckboxGroup.Root';\n\nexport const CheckboxGroup = {\n  Root,\n  Item: RadixCheckboxGroup.Item,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoD;AACpD,mBAA2C;AAyBvC;AAhBJ,IAAM,WAAO,yBAA+C,CAAC,OAAO,QAAQ;AAC1E,QAAoC,YAA5B,YAAU,KAXpB,IAWsC,IAAT,iBAAS,IAAT,CAAnB,YAAU;AAElB,QAAM,gBAAY,sBAAyC,MAAM;AAC/D,YAAQ,MAAM;AAAA,MACZ,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AAAA,MACL;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SACE,4CAAC,cAAAA,cAAmB,MAAnB,iCAA4B,OAA5B,EAAkC,KAAU,MAAM,WAChD,WACH;AAEJ,CAAC;AAED,KAAK,cAAc;AAEZ,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA,MAAM,cAAAA,cAAmB;AAC3B;","names":["RadixCheckboxGroup"]}

package/dist/atoms/check-box-group.d.cts

@@ -1 +1,11 @@
-export { CheckboxGroup } from '@radix-ui/themes';
+import { CheckboxGroup as CheckboxGroup$1 } from '@radix-ui/themes';
+import React__default from 'react';
+
+declare const CheckboxGroup: {
+    Root: React__default.ForwardRefExoticComponent<Omit<Omit<CheckboxGroup$1.RootProps & React__default.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
+        size: 'small' | 'medium' | 'large';
+    } & React__default.RefAttributes<HTMLDivElement>>;
+    Item: React__default.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & React__default.RefAttributes<HTMLButtonElement>>;
+};
+
+export { CheckboxGroup };

package/dist/atoms/check-box-group.d.ts

@@ -1 +1,11 @@
-export { CheckboxGroup } from '@radix-ui/themes';
+import { CheckboxGroup as CheckboxGroup$1 } from '@radix-ui/themes';
+import React__default from 'react';
+
+declare const CheckboxGroup: {
+    Root: React__default.ForwardRefExoticComponent<Omit<Omit<CheckboxGroup$1.RootProps & React__default.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
+        size: 'small' | 'medium' | 'large';
+    } & React__default.RefAttributes<HTMLDivElement>>;
+    Item: React__default.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & React__default.RefAttributes<HTMLButtonElement>>;
+};
+
+export { CheckboxGroup };

package/dist/atoms/check-box-group.js

@@ -1,7 +1,7 @@
 import {
   CheckboxGroup
-} from "../chunk-4PP245MS.js";
-import "../chunk-LGTAQGUA.js";
+} from "../chunk-IQEEPHOY.js";
+import "../chunk-N552FDTV.js";
 export {
   CheckboxGroup
 };

package/dist/atoms/check-box.cjs

@@ -1,8 +1,37 @@
 "use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -20,10 +49,29 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/atoms/check-box.tsx
 var check_box_exports = {};
 __export(check_box_exports, {
-  Checkbox: () => import_themes.Checkbox
+  Checkbox: () => Checkbox
 });
 module.exports = __toCommonJS(check_box_exports);
 var import_themes = require("@radix-ui/themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Checkbox = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
+    const radixSize = (0, import_react.useMemo)(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "medium":
+          return "2";
+        case "large":
+          return "3";
+      }
+    }, [size]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Checkbox, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize }));
+  }
+);
+Checkbox.displayName = "Checkbox";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Checkbox

package/dist/atoms/check-box.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/check-box.tsx"],"sourcesContent":["export { Checkbox, type CheckboxProps } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6C;","names":[]}
+{"version":3,"sources":["../../src/atoms/check-box.tsx"],"sourcesContent":["import {\n  Checkbox as RadixCheckbox,\n  type CheckboxProps as RadixCheckboxProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type CheckboxProps = Omit<RadixCheckboxProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n};\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (props, ref): React.ReactNode => {\n    const { size = 'medium', ...rest } = props;\n\n    const radixSize = useMemo<RadixCheckboxProps['size']>(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n      }\n    }, [size]);\n\n    return <RadixCheckbox {...rest} ref={ref} size={radixSize} />;\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAGO;AACP,mBAAoC;AAqBzB;AAfJ,IAAM,eAAW;AAAA,EACtB,CAAC,OAAO,QAAyB;AAC/B,UAAqC,YAA7B,SAAO,SAZnB,IAYyC,IAAT,iBAAS,IAAT,CAApB;AAER,UAAM,gBAAY,sBAAoC,MAAM;AAC1D,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,WAAO,4CAAC,cAAAA,UAAA,iCAAkB,OAAlB,EAAwB,KAAU,MAAM,YAAW;AAAA,EAC7D;AACF;AAEA,SAAS,cAAc;","names":["RadixCheckbox"]}

package/dist/atoms/check-box.d.cts

@@ -1 +1,11 @@
-export { Checkbox, CheckboxProps } from '@radix-ui/themes';
+import * as React from 'react';
+import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/themes';
+
+type CheckboxProps = Omit<CheckboxProps$1, 'size'> & {
+    size?: 'small' | 'medium' | 'large';
+};
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps$1, "size"> & {
+    size?: "small" | "large" | "medium" | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { Checkbox, type CheckboxProps };