@multiplatform.one/components 0.7.0 → 0.7.2

package/dist/esm/code/CodeBlock/CodeBlock.stories.js

@@ -5,15 +5,14 @@ const meta = {
   parameters: {
     status: { type: "beta" }
   }
-};
-const main = {
+}, main = {
   args: {
     backgroundColor: "$color2",
-    debug: false,
-    disableCopy: false,
-    isCollapsible: false,
-    isHighlightingLines: true,
-    showLineNumbers: false,
+    debug: !1,
+    disableCopy: !1,
+    isCollapsible: !1,
+    isHighlightingLines: !0,
+    showLineNumbers: !1,
     children: `
 const hello = 'world';
 

package/dist/esm/code/CodeBlock/CodeBlock.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/code/CodeBlock/CodeBlock.stories.ts"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAG1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAmC;AAAA,EAC9C,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ;AACF;AAEA,IAAO,4BAAQ;",
+  "mappings": "AAAA,SAAS,iBAAiB;AAG1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEa,OAAmC;AAAA,EAC9C,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ;AACF;AAEA,IAAO,4BAAQ;",
   "names": []
 }

package/dist/{jsx/code/CodeBlock/CodeBlock.stories.mjs → esm/code/CodeBlock/CodeBlock.stories.native.js}

@@ -5,15 +5,14 @@ const meta = {
   parameters: {
     status: { type: "beta" }
   }
-};
-const main = {
+}, main = {
   args: {
     backgroundColor: "$color2",
-    debug: false,
-    disableCopy: false,
-    isCollapsible: false,
-    isHighlightingLines: true,
-    showLineNumbers: false,
+    debug: !1,
+    disableCopy: !1,
+    isCollapsible: !1,
+    isHighlightingLines: !0,
+    showLineNumbers: !1,
     children: `
 const hello = 'world';
 
@@ -28,4 +27,4 @@ export {
   CodeBlock_stories_default as default,
   main
 };
-//# sourceMappingURL=CodeBlock.stories.mjs.map
+//# sourceMappingURL=CodeBlock.stories.js.map

package/dist/{jsx/code/CodeBlock/CodeBlock.stories.mjs.map → esm/code/CodeBlock/CodeBlock.stories.native.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/code/CodeBlock/CodeBlock.stories.ts"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAG1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAmC;AAAA,EAC9C,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ;AACF;AAEA,IAAO,4BAAQ;",
+  "mappings": "AAAA,SAAS,iBAAiB;AAG1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEa,OAAmC;AAAA,EAC9C,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ;AACF;AAEA,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/code/CodeBlock/index.js

@@ -1,15 +1,15 @@
-import React, { useMemo } from "react";
+import { useMemo } from "react";
 import { MDX } from "../../mdx/MDX";
 import { MDXCodeBlockContext } from "../../mdx/MDXCodeBlock/MDXCodeBlockContext";
+import { jsx } from "react/jsx-runtime";
 function CodeBlock({ children, language = "tsx", components, debug, ...props }) {
   const mdxString = useMemo(
     () => `\`\`\`${language}
-${children == null ? void 0 : children.trim()}
+${children?.trim()}
 \`\`\``,
     [children, language]
-  );
-  const value = useMemo(() => ({ ...props, debug }), [props, debug]);
-  return /* @__PURE__ */ React.createElement(MDXCodeBlockContext.Provider, { value }, /* @__PURE__ */ React.createElement(MDX, { components, debug }, mdxString));
+  ), value = useMemo(() => ({ ...props, debug }), [props, debug]);
+  return /* @__PURE__ */ jsx(MDXCodeBlockContext.Provider, { value, children: /* @__PURE__ */ jsx(MDX, { components, debug, children: mdxString }) });
 }
 export {
   CodeBlock

package/dist/esm/code/CodeBlock/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/code/CodeBlock/index.tsx"],
-  "mappings": "AAAA,OAAO,SAAS,eAAe;AAG/B,SAAS,WAAW;AACpB,SAAS,2BAA2B;AAO7B,SAAS,UAAU,EAAE,UAAU,WAAW,OAAO,YAAY,OAAO,GAAG,MAAM,GAAmB;AACrG,QAAM,YAAY;AAAA,IAChB,MAAM,SAAS;AAAA,EACjB,qCAAU;AAAA;AAAA,IAER,CAAC,UAAU,QAAQ;AAAA,EACrB;AACA,QAAM,QAAQ,QAAQ,OAAO,EAAE,GAAG,OAAO,MAAM,IAAI,CAAC,OAAO,KAAK,CAAC;AACjE,SACE,oCAAC,oBAAoB,UAApB,EAA6B,SAC5B,oCAAC,OAAI,YAAwB,SAC1B,SACH,CACF;AAEJ;",
+  "mappings": "AAAA,SAAgB,eAAe;AAG/B,SAAS,WAAW;AACpB,SAAS,2BAA2B;AAiB9B;AAVC,SAAS,UAAU,EAAE,UAAU,WAAW,OAAO,YAAY,OAAO,GAAG,MAAM,GAAmB;AACrG,QAAM,YAAY;AAAA,IAChB,MAAM,SAAS,QAAQ;AAAA,EACzB,UAAU,KAAK,CAAC;AAAA;AAAA,IAEd,CAAC,UAAU,QAAQ;AAAA,EACrB,GACM,QAAQ,QAAQ,OAAO,EAAE,GAAG,OAAO,MAAM,IAAI,CAAC,OAAO,KAAK,CAAC;AACjE,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAC5B,8BAAC,OAAI,YAAwB,OAC1B,qBACH,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/code/CodeBlock/index.native.js

@@ -0,0 +1,16 @@
+import React, { useMemo } from "react";
+import { MDX } from "../../mdx/MDX";
+import { MDXCodeBlockContext } from "../../mdx/MDXCodeBlock/MDXCodeBlockContext";
+function CodeBlock({ children, language = "tsx", components, debug, ...props }) {
+  const mdxString = useMemo(
+    () => `\`\`\`${language}
+${children?.trim()}
+\`\`\``,
+    [children, language]
+  ), value = useMemo(() => ({ ...props, debug }), [props, debug]);
+  return /* @__PURE__ */ React.createElement(MDXCodeBlockContext.Provider, { value }, /* @__PURE__ */ React.createElement(MDX, { components, debug }, mdxString));
+}
+export {
+  CodeBlock
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/code/CodeBlock/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/code/CodeBlock/index.tsx"],
+  "mappings": "AAAA,OAAO,SAAS,eAAe;AAG/B,SAAS,WAAW;AACpB,SAAS,2BAA2B;AAO7B,SAAS,UAAU,EAAE,UAAU,WAAW,OAAO,YAAY,OAAO,GAAG,MAAM,GAAmB;AACrG,QAAM,YAAY;AAAA,IAChB,MAAM,SAAS,QAAQ;AAAA,EACzB,UAAU,KAAK,CAAC;AAAA;AAAA,IAEd,CAAC,UAAU,QAAQ;AAAA,EACrB,GACM,QAAQ,QAAQ,OAAO,EAAE,GAAG,OAAO,MAAM,IAAI,CAAC,OAAO,KAAK,CAAC;AACjE,SACE,oCAAC,oBAAoB,UAApB,EAA6B,SAC5B,oCAAC,OAAI,YAAwB,SAC1B,SACH,CACF;AAEJ;",
+  "names": []
+}

package/dist/{jsx/code/Pre/index.mjs → esm/code/Pre/index.native.js}

@@ -9,4 +9,4 @@ const Pre = styled(YStack, {
 export {
   Pre
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/{jsx/code/index.mjs → esm/code/index.native.js}

@@ -1,4 +1,4 @@
 export * from "./Code";
 export * from "./CodeBlock";
 export * from "./Pre";
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/esm/forms/FormCheckBox/FormCheckBox.stories.js

@@ -1,41 +1,46 @@
-import React from "react";
 import { FormCheckBox } from "./index";
 import { YStack } from "tamagui";
 import { action } from "@storybook/addon-actions";
+import { jsx, jsxs } from "react/jsx-runtime";
 var FormCheckBox_stories_default = {
   title: "forms/FormCheckBox",
   component: FormCheckBox,
   parameters: { status: { type: "beta" } }
 };
-const main = () => /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(
-  FormCheckBox,
-  {
-    name: "checkbox",
-    checkBoxElement: { label: "mango", value: "mango" },
-    onCheckedChange: action("onCheckedChange")
-  }
-), /* @__PURE__ */ React.createElement(
-  FormCheckBox,
-  {
-    name: "checkbox",
-    checkBoxElement: { label: "orange", value: "orange" },
-    onCheckedChange: action("onCheckedChange")
-  }
-), /* @__PURE__ */ React.createElement(
-  FormCheckBox,
-  {
-    name: "checkbox",
-    checkBoxElement: { label: "banana", value: "banana" },
-    onCheckedChange: action("onCheckedChange")
-  }
-), /* @__PURE__ */ React.createElement(
-  FormCheckBox,
-  {
-    name: "checkbox",
-    checkBoxElement: { label: "lemon", value: "lemon" },
-    onCheckedChange: action("onCheckedChange")
-  }
-));
+const main = () => /* @__PURE__ */ jsxs(YStack, { children: [
+  /* @__PURE__ */ jsx(
+    FormCheckBox,
+    {
+      name: "checkbox",
+      checkBoxElement: { label: "mango", value: "mango" },
+      onCheckedChange: action("onCheckedChange")
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    FormCheckBox,
+    {
+      name: "checkbox",
+      checkBoxElement: { label: "orange", value: "orange" },
+      onCheckedChange: action("onCheckedChange")
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    FormCheckBox,
+    {
+      name: "checkbox",
+      checkBoxElement: { label: "banana", value: "banana" },
+      onCheckedChange: action("onCheckedChange")
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    FormCheckBox,
+    {
+      name: "checkbox",
+      checkBoxElement: { label: "lemon", value: "lemon" },
+      onCheckedChange: action("onCheckedChange")
+    }
+  )
+] });
 export {
   FormCheckBox_stories_default as default,
   main

package/dist/esm/forms/FormCheckBox/FormCheckBox.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormCheckBox/FormCheckBox.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,cAAc;AAEvB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,oCAAC,cACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,IAClD,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,IACpD,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,IACpD,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,IAClD,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C,CACF;",
+  "mappings": "AACA,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,cAAc;AASrB,SACE,KADF;AAPF,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,qBAAC,UACC;AAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAiB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,MAClD,iBAAiB,OAAO,iBAAiB;AAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAiB,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,MACpD,iBAAiB,OAAO,iBAAiB;AAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAiB,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,MACpD,iBAAiB,OAAO,iBAAiB;AAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAiB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,MAClD,iBAAiB,OAAO,iBAAiB;AAAA;AAAA,EAC3C;AAAA,GACF;",
   "names": []
 }

package/dist/esm/forms/FormCheckBox/FormCheckBox.stories.native.js

@@ -0,0 +1,43 @@
+import React from "react";
+import { FormCheckBox } from "./index";
+import { YStack } from "tamagui";
+import { action } from "@storybook/addon-actions";
+var FormCheckBox_stories_default = {
+  title: "forms/FormCheckBox",
+  component: FormCheckBox,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(
+  FormCheckBox,
+  {
+    name: "checkbox",
+    checkBoxElement: { label: "mango", value: "mango" },
+    onCheckedChange: action("onCheckedChange")
+  }
+), /* @__PURE__ */ React.createElement(
+  FormCheckBox,
+  {
+    name: "checkbox",
+    checkBoxElement: { label: "orange", value: "orange" },
+    onCheckedChange: action("onCheckedChange")
+  }
+), /* @__PURE__ */ React.createElement(
+  FormCheckBox,
+  {
+    name: "checkbox",
+    checkBoxElement: { label: "banana", value: "banana" },
+    onCheckedChange: action("onCheckedChange")
+  }
+), /* @__PURE__ */ React.createElement(
+  FormCheckBox,
+  {
+    name: "checkbox",
+    checkBoxElement: { label: "lemon", value: "lemon" },
+    onCheckedChange: action("onCheckedChange")
+  }
+));
+export {
+  FormCheckBox_stories_default as default,
+  main
+};
+//# sourceMappingURL=FormCheckBox.stories.js.map

package/dist/esm/forms/FormCheckBox/FormCheckBox.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormCheckBox/FormCheckBox.stories.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,cAAc;AAEvB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,oCAAC,cACC;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,IAClD,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,IACpD,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,IACpD,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C,GACA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,iBAAiB,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,IAClD,iBAAiB,OAAO,iBAAiB;AAAA;AAC3C,CACF;",
+  "names": []
+}

package/dist/esm/forms/FormCheckBox/index.js

@@ -1,8 +1,9 @@
 import { Label, Checkbox, XStack, YStack } from "tamagui";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
-import React, { useId } from "react";
+import { useId } from "react";
 import { Check as CheckIcon } from "@tamagui/lucide-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FormCheckBox({
   children,
   control,
@@ -21,40 +22,15 @@ function FormCheckBox({
   LabelStyle,
   ...checkProps
 }) {
-  const formContext = useFormContext();
-  const id = useId();
-  if (!formContext) {
-    return /* @__PURE__ */ React.createElement(YStack, { space: true }, /* @__PURE__ */ React.createElement(
-      XStack,
-      {
-        style: { alignItems: "center" },
-        space: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.space) || "$3",
-        height: CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.height,
-        width: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.width) || "300",
-        ai: "center"
-      },
-      /* @__PURE__ */ React.createElement(
-        Checkbox,
-        {
-          id,
-          size: checkBoxElement.size,
-          defaultChecked: checkBoxElement.defaultChecked,
-          value: checkBoxElement.value,
-          ...checkProps
-        },
-        /* @__PURE__ */ React.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React.createElement(CheckIcon, null))
-      ),
-      /* @__PURE__ */ React.createElement(Label, { size: checkBoxElement.size, htmlFor: id }, checkBoxElement.label || checkBoxElement.value)
-    ));
-  }
-  return /* @__PURE__ */ React.createElement(
+  const formContext = useFormContext(), id = useId();
+  return formContext ? /* @__PURE__ */ jsx(
     Controller,
     {
       name,
       control,
       rules,
       defaultValue,
-      render: ({ field: { onChange, value }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
+      render: ({ field: { onChange, value }, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx(
         FormField,
         {
           id,
@@ -62,38 +38,61 @@ function FormCheckBox({
           helperText: error2 ? error2.message : helperText,
           label,
           required,
-          ...fieldProps
-        },
-        /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(
-          XStack,
-          {
-            alignItems: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.ai) || "center",
-            space: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.space) || "$3",
-            height: CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.height,
-            width: (CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.width) || "300"
-          },
-          /* @__PURE__ */ React.createElement(
-            Checkbox,
+          ...fieldProps,
+          children: /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsxs(
+            XStack,
             {
-              id,
-              size: checkBoxElement.size,
-              defaultChecked: checkBoxElement.defaultChecked,
-              value: checkBoxElement.value,
-              checked: value,
-              ...checkProps,
-              onCheckedChange: (e) => {
-                onChange(e);
-                if (checkProps.onCheckedChange)
-                  checkProps.onCheckedChange(e);
-              }
-            },
-            /* @__PURE__ */ React.createElement(Checkbox.Indicator, { ...IndicatorStyle }, /* @__PURE__ */ React.createElement(CheckIcon, null))
-          ),
-          /* @__PURE__ */ React.createElement(Label, { size: checkBoxElement.size, htmlFor: id, ...LabelStyle }, checkBoxElement.label || checkBoxElement.value)
-        ))
+              alignItems: CheckBoxElementSizing?.ai || "center",
+              space: CheckBoxElementSizing?.space || "$3",
+              height: CheckBoxElementSizing?.height,
+              width: CheckBoxElementSizing?.width || "300",
+              children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id,
+                    size: checkBoxElement.size,
+                    defaultChecked: checkBoxElement.defaultChecked,
+                    value: checkBoxElement.value,
+                    checked: value,
+                    ...checkProps,
+                    onCheckedChange: (e) => {
+                      onChange(e), checkProps.onCheckedChange && checkProps.onCheckedChange(e);
+                    },
+                    children: /* @__PURE__ */ jsx(Checkbox.Indicator, { ...IndicatorStyle, children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+                  }
+                ),
+                /* @__PURE__ */ jsx(Label, { size: checkBoxElement.size, htmlFor: id, ...LabelStyle, children: checkBoxElement.label || checkBoxElement.value })
+              ]
+            }
+          ) })
+        }
       )
     }
-  );
+  ) : /* @__PURE__ */ jsx(YStack, { space: !0, children: /* @__PURE__ */ jsxs(
+    XStack,
+    {
+      style: { alignItems: "center" },
+      space: CheckBoxElementSizing?.space || "$3",
+      height: CheckBoxElementSizing?.height,
+      width: CheckBoxElementSizing?.width || "300",
+      ai: "center",
+      children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id,
+            size: checkBoxElement.size,
+            defaultChecked: checkBoxElement.defaultChecked,
+            value: checkBoxElement.value,
+            ...checkProps,
+            children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+          }
+        ),
+        /* @__PURE__ */ jsx(Label, { size: checkBoxElement.size, htmlFor: id, children: checkBoxElement.label || checkBoxElement.value })
+      ]
+    }
+  ) });
 }
 export {
   FormCheckBox

package/dist/esm/forms/FormCheckBox/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormCheckBox/index.tsx"],
-  "mappings": "AACA,SAAS,OAAO,UAAU,QAAQ,cAAc;AAChD,SAAS,YAAY,sBAAsB;AAG3C,SAAS,iBAAiB;AAC1B,OAAO,SAAS,aAAa;AAE7B,SAAS,SAAS,iBAAiB;AAyB5B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiH;AAC/G,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,oCAAC,UAAO,OAAK,QACX;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,YAAY,SAAS;AAAA,QAC9B,QAAO,+DAAuB,UAAS;AAAA,QACvC,QAAQ,+DAAuB;AAAA,QAC/B,QAAO,+DAAuB,UAAS;AAAA,QACvC,IAAG;AAAA;AAAA,MAEH;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAM,gBAAgB;AAAA,UACtB,gBAAgB,gBAAgB;AAAA,UAChC,OAAO,gBAAgB;AAAA,UACtB,GAAG;AAAA;AAAA,QAEJ,oCAAC,SAAS,WAAT,MACC,oCAAC,eAAU,CACb;AAAA,MACF;AAAA,MAEA,oCAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,MACzC,gBAAgB,SAAS,gBAAgB,KAC5C;AAAA,IACF,CACF;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ,oCAAC,cACC;AAAA,UAAC;AAAA;AAAA,YACC,aAAY,+DAAuB,OAAM;AAAA,YACzC,QAAO,+DAAuB,UAAS;AAAA,YACvC,QAAQ,+DAAuB;AAAA,YAC/B,QAAO,+DAAuB,UAAS;AAAA;AAAA,UAEvC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,MAAM,gBAAgB;AAAA,cACtB,gBAAgB,gBAAgB;AAAA,cAChC,OAAO,gBAAgB;AAAA,cACvB,SAAS;AAAA,cACR,GAAG;AAAA,cACJ,iBAAiB,CAAC,MAAM;AACtB,yBAAS,CAAC;AACV,oBAAI,WAAW;AAAiB,6BAAW,gBAAgB,CAAC;AAAA,cAC9D;AAAA;AAAA,YAEA,oCAAC,SAAS,WAAT,EAAoB,GAAG,kBACtB,oCAAC,eAAU,CACb;AAAA,UACF;AAAA,UACA,oCAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,IAAK,GAAG,cACjD,gBAAgB,SAAS,gBAAgB,KAC5C;AAAA,QACF,CACF;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;",
+  "mappings": "AAsBA,SAAS,OAAO,UAAU,QAAQ,cAAc;AAChD,SAAS,YAAY,sBAAsB;AAG3C,SAAS,iBAAiB;AAC1B,SAAgB,aAAa;AAE7B,SAAS,SAAS,iBAAiB;AAkD3B,SAeM,KAfN;AAvBD,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiH;AAC/G,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cA8BH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UAEJ,8BAAC,UACC;AAAA,YAAC;AAAA;AAAA,cACC,YAAY,uBAAuB,MAAM;AAAA,cACzC,OAAO,uBAAuB,SAAS;AAAA,cACvC,QAAQ,uBAAuB;AAAA,cAC/B,OAAO,uBAAuB,SAAS;AAAA,cAEvC;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA,MAAM,gBAAgB;AAAA,oBACtB,gBAAgB,gBAAgB;AAAA,oBAChC,OAAO,gBAAgB;AAAA,oBACvB,SAAS;AAAA,oBACR,GAAG;AAAA,oBACJ,iBAAiB,CAAC,MAAM;AACtB,+BAAS,CAAC,GACN,WAAW,mBAAiB,WAAW,gBAAgB,CAAC;AAAA,oBAC9D;AAAA,oBAEA,8BAAC,SAAS,WAAT,EAAoB,GAAG,gBACtB,8BAAC,aAAU,GACb;AAAA;AAAA,gBACF;AAAA,gBACA,oBAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,IAAK,GAAG,YACjD,0BAAgB,SAAS,gBAAgB,OAC5C;AAAA;AAAA;AAAA,UACF,GACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,IAxEE,oBAAC,UAAO,OAAK,IACX;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,YAAY,SAAS;AAAA,MAC9B,OAAO,uBAAuB,SAAS;AAAA,MACvC,QAAQ,uBAAuB;AAAA,MAC/B,OAAO,uBAAuB,SAAS;AAAA,MACvC,IAAG;AAAA,MAEH;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,MAAM,gBAAgB;AAAA,YACtB,gBAAgB,gBAAgB;AAAA,YAChC,OAAO,gBAAgB;AAAA,YACtB,GAAG;AAAA,YAEJ,8BAAC,SAAS,WAAT,EACC,8BAAC,aAAU,GACb;AAAA;AAAA,QACF;AAAA,QAEA,oBAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,IACzC,0BAAgB,SAAS,gBAAgB,OAC5C;AAAA;AAAA;AAAA,EACF,GACF;AAkDN;",
   "names": ["error"]
 }

