@tipp/ui 1.4.11 → 1.4.12

package/dist/index.d.cts

@@ -18,7 +18,7 @@ export { FieldErrorWrapper, FieldErrorWrapperProps } from './atoms/field-error-w
 export { EllipsisTooltip, EllipsisTooltipProps } from './atoms/ellipsis-tooltip.cjs';
 export { Content, Drawer, Root, Trigger } from './atoms/drawer.cjs';
 export { ToastContainer } from './atoms/toast.cjs';
-export { Form } from './atoms/form.cjs';
+export { Form } from './molecules/form.cjs';
 export { AutoSizingInput, AutoSizingInputProps } from './atoms/auto-sizing-input.cjs';
 export { ExpandTable, ExpandTableProps } from './molecules/expand-table/index.cjs';
 export { Navigation, NavigationProps } from './molecules/navigation.cjs';

package/dist/index.d.ts

@@ -18,7 +18,7 @@ export { FieldErrorWrapper, FieldErrorWrapperProps } from './atoms/field-error-w
 export { EllipsisTooltip, EllipsisTooltipProps } from './atoms/ellipsis-tooltip.js';
 export { Content, Drawer, Root, Trigger } from './atoms/drawer.js';
 export { ToastContainer } from './atoms/toast.js';
-export { Form } from './atoms/form.js';
+export { Form } from './molecules/form.js';
 export { AutoSizingInput, AutoSizingInputProps } from './atoms/auto-sizing-input.js';
 export { ExpandTable, ExpandTableProps } from './molecules/expand-table/index.js';
 export { Navigation, NavigationProps } from './molecules/navigation.js';

package/dist/index.js

@@ -17,44 +17,52 @@ import {
 import "./chunk-6ZAP2Q6K.js";
 import {
   DatePicker
-} from "./chunk-C3YMRWG2.js";
+} from "./chunk-2QDLO3YM.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "./chunk-3D63H4NN.js";
+} from "./chunk-BSG2Q4XC.js";
 import "./chunk-PCWEW2UL.js";
-import "./chunk-NDUKDKGB.js";
 import {
   DotNavigation
 } from "./chunk-EDTEVEJW.js";
 import {
   LearningPost
-} from "./chunk-CLBSZCMO.js";
+} from "./chunk-YNIACSWN.js";
+import {
+  ThemeProvider
+} from "./chunk-BVNXAZ4W.js";
 import {
   Navigation
-} from "./chunk-F44BXTHN.js";
+} from "./chunk-OCINOC2X.js";
 import {
   Stepper
-} from "./chunk-Y3L7BYDF.js";
+} from "./chunk-PF5CPG6R.js";
 import {
   TagSelector
-} from "./chunk-2E772Q7M.js";
+} from "./chunk-KQ75QB4F.js";
+import "./chunk-BSTJBBEX.js";
+import "./chunk-NDUKDKGB.js";
+import "./chunk-KTVZ4KLX.js";
 import {
-  ThemeProvider
-} from "./chunk-BVNXAZ4W.js";
-import "./chunk-PSINRHYW.js";
+  Form
+} from "./chunk-MOAXPZLZ.js";
 import {
-  EchartDefaultProps
-} from "./chunk-2QFSCWES.js";
+  TextArea
+} from "./chunk-ILRUXI2E.js";
 import {
-  HorizontalBarChart
-} from "./chunk-SGMO4KBC.js";
-import "./chunk-BSTJBBEX.js";
-import "./chunk-KTVZ4KLX.js";
+  TextField
+} from "./chunk-JPIZP2PZ.js";
 import {
   ToastContainer,
   toast
 } from "./chunk-CYYWMYE7.js";
+import {
+  Select
+} from "./chunk-3JRNKBMN.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
 import {
   Skeleton
 } from "./chunk-5H3YPCZK.js";
@@ -74,11 +82,11 @@ import {
   Tabs
 } from "./chunk-5ZITU5L7.js";
 import {
-  TextArea
-} from "./chunk-ILRUXI2E.js";
+  Progress
+} from "./chunk-365QMK4D.js";
 import {
-  TextField
-} from "./chunk-JPIZP2PZ.js";
+  Quote
+} from "./chunk-YO3BQW6S.js";
 import {
   RadioCards
 } from "./chunk-6IVCARWS.js";
@@ -98,11 +106,8 @@ import {
   SegmentedControl
 } from "./chunk-TVDKGMBI.js";
 import {
-  Select
-} from "./chunk-3JRNKBMN.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
+  HoverCard
+} from "./chunk-O3T3TM3V.js";
 import {
   Inset
 } from "./chunk-XQOL7UBI.js";
