@multiplatform.one/components 0.2.0 → 0.2.2

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

@@ -1,7 +1,7 @@
 import { Label, Checkbox, XStack, YStack } from "tamagui";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
-import { useId } from "react";
+import React, { useId } from "react";
 import { Check as CheckIcon } from "@tamagui/lucide-icons";
 function FormCheckBox({
   children,
@@ -24,55 +24,74 @@ function FormCheckBox({
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
-    return <YStack><XStack
-      space={(CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.space) || "$3"}
-      height={CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.height}
-      width={(CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.width) || "300"}
-    >
-      <Checkbox
-        id={id}
-        size={checkBoxElement.size}
-        defaultChecked={checkBoxElement.defaultChecked}
-        value={checkBoxElement.value}
-        {...checkProps}
-      ><Checkbox.Indicator><CheckIcon /></Checkbox.Indicator></Checkbox>
-      <Label size={checkBoxElement.size} htmlFor={id}>{checkBoxElement.label || checkBoxElement.value}</Label>
-    </XStack></YStack>;
+    return /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(
+      XStack,
+      {
+        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,
+        {
+          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 <Controller
-    name={name}
-    control={control}
-    rules={rules}
-    defaultValue={defaultValue}
-    render={({ field: { onChange, value }, fieldState: { error: error2 } }) => <FormField
-      id={id}
-      error={!!error2}
-      helperText={error2 ? error2.message : helperText}
-      label={label}
-      required={required}
-      {...fieldProps}
-    ><YStack><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"}
-    >
-      <Checkbox
-        id={id}
-        size={checkBoxElement.size}
-        defaultChecked={checkBoxElement.defaultChecked}
-        value={checkBoxElement.value}
-        checked={value}
-        {...checkProps}
-        onCheckedChange={(e) => {
-          onChange(e);
-          if (checkProps.onCheckedChange)
-            checkProps.onCheckedChange(e);
-        }}
-      ><Checkbox.Indicator {...IndicatorStyle}><CheckIcon /></Checkbox.Indicator></Checkbox>
-      <Label size={checkBoxElement.size} htmlFor={id} {...LabelStyle}>{checkBoxElement.label || checkBoxElement.value}</Label>
-    </XStack></YStack></FormField>}
-  />;
+  return /* @__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 == 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,
+            {
+              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)
+        ))
+      )
+    }
+  );
 }
 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,SAAgB,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,CAAC,OACC,CAAC;AAAA,MACC,QAAO,+DAAuB,UAAS;AAAA,MACvC,QAAQ,+DAAuB;AAAA,MAC/B,QAAO,+DAAuB,UAAS;AAAA;AAAA,MAEvC,CAAC;AAAA,QACC,IAAI;AAAA,QACJ,MAAM,gBAAgB;AAAA,QACtB,gBAAgB,gBAAgB;AAAA,QAChC,OAAO,gBAAgB;AAAA,YACnB;AAAA,OAEJ,CAAC,SAAS,UACR,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAVC;AAAA,MAYD,CAAC,MAAM,MAAM,gBAAgB,MAAM,SAAS,KACzC,gBAAgB,SAAS,gBAAgB,MAC5C,EAFC;AAAA,IAGH,EApBC,OAqBH,EAtBC;AAAA,EAwBL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC,OACC,CAAC;AAAA,MACC,aAAY,+DAAuB,OAAM;AAAA,MACzC,QAAO,+DAAuB,UAAS;AAAA,MACvC,QAAQ,+DAAuB;AAAA,MAC/B,QAAO,+DAAuB,UAAS;AAAA;AAAA,MAEvC,CAAC;AAAA,QACC,IAAI;AAAA,QACJ,MAAM,gBAAgB;AAAA,QACtB,gBAAgB,gBAAgB;AAAA,QAChC,OAAO,gBAAgB;AAAA,QACvB,SAAS;AAAA,YACL;AAAA,QACJ,iBAAiB,CAAC,MAAM;AACtB,mBAAS,CAAC;AACV,cAAI,WAAW;AAAiB,uBAAW,gBAAgB,CAAC;AAAA,QAC9D;AAAA,OAEA,CAAC,SAAS,cAAc,gBACtB,CAAC,UAAU,EACb,EAFC,SAAS,UAGZ,EAfC;AAAA,MAgBD,CAAC,MAAM,MAAM,gBAAgB,MAAM,SAAS,QAAQ,aACjD,gBAAgB,SAAS,gBAAgB,MAC5C,EAFC;AAAA,IAGH,EAzBC,OA0BH,EA3BC,OA4BH,EApCC;AAAA,EAsCL;AAEJ;",
+  "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,cACC;AAAA,MAAC;AAAA;AAAA,QACC,QAAO,+DAAuB,UAAS;AAAA,QACvC,QAAQ,+DAAuB;AAAA,QAC/B,QAAO,+DAAuB,UAAS;AAAA;AAAA,MAEvC;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;",
   "names": ["error"]
 }

package/dist/esm/forms/FormField.js

@@ -1,15 +1,7 @@
+import React from "react";
 import { Label, Paragraph, YStack } from "tamagui";
 function FormField({ children, label, error, helperText, labelProps, id, size, required }) {
-  return <YStack>
-    {label && <Label htmlFor={id} size={size || "$3"} {...labelProps} color={error ? "$red10" : void 0}>
-      {label}
-      {required && ` *`}
-    </Label>}
-    <YStack>
-      {children}
-      {helperText && <Paragraph paddingLeft="$2" size={size} color={error ? "$red10" : void 0}>{helperText}</Paragraph>}
-    </YStack>
-  </YStack>;
+  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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/forms/FormField.tsx"],
-  "mappings": "AAGA,SAAS,OAAO,WAAW,cAAc;AAalC,SAAS,UAAU,EAAE,UAAU,OAAO,OAAO,YAAY,YAAY,IAAI,MAAM,SAAS,GAAmB;AAChH,SACE,CAAC;AAAA,KACE,SACC,CAAC,MAAM,SAAS,IAAI,MAAM,QAAQ,UAAU,YAAY,OAAO,QAAQ,WAAW;AAAA,OAC/E;AAAA,OACA,YAAY;AAAA,IACf,EAHC;AAAA,IAKH,CAAC;AAAA,OACE;AAAA,OACA,cACC,CAAC,UAAU,YAAY,KAAK,MAAM,MAAwB,OAAO,QAAQ,WAAW,SACjF,WACH,EAFC;AAAA,IAIL,EAPC;AAAA,EAQH,EAfC;AAiBL;",
+  "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;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormInput } from "./index";
 import { YStack } from "tamagui";
 import { action } from "@storybook/addon-actions";
@@ -8,10 +9,7 @@ var FormInput_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <YStack padding="$4" space>
-  <FormInput onChangeText={action("onTextChange")} name="firstName" label="First Name" />
-  <FormInput onChangeText={action("onTextChange")} name="lastName" label="Last Name" />
-</YStack>;
+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" }));
 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": "AACA,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,CAAC,OAAO,QAAQ,KAAK;AAAA,EACnB,CAAC,UAAU,cAAc,OAAO,cAAc,GAAG,KAAK,YAAY,MAAM,aAAa;AAAA,EACrF,CAAC,UAAU,cAAc,OAAO,cAAc,GAAG,KAAK,WAAW,MAAM,YAAY;AACrF,EAHC;",
+  "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;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { useId } from "react";
+import React, { useId } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
 import { Input } from "tamagui";
@@ -17,35 +17,45 @@ function FormInput({
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
-    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><Input {...inputProps} /></FormField>;
+    return /* @__PURE__ */ React.createElement(FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ React.createElement(Input, { ...inputProps }));
   }
-  return <Controller
-    name={name}
-    control={control}
-    rules={rules}
-    defaultValue={defaultValue}
-    render={({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => <FormField
-      id={id}
-      error={!!error2}
-      helperText={error2 ? error2.message : helperText}
-      label={label}
-      required={required}
-      {...fieldProps}
-    ><Input
-      {...inputProps}
-      value={value ?? ""}
-      onBlur={(e) => {
-        onBlur();
-        if (inputProps.onBlur)
-          inputProps.onBlur(e);
-      }}
-      onChange={(e) => {
-        onChange(e);
-        if (inputProps.onChange)
-          inputProps.onChange(e);
-      }}
-    /></FormField>}
-  />;
+  return /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      defaultValue,
+      render: ({ field: { onChange, value, onBlur }, fieldState: { error: error2 } }) => /* @__PURE__ */ React.createElement(
+        FormField,
+        {
+          id,
+          error: !!error2,
+          helperText: error2 ? error2.message : helperText,
+          label,
+          required,
+          ...fieldProps
+        },
+        /* @__PURE__ */ React.createElement(
+          Input,
+          {
+            ...inputProps,
+            value: value ?? "",
+            onBlur: (e) => {
+              onBlur();
+              if (inputProps.onBlur)
+                inputProps.onBlur(e);
+            },
+            onChange: (e) => {
+              onChange(e);
+              if (inputProps.onChange)
+                inputProps.onChange(e);
+            }
+          }
+        )
+      )
+    }
+  );
 }
 export {
   FormInput

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormInput/index.tsx"],
-  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AAOf,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,UAAU,YAAY,EACzB,EAFC;AAAA,EAIL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACnE,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,UACK;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,QAAQ,CAAC,MAAM;AACb,eAAO;AACP,YAAI,WAAW;AAAQ,qBAAW,OAAO,CAAC;AAAA,MAC5C;AAAA,MACA,UAAU,CAAC,MAAM;AACf,iBAAS,CAAC;AACV,YAAI,WAAW;AAAU,qBAAW,SAAS,CAAC;AAAA,MAChD;AAAA,IACF,EACF,EApBC;AAAA,EAsBL;AAEJ;",
+  "mappings": "AAAA,OAAO,SAAS,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AAOf,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,oCAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,cAC/F,oCAAC,SAAO,GAAG,YAAY,CACzB;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,OAAO,OAAO,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MACnE;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;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,OAAO,SAAS;AAAA,YAChB,QAAQ,CAAC,MAAM;AACb,qBAAO;AACP,kBAAI,WAAW;AAAQ,2BAAW,OAAO,CAAC;AAAA,YAC5C;AAAA,YACA,UAAU,CAAC,MAAM;AACf,uBAAS,CAAC;AACV,kBAAI,WAAW;AAAU,2BAAW,SAAS,CAAC;AAAA,YAChD;AAAA;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;",
   "names": ["error"]
 }

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

@@ -1,20 +1,24 @@
+import React from "react";
 import { FormRadioGroup } from "./index";
 var FormRadioGroup_stories_default = {
   title: "forms/FormRadioGroup",
   component: FormRadioGroup,
   parameters: { status: { type: "beta" } }
 };
-const main = () => <FormRadioGroup
-  name="radio group"
-  label="radio group"
-  helperText="select an option"
-  required
-  radioElements={[
-    { label: "option 1", value: "option1" },
-    { label: "option 2", value: "option2" },
-    { label: "option 3", value: "option3" }
-  ]}
-/>;
+const main = () => /* @__PURE__ */ React.createElement(
+  FormRadioGroup,
+  {
+    name: "radio group",
+    label: "radio group",
+    helperText: "select an option",
+    required: true,
+    radioElements: [
+      { label: "option 1", value: "option1" },
+      { label: "option 2", value: "option2" },
+      { label: "option 3", value: "option3" }
+    ]
+  }
+);
 export {
   FormRadioGroup_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormRadioGroup/FormRadioGroup.stories.tsx"],
-  "mappings": "AACA,SAAS,sBAAsB;AAE/B,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,WAAW;AAAA,EACX;AAAA,EACA,eAAe;AAAA,IACb,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACxC;AACF;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAE/B,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,OAAM;AAAA,IACN,YAAW;AAAA,IACX,UAAQ;AAAA,IACR,eAAe;AAAA,MACb,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,MACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACxC;AAAA;AACF;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { useId } from "react";
+import React, { useId } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
 import { Label, RadioGroup, XStack, YStack } from "tamagui";
@@ -21,37 +21,45 @@ function FormRadioGroup({
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
-    return <RadioGroup name={name} {...radioProps}>{horizontal ? <XStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} />)}</XStack> : <YStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} />)}</YStack>}</RadioGroup>;
+    return /* @__PURE__ */ React.createElement(RadioGroup, { name, ...radioProps }, horizontal ? /* @__PURE__ */ React.createElement(XStack, { ...spacingProps }, radioProps.radioElements.map((item) => /* @__PURE__ */ React.createElement(FormRadio, { ...item, key: item.value }))) : /* @__PURE__ */ React.createElement(YStack, { ...spacingProps }, radioProps.radioElements.map((item) => /* @__PURE__ */ React.createElement(FormRadio, { ...item, key: item.value }))));
   }
-  return <Controller
-    name={name}
-    control={control}
-    rules={rules}
-    defaultValue={defaultValue}
-    render={({ field: { onChange, value }, fieldState: { error: error2 } }) => <FormField
-      id={id}
-      error={!!error2}
-      helperText={error2 ? error2.message : helperText}
-      label={label}
-      required={required}
-      {...fieldProps}
-    ><RadioGroup
-      name={name}
-      {...radioProps}
-      value={value}
-      onValueChange={(e) => {
-        onChange(e);
-        if (radioProps.onValueChange)
-          radioProps.onValueChange(e);
-      }}
-    >{horizontal ? <XStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} {...labelStyle} />)}</XStack> : <YStack {...spacingProps}>{radioProps.radioElements.map((item) => <FormRadio {...item} key={item.value} {...labelStyle} />)}</YStack>}</RadioGroup></FormField>}
-  />;
+  return /* @__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(
+          RadioGroup,
+          {
+            name,
+            ...radioProps,
+            value,
+            onValueChange: (e) => {
+              onChange(e);
+              if (radioProps.onValueChange)
+                radioProps.onValueChange(e);
+            }
+          },
+          horizontal ? /* @__PURE__ */ React.createElement(XStack, { ...spacingProps }, radioProps.radioElements.map((item) => /* @__PURE__ */ React.createElement(FormRadio, { ...item, key: item.value, ...labelStyle }))) : /* @__PURE__ */ React.createElement(YStack, { ...spacingProps }, radioProps.radioElements.map((item) => /* @__PURE__ */ React.createElement(FormRadio, { ...item, key: item.value, ...labelStyle })))
+        )
+      )
+    }
+  );
 }
 function FormRadio({ label, value, size, disabled, id, ...labelStyle }) {
-  return <XStack alignItems="center" space="$1">
-    <RadioGroup.Item value={value} id={id} size={size}><RadioGroup.Indicator disabled={disabled} /></RadioGroup.Item>
-    <Label size={size} htmlFor={id} {...labelStyle}>{label}</Label>
-  </XStack>;
+  return /* @__PURE__ */ React.createElement(XStack, { alignItems: "center", space: "$1" }, /* @__PURE__ */ React.createElement(RadioGroup.Item, { value, id, size }, /* @__PURE__ */ React.createElement(RadioGroup.Indicator, { disabled })), /* @__PURE__ */ React.createElement(Label, { size, htmlFor: id, ...labelStyle }, label));
 }
 export {
   FormRadio,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormRadioGroup/index.tsx"],
-  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,OAAO,YAAY,QAAQ,cAAc;AAwB3C,SAAS,eAAe;AAAA,EAC7B;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,GAAgG;AAC9F,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,WAAW,MAAM,UAAU,aACzB,aACC,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,OAAO,EACvC,EACH,EAJC,UAMD,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,OAAO,EACvC,EACH,EAJC,QAML,EAdC;AAAA,EAgBL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,MACC,MAAM;AAAA,UACF;AAAA,MACJ,OAAO;AAAA,MACP,eAAe,CAAC,MAAM;AACpB,iBAAS,CAAC;AACV,YAAI,WAAW;AAAe,qBAAW,cAAc,CAAC;AAAA,MAC1D;AAAA,MAEC,aACC,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,WAAW,YAAY,EACvD,EACH,EAJC,UAMD,CAAC,WAAW,eACT,WAAW,cAAc,IAAI,CAAC,SAC7B,CAAC,cAAc,MAAM,KAAK,KAAK,WAAW,YAAY,EACvD,EACH,EAJC,QAML,EAtBC,WAuBH,EA/BC;AAAA,EAiCL;AAEJ;AAEO,SAAS,UAAU,EAAE,OAAO,OAAO,MAAM,UAAU,IAAI,GAAG,WAAW,GAAmB;AAC7F,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,WAAW,KAAK,OAAO,OAAO,IAAI,IAAI,MAAM,MAC3C,CAAC,WAAW,UAAU,UAAU,UAAU,EAC5C,EAFC,WAAW;AAAA,IAGZ,CAAC,MAAM,MAAM,MAAM,SAAS,QAAQ,aACjC,MACH,EAFC;AAAA,EAGH,EAPC;AASL;",
+  "mappings": "AAAA,OAAO,SAAS,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,OAAO,YAAY,QAAQ,cAAc;AAwB3C,SAAS,eAAe;AAAA,EAC7B;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,GAAgG;AAC9F,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,oCAAC,cAAW,MAAa,GAAG,cACzB,aACC,oCAAC,UAAQ,GAAG,gBACT,WAAW,cAAc,IAAI,CAAC,SAC7B,oCAAC,aAAW,GAAG,MAAM,KAAK,KAAK,OAAO,CACvC,CACH,IAEA,oCAAC,UAAQ,GAAG,gBACT,WAAW,cAAc,IAAI,CAAC,SAC7B,oCAAC,aAAW,GAAG,MAAM,KAAK,KAAK,OAAO,CACvC,CACH,CAEJ;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;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACC,GAAG;AAAA,YACJ;AAAA,YACA,eAAe,CAAC,MAAM;AACpB,uBAAS,CAAC;AACV,kBAAI,WAAW;AAAe,2BAAW,cAAc,CAAC;AAAA,YAC1D;AAAA;AAAA,UAEC,aACC,oCAAC,UAAQ,GAAG,gBACT,WAAW,cAAc,IAAI,CAAC,SAC7B,oCAAC,aAAW,GAAG,MAAM,KAAK,KAAK,OAAQ,GAAG,YAAY,CACvD,CACH,IAEA,oCAAC,UAAQ,GAAG,gBACT,WAAW,cAAc,IAAI,CAAC,SAC7B,oCAAC,aAAW,GAAG,MAAM,KAAK,KAAK,OAAQ,GAAG,YAAY,CACvD,CACH;AAAA,QAEJ;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEO,SAAS,UAAU,EAAE,OAAO,OAAO,MAAM,UAAU,IAAI,GAAG,WAAW,GAAmB;AAC7F,SACE,oCAAC,UAAO,YAAW,UAAS,OAAM,QAChC,oCAAC,WAAW,MAAX,EAAgB,OAAc,IAAQ,QACrC,oCAAC,WAAW,WAAX,EAAqB,UAAoB,CAC5C,GACA,oCAAC,SAAM,MAAY,SAAS,IAAK,GAAG,cACjC,KACH,CACF;AAEJ;",
   "names": ["error"]
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormSelectSimple } from "./index";
 import { Select } from "tamagui";
 var FormSelectSimple_stories_default = {
@@ -7,12 +8,7 @@ var FormSelectSimple_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <FormSelectSimple name="FormSelectSimple" placeholder="select one of these">
-  <Select.Item index={0} value="bmw"><Select.ItemText>BMW</Select.ItemText></Select.Item>
-  <Select.Item index={1} value="audi"><Select.ItemText>AUDI</Select.ItemText></Select.Item>
-  <Select.Item index={2} value="ford"><Select.ItemText>FORD</Select.ItemText></Select.Item>
-  <Select.Item index={3} value="suzuki"><Select.ItemText>SUZUKI</Select.ItemText></Select.Item>
-</FormSelectSimple>;
+const main = () => /* @__PURE__ */ React.createElement(FormSelectSimple, { name: "FormSelectSimple", placeholder: "select one of these" }, /* @__PURE__ */ React.createElement(Select.Item, { index: 0, value: "bmw" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "BMW")), /* @__PURE__ */ React.createElement(Select.Item, { index: 1, value: "audi" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "AUDI")), /* @__PURE__ */ React.createElement(Select.Item, { index: 2, value: "ford" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "FORD")), /* @__PURE__ */ React.createElement(Select.Item, { index: 3, value: "suzuki" }, /* @__PURE__ */ React.createElement(Select.ItemText, null, "SUZUKI")));
 export {
   FormSelectSimple_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSelectSimple/FormSelectSimple.stories.tsx"],
-  "mappings": "AACA,SAAS,wBAAwB;AACjC,SAAS,cAAc;AAEvB,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,iBAAiB,KAAK,mBAAmB,YAAY;AAAA,EACpD,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,MAC3B,CAAC,OAAO,SAAS,GAAG,EAAnB,OAAO,SACV,EAFC,OAAO;AAAA,EAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,OAC3B,CAAC,OAAO,SAAS,IAAI,EAApB,OAAO,SACV,EAFC,OAAO;AAAA,EAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,OAC3B,CAAC,OAAO,SAAS,IAAI,EAApB,OAAO,SACV,EAFC,OAAO;AAAA,EAGR,CAAC,OAAO,KAAK,OAAO,GAAG,MAAM,SAC3B,CAAC,OAAO,SAAS,MAAM,EAAtB,OAAO,SACV,EAFC,OAAO;AAGV,EAbC;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,wBAAwB;AACjC,SAAS,cAAc;AAEvB,IAAO,mCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,oCAAC,oBAAiB,MAAK,oBAAmB,aAAY,yBACpD,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,SAC3B,oCAAC,OAAO,UAAP,MAAgB,KAAG,CACtB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,UAC3B,oCAAC,OAAO,UAAP,MAAgB,MAAI,CACvB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,UAC3B,oCAAC,OAAO,UAAP,MAAgB,MAAI,CACvB,GACA,oCAAC,OAAO,MAAP,EAAY,OAAO,GAAG,OAAM,YAC3B,oCAAC,OAAO,UAAP,MAAgB,QAAM,CACzB,CACF;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-import { useId } from "react";
+import React, { useId } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../FormField";
 import { SelectSimple } from "../SelectSimple";
@@ -17,30 +17,40 @@ function FormSelectSimple({
   const formContext = useFormContext();
   const id = useId();
   if (!formContext) {
-    return <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}><SelectSimple {...selectProps} /></FormField>;
+    return /* @__PURE__ */ React.createElement(FormField, { id, error: !!error, helperText, label, required, ...fieldProps }, /* @__PURE__ */ React.createElement(SelectSimple, { ...selectProps }));
   }
-  return <Controller
-    name={name}
-    control={control}
-    rules={rules}
-    defaultValue={defaultValue}
-    render={({ field: { onChange, value }, fieldState: { error: error2 } }) => <FormField
-      id={id}
-      error={!!error2}
-      helperText={error2 ? error2.message : helperText}
-      label={label}
-      required={required}
-      {...fieldProps}
-    ><SelectSimple
-      {...selectProps}
-      value={value ?? ""}
-      onValueChange={(e) => {
-        onChange(e);
-        if (selectProps.onValueChange)
-          selectProps.onValueChange(e);
-      }}
-    /></FormField>}
-  />;
+  return /* @__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(
+          SelectSimple,
+          {
+            ...selectProps,
+            value: value ?? "",
+            onValueChange: (e) => {
+              onChange(e);
+              if (selectProps.onValueChange)
+                selectProps.onValueChange(e);
+            }
+          }
+        )
+      )
+    }
+  );
 }
 export {
   FormSelectSimple

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSelectSimple/index.tsx"],
-  "mappings": "AAAA,SAAgB,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAOtB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,UAAU,IAAI,IAAI,OAAO,CAAC,CAAC,OAAO,YAAY,YAAY,OAAO,OAAO,UAAU,cAAc,YAC/F,CAAC,iBAAiB,aAAa,EACjC,EAFC;AAAA,EAIL;AACA,SACE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAc;AAAA,IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,OAAAA,OAAM,EAAE,MAC3D,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,CAAC,CAACA;AAAA,MACT,YAAYA,SAAQA,OAAM,UAAU;AAAA,MACpC,OAAO;AAAA,MACP,UAAU;AAAA,UACN;AAAA,KAEJ,CAAC;AAAA,UACK;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,eAAe,CAAC,MAAM;AACpB,iBAAS,CAAC;AACV,YAAI,YAAY;AAAe,sBAAY,cAAc,CAAC;AAAA,MAC5D;AAAA,IACF,EACF,EAhBC;AAAA,EAkBL;AAEJ;",
+  "mappings": "AAAA,OAAO,SAAS,aAAa;AAI7B,SAAS,YAAY,sBAAsB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAOtB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,cAAc,eAAe;AACnC,QAAM,KAAK,MAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,oCAAC,aAAU,IAAQ,OAAO,CAAC,CAAC,OAAO,YAAwB,OAAc,UAAqB,GAAG,cAC/F,oCAAC,gBAAc,GAAG,aAAa,CACjC;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;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,OAAO,SAAS;AAAA,YAChB,eAAe,CAAC,MAAM;AACpB,uBAAS,CAAC;AACV,kBAAI,YAAY;AAAe,4BAAY,cAAc,CAAC;AAAA,YAC5D;AAAA;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;",
   "names": ["error"]
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormSlider } from "./index";
 var FormSlider_stories_default = {
   title: "forms/FormSlider",
@@ -6,7 +7,7 @@ var FormSlider_stories_default = {
     status: { type: "beta" }
   }
 };
-const main = () => <FormSlider name="FormSlider" size={20} />;
+const main = () => /* @__PURE__ */ React.createElement(FormSlider, { name: "FormSlider", size: 20 });
 export {
   FormSlider_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/FormSlider/FormSlider.stories.tsx"],
-  "mappings": "AACA,SAAS,kBAAkB;AAE3B,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,CAAC,WAAW,KAAK,aAAa,MAAM,IAAI;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAE3B,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAAM,oCAAC,cAAW,MAAK,cAAa,MAAM,IAAI;",
   "names": []
 }