@multiplatform.one/forms 6.0.0

package/dist/esm/fields/Checkbox/Checkbox.stories.native.js

@@ -0,0 +1,437 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from "@multiplatform.one/storybook";
+import { CheckIcon } from "@phosphor-icons/react";
+import { useForm } from "@tanstack/react-form";
+import { useState } from "react";
+import { Checkbox as TamaguiCheckbox, Label, Paragraph, XStack, YStack } from "tamagui";
+import { Button } from "../../Button/index.native.js";
+import { Form } from "../../Form/index.native.js";
+import { Checkbox, Checkboxes, CheckboxGroup } from "./index.native.js";
+var meta = {
+  title: "Forms/Checkbox",
+  component: Checkbox,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    helperText: {
+      control: "text"
+    },
+    error: {
+      control: "text"
+    },
+    required: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"]
+    },
+    checked: {
+      control: "boolean"
+    }
+  }
+};
+var Checkbox_stories_default = meta;
+var Main = {
+  name: "Main",
+  render: function render() {
+    var FormExample = function FormExample2() {
+      var form = useForm({
+        defaultValues: {
+          terms: false,
+          newsletter: true
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */_jsxs(Form, {
+        form,
+        children: [/* @__PURE__ */_jsx(Checkbox, {
+          label: "Accept terms",
+          name: "terms",
+          validators: {
+            onChange: function onChange(param) {
+              var {
+                value
+              } = param;
+              return !value ? "Terms are required" : void 0;
+            }
+          }
+        }), /* @__PURE__ */_jsx(Checkbox, {
+          label: "Subscribe to newsletter",
+          name: "newsletter"
+        }), /* @__PURE__ */_jsx(Button, {
+          action: "submit",
+          children: "Submit"
+        })]
+      });
+    };
+    return /* @__PURE__ */_jsx(FormExample, {});
+  }
+};
+var Standalone = {
+  args: {
+    label: "Accept terms",
+    helperText: "You must accept to continue",
+    disabled: false,
+    required: false
+  },
+  render: function render2(args) {
+    return /* @__PURE__ */_jsx(Checkbox, {
+      ...args
+    });
+  }
+};
+var Basic = {
+  args: {
+    label: "Accept terms",
+    helperText: "You must accept before continuing",
+    defaultValue: false
+  }
+};
+var Disabled = {
+  args: {
+    label: "Disabled Field",
+    disabled: true
+  }
+};
+var WithError = {
+  args: {
+    label: "Field with Error",
+    error: "This field is required",
+    required: true
+  }
+};
+var Pointy = {
+  render: function render3() {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */_jsx(Checkbox, {
+        label: "Pointy (hard angles)",
+        pointy: true,
+        checked: true
+      }), /* @__PURE__ */_jsx(Checkbox, {
+        label: "Regular (default)",
+        pointy: false,
+        checked: true
+      })]
+    });
+  }
+};
+var Sizes = {
+  render: function render4() {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */_jsx(Checkbox, {
+        label: "Small",
+        size: "$2"
+      }), /* @__PURE__ */_jsx(Checkbox, {
+        label: "Medium (default)",
+        size: "$3"
+      }), /* @__PURE__ */_jsx(Checkbox, {
+        label: "Large",
+        size: "$4"
+      })]
+    });
+  }
+};
+var compound = function compound2() {
+  var [values, setValues] = useState({
+    analytics: true,
+    updates: false,
+    marketing: false
+  });
+  return /* @__PURE__ */_jsx(YStack, {
+    gap: "$4",
+    children: /* @__PURE__ */_jsxs(Checkboxes, {
+      values,
+      onValuesChange: function onValuesChange(nextValues) {
+        return setValues(nextValues);
+      },
+      children: [/* @__PURE__ */_jsx(Checkboxes.Title, {
+        children: "Notification Preferences"
+      }), /* @__PURE__ */_jsx(Checkboxes.FocusGroup, {
+        orientation: "vertical",
+        children: /* @__PURE__ */_jsxs(Checkboxes.Group, {
+          children: [/* @__PURE__ */_jsx(Checkboxes.Group.Item, {
+            children: /* @__PURE__ */_jsx(Checkboxes.FocusGroup.Item, {
+              value: "analytics",
+              children: /* @__PURE__ */_jsxs(Checkboxes.Card, {
+                children: [/* @__PURE__ */_jsx(Checkboxes.Checkbox, {
+                  children: /* @__PURE__ */_jsx(Checkboxes.Checkbox.Indicator, {})
+                }), /* @__PURE__ */_jsx(Paragraph, {
+                  children: "Product analytics"
+                })]
+              })
+            })
+          }), /* @__PURE__ */_jsx(Checkboxes.Group.Item, {
+            children: /* @__PURE__ */_jsx(Checkboxes.FocusGroup.Item, {
+              value: "updates",
+              children: /* @__PURE__ */_jsxs(Checkboxes.Card, {
+                children: [/* @__PURE__ */_jsx(Checkboxes.Checkbox, {
+                  children: /* @__PURE__ */_jsx(Checkboxes.Checkbox.Indicator, {})
+                }), /* @__PURE__ */_jsx(Paragraph, {
+                  children: "Release updates"
+                })]
+              })
+            })
+          }), /* @__PURE__ */_jsx(Checkboxes.Group.Item, {
+            children: /* @__PURE__ */_jsx(Checkboxes.FocusGroup.Item, {
+              value: "marketing",
+              children: /* @__PURE__ */_jsxs(Checkboxes.Card, {
+                children: [/* @__PURE__ */_jsx(Checkboxes.Checkbox, {
+                  children: /* @__PURE__ */_jsx(Checkboxes.Checkbox.Indicator, {})
+                }), /* @__PURE__ */_jsx(Paragraph, {
+                  children: "Marketing emails"
+                })]
+              })
+            })
+          })]
+        })
+      })]
+    })
+  });
+};
+var Comparison = {
+  render: function render5() {
+    var ComparisonExample = function ComparisonExample2() {
+      var [customChecked, setCustomChecked] = useState(false);
+      var [tamaguiChecked, setTamaguiChecked] = useState(false);
+      return /* @__PURE__ */_jsxs(XStack, {
+        gap: "$6",
+        alignItems: "flex-start",
+        padding: "$4",
+        children: [/* @__PURE__ */_jsxs(YStack, {
+          gap: "$3",
+          width: 250,
+          children: [/* @__PURE__ */_jsx(Paragraph, {
+            size: "$2",
+            color: "$placeholderColor",
+            children: "Custom Checkbox"
+          }), /* @__PURE__ */_jsx(Checkbox, {
+            label: "Accept terms",
+            defaultValue: customChecked,
+            onCheckedChange: function onCheckedChange(val) {
+              setCustomChecked(!!val);
+              action("custom.onCheckedChange")(val);
+            }
+          })]
+        }), /* @__PURE__ */_jsxs(YStack, {
+          gap: "$3",
+          width: 250,
+          children: [/* @__PURE__ */_jsx(Paragraph, {
+            size: "$2",
+            color: "$placeholderColor",
+            children: "Tamagui Checkbox"
+          }), /* @__PURE__ */_jsxs(XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [/* @__PURE__ */_jsx(TamaguiCheckbox, {
+              id: "tamagui-cb",
+              checked: tamaguiChecked,
+              onCheckedChange: function onCheckedChange(val) {
+                setTamaguiChecked(!!val);
+                action("tamagui.onCheckedChange")(val);
+              },
+              children: /* @__PURE__ */_jsx(TamaguiCheckbox.Indicator, {
+                children: /* @__PURE__ */_jsx(CheckIcon, {})
+              })
+            }), /* @__PURE__ */_jsx(Label, {
+              htmlFor: "tamagui-cb",
+              children: "Accept terms"
+            })]
+          })]
+        })]
+      });
+    };
+    return /* @__PURE__ */_jsx(ComparisonExample, {});
+  }
+};
+var CheckboxGroupBasic = {
+  render: function render6() {
+    return /* @__PURE__ */_jsx(YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: /* @__PURE__ */_jsx(CheckboxGroup, {
+        label: "Features",
+        options: [{
+          value: "notifications",
+          label: "Push Notifications"
+        }, {
+          value: "emails",
+          label: "Email Updates"
+        }, {
+          value: "sms",
+          label: "SMS Alerts"
+        }],
+        defaultValue: ["emails"],
+        helperText: "Select all that apply"
+      })
+    });
+  }
+};
+var CheckboxGroupWithForm = {
+  render: function render7() {
+    var FormExample = function FormExample2() {
+      var form = useForm({
+        defaultValues: {
+          features: ["notifications"],
+          permissions: []
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */_jsx(Form, {
+        form,
+        children: /* @__PURE__ */_jsxs(YStack, {
+          gap: "$4",
+          maxWidth: 400,
+          children: [/* @__PURE__ */_jsx(CheckboxGroup, {
+            label: "Features",
+            name: "features",
+            options: [{
+              value: "notifications",
+              label: "Push Notifications"
+            }, {
+              value: "emails",
+              label: "Email Updates"
+            }, {
+              value: "sms",
+              label: "SMS Alerts"
+            }, {
+              value: "reports",
+              label: "Weekly Reports"
+            }],
+            helperText: "Select your preferred features"
+          }), /* @__PURE__ */_jsx(CheckboxGroup, {
+            label: "Permissions",
+            name: "permissions",
+            options: [{
+              value: "read",
+              label: "Read Access"
+            }, {
+              value: "write",
+              label: "Write Access"
+            }, {
+              value: "delete",
+              label: "Delete Access"
+            }, {
+              value: "admin",
+              label: "Admin Access"
+            }],
+            helperText: "Select required permissions",
+            required: true
+          }), /* @__PURE__ */_jsx(Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */_jsx(FormExample, {});
+  }
+};
+var CheckboxGroupHorizontal = {
+  render: function render8() {
+    return /* @__PURE__ */_jsx(YStack, {
+      gap: "$4",
+      maxWidth: 600,
+      children: /* @__PURE__ */_jsx(CheckboxGroup, {
+        label: "Size",
+        orientation: "horizontal",
+        options: [{
+          value: "s",
+          label: "Small"
+        }, {
+          value: "m",
+          label: "Medium"
+        }, {
+          value: "l",
+          label: "Large"
+        }, {
+          value: "xl",
+          label: "X-Large"
+        }],
+        defaultValue: ["m"]
+      })
+    });
+  }
+};
+var CheckboxGroupWithDisabled = {
+  render: function render9() {
+    return /* @__PURE__ */_jsx(YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: /* @__PURE__ */_jsx(CheckboxGroup, {
+        label: "Options",
+        options: [{
+          value: "available",
+          label: "Available Option"
+        }, {
+          value: "disabled",
+          label: "Disabled Option",
+          disabled: true
+        }, {
+          value: "another",
+          label: "Another Option"
+        }],
+        defaultValue: ["available"],
+        helperText: "Some options may be disabled"
+      })
+    });
+  }
+};
+var CheckboxGroupInteractive = {
+  render: function render10() {
+    var InteractiveExample = function InteractiveExample2() {
+      var [selected, setSelected] = useState(["opt1"]);
+      return /* @__PURE__ */_jsxs(YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: [/* @__PURE__ */_jsx(CheckboxGroup, {
+          label: "Interactive Selection",
+          options: [{
+            value: "opt1",
+            label: "Option 1"
+          }, {
+            value: "opt2",
+            label: "Option 2"
+          }, {
+            value: "opt3",
+            label: "Option 3"
+          }],
+          value: selected,
+          onValueChange: function onValueChange(values) {
+            setSelected(values);
+            action("onValueChange")(values);
+          }
+        }), /* @__PURE__ */_jsxs(Paragraph, {
+          size: "$2",
+          children: ["Selected: ", selected.join(", ") || "None"]
+        })]
+      });
+    };
+    return /* @__PURE__ */_jsx(InteractiveExample, {});
+  }
+};
+export { Basic, CheckboxGroupBasic, CheckboxGroupHorizontal, CheckboxGroupInteractive, CheckboxGroupWithDisabled, CheckboxGroupWithForm, Comparison, Disabled, Main, Pointy, Sizes, Standalone, WithError, compound, Checkbox_stories_default as default };
+//# sourceMappingURL=Checkbox.stories.native.js.map

package/dist/esm/fields/Checkbox/Checkbox.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","CheckIcon","useForm","useState","Checkbox","TamaguiCheckbox","Label","Paragraph","XStack","YStack","Button","Form","Checkboxes","CheckboxGroup","meta","title","component","parameters","status","type","argTypes","label","control","helperText","error","required","disabled","size","options","checked","Checkbox_stories_default","Main","name","render","FormExample","FormExample2","form","defaultValues","terms","newsletter","onSubmit","param","value","children","validators","onChange","Standalone","args","render2","Basic","defaultValue","Disabled","WithError","Pointy","render3","gap","maxWidth","pointy","Sizes","render4","compound","compound2","values","setValues","analytics","updates","marketing","onValuesChange","nextValues","Title","FocusGroup","orientation","Group","Item","Card","Indicator","Comparison","render5","ComparisonExample","ComparisonExample2","customChecked","setCustomChecked","tamaguiChecked","setTamaguiChecked","alignItems","padding","width","color","onCheckedChange","val","id","htmlFor"],"sources":["../../../../src/fields/Checkbox/Checkbox.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Checkbox/CheckboxFieldFrame.mjs

@@ -0,0 +1,51 @@
+import { Checkbox as TamaguiCheckbox, styled } from "tamagui";
+import { formControlColors } from "../../shared/colorRamps.mjs";
+const CheckboxFieldFrame = styled(TamaguiCheckbox, {
+  backgroundColor: formControlColors.background,
+  borderColor: formControlColors.border,
+  hoverStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  pressStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  focusStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  focusVisibleStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  activeStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        },
+        focusStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        },
+        activeStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        }
+      }
+    }
+  }
+});
+export { CheckboxFieldFrame };
+//# sourceMappingURL=CheckboxFieldFrame.mjs.map

package/dist/esm/fields/Checkbox/CheckboxFieldFrame.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Checkbox","TamaguiCheckbox","styled","formControlColors","CheckboxFieldFrame","backgroundColor","background","borderColor","border","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","activeStyle","variants","outlined","true"],"sources":["../../../../src/fields/Checkbox/CheckboxFieldFrame.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,IAAYC,eAAA,EAAiBC,MAAA,QAAc;AACpD,SAASC,iBAAA,QAAyB;AAE3B,MAAMC,kBAAA,GAAqBF,MAAA,CAAOD,eAAA,EAAiB;EACxDI,eAAA,EAAiBF,iBAAA,CAAkBG,UAAA;EACnCC,WAAA,EAAaJ,iBAAA,CAAkBK,MAAA;EAC/BC,UAAA,EAAY;IACVJ,eAAA,EAAiBF,iBAAA,CAAkBG,UAAA;IACnCC,WAAA,EAAaJ,iBAAA,CAAkBK;EACjC;EACAE,UAAA,EAAY;IACVL,eAAA,EAAiBF,iBAAA,CAAkBG,UAAA;IACnCC,WAAA,EAAaJ,iBAAA,CAAkBK;EACjC;EACAG,UAAA,EAAY;IACVN,eAAA,EAAiBF,iBAAA,CAAkBG,UAAA;IACnCC,WAAA,EAAaJ,iBAAA,CAAkBK;EACjC;EACAI,iBAAA,EAAmB;IACjBP,eAAA,EAAiBF,iBAAA,CAAkBG,UAAA;IACnCC,WAAA,EAAaJ,iBAAA,CAAkBK;EACjC;EACAK,WAAA,EAAa;IACXR,eAAA,EAAiBF,iBAAA,CAAkBG,UAAA;IACnCC,WAAA,EAAaJ,iBAAA,CAAkBK;EACjC;EACAM,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJX,eAAA,EAAiB;QACjBI,UAAA,EAAY;UAAEJ,eAAA,EAAiB;UAAeE,WAAA,EAAaJ,iBAAA,CAAkBK;QAAO;QACpFE,UAAA,EAAY;UAAEL,eAAA,EAAiB;UAAeE,WAAA,EAAaJ,iBAAA,CAAkBK;QAAO;QACpFG,UAAA,EAAY;UAAEN,eAAA,EAAiB;UAAeE,WAAA,EAAaJ,iBAAA,CAAkBK;QAAO;QACpFK,WAAA,EAAa;UAAER,eAAA,EAAiB;UAAeE,WAAA,EAAaJ,iBAAA,CAAkBK;QAAO;MACvF;IACF;EACF;AACF,CAAC","ignoreList":[]}

package/dist/esm/fields/Checkbox/CheckboxFieldFrame.native.js

@@ -0,0 +1,51 @@
+import { Checkbox as TamaguiCheckbox, styled } from "tamagui";
+import { formControlColors } from "../../shared/colorRamps.native.js";
+var CheckboxFieldFrame = styled(TamaguiCheckbox, {
+  backgroundColor: formControlColors.background,
+  borderColor: formControlColors.border,
+  hoverStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  pressStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  focusStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  focusVisibleStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  activeStyle: {
+    backgroundColor: formControlColors.background,
+    borderColor: formControlColors.border
+  },
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        },
+        focusStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        },
+        activeStyle: {
+          backgroundColor: "transparent",
+          borderColor: formControlColors.border
+        }
+      }
+    }
+  }
+});
+export { CheckboxFieldFrame };
+//# sourceMappingURL=CheckboxFieldFrame.native.js.map