@@ -114,28 +119,40 @@ import {
 } from "./chunk-SIM6HKVI.js";
 import {
   Pagination
-} from "./chunk-5X3BCQPR.js";
+} from "./chunk-IM7DSIK2.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
 import {
   Popover
 } from "./chunk-5AVBYDPB.js";
 import {
-  Progress
-} from "./chunk-365QMK4D.js";
+  Content,
+  Drawer,
+  Root,
+  Trigger
+} from "./chunk-UC627KGO.js";
 import {
-  Quote
-} from "./chunk-YO3BQW6S.js";
+  DropdownMenu
+} from "./chunk-4WFMOFN2.js";
+import {
+  EllipsisTooltip
+} from "./chunk-WKFZ5MMN.js";
+import {
+  Tooltip
+} from "./chunk-ACVANQJ4.js";
 import {
   Em
 } from "./chunk-2DZ2Y3JI.js";
 import {
   FieldErrorWrapper
-} from "./chunk-DJN2IEY6.js";
+} from "./chunk-QDZS4B6A.js";
+import {
+  Typo
+} from "./chunk-52MVZ6AN.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
-import {
-  Form
-} from "./chunk-2CVXGGI5.js";
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
@@ -143,11 +160,14 @@ import {
   Heading
 } from "./chunk-HK224ADT.js";
 import {
-  HoverCard
-} from "./chunk-O3T3TM3V.js";
+  CheckboxCards
+} from "./chunk-MIMJ7LON.js";
 import {
-  IconButton
-} from "./chunk-O3DNDMV3.js";
+  CheckboxGroup
+} from "./chunk-IQEEPHOY.js";
+import {
+  Checkbox
+} from "./chunk-LHCDPZ5E.js";
 import {
   Code
 } from "./chunk-OHMOP5PV.js";
@@ -164,23 +184,14 @@ import {
   Dialog
 } from "./chunk-BDVTRPXG.js";
 import {
-  Content,
-  Drawer,
-  Root,
-  Trigger
-} from "./chunk-UC627KGO.js";
-import {
-  DropdownMenu
-} from "./chunk-4WFMOFN2.js";
-import {
-  EllipsisTooltip
-} from "./chunk-WKFZ5MMN.js";
+  Avatar
+} from "./chunk-3SSSCLJ5.js";
 import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
+  Badge
+} from "./chunk-EWD4AO5N.js";
 import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
+  Blockquote
+} from "./chunk-YGL6SWKN.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -195,15 +206,6 @@ import {
 import {
   Card
 } from "./chunk-UVKNLJDZ.js";
