@tipp/ui 0.1.4 → 0.1.6

package/dist/atoms/text.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,28 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/atoms/text.tsx
 var text_exports = {};
 __export(text_exports, {
-  Text: () => import_themes.Text
+  Text: () => Text
 });
 module.exports = __toCommonJS(text_exports);
 var import_themes = require("@radix-ui/themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Text(props) {
+  const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
+  const radixSize = (0, import_react.useMemo)(() => {
+    switch (variant) {
+      case "caption":
+        return "1";
+      case "subtitle":
+        return "3";
+      case "body":
+        return "2";
+      default:
+        return size;
+    }
+  }, [size, variant]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Text

package/dist/atoms/text.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/text.tsx"],"sourcesContent":["export { Text, type TextProps } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAqC;","names":[]}
+{"version":3,"sources":["../../src/atoms/text.tsx"],"sourcesContent":["import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo } from 'react';\n\nexport type TextProps = RadixTextProps & {\n  variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport function Text(props: TextProps): React.ReactNode {\n  const { size, variant, children, ...rest } = props;\n\n  const radixSize = useMemo<RadixTextProps['size']>(() => {\n    switch (variant) {\n      case 'caption':\n        return '1';\n      case 'subtitle':\n        return '3';\n      case 'body':\n        return '2';\n      default:\n        return size;\n    }\n  }, [size, variant]);\n\n  return (\n    <RadixText {...rest} size={radixSize}>\n      {children}\n    </RadixText>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAkC;AAClC,mBAA+B;AAuB3B;AAjBG,SAAS,KAAK,OAAmC;AACtD,QAA6C,YAArC,QAAM,SAAS,SATzB,IAS+C,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,QAAM,gBAAY,sBAAgC,MAAM;AACtD,YAAQ,SAAS;AAAA,MACf,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SACE,4CAAC,cAAAA,MAAA,iCAAc,OAAd,EAAoB,MAAM,WACxB,WACH;AAEJ;","names":["RadixText"]}

package/dist/atoms/text.d.cts

@@ -1 +1,9 @@
-export { Text, TextProps } from '@radix-ui/themes';
+import { TextProps as TextProps$1 } from '@radix-ui/themes';
+import React__default from 'react';
+
+type TextProps = TextProps$1 & {
+    variant?: 'body' | 'caption' | 'subtitle';
+};
+declare function Text(props: TextProps): React__default.ReactNode;
+
+export { Text, type TextProps };

package/dist/atoms/text.d.ts

@@ -1 +1,9 @@
-export { Text, TextProps } from '@radix-ui/themes';
+import { TextProps as TextProps$1 } from '@radix-ui/themes';
+import React__default from 'react';
+
+type TextProps = TextProps$1 & {
+    variant?: 'body' | 'caption' | 'subtitle';
+};
+declare function Text(props: TextProps): React__default.ReactNode;
+
+export { Text, type TextProps };

package/dist/atoms/text.js

@@ -1,7 +1,7 @@
 import {
   Text
-} from "../chunk-DYUKDKUS.js";
-import "../chunk-LGTAQGUA.js";
+} from "../chunk-XJJDE4YP.js";
+import "../chunk-N552FDTV.js";
 export {
   Text
 };

package/dist/atoms/tooltip.js

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

package/dist/chart/chart.cjs

@@ -1,8 +1,10 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 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;
@@ -29,6 +31,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/chart/chart.tsx
@@ -37,8 +47,8 @@ __export(chart_exports, {
   Chart: () => Chart
 });
 module.exports = __toCommonJS(chart_exports);
-var import_react_echarts = require("@kbox-labs/react-echarts");
 var import_react_resize_detector = require("react-resize-detector");
+var import_echarts_for_react = __toESM(require("echarts-for-react"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
 function Chart(props) {
   const { width, height, ref } = (0, import_react_resize_detector.useResizeDetector)({
@@ -46,7 +56,7 @@ function Chart(props) {
     refreshMode: "debounce",
     refreshRate: 100
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_echarts.EChart, __spreadValues({ style: { width, height } }, props)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_echarts_for_react.default, __spreadValues({ style: { width, height } }, props)) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/chart/chart.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/chart/chart.tsx"],"sourcesContent":["import React from 'react';\nimport { EChart } from '@kbox-labs/react-echarts';\nimport type { EChartProps } from '@kbox-labs/react-echarts';\nimport { useResizeDetector } from 'react-resize-detector';\n\nexport type ChartProps = EChartProps;\n\nexport function Chart(props: ChartProps): JSX.Element {\n  const { width, height, ref } = useResizeDetector({\n    handleHeight: false,\n    refreshMode: 'debounce',\n    refreshRate: 100,\n  });\n\n  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <EChart style={{ width, height }} {...props} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAAuB;AAEvB,mCAAkC;AAa5B;AATC,SAAS,MAAM,OAAgC;AACpD,QAAM,EAAE,OAAO,QAAQ,IAAI,QAAI,gDAAkB;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,EACf,CAAC;AAED,SACE,4CAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACpD,sDAAC,8CAAO,OAAO,EAAE,OAAO,OAAO,KAAO,MAAO,GAC/C;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/chart/chart.tsx"],"sourcesContent":["import React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\n\nexport type ChartProps = React.ComponentProps<typeof ReactECharts>;\n\nexport function Chart(props: ChartProps): JSX.Element {\n  const { width, height, ref } = useResizeDetector({\n    handleHeight: false,\n    refreshMode: 'debounce',\n    refreshRate: 100,\n  });\n\n  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <ReactECharts style={{ width, height }} {...props} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mCAAkC;AAClC,+BAAyB;AAanB;AATC,SAAS,MAAM,OAAgC;AACpD,QAAM,EAAE,OAAO,QAAQ,IAAI,QAAI,gDAAkB;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,EACf,CAAC;AAED,SACE,4CAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACpD,sDAAC,yBAAAA,SAAA,iBAAa,OAAO,EAAE,OAAO,OAAO,KAAO,MAAO,GACrD;AAEJ;","names":["ReactECharts"]}

package/dist/chart/chart.d.cts

@@ -1,6 +1,7 @@
-import { EChartProps } from '@kbox-labs/react-echarts';
+import React__default from 'react';
+import ReactECharts from 'echarts-for-react';
 
-type ChartProps = EChartProps;
+type ChartProps = React__default.ComponentProps<typeof ReactECharts>;
 declare function Chart(props: ChartProps): JSX.Element;
 
 export { Chart, type ChartProps };

package/dist/chart/chart.d.ts

@@ -1,6 +1,7 @@
-import { EChartProps } from '@kbox-labs/react-echarts';
+import React__default from 'react';
+import ReactECharts from 'echarts-for-react';
 
-type ChartProps = EChartProps;
+type ChartProps = React__default.ComponentProps<typeof ReactECharts>;
 declare function Chart(props: ChartProps): JSX.Element;
 
 export { Chart, type ChartProps };

package/dist/chart/chart.js

@@ -1,10 +1,10 @@
 import {
   __spreadValues
-} from "../chunk-LGTAQGUA.js";
+} from "../chunk-N552FDTV.js";
 
 // src/chart/chart.tsx
-import { EChart } from "@kbox-labs/react-echarts";
 import { useResizeDetector } from "react-resize-detector";
+import ReactECharts from "echarts-for-react";
 import { jsx } from "react/jsx-runtime";
 function Chart(props) {
   const { width, height, ref } = useResizeDetector({
@@ -12,7 +12,7 @@ function Chart(props) {
     refreshMode: "debounce",
     refreshRate: 100
   });
-  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(EChart, __spreadValues({ style: { width, height } }, props)) });
+  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(ReactECharts, __spreadValues({ style: { width, height } }, props)) });
 }
 export {
   Chart

package/dist/chart/chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/chart/chart.tsx"],"sourcesContent":["import React from 'react';\nimport { EChart } from '@kbox-labs/react-echarts';\nimport type { EChartProps } from '@kbox-labs/react-echarts';\nimport { useResizeDetector } from 'react-resize-detector';\n\nexport type ChartProps = EChartProps;\n\nexport function Chart(props: ChartProps): JSX.Element {\n  const { width, height, ref } = useResizeDetector({\n    handleHeight: false,\n    refreshMode: 'debounce',\n    refreshRate: 100,\n  });\n\n  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <EChart style={{ width, height }} {...props} />\n    </div>\n  );\n}\n"],"mappings":";;;;;AACA,SAAS,cAAc;AAEvB,SAAS,yBAAyB;AAa5B;AATC,SAAS,MAAM,OAAgC;AACpD,QAAM,EAAE,OAAO,QAAQ,IAAI,IAAI,kBAAkB;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,EACf,CAAC;AAED,SACE,oBAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACpD,8BAAC,yBAAO,OAAO,EAAE,OAAO,OAAO,KAAO,MAAO,GAC/C;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/chart/chart.tsx"],"sourcesContent":["import React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\n\nexport type ChartProps = React.ComponentProps<typeof ReactECharts>;\n\nexport function Chart(props: ChartProps): JSX.Element {\n  const { width, height, ref } = useResizeDetector({\n    handleHeight: false,\n    refreshMode: 'debounce',\n    refreshRate: 100,\n  });\n\n  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <ReactECharts style={{ width, height }} {...props} />\n    </div>\n  );\n}\n"],"mappings":";;;;;AACA,SAAS,yBAAyB;AAClC,OAAO,kBAAkB;AAanB;AATC,SAAS,MAAM,OAAgC;AACpD,QAAM,EAAE,OAAO,QAAQ,IAAI,IAAI,kBAAkB;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,aAAa;AAAA,EACf,CAAC;AAED,SACE,oBAAC,SAAI,KAAU,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACpD,8BAAC,+BAAa,OAAO,EAAE,OAAO,OAAO,KAAO,MAAO,GACrD;AAEJ;","names":[]}

package/dist/chunk-ALOPZ54P.js

@@ -0,0 +1,47 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/badge.tsx
+import {
+  Badge as RadixBadge
+} from "@radix-ui/themes";
+import { useMemo, forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Badge = forwardRef(
+  (props, ref) => {
+    const _a = props, { size, color } = _a, rest = __objRest(_a, ["size", "color"]);
+    const radixSize = useMemo(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "large":
+          return "3";
+        default:
+          return "1";
+      }
+    }, [size]);
+    const radixColor = useMemo(() => {
+      switch (color) {
+        case "error":
+          return "red";
+        case "neutral":
+          return "gray";
+        case "success":
+          return "green";
+        case "accent":
+        default:
+          return void 0;
+      }
+    }, [color]);
+    return /* @__PURE__ */ jsx(RadixBadge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
+  }
+);
+Badge.displayName = "Badge";
+
+export {
+  Badge
+};
+//# sourceMappingURL=chunk-ALOPZ54P.js.map

package/dist/chunk-ALOPZ54P.js.map

@@ -0,0 +1 @@
+{"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,EACE,SAAS;AAAA,OAEJ;AACP,SAAS,SAAS,kBAAkB;AAqC9B;AA9BC,IAAM,QAAQ;AAAA,EACnB,CAAC,OAAmB,QAAyB;AAC3C,UAAiC,YAAzB,QAAM,MAblB,IAaqC,IAAT,iBAAS,IAAT,CAAhB,QAAM;AAEd,UAAM,YAAY,QAAQ,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,aAAa,QAAQ,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,oBAAC,6CAAe,OAAf,EAAqB,OAAO,YAAY,KAAU,MAAM,YAAW;AAAA,EAExE;AACF;AAEA,MAAM,cAAc;","names":[]}

package/dist/chunk-CZEGRZBK.js

@@ -0,0 +1,38 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/avatar.tsx
+import {
+  Avatar as RadixAvatar
+} from "@radix-ui/themes";
+import { useMemo, forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Avatar = forwardRef(
+  (props, ref) => {
+    const _a = props, { children, size, variant = "soft" } = _a, rest = __objRest(_a, ["children", "size", "variant"]);
+    const radixSize = 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__ */ jsx(RadixAvatar, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, variant, children }));
+  }
+);
+Avatar.displayName = "Avatar";
+
+export {
+  Avatar
+};
+//# sourceMappingURL=chunk-CZEGRZBK.js.map

package/dist/chunk-CZEGRZBK.js.map

@@ -0,0 +1 @@
+{"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,EACE,UAAU;AAAA,OAEL;AACP,SAAS,SAAS,kBAAkB;AAyB9B;AAnBC,IAAM,SAAS;AAAA,EACpB,CAAC,OAAoB,QAAyB;AAC5C,UAAsD,YAA9C,YAAU,MAAM,UAAU,OAZtC,IAY0D,IAAT,iBAAS,IAAT,CAArC,YAAU,QAAM;AACxB,UAAM,YAAY,QAAkC,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,oBAAC,8CAAgB,OAAhB,EAAsB,KAAU,MAAM,WAAW,SAC/C,WACH;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-HLOY6BIP.js

@@ -0,0 +1,37 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/heading.tsx
+import {
+  Heading as RadixHeading
+} from "@radix-ui/themes";
+import { useMemo } from "react";
+import { Heading } from "@radix-ui/themes";
+import { jsx } from "react/jsx-runtime";
+function Heading2(props) {
+  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
+  const radixSize = useMemo(() => {
+    switch (variant) {
+      case "subtitle1":
+        return "4";
+      case "heading1":
+        return "7";
+      case "heading2":
+        return "6";
+      case "heading3":
+        return "5";
+      default:
+        return size;
+    }
+  }, [size, variant]);
+  return /* @__PURE__ */ jsx(RadixHeading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+}
+
+export {
+  Heading2 as Heading,
+  Heading as Heading2
+};
+//# sourceMappingURL=chunk-HLOY6BIP.js.map

package/dist/chunk-HLOY6BIP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/heading.tsx"],"sourcesContent":["import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport { useMemo } from 'react';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\n\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: 'subtitle1' | 'heading1' | 'heading2' | 'heading3';\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    switch (variant) {\n      case 'subtitle1':\n        return '4';\n      case 'heading1':\n        return '7';\n      case 'heading2':\n        return '6';\n      case 'heading3':\n        return '5';\n      default:\n        return size;\n    }\n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,WAAW;AAAA,OAEN;AACP,SAAS,eAAe;AAExB,SAAoB,eAAoB;AAwBpC;AAlBG,SAASA,SAAQ,OAAsC;AAC5D,QAA6C,YAArC,QAAM,UAAU,QAb1B,IAa+C,IAAT,iBAAS,IAAT,CAA5B,QAAM,YAAU;AACxB,QAAM,YAAY,QAAmC,MAAM;AACzD,YAAQ,SAAS;AAAA,MACf,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SACE,oBAAC,+CAAiB,OAAjB,EAAuB,MAAM,WAC3B,WACH;AAEJ;","names":["Heading"]}

package/dist/{chunk-D5QWAVBB.js → chunk-IIBITN2G.js}

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-LGTAQGUA.js";
+} from "./chunk-N552FDTV.js";
 
 // src/atoms/date-picker/index.tsx
 import { forwardRef } from "react";
@@ -24,4 +24,4 @@ DatePicker.displayName = "DatePicker";
 export {
   DatePicker
 };
-//# sourceMappingURL=chunk-D5QWAVBB.js.map
+//# sourceMappingURL=chunk-IIBITN2G.js.map

package/dist/chunk-IQEEPHOY.js

@@ -0,0 +1,35 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/check-box-group.tsx
+import { CheckboxGroup as RadixCheckboxGroup } from "@radix-ui/themes";
+import { forwardRef, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var Root = forwardRef((props, ref) => {
+  const _a = props, { children, size } = _a, rest = __objRest(_a, ["children", "size"]);
+  const groupSize = useMemo(() => {
+    switch (size) {
+      case "small":
+        return "1";
+      case "large":
+        return "3";
+      case "medium":
+      default:
+        return "2";
+    }
+  }, [size]);
+  return /* @__PURE__ */ jsx(RadixCheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
+});
+Root.displayName = "CheckboxGroup.Root";
+var CheckboxGroup = {
+  Root,
+  Item: RadixCheckboxGroup.Item
+};
+
+export {
+  CheckboxGroup
+};
+//# sourceMappingURL=chunk-IQEEPHOY.js.map

package/dist/chunk-IQEEPHOY.js.map

@@ -0,0 +1 @@
+{"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,SAAS,iBAAiB,0BAA0B;AACpD,SAAgB,YAAY,eAAe;AAyBvC;AAhBJ,IAAM,OAAO,WAA+C,CAAC,OAAO,QAAQ;AAC1E,QAAoC,YAA5B,YAAU,KAXpB,IAWsC,IAAT,iBAAS,IAAT,CAAnB,YAAU;AAElB,QAAM,YAAY,QAAyC,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,oBAAC,mBAAmB,MAAnB,iCAA4B,OAA5B,EAAkC,KAAU,MAAM,WAChD,WACH;AAEJ,CAAC;AAED,KAAK,cAAc;AAEZ,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA,MAAM,mBAAmB;AAC3B;","names":[]}

package/dist/chunk-JEHDCZQU.js

@@ -0,0 +1,34 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/check-box.tsx
+import {
+  Checkbox as RadixCheckbox
+} from "@radix-ui/themes";
+import { useMemo, forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Checkbox = forwardRef(
+  (props, ref) => {
+    const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
+    const radixSize = useMemo(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "medium":
+          return "2";
+        case "large":
+          return "3";
+      }
+    }, [size]);
+    return /* @__PURE__ */ jsx(RadixCheckbox, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize }));
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+export {
+  Checkbox
+};
+//# sourceMappingURL=chunk-JEHDCZQU.js.map

package/dist/chunk-JEHDCZQU.js.map

@@ -0,0 +1 @@
+{"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,EACE,YAAY;AAAA,OAEP;AACP,SAAS,SAAS,kBAAkB;AAqBzB;AAfJ,IAAM,WAAW;AAAA,EACtB,CAAC,OAAO,QAAyB;AAC/B,UAAqC,YAA7B,SAAO,SAZnB,IAYyC,IAAT,iBAAS,IAAT,CAApB;AAER,UAAM,YAAY,QAAoC,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,oBAAC,gDAAkB,OAAlB,EAAwB,KAAU,MAAM,YAAW;AAAA,EAC7D;AACF;AAEA,SAAS,cAAc;","names":[]}

package/dist/{chunk-LGTAQGUA.js → chunk-N552FDTV.js}

@@ -17,9 +17,22 @@ var __spreadValues = (a, b) => {
   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;
+};
 
 export {
   __spreadValues,
-  __spreadProps
+  __spreadProps,
+  __objRest
 };
-//# sourceMappingURL=chunk-LGTAQGUA.js.map
+//# sourceMappingURL=chunk-N552FDTV.js.map

package/dist/{chunk-LREYUDKD.js → chunk-PL3Q4UVY.js}

@@ -1,15 +1,15 @@
 import {
   __spreadValues
-} from "./chunk-LGTAQGUA.js";
+} from "./chunk-N552FDTV.js";
 
 // src/theme/theme-provider.tsx
 import { Theme } from "@radix-ui/themes";
 import { jsx } from "react/jsx-runtime";
 function ThemeProvider(props) {
-  return /* @__PURE__ */ jsx(Theme, __spreadValues({ accentColor: "iris" }, props));
+  return /* @__PURE__ */ jsx(Theme, __spreadValues({ accentColor: "iris", radius: "large" }, props));
 }
 
 export {
   ThemeProvider
 };
-//# sourceMappingURL=chunk-LREYUDKD.js.map
+//# sourceMappingURL=chunk-PL3Q4UVY.js.map

package/dist/{chunk-LREYUDKD.js.map → chunk-PL3Q4UVY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/theme-provider.tsx"],"sourcesContent":["import React from 'react';\nimport { Theme } from '@radix-ui/themes';\n\ntype ThemeProps = React.ComponentProps<typeof Theme>;\n\ninterface ThemeProviderProps extends ThemeProps {\n  children: React.ReactNode;\n}\n\nexport function ThemeProvider(props: ThemeProviderProps): React.ReactNode {\n  return <Theme accentColor=\"iris\" {...props} />;\n}\n"],"mappings":";;;;;AACA,SAAS,aAAa;AASb;AADF,SAAS,cAAc,OAA4C;AACxE,SAAO,oBAAC,wBAAM,aAAY,UAAW,MAAO;AAC9C;","names":[]}
+{"version":3,"sources":["../src/theme/theme-provider.tsx"],"sourcesContent":["import React from 'react';\nimport { Theme } from '@radix-ui/themes';\n\ntype ThemeProps = React.ComponentProps<typeof Theme>;\n\ninterface ThemeProviderProps extends ThemeProps {\n  children: React.ReactNode;\n}\n\nexport function ThemeProvider(props: ThemeProviderProps): React.ReactNode {\n  return <Theme accentColor=\"iris\" radius=\"large\" {...props} />;\n}\n"],"mappings":";;;;;AACA,SAAS,aAAa;AASb;AADF,SAAS,cAAc,OAA4C;AACxE,SAAO,oBAAC,wBAAM,aAAY,QAAO,QAAO,WAAY,MAAO;AAC7D;","names":[]}

package/dist/chunk-RET725VL.js

@@ -0,0 +1,36 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/button.tsx
+import {
+  Button as RadixButton
+} from "@radix-ui/themes";
+import { forwardRef, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var Button = forwardRef(
+  (props, ref) => {
+    const _a = props, { size } = _a, restProps = __objRest(_a, ["size"]);
+    const radixSize = useMemo(() => {
+      switch (size) {
+        case "small":
+          return "2";
+        case "medium":
+          return "3";
+        case "large":
+          return "4";
+        default:
+          return "3";
+      }
+    }, [size]);
+    return /* @__PURE__ */ jsx(RadixButton, __spreadProps(__spreadValues({}, restProps), { ref, size: radixSize }));
+  }
+);
+Button.displayName = "Button";
+
+export {
+  Button
+};
+//# sourceMappingURL=chunk-RET725VL.js.map

package/dist/chunk-RET725VL.js.map

@@ -0,0 +1 @@
+{"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,EACE,UAAU;AAAA,OAEL;AACP,SAAgB,YAAY,eAAe;AAuBhC;AAjBJ,IAAM,SAAS;AAAA,EACpB,CAAC,OAAO,QAAyB;AAC/B,UAA+B,YAAvB,OAZZ,IAYmC,IAAd,sBAAc,IAAd,CAAT;AAER,UAAM,YAAY,QAAQ,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,oBAAC,8CAAgB,YAAhB,EAA2B,KAAU,MAAM,YAAW;AAAA,EAChE;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-XJJDE4YP.js

@@ -0,0 +1,31 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/text.tsx
+import { Text as RadixText } from "@radix-ui/themes";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+function Text(props) {
+  const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
+  const radixSize = useMemo(() => {
+    switch (variant) {
+      case "caption":
+        return "1";
+      case "subtitle":
+        return "3";
+      case "body":
+        return "2";
+      default:
+        return size;
+    }
+  }, [size, variant]);
+  return /* @__PURE__ */ jsx(RadixText, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+}
+
+export {
+  Text
+};
+//# sourceMappingURL=chunk-XJJDE4YP.js.map

package/dist/chunk-XJJDE4YP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/text.tsx"],"sourcesContent":["import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo } from 'react';\n\nexport type TextProps = RadixTextProps & {\n  variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport function Text(props: TextProps): React.ReactNode {\n  const { size, variant, children, ...rest } = props;\n\n  const radixSize = useMemo<RadixTextProps['size']>(() => {\n    switch (variant) {\n      case 'caption':\n        return '1';\n      case 'subtitle':\n        return '3';\n      case 'body':\n        return '2';\n      default:\n        return size;\n    }\n  }, [size, variant]);\n\n  return (\n    <RadixText {...rest} size={radixSize}>\n      {children}\n    </RadixText>\n  );\n}\n"],"mappings":";;;;;;;AACA,SAAS,QAAQ,iBAAiB;AAClC,SAAgB,eAAe;AAuB3B;AAjBG,SAAS,KAAK,OAAmC;AACtD,QAA6C,YAArC,QAAM,SAAS,SATzB,IAS+C,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,QAAM,YAAY,QAAgC,MAAM;AACtD,YAAQ,SAAS;AAAA,MACf,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SACE,oBAAC,4CAAc,OAAd,EAAoB,MAAM,WACxB,WACH;AAEJ;","names":[]}

package/dist/chunk-XQOZWYUA.js

@@ -0,0 +1,35 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-N552FDTV.js";
+
+// src/atoms/link.tsx
+import {
+  Link as RadixLink
+} from "@radix-ui/themes";
+import { useMemo } from "react";
+import { Heading } from "@radix-ui/themes";
+import { jsx } from "react/jsx-runtime";
+function Link(props) {
+  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
+  const radixSize = useMemo(() => {
+    switch (variant) {
+      case "caption":
+        return "1";
+      case "body":
+        return "2";
+      case "subtitle":
+        return "3";
+      default:
+        return size;
+    }
+  }, [size, variant]);
+  return /* @__PURE__ */ jsx(RadixLink, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+}
+
+export {
+  Link,
+  Heading
+};
+//# sourceMappingURL=chunk-XQOZWYUA.js.map

package/dist/chunk-XQOZWYUA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/link.tsx"],"sourcesContent":["import {\n  Link as RadixLink,\n  type LinkProps as RadixLinkProps,\n} from '@radix-ui/themes';\nimport { useMemo } from 'react';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\n\nexport type LinkProps = RadixLinkProps & {\n  variant?: 'caption' | 'body' | 'subtitle';\n};\n\nexport function Link(props: LinkProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixLinkProps['size']>(() => {\n    switch (variant) {\n      case 'caption':\n        return '1';\n      case 'body':\n        return '2';\n      case 'subtitle':\n        return '3';\n      default:\n        return size;\n    }\n  }, [size, variant]);\n\n  return (\n    <RadixLink {...rest} size={radixSize}>\n      {children}\n    </RadixLink>\n  );\n}\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,QAAQ;AAAA,OAEH;AACP,SAAS,eAAe;AAExB,SAAoB,eAAoB;AAsBpC;AAhBG,SAAS,KAAK,OAAmC;AACtD,QAA6C,YAArC,QAAM,UAAU,QAb1B,IAa+C,IAAT,iBAAS,IAAT,CAA5B,QAAM,YAAU;AACxB,QAAM,YAAY,QAAgC,MAAM;AACtD,YAAQ,SAAS;AAAA,MACf,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SACE,oBAAC,4CAAc,OAAd,EAAoB,MAAM,WACxB,WACH;AAEJ;","names":[]}