package/dist/esm/fields/Checkbox/CheckboxFieldFrame.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Checkbox","TamaguiCheckbox","styled","formControlColors","CheckboxFieldFrame","backgroundColor","background","borderColor","border","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","activeStyle","variants","outlined","true"],"sources":["../../../../src/fields/Checkbox/CheckboxFieldFrame.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,IAAYC,eAAA,EAAiBC,MAAA,QAAc;AACpD,SAASC,iBAAA,QAAyB;AAE3B,IAAAC,kBAAM,GAAAF,MAAqB,CAAAD,eAAO;EACvCI,eAAA,EAAiBF,iBAAA,CAAkBG,UAAA;EACnCC,WAAA,EAAaJ,iBAAA,CAAkBK,MAAA;EAC/BC,UAAA,EAAY;IACVJ,eAAA,EAAiBF,iBAAA,CAAkBG,UAAA;IACnCC,WAAA,EAAaJ,iBAAA,CAAkBK;EACjC;EACAE,UAAA,EAAY;IACVL,eAAA,EAAiBF,iBAAA,CAAkBG,UAAA;IACnCC,WAAA,EAAaJ,iBAAA,CAAkBK;EACjC;EACAG,UAAA,EAAY;IACVN,eAAA,EAAiBF,iBAAA,CAAkBG,UAAA;IACnCC,WAAA,EAAaJ,iBAAA,CAAkBK;EACjC;EACAI,iBAAA,EAAmB;IACjBP,eAAA,EAAiBF,iBAAA,CAAkBG,UAAA;IACnCC,WAAA,EAAaJ,iBAAA,CAAkBK;EACjC;EACAK,WAAA,EAAa;IACXR,eAAA,EAAiBF,iBAAA,CAAkBG,UAAA;IACnCC,WAAA,EAAaJ,iBAAA,CAAkBK;EACjC;EACAM,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJX,eAAA,EAAiB;QACjBI,UAAA,EAAY;UACZJ,eAAc,eAAiB;UAC/BE,WAAY,EAAEJ,iBAAiB,CAAAK;QAC/B;QACFE,UAAA;UACFL,eAAA;UACFE,WAAA,EAAAJ,iBAAA,CAAAK;QACD","ignoreList":[]}