-import {
-  CheckboxCards
-} from "./chunk-MIMJ7LON.js";
-import {
-  CheckboxGroup
-} from "./chunk-IQEEPHOY.js";
-import {
-  Checkbox
-} from "./chunk-LHCDPZ5E.js";
 import {
   ArchiveIcon,
   BackpackIcon,
@@ -240,6 +242,13 @@ import {
   Share1Icon,
   TrashIcon
 } from "./chunk-66C4U3BG.js";
+import "./chunk-PSINRHYW.js";
+import {
+  EchartDefaultProps
+} from "./chunk-2QFSCWES.js";
+import {
+  HorizontalBarChart
+} from "./chunk-SGMO4KBC.js";
 import {
   AlertDialog
 } from "./chunk-J242TTFH.js";
@@ -249,15 +258,6 @@ import {
 import {
   AutoSizingInput
 } from "./chunk-YJCCE5WP.js";
-import {
-  Avatar
-} from "./chunk-3SSSCLJ5.js";
-import {
-  Badge
-} from "./chunk-EWD4AO5N.js";
-import {
-  Blockquote
-} from "./chunk-YGL6SWKN.js";
 import "./chunk-N552FDTV.js";
 export {
   AlertDialog,

package/dist/molecules/date-picker/index.js

@@ -1,9 +1,9 @@
 import {
   DatePicker
-} from "../../chunk-C3YMRWG2.js";
+} from "../../chunk-2QDLO3YM.js";
+import "../../chunk-O3DNDMV3.js";
 import "../../chunk-25HMMI7R.js";
 import "../../chunk-HK224ADT.js";
-import "../../chunk-O3DNDMV3.js";
 import "../../chunk-66C4U3BG.js";
 import "../../chunk-N552FDTV.js";
 export {

package/dist/molecules/expand-table/index.js

@@ -1,69 +1,69 @@
 import {
   ExpandTable,
   createColumnHelper
-} from "../../chunk-3D63H4NN.js";
+} from "../../chunk-BSG2Q4XC.js";
 import "../../chunk-PCWEW2UL.js";
-import "../../chunk-NDUKDKGB.js";
 import "../../chunk-BSTJBBEX.js";
+import "../../chunk-NDUKDKGB.js";
 import "../../chunk-KTVZ4KLX.js";
+import "../../chunk-MOAXPZLZ.js";
+import "../../chunk-ILRUXI2E.js";
+import "../../chunk-JPIZP2PZ.js";
 import "../../chunk-CYYWMYE7.js";
+import "../../chunk-3JRNKBMN.js";
+import "../../chunk-HYITAA4J.js";
 import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
-import "../../chunk-ILRUXI2E.js";
-import "../../chunk-JPIZP2PZ.js";
+import "../../chunk-365QMK4D.js";
+import "../../chunk-YO3BQW6S.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-ZKZDVS7G.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
-import "../../chunk-3JRNKBMN.js";
-import "../../chunk-HYITAA4J.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-SIM6HKVI.js";
-import "../../chunk-5X3BCQPR.js";
+import "../../chunk-IM7DSIK2.js";
+import "../../chunk-O3DNDMV3.js";
 import "../../chunk-5AVBYDPB.js";
-import "../../chunk-365QMK4D.js";
-import "../../chunk-YO3BQW6S.js";
+import "../../chunk-UC627KGO.js";
+import "../../chunk-4WFMOFN2.js";
+import "../../chunk-WKFZ5MMN.js";
+import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
-import "../../chunk-DJN2IEY6.js";
+import "../../chunk-QDZS4B6A.js";
+import "../../chunk-52MVZ6AN.js";
 import "../../chunk-25HMMI7R.js";
-import "../../chunk-2CVXGGI5.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-HK224ADT.js";
-import "../../chunk-O3T3TM3V.js";
-import "../../chunk-O3DNDMV3.js";
+import "../../chunk-MIMJ7LON.js";
+import "../../chunk-IQEEPHOY.js";
+import "../../chunk-LHCDPZ5E.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-LZJR77Q2.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
 import "../../chunk-BDVTRPXG.js";
-import "../../chunk-UC627KGO.js";
-import "../../chunk-4WFMOFN2.js";
-import "../../chunk-WKFZ5MMN.js";
-import "../../chunk-ACVANQJ4.js";
-import "../../chunk-52MVZ6AN.js";
+import "../../chunk-3SSSCLJ5.js";
+import "../../chunk-EWD4AO5N.js";
+import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-U7JPP7WJ.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-ZD7MNMED.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-UVKNLJDZ.js";
-import "../../chunk-MIMJ7LON.js";
-import "../../chunk-IQEEPHOY.js";
-import "../../chunk-LHCDPZ5E.js";
 import "../../chunk-66C4U3BG.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-YJCCE5WP.js";
-import "../../chunk-3SSSCLJ5.js";
-import "../../chunk-EWD4AO5N.js";
-import "../../chunk-YGL6SWKN.js";
 import "../../chunk-N552FDTV.js";
 export {
   ExpandTable,

package/dist/molecules/expand-table/row.js

@@ -2,64 +2,64 @@ import {
   Row
 } from "../../chunk-PCWEW2UL.js";
 import "../../chunk-KTVZ4KLX.js";
+import "../../chunk-MOAXPZLZ.js";
+import "../../chunk-ILRUXI2E.js";
+import "../../chunk-JPIZP2PZ.js";
 import "../../chunk-CYYWMYE7.js";
+import "../../chunk-3JRNKBMN.js";
+import "../../chunk-HYITAA4J.js";
 import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
-import "../../chunk-ILRUXI2E.js";
-import "../../chunk-JPIZP2PZ.js";
+import "../../chunk-365QMK4D.js";
+import "../../chunk-YO3BQW6S.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-ZKZDVS7G.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
-import "../../chunk-3JRNKBMN.js";
-import "../../chunk-HYITAA4J.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-SIM6HKVI.js";
-import "../../chunk-5X3BCQPR.js";
+import "../../chunk-IM7DSIK2.js";
+import "../../chunk-O3DNDMV3.js";
 import "../../chunk-5AVBYDPB.js";
-import "../../chunk-365QMK4D.js";
-import "../../chunk-YO3BQW6S.js";
+import "../../chunk-UC627KGO.js";
+import "../../chunk-4WFMOFN2.js";
+import "../../chunk-WKFZ5MMN.js";
+import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
-import "../../chunk-DJN2IEY6.js";
+import "../../chunk-QDZS4B6A.js";
+import "../../chunk-52MVZ6AN.js";
 import "../../chunk-25HMMI7R.js";
-import "../../chunk-2CVXGGI5.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-HK224ADT.js";
-import "../../chunk-O3T3TM3V.js";
-import "../../chunk-O3DNDMV3.js";
+import "../../chunk-MIMJ7LON.js";
+import "../../chunk-IQEEPHOY.js";
+import "../../chunk-LHCDPZ5E.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-LZJR77Q2.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
 import "../../chunk-BDVTRPXG.js";
-import "../../chunk-UC627KGO.js";
-import "../../chunk-4WFMOFN2.js";
-import "../../chunk-WKFZ5MMN.js";
-import "../../chunk-ACVANQJ4.js";
-import "../../chunk-52MVZ6AN.js";
+import "../../chunk-3SSSCLJ5.js";
+import "../../chunk-EWD4AO5N.js";
+import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-U7JPP7WJ.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-ZD7MNMED.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-UVKNLJDZ.js";
-import "../../chunk-MIMJ7LON.js";
-import "../../chunk-IQEEPHOY.js";
-import "../../chunk-LHCDPZ5E.js";
 import "../../chunk-66C4U3BG.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-YJCCE5WP.js";
-import "../../chunk-3SSSCLJ5.js";
-import "../../chunk-EWD4AO5N.js";
-import "../../chunk-YGL6SWKN.js";
 import "../../chunk-N552FDTV.js";
 export {
   Row

package/dist/molecules/form.cjs

@@ -0,0 +1,218 @@
+"use strict";
+var __create = Object.create;
+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 __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;
+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 __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/molecules/form.tsx
+var form_exports = {};
+__export(form_exports, {
+  Form: () => Form
+});
+module.exports = __toCommonJS(form_exports);
+var RadixForm = __toESM(require("@radix-ui/react-form"), 1);
+var import_react3 = require("react");
+
+// src/atoms/heading.tsx
+var import_themes = require("@radix-ui/themes");
+var import_react = require("react");
+var import_themes2 = require("@radix-ui/themes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Heading2(props) {
+  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
+  const radixSize = (0, import_react.useMemo)(() => {
+    switch (variant) {
+      case "heading1":
+        return "7";
+      case "heading2":
+        return "6";
+      case "heading3":
+        return "5";
+      case "heading4":
+        return "4";
+      case "heading5":
+        return "3";
+      default:
+        return size;
+    }
+  }, [size, variant]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+}
+
+// src/atoms/typo.tsx
+var import_themes3 = require("@radix-ui/themes");
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Typo = (0, import_react2.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
+    const radixSize = (0, import_react2.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_runtime2.jsx)(import_themes3.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+  }
+);
+Typo.displayName = "Typo";
+
+// src/molecules/form.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Root2 = (0, import_react3.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      RadixForm.Root,
+      __spreadProps(__spreadValues({}, rest), {
+        className: `FormRoot ${className || ""}`,
+        ref,
+        children
+      })
+    );
+  }
+);
+Root2.displayName = "FORM_ROOT";
+var FieldContext = (0, import_react3.createContext)({
+  name: ""
+});
+var Field2 = (0, import_react3.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      RadixForm.Field,
+      __spreadProps(__spreadValues({}, rest), {
+        className: `FormField ${className || ""}`,
+        ref,
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FieldContext.Provider, { value: rest, children })
+      })
+    );
+  }
+);
+Field2.displayName = "FORM_FIELD";
+function HeadingLabel(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Heading2, __spreadProps(__spreadValues({ variant: "heading5" }, props), { children: props.children }));
+}
+var Label2 = (0, import_react3.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { children, className, variant = "body" } = _b, rest = __objRest(_b, ["children", "className", "variant"]);
+    const Comp = variant === "title" ? HeadingLabel : Typo;
+    const fieldProps = (0, import_react3.useContext)(FieldContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      RadixForm.Label,
+      __spreadProps(__spreadValues({}, rest), {
+        asChild: true,
+        className: `FormLabel ${className || ""}`,
+        ref,
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Comp, { children: [
+          children,
+          fieldProps.required ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Typo, { as: "span", color: "tomato", children: ` *` }) : null
+        ] })
+      })
+    );
+  }
+);
+Label2.displayName = "FORM_Label";
+var Message2 = (0, import_react3.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      RadixForm.Message,
+      __spreadProps(__spreadValues({}, rest), {
+        asChild: true,
+        className: `FormMessage ${className || ""}`,
+        ref,
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Typo, { color: "red", children })
+      })
+    );
+  }
+);
+Message2.displayName = "FORM_Message";
+var Control2 = (0, import_react3.forwardRef)(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
+    const fieldProps = (0, import_react3.useContext)(FieldContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      RadixForm.Control,
+      __spreadProps(__spreadValues({}, rest), {
+        className: `FormControl ${className || ""}`,
+        ref,
+        required: fieldProps.required
+      })
+    );
+  }
+);
+Control2.displayName = "FORM_Control";
+var Form = {
+  Root: Root2,
+  Field: Field2,
+  Label: Label2,
+  Message: Message2,
+  ValidityState,
+  Control: RadixForm.Control,
+  Submit: RadixForm.Submit
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Form
+});
+//# sourceMappingURL=form.cjs.map