package/dist/esm/forms/FormCheckBox/index.native.js

@@ -0,0 +1,95 @@
+import { Label, Checkbox, XStack, YStack } from "tamagui";
+import { Controller, useFormContext } from "react-hook-form";
+import { FormField } from "../FormField";
+import React, { useId } from "react";
+import { Check as CheckIcon } from "@tamagui/lucide-icons";
+function FormCheckBox({
+  children,
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  checkBoxElement,
+  CheckBoxElementSizing,
+  IndicatorStyle,
+  iconColor,
+  LabelStyle,
+  ...checkProps
+}) {
+  const formContext = useFormContext(), id = useId();
+  return formContext ? /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      defaultValue,
+      render: ({ field: { onChange, value }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
+        FormField,
+        {
+          id,
+          error: !!error2,
+          helperText: error2 ? error2.message : helperText,
+          label,
+          required,
+          ...fieldProps
+        },
+        /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(
+          XStack,
+          {
+            alignItems: CheckBoxElementSizing?.ai || "center",
+            space: CheckBoxElementSizing?.space || "$3",
+            height: CheckBoxElementSizing?.height,
+            width: CheckBoxElementSizing?.width || "300"
+          },
+          /* @__PURE__ */ React.createElement(
+            Checkbox,
+            {
+              id,
+              size: checkBoxElement.size,
+              defaultChecked: checkBoxElement.defaultChecked,
+              value: checkBoxElement.value,
+              checked: value,
+              ...checkProps,
+              onCheckedChange: (e) => {
+                onChange(e), checkProps.onCheckedChange && checkProps.onCheckedChange(e);
+              }
+            },
+            /* @__PURE__ */ React.createElement(Checkbox.Indicator, { ...IndicatorStyle }, /* @__PURE__ */ React.createElement(CheckIcon, null))
+          ),
+          /* @__PURE__ */ React.createElement(Label, { size: checkBoxElement.size, htmlFor: id, ...LabelStyle }, checkBoxElement.label || checkBoxElement.value)
+        ))
+      )
+    }
+  ) : /* @__PURE__ */ React.createElement(YStack, { space: !0 }, /* @__PURE__ */ React.createElement(
+    XStack,
+    {
+      style: { alignItems: "center" },
+      space: CheckBoxElementSizing?.space || "$3",
+      height: CheckBoxElementSizing?.height,
+      width: CheckBoxElementSizing?.width || "300",
+      ai: "center"
+    },
+    /* @__PURE__ */ React.createElement(
+      Checkbox,
+      {
+        id,
+        size: checkBoxElement.size,
+        defaultChecked: checkBoxElement.defaultChecked,
+        value: checkBoxElement.value,
+        ...checkProps
+      },
+      /* @__PURE__ */ React.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React.createElement(CheckIcon, null))
+    ),
+    /* @__PURE__ */ React.createElement(Label, { size: checkBoxElement.size, htmlFor: id }, checkBoxElement.label || checkBoxElement.value)
+  ));
+}
+export {
+  FormCheckBox
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/forms/FormCheckBox/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormCheckBox/index.tsx"],
+  "mappings": "AAsBA,SAAS,OAAO,UAAU,QAAQ,cAAc;AAChD,SAAS,YAAY,sBAAsB;AAG3C,SAAS,iBAAiB;AAC1B,OAAO,SAAS,aAAa;AAE7B,SAAS,SAAS,iBAAiB;AA2B5B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiH;AAC/G,QAAM,cAAc,eAAe,GAC7B,KAAK,MAAM;AACjB,SAAK,cA8BH;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,CAAC,CAACA;AAAA,UACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,UACpC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,QAEJ,oCAAC,cACC;AAAA,UAAC;AAAA;AAAA,YACC,YAAY,uBAAuB,MAAM;AAAA,YACzC,OAAO,uBAAuB,SAAS;AAAA,YACvC,QAAQ,uBAAuB;AAAA,YAC/B,OAAO,uBAAuB,SAAS;AAAA;AAAA,UAEvC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,MAAM,gBAAgB;AAAA,cACtB,gBAAgB,gBAAgB;AAAA,cAChC,OAAO,gBAAgB;AAAA,cACvB,SAAS;AAAA,cACR,GAAG;AAAA,cACJ,iBAAiB,CAAC,MAAM;AACtB,yBAAS,CAAC,GACN,WAAW,mBAAiB,WAAW,gBAAgB,CAAC;AAAA,cAC9D;AAAA;AAAA,YAEA,oCAAC,SAAS,WAAT,EAAoB,GAAG,kBACtB,oCAAC,eAAU,CACb;AAAA,UACF;AAAA,UACA,oCAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,IAAK,GAAG,cACjD,gBAAgB,SAAS,gBAAgB,KAC5C;AAAA,QACF,CACF;AAAA,MACF;AAAA;AAAA,EAEJ,IAxEE,oCAAC,UAAO,OAAK,MACX;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,YAAY,SAAS;AAAA,MAC9B,OAAO,uBAAuB,SAAS;AAAA,MACvC,QAAQ,uBAAuB;AAAA,MAC/B,OAAO,uBAAuB,SAAS;AAAA,MACvC,IAAG;AAAA;AAAA,IAEH;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM,gBAAgB;AAAA,QACtB,gBAAgB,gBAAgB;AAAA,QAChC,OAAO,gBAAgB;AAAA,QACtB,GAAG;AAAA;AAAA,MAEJ,oCAAC,SAAS,WAAT,MACC,oCAAC,eAAU,CACb;AAAA,IACF;AAAA,IAEA,oCAAC,SAAM,MAAM,gBAAgB,MAAM,SAAS,MACzC,gBAAgB,SAAS,gBAAgB,KAC5C;AAAA,EACF,CACF;AAkDN;",
+  "names": ["error"]
+}

