@tipp/ui 1.0.0 → 1.0.2

package/dist/atoms/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/atoms/dialog.cjs

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atoms/dialog.tsx
+var dialog_exports = {};
+__export(dialog_exports, {
+  Dialog: () => import_themes.Dialog
+});
+module.exports = __toCommonJS(dialog_exports);
+var import_themes = require("@radix-ui/themes");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dialog
+});
+//# sourceMappingURL=dialog.cjs.map

package/dist/atoms/dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/atoms/dialog.tsx"],"sourcesContent":["export { Dialog } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;","names":[]}

package/dist/atoms/dialog.d.cts

@@ -0,0 +1 @@
+export { Dialog } from '@radix-ui/themes';

package/dist/atoms/dialog.d.ts

@@ -1,2 +1 @@
 export { Dialog } from '@radix-ui/themes';
-//# sourceMappingURL=dialog.d.ts.map

package/dist/atoms/dialog.js

@@ -1,4 +1,8 @@
-import { d as r } from "../dialog-BYhSvWm4.js";
+import {
+  Dialog
+} from "../chunk-P6B2PNYI.js";
+import "../chunk-N552FDTV.js";
 export {
-  r as Dialog
+  Dialog
 };
+//# sourceMappingURL=dialog.js.map

package/dist/atoms/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/atoms/dropdown-menu.cjs

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atoms/dropdown-menu.tsx
+var dropdown_menu_exports = {};
+__export(dropdown_menu_exports, {
+  DropdownMenu: () => import_themes.DropdownMenu
+});
+module.exports = __toCommonJS(dropdown_menu_exports);
+var import_themes = require("@radix-ui/themes");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropdownMenu
+});
+//# sourceMappingURL=dropdown-menu.cjs.map

package/dist/atoms/dropdown-menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/atoms/dropdown-menu.tsx"],"sourcesContent":["export { DropdownMenu } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6B;","names":[]}

package/dist/atoms/dropdown-menu.d.cts

@@ -0,0 +1 @@
+export { DropdownMenu } from '@radix-ui/themes';

package/dist/atoms/dropdown-menu.d.ts

@@ -1,2 +1 @@
 export { DropdownMenu } from '@radix-ui/themes';
-//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/atoms/dropdown-menu.js

@@ -1,4 +1,8 @@
-import { d } from "../dropdown-menu-B34afpui.js";
+import {
+  DropdownMenu
+} from "../chunk-YTZSKMX3.js";
+import "../chunk-N552FDTV.js";
 export {
-  d as DropdownMenu
+  DropdownMenu
 };
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/atoms/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/atoms/ellipsis-tooltip.cjs

@@ -0,0 +1,129 @@
+"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 });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atoms/ellipsis-tooltip.tsx
+var ellipsis_tooltip_exports = {};
+__export(ellipsis_tooltip_exports, {
+  EllipsisTooltip: () => EllipsisTooltip
+});
+module.exports = __toCommonJS(ellipsis_tooltip_exports);
+var import_react2 = require("react");
+
+// src/atoms/tooltip.tsx
+var import_themes = require("@radix-ui/themes");
+
+// src/atoms/typo.tsx
+var import_themes2 = require("@radix-ui/themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Typo = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
+    const radixSize = (0, import_react.useMemo)(() => {
+      if (size !== void 0)
+        return size;
+      switch (variant) {
+        case "caption":
+          return "1";
+        case "subtitle":
+          return "3";
+        case "body":
+        default:
+          return "2";
+      }
+    }, [size, variant]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes2.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+  }
+);
+Typo.displayName = "Typo";
+
+// src/atoms/ellipsis-tooltip.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function EllipsisTooltip(props) {
+  const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
+  const ref = (0, import_react2.useRef)(null);
+  const [tooltipDisplay, setTooltipDisplay] = (0, import_react2.useState)(
+    "none"
+  );
+  (0, import_react2.useEffect)(() => {
+    if (ref.current) {
+      const typo = ref.current;
+      const mouseOver = () => {
+        if (typo.clientHeight < typo.scrollHeight) {
+          setTooltipDisplay("block");
+        }
+      };
+      const mouseOut = () => {
+        setTooltipDisplay("none");
+      };
+      ref.current.addEventListener("mouseenter", mouseOver);
+      ref.current.addEventListener("mouseleave", mouseOut);
+    }
+  }, [children]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_themes.Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    Typo,
+    __spreadProps(__spreadValues({}, rest), {
+      ref,
+      style: __spreadValues({
+        width: "100%",
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+        WebkitLineClamp: lineClamp,
+        display: "-webkit-box",
+        WebkitBoxOrient: "vertical",
+        wordBreak: "break-word"
+      }, style),
+      children
+    })
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EllipsisTooltip
+});
+//# sourceMappingURL=ellipsis-tooltip.cjs.map

