@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,479 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Checkbox_stories_exports = {};
+__export(Checkbox_stories_exports, {
+  Basic: () => Basic,
+  CheckboxGroupBasic: () => CheckboxGroupBasic,
+  CheckboxGroupHorizontal: () => CheckboxGroupHorizontal,
+  CheckboxGroupInteractive: () => CheckboxGroupInteractive,
+  CheckboxGroupWithDisabled: () => CheckboxGroupWithDisabled,
+  CheckboxGroupWithForm: () => CheckboxGroupWithForm,
+  Comparison: () => Comparison,
+  Disabled: () => Disabled,
+  Main: () => Main,
+  Pointy: () => Pointy,
+  Sizes: () => Sizes,
+  Standalone: () => Standalone,
+  WithError: () => WithError,
+  compound: () => compound,
+  default: () => Checkbox_stories_default
+});
+module.exports = __toCommonJS(Checkbox_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_react = require("@phosphor-icons/react");
+var import_react_form = require("@tanstack/react-form");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_Button = require("../../Button/index.native.js");
+var import_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+var meta = {
+  title: "Forms/Checkbox",
+  component: import_index.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 = (0, import_react_form.useForm)({
+        defaultValues: {
+          terms: false,
+          newsletter: true
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          (0, import_storybook.action)("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+        form,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+          label: "Accept terms",
+          name: "terms",
+          validators: {
+            onChange: function onChange(param) {
+              var {
+                value
+              } = param;
+              return !value ? "Terms are required" : void 0;
+            }
+          }
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+          label: "Subscribe to newsletter",
+          name: "newsletter"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          action: "submit",
+          children: "Submit"
+        })]
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
+  }
+};
+var Standalone = {
+  args: {
+    label: "Accept terms",
+    helperText: "You must accept to continue",
+    disabled: false,
+    required: false
+  },
+  render: function render2(args) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+        label: "Pointy (hard angles)",
+        pointy: true,
+        checked: true
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+        label: "Regular (default)",
+        pointy: false,
+        checked: true
+      })]
+    });
+  }
+};
+var Sizes = {
+  render: function render4() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+        label: "Small",
+        size: "$2"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+        label: "Medium (default)",
+        size: "$3"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+        label: "Large",
+        size: "$4"
+      })]
+    });
+  }
+};
+var compound = function compound2() {
+  var [values, setValues] = (0, import_react2.useState)({
+    analytics: true,
+    updates: false,
+    marketing: false
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    gap: "$4",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes, {
+      values,
+      onValuesChange: function onValuesChange(nextValues) {
+        return setValues(nextValues);
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Title, {
+        children: "Notification Preferences"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.FocusGroup, {
+        orientation: "vertical",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes.Group, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Group.Item, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.FocusGroup.Item, {
+              value: "analytics",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes.Card, {
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox.Indicator, {})
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+                  children: "Product analytics"
+                })]
+              })
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Group.Item, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.FocusGroup.Item, {
+              value: "updates",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes.Card, {
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox.Indicator, {})
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+                  children: "Release updates"
+                })]
+              })
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Group.Item, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.FocusGroup.Item, {
+              value: "marketing",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Checkboxes.Card, {
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox, {
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkboxes.Checkbox.Indicator, {})
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+                  children: "Marketing emails"
+                })]
+              })
+            })
+          })]
+        })
+      })]
+    })
+  });
+};
+var Comparison = {
+  render: function render5() {
+    var ComparisonExample = function ComparisonExample2() {
+      var [customChecked, setCustomChecked] = (0, import_react2.useState)(false);
+      var [tamaguiChecked, setTamaguiChecked] = (0, import_react2.useState)(false);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$6",
+        alignItems: "flex-start",
+        padding: "$4",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$3",
+          width: 250,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$2",
+            color: "$placeholderColor",
+            children: "Custom Checkbox"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Checkbox, {
+            label: "Accept terms",
+            defaultValue: customChecked,
+            onCheckedChange: function onCheckedChange(val) {
+              setCustomChecked(!!val);
+              (0, import_storybook.action)("custom.onCheckedChange")(val);
+            }
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$3",
+          width: 250,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            size: "$2",
+            color: "$placeholderColor",
+            children: "Tamagui Checkbox"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, {
+              id: "tamagui-cb",
+              checked: tamaguiChecked,
+              onCheckedChange: function onCheckedChange(val) {
+                setTamaguiChecked(!!val);
+                (0, import_storybook.action)("tamagui.onCheckedChange")(val);
+              },
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, {
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {})
+              })
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+              htmlFor: "tamagui-cb",
+              children: "Accept terms"
+            })]
+          })]
+        })]
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ComparisonExample, {});
+  }
+};
+var CheckboxGroupBasic = {
+  render: function render6() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.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 = (0, import_react_form.useForm)({
+        defaultValues: {
+          features: ["notifications"],
+          permissions: []
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          (0, import_storybook.action)("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        form,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$4",
+          maxWidth: 400,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {});
+  }
+};
+var CheckboxGroupHorizontal = {
+  render: function render8() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 600,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      gap: "$4",
+      maxWidth: 400,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.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] = (0, import_react2.useState)(["opt1"]);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$4",
+        maxWidth: 400,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.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);
+            (0, import_storybook.action)("onValueChange")(values);
+          }
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, {
+          size: "$2",
+          children: ["Selected: ", selected.join(", ") || "None"]
+        })]
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InteractiveExample, {});
+  }
+};
+//# sourceMappingURL=Checkbox.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Checkbox_stories_exports","Basic","CheckboxGroupBasic","CheckboxGroupHorizontal","CheckboxGroupInteractive","CheckboxGroupWithDisabled","CheckboxGroupWithForm","Comparison","Disabled","Main","Pointy","Sizes","Standalone","WithError","compound","default","Checkbox_stories_default","module","exports","import_jsx_runtime","require","import_storybook","import_react","import_react_form","import_react2","import_tamagui","import_Button","import_Form","import_index","meta","title","component","Checkbox","parameters","status","type","argTypes","label","control","helperText","error","required","disabled","size","options","checked","render","FormExample","FormExample2","form","useForm","defaultValues","terms","newsletter","onSubmit","param","action","jsxs","Form","children","jsx","validators","onChange","Button","args","render2","defaultValue","render3","YStack","gap","maxWidth","pointy","render4","compound2","values","setValues","useState","analytics","updates","marketing","Checkboxes","onValuesChange","nextValues","Title","FocusGroup","orientation","Group","Item","Card","Indicator","Paragraph","render5","ComparisonExample","ComparisonExample2","customChecked","setCustomChecked","tamaguiChecked","setTamaguiChecked","XStack","alignItems","padding","width","color"],"sources":["../../../../src/fields/Checkbox/Checkbox.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/fields/Checkbox/CheckboxFieldFrame.native.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var CheckboxFieldFrame_exports = {};
+__export(CheckboxFieldFrame_exports, {
+  CheckboxFieldFrame: () => CheckboxFieldFrame
+});
+module.exports = __toCommonJS(CheckboxFieldFrame_exports);
+var import_tamagui = require("tamagui");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var CheckboxFieldFrame = (0, import_tamagui.styled)(import_tamagui.Checkbox, {
+  backgroundColor: import_colorRamps.formControlColors.background,
+  borderColor: import_colorRamps.formControlColors.border,
+  hoverStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  pressStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  focusStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  focusVisibleStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  activeStyle: {
+    backgroundColor: import_colorRamps.formControlColors.background,
+    borderColor: import_colorRamps.formControlColors.border
+  },
+  variants: {
+    outlined: {
+      true: {
+        backgroundColor: "transparent",
+        hoverStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formControlColors.border
+        },
+        pressStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formControlColors.border
+        },
+        focusStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formControlColors.border
+        },
+        activeStyle: {
+          backgroundColor: "transparent",
+          borderColor: import_colorRamps.formControlColors.border
+        }
+      }
+    }
+  }
+});
+//# sourceMappingURL=CheckboxFieldFrame.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","CheckboxFieldFrame_exports","CheckboxFieldFrame","module","exports","import_tamagui","require","import_colorRamps","styled","Checkbox","backgroundColor","formControlColors","background","borderColor","border","hoverStyle","pressStyle","focusStyle"],"sources":["../../../../src/fields/Checkbox/CheckboxFieldFrame.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAyB;AAE3B,IAAAC,gBAAM,GAAAF,MAAqB,CAAAG,wBAAwB;AAAA,IACxDC,iBAAiB,GAAAJ,MAAA,CAAAK,mBAAkB;AAAA,IACnCC,YAAa,GAAAN,MAAA,CAAAO,SAAkB,CAAAC,cAAA;AAAA,IAC/BC,QAAA,GAAYA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KACV,IAAAC,IAAA,IAAAD,GAAiB,EACjBZ,SAAA,CAAAW,MAAa,EAAAE,IAAA;IAAAC,GAAA,EAAkBF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACjC,IACAC,WAAY,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACVF,IAAA,WAAiBA,IAAA,iBAAkB,OAAAA,IAAA;IACnC,SAAAG,GAAA,IAAahB,iBAAkB,CAAAa,IAAA,GACjC,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACAnB,SAAY,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACyB,OACnCE,EAAA;AAA+B;AACjC,IACAM,YAAA,GAAAC,GAAmB,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACjBE,0BAAiB;AAAkBhB,QACnC,CAAAgB,0BAA+B;EACjCC,kBAAA,EAAAA,CAAA,KAAAA;AAAA,EACA;AAAaC,MACX,CAAAC,OAAA,GAAAN,YAAiB,CAAAG,0BAAkB;AAAA,IACnCI,cAAa,GAAAC,OAAA,UAAkB;AAAA,IACjCC,iBAAA,GAAAD,OAAA;AAAA,IACAJ,kBAAU,OAAAG,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAI,QAAA;EAAAC,eACE,EAAAH,iBAAA,CAAAI,iBAAA,CAAAC,UAAA;EAAAC,WACF,EAAAN,iBAAA,CAAAI,iBAAA,CAAAG,MAAA;EAAAC,UACJ;IAAiBL,eACjB,EAAYH,iBAAE,CAAiBI,iBAAe,CAAAC,UAAa;IAAyBC,WACpF,EAAAN,iBAAc,CAAAI,iBAAiB,CAAAG;EAAqD;EACAE,UACpF;IAAqFN,eACvF,EAAAH,iBAAA,CAAAI,iBAAA,CAAAC,UAAA;IACFC,WAAA,EAAAN,iBAAA,CAAAI,iBAAA,CAAAG;EACF;EACDG,UAAA","ignoreList":[]}