package/dist/esm/forms/FormField.js

@@ -1,7 +1,16 @@
-import React from "react";
 import { Label, Paragraph, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FormField({ children, label, error, helperText, labelProps, id, size, required }) {
-  return /* @__PURE__ */ React.createElement(YStack, null, label && /* @__PURE__ */ React.createElement(Label, { htmlFor: id, size: size || "$3", ...labelProps, color: error ? "$red10" : void 0 }, label, required && ` *`), /* @__PURE__ */ React.createElement(YStack, null, children, helperText && /* @__PURE__ */ React.createElement(Paragraph, { paddingLeft: "$2", size, color: error ? "$red10" : void 0 }, helperText)));
+  return /* @__PURE__ */ jsxs(YStack, { children: [
+    label && /* @__PURE__ */ jsxs(Label, { htmlFor: id, size: size || "$3", ...labelProps, color: error ? "$red10" : void 0, children: [
+      label,
+      required && " *"
+    ] }),
+    /* @__PURE__ */ jsxs(YStack, { children: [
+      children,
+      helperText && /* @__PURE__ */ jsx(Paragraph, { paddingLeft: "$2", size, color: error ? "$red10" : void 0, children: helperText })
+    ] })
+  ] });
 }
 export {
   FormField

package/dist/esm/forms/FormField.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/forms/FormField.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,OAAO,WAAW,cAAc;AAalC,SAAS,UAAU,EAAE,UAAU,OAAO,OAAO,YAAY,YAAY,IAAI,MAAM,SAAS,GAAmB;AAChH,SACE,oCAAC,cACE,SACC,oCAAC,SAAM,SAAS,IAAI,MAAM,QAAQ,MAAO,GAAG,YAAY,OAAO,QAAQ,WAAW,UAC/E,OACA,YAAY,IACf,GAEF,oCAAC,cACE,UACA,cACC,oCAAC,aAAU,aAAY,MAAK,MAA8B,OAAO,QAAQ,WAAW,UACjF,UACH,CAEJ,CACF;AAEJ;",
+  "mappings": "AAwBA,SAAS,OAAO,WAAW,cAAc;AAiBjC,SAQE,KARF;AAJD,SAAS,UAAU,EAAE,UAAU,OAAO,OAAO,YAAY,YAAY,IAAI,MAAM,SAAS,GAAmB;AAChH,SACE,qBAAC,UACE;AAAA,aACC,qBAAC,SAAM,SAAS,IAAI,MAAM,QAAQ,MAAO,GAAG,YAAY,OAAO,QAAQ,WAAW,QAC/E;AAAA;AAAA,MACA,YAAY;AAAA,OACf;AAAA,IAEF,qBAAC,UACE;AAAA;AAAA,MACA,cACC,oBAAC,aAAU,aAAY,MAAK,MAA8B,OAAO,QAAQ,WAAW,QACjF,sBACH;AAAA,OAEJ;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/forms/FormField.native.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Label, Paragraph, YStack } from "tamagui";
+function FormField({ children, label, error, helperText, labelProps, id, size, required }) {
+  return /* @__PURE__ */ React.createElement(YStack, null, label && /* @__PURE__ */ React.createElement(Label, { htmlFor: id, size: size || "$3", ...labelProps, color: error ? "$red10" : void 0 }, label, required && " *"), /* @__PURE__ */ React.createElement(YStack, null, children, helperText && /* @__PURE__ */ React.createElement(Paragraph, { paddingLeft: "$2", size, color: error ? "$red10" : void 0 }, helperText)));
+}
+export {
+  FormField
+};
+//# sourceMappingURL=FormField.js.map

package/dist/esm/forms/FormField.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/forms/FormField.tsx"],
+  "mappings": "AAqBA,OAAO,WAAW;AAGlB,SAAS,OAAO,WAAW,cAAc;AAalC,SAAS,UAAU,EAAE,UAAU,OAAO,OAAO,YAAY,YAAY,IAAI,MAAM,SAAS,GAAmB;AAChH,SACE,oCAAC,cACE,SACC,oCAAC,SAAM,SAAS,IAAI,MAAM,QAAQ,MAAO,GAAG,YAAY,OAAO,QAAQ,WAAW,UAC/E,OACA,YAAY,IACf,GAEF,oCAAC,cACE,UACA,cACC,oCAAC,aAAU,aAAY,MAAK,MAA8B,OAAO,QAAQ,WAAW,UACjF,UACH,CAEJ,CACF;AAEJ;",
+  "names": []
+}

package/dist/esm/forms/FormInput/FormInput.stories.js

@@ -1,7 +1,7 @@
-import React from "react";
 import { FormInput } from "./index";
 import { YStack } from "tamagui";
 import { action } from "@storybook/addon-actions";
+import { jsx, jsxs } from "react/jsx-runtime";
 var FormInput_stories_default = {
   title: "forms/FormInput",
   component: FormInput,
@@ -9,7 +9,10 @@ var FormInput_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => /* @__PURE__ */ React.createElement(YStack, { padding: "$4", space: true }, /* @__PURE__ */ React.createElement(FormInput, { onChangeText: action("onTextChange"), name: "firstName", label: "First Name" }), /* @__PURE__ */ React.createElement(FormInput, { onChangeText: action("onTextChange"), name: "lastName", label: "Last Name" }));
+const main = () => /* @__PURE__ */ jsxs(YStack, { padding: "$4", space: !0, children: [
+  /* @__PURE__ */ jsx(FormInput, { onChangeText: action("onTextChange"), name: "firstName", label: "First Name" }),
+  /* @__PURE__ */ jsx(FormInput, { onChangeText: action("onTextChange"), name: "lastName", label: "Last Name" })
+] });
 export {
   FormInput_stories_default as default,
   main

package/dist/esm/forms/FormInput/FormInput.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormInput/FormInput.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,cAAc;AAEvB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,oCAAC,UAAO,SAAQ,MAAK,OAAK,QACxB,oCAAC,aAAU,cAAc,OAAO,cAAc,GAAG,MAAK,aAAY,OAAM,cAAa,GACrF,oCAAC,aAAU,cAAc,OAAO,cAAc,GAAG,MAAK,YAAW,OAAM,aAAY,CACrF;",
+  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,cAAc;AAWrB,SACE,KADF;AATF,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,qBAAC,UAAO,SAAQ,MAAK,OAAK,IACxB;AAAA,sBAAC,aAAU,cAAc,OAAO,cAAc,GAAG,MAAK,aAAY,OAAM,cAAa;AAAA,EACrF,oBAAC,aAAU,cAAc,OAAO,cAAc,GAAG,MAAK,YAAW,OAAM,aAAY;AAAA,GACrF;",
   "names": []
 }