package/dist/atoms/ellipsis-tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/atoms/ellipsis-tooltip.tsx","../../src/atoms/tooltip.tsx","../../src/atoms/typo.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(props: EllipsisTooltipProps): React.ReactNode {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      const typo = ref.current;\n      const mouseOver = (): void => {\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\n      };\n\n      const mouseOut = (): void => {\n        setTooltipDisplay('none');\n      };\n\n      ref.current.addEventListener('mouseenter', mouseOver);\n      ref.current.addEventListener('mouseleave', mouseOut);\n    }\n  }, [children]);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={ref}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          WebkitLineClamp: lineClamp,\n\n          display: '-webkit-box',\n          WebkitBoxOrient: 'vertical',\n          wordBreak: 'break-word',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n}\n","export { Tooltip, type TooltipProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n      switch (variant) {\n        case 'caption':\n          return '1';\n        case 'subtitle':\n          return '3';\n        case 'body':\n        default:\n          return '2';\n      }\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,gBAAmD;;;ACAnD,oBAA2C;;;ACC3C,IAAAC,iBAAkC;AAClC,mBAA2C;AAwBrC;AAlBC,IAAM,WAAO;AAAA,EAClB,CAAC,OAAkB,QAAyB;AAC1C,UAA6C,YAArC,QAAM,SAAS,SAV3B,IAUiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,gBAAY,sBAAgC,MAAM;AACtD,UAAI,SAAS;AAAW,eAAO;AAC/B,cAAQ,SAAS;AAAA,QACf,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,4CAAC,eAAAC,MAAA,iCAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;;;AFIb,IAAAC,sBAAA;AA5BC,SAAS,gBAAgB,OAA8C;AAC5E,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAVvC,IAUsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,UAAM,sBAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,QAAI;AAAA,IAC1C;AAAA,EACF;AAEA,+BAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,YAAM,OAAO,IAAI;AACjB,YAAM,YAAY,MAAY;AAC5B,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAEA,YAAM,WAAW,MAAY;AAC3B,0BAAkB,MAAM;AAAA,MAC1B;AAEA,UAAI,QAAQ,iBAAiB,cAAc,SAAS;AACpD,UAAI,QAAQ,iBAAiB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,6CAAC,yBAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":["import_react","import_themes","RadixText","import_jsx_runtime"]}

package/dist/atoms/ellipsis-tooltip.d.cts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+import { TypoProps } from './typo.cjs';
+import '@radix-ui/themes';
+
+type EllipsisTooltipProps = TypoProps & {
+    lineClamp?: number;
+    children?: string;
+};
+declare function EllipsisTooltip(props: EllipsisTooltipProps): React__default.ReactNode;
+
+export { EllipsisTooltip, type EllipsisTooltipProps };

package/dist/atoms/ellipsis-tooltip.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+import { TypoProps } from './typo.js';
+import '@radix-ui/themes';
+
+type EllipsisTooltipProps = TypoProps & {
+    lineClamp?: number;
+    children?: string;
+};
+declare function EllipsisTooltip(props: EllipsisTooltipProps): React__default.ReactNode;
+
+export { EllipsisTooltip, type EllipsisTooltipProps };

package/dist/atoms/ellipsis-tooltip.js

@@ -0,0 +1,10 @@
+import {
+  EllipsisTooltip
+} from "../chunk-4IKPNQV5.js";
+import "../chunk-ACVANQJ4.js";
+import "../chunk-O3XTRD7R.js";
+import "../chunk-N552FDTV.js";
+export {
+  EllipsisTooltip
+};
+//# sourceMappingURL=ellipsis-tooltip.js.map

package/dist/atoms/ellipsis-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/atoms/em.cjs

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atoms/em.tsx
+var em_exports = {};
+__export(em_exports, {
+  Em: () => import_themes.Em
+});
+module.exports = __toCommonJS(em_exports);
+var import_themes = require("@radix-ui/themes");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Em
+});
+//# sourceMappingURL=em.cjs.map

package/dist/atoms/em.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/atoms/em.tsx"],"sourcesContent":["export { Em, type EmProps } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAiC;","names":[]}

package/dist/atoms/em.d.cts

@@ -0,0 +1 @@
+export { Em, EmProps } from '@radix-ui/themes';

package/dist/atoms/em.d.ts

@@ -1,2 +1 @@
-export { Em, type EmProps } from '@radix-ui/themes';
-//# sourceMappingURL=em.d.ts.map
+export { Em, EmProps } from '@radix-ui/themes';

package/dist/atoms/em.js

@@ -1,4 +1,8 @@
-import { o as r } from "../em-CxdNq9zL.js";
+import {
+  Em
+} from "../chunk-2DZ2Y3JI.js";
+import "../chunk-N552FDTV.js";
 export {
-  r as Em
+  Em
 };
+//# sourceMappingURL=em.js.map

package/dist/atoms/em.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/atoms/field-error-wrapper.cjs

@@ -0,0 +1,99 @@
+"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 });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atoms/field-error-wrapper.tsx
+var field_error_wrapper_exports = {};
+__export(field_error_wrapper_exports, {
+  FieldErrorWrapper: () => FieldErrorWrapper
+});
+module.exports = __toCommonJS(field_error_wrapper_exports);
+
+// src/atoms/flex.tsx
+var import_themes = require("@radix-ui/themes");
+
+// src/atoms/typo.tsx
+var import_themes2 = require("@radix-ui/themes");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Typo = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
+    const radixSize = (0, import_react.useMemo)(() => {
+      if (size !== void 0)
+        return size;
+      switch (variant) {
+        case "caption":
+          return "1";
+        case "subtitle":
+          return "3";
+        case "body":
+        default:
+          return "2";
+      }
+    }, [size, variant]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes2.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+  }
+);
+Typo.displayName = "Typo";
+
+// src/atoms/field-error-wrapper.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function FieldErrorWrapper({
+  children,
+  error
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_themes.Flex, { direction: "column", gap: "1", children: [
+    children,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Typo, { color: "red", variant: "caption", children: error }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FieldErrorWrapper
+});
+//# sourceMappingURL=field-error-wrapper.cjs.map

package/dist/atoms/field-error-wrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/atoms/field-error-wrapper.tsx","../../src/atoms/flex.tsx","../../src/atoms/typo.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } from './flex';\nimport { Typo } from './typo';\n\nexport interface FieldErrorWrapperProps {\n  children?: React.ReactNode;\n  error?: React.ReactNode;\n}\n\nexport function FieldErrorWrapper({\n  children,\n  error,\n}: FieldErrorWrapperProps): JSX.Element {\n  return (\n    <Flex direction=\"column\" gap=\"1\">\n      {children}\n      {error ? (\n        <Typo color=\"red\" variant=\"caption\">\n          {error}\n        </Typo>\n      ) : null}\n    </Flex>\n  );\n}\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n      switch (variant) {\n        case 'caption':\n          return '1';\n        case 'subtitle':\n          return '3';\n        case 'body':\n        default:\n          return '2';\n      }\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAqC;;;ACCrC,IAAAA,iBAAkC;AAClC,mBAA2C;AAwBrC;AAlBC,IAAM,WAAO;AAAA,EAClB,CAAC,OAAkB,QAAyB;AAC1C,UAA6C,YAArC,QAAM,SAAS,SAV3B,IAUiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,gBAAY,sBAAgC,MAAM;AACtD,UAAI,SAAS;AAAW,eAAO;AAC/B,cAAQ,SAAS;AAAA,QACf,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,4CAAC,eAAAC,MAAA,iCAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;;;AFnBf,IAAAC,sBAAA;AALG,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAAwC;AACtC,SACE,8CAAC,sBAAK,WAAU,UAAS,KAAI,KAC1B;AAAA;AAAA,IACA,QACC,6CAAC,QAAK,OAAM,OAAM,SAAQ,WACvB,iBACH,IACE;AAAA,KACN;AAEJ;","names":["import_themes","RadixText","import_jsx_runtime"]}

package/dist/atoms/field-error-wrapper.d.cts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+interface FieldErrorWrapperProps {
+    children?: React__default.ReactNode;
+    error?: React__default.ReactNode;
+}
+declare function FieldErrorWrapper({ children, error, }: FieldErrorWrapperProps): JSX.Element;
+
+export { FieldErrorWrapper, type FieldErrorWrapperProps };

package/dist/atoms/field-error-wrapper.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+interface FieldErrorWrapperProps {
+    children?: React__default.ReactNode;
+    error?: React__default.ReactNode;
+}
+declare function FieldErrorWrapper({ children, error, }: FieldErrorWrapperProps): JSX.Element;
+
+export { FieldErrorWrapper, type FieldErrorWrapperProps };

package/dist/atoms/field-error-wrapper.js

@@ -0,0 +1,10 @@
+import {
+  FieldErrorWrapper
+} from "../chunk-CHHLIPDN.js";
+import "../chunk-25HMMI7R.js";
+import "../chunk-O3XTRD7R.js";
+import "../chunk-N552FDTV.js";
+export {
+  FieldErrorWrapper
+};
+//# sourceMappingURL=field-error-wrapper.js.map

package/dist/atoms/field-error-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/atoms/flex.cjs

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atoms/flex.tsx
+var flex_exports = {};
+__export(flex_exports, {
+  Flex: () => import_themes.Flex
+});
+module.exports = __toCommonJS(flex_exports);
+var import_themes = require("@radix-ui/themes");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Flex
+});
+//# sourceMappingURL=flex.cjs.map

package/dist/atoms/flex.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/atoms/flex.tsx"],"sourcesContent":["export { Flex, type FlexProps } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAqC;","names":[]}

package/dist/atoms/flex.d.cts

@@ -0,0 +1 @@
+export { Flex, FlexProps } from '@radix-ui/themes';

package/dist/atoms/flex.d.ts

@@ -1,2 +1 @@
-export { Flex, type FlexProps } from '@radix-ui/themes';
-//# sourceMappingURL=flex.d.ts.map
+export { Flex, FlexProps } from '@radix-ui/themes';

package/dist/atoms/flex.js

@@ -1,4 +1,8 @@
-import { p } from "../flex-BY0BY2TI.js";
+import {
+  Flex
+} from "../chunk-25HMMI7R.js";
+import "../chunk-N552FDTV.js";
 export {
-  p as Flex
+  Flex
 };
+//# sourceMappingURL=flex.js.map

package/dist/atoms/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/atoms/grid.cjs

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atoms/grid.tsx
+var grid_exports = {};
+__export(grid_exports, {
+  Grid: () => import_themes.Grid
+});
+module.exports = __toCommonJS(grid_exports);
+var import_themes = require("@radix-ui/themes");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Grid
+});
+//# sourceMappingURL=grid.cjs.map

package/dist/atoms/grid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/atoms/grid.tsx"],"sourcesContent":["export { Grid, type GridProps } from '@radix-ui/themes';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAqC;","names":[]}

package/dist/atoms/grid.d.cts

@@ -0,0 +1 @@
+export { Grid, GridProps } from '@radix-ui/themes';

package/dist/atoms/grid.d.ts

@@ -1,2 +1 @@
-export { Grid, type GridProps } from '@radix-ui/themes';
-//# sourceMappingURL=grid.d.ts.map
+export { Grid, GridProps } from '@radix-ui/themes';

package/dist/atoms/grid.js

@@ -1,4 +1,8 @@
-import { o as a } from "../grid-BcK4nkHz.js";
+import {
+  Grid
+} from "../chunk-EGEQY3KT.js";
+import "../chunk-N552FDTV.js";
 export {
-  a as Grid
+  Grid
 };
+//# sourceMappingURL=grid.js.map

package/dist/atoms/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}