@multiplatform.one/components 0.2.0

package/css/code-highlight.css

@@ -0,0 +1,150 @@
+.token.parameter {
+  color: var(--pink10);
+}
+
+.token.class-name {
+  color: var(--green10);
+}
+
+.token.tag,
+.token.selector,
+.token.selector .class,
+.token.function {
+  color: var(--green10);
+}
+
+.highlight-line:hover {
+  background-color: var(--backgroundHover);
+}
+
+.highlight-line {
+  color: var(--colorPress);
+}
+
+.token.attr-value,
+.token.script {
+  color: var(--red10);
+}
+
+.token.class,
+.token.string,
+.token.number,
+.token.unit,
+.token.color {
+  color: var(--purple10);
+}
+
+.token.operator {
+  color: (--color);
+}
+
+.token.attr-name,
+.token.keyword,
+.token.rule,
+.token.pseudo-class,
+.token.important {
+  color: var(--pink10);
+}
+
+.token.punctuation {
+  color: var(--green10);
+}
+
+.token.module,
+.token.property {
+  color: var(--blue10);
+}
+
+.token.comment {
+  color: var(--color);
+  opacity: 0.4;
+}
+
+.token.atapply .token:not(.rule):not(.important) {
+  color: inherit;
+}
+
+.language-shell .token:not(.comment) {
+  color: inherit;
+}
+
+.language-css .token.function {
+  color: inherit;
+}
+
+.token.deleted:not(.prefix),
+.token.inserted:not(.prefix) {
+  display: block;
+  padding-left: 20px;
+  padding-right: 20px;
+  margin-left: -20px;
+  margin-right: -20px;
+}
+
+.token.deleted:not(.prefix) {
+  color: var(--red9);
+}
+
+.token.inserted:not(.prefix) {
+  color: var(--green9);
+}
+
+.token.deleted.prefix,
+.token.inserted.prefix {
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.highlight-word {
+  --word-bg: var(--purple9);
+  color: var(--purple9);
+  background-color: var(--purple4);
+  display: inline-block;
+  box-shadow: var(--xOffset) 0 0 0 var(--word-bg), -1px 0 0 0 var(--word-bg);
+}
+
+.highlight-word .token {
+  color: inherit;
+}
+
+.highlight-word.on {
+  --word-bg: var(--purple7);
+  transition: all 100ms ease;
+  cursor: pointer;
+}
+
+.highlight-line {
+  white-space: pre;
+  /* safari fix weird wrapping */
+  word-wrap: initial;
+}
+
+.highlight-line,
+.highlight-line * {
+  transition: color 150ms ease;
+}
+
+.highlight-line[data-highlighted='false'] {
+  color: var(--gray12);
+}
+
+.token.deleted .highlight-word {
+  color: var(--red9);
+}
+
+.token.deleted .highlight-word.on {
+  color: var(--red10);
+}
+
+.token.inserted .highlight-word {
+  color: var(--yellow9);
+}
+
+.token.inserted .highlight-word.on {
+  color: var(--yellow10);
+}
+
+*[data-line-numbers='true'].highlight-line {
+  position: relative;
+  padding-left: var(--space-4);
+}

package/dist/cjs/ErrorBoundary/index.js

@@ -0,0 +1,51 @@
+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 ErrorBoundary_exports = {};
+__export(ErrorBoundary_exports, {
+  ErrorBoundary: () => ErrorBoundary
+});
+module.exports = __toCommonJS(ErrorBoundary_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+const logger = console;
+class ErrorBoundary extends import_react.Component {
+  constructor() {
+    super(...arguments);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(_err) {
+    return { hasError: true };
+  }
+  componentDidCatch(err, errorInfo) {
+    logger.info({ error: err, errorInfo });
+  }
+  render() {
+    if (this.state.hasError) {
+      return <import_tamagui.YStack>
+        <import_tamagui.H2>Oops, there is an error!</import_tamagui.H2>
+        <import_tamagui.Button onPress={() => this.setState({ hasError: false })}>Try again?</import_tamagui.Button>
+      </import_tamagui.YStack>;
+    }
+    return this.props.children;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ErrorBoundary
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/ErrorBoundary/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ErrorBoundary/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC;AACjC,qBAAmC;AAEnC,MAAM,SAAS;AAER,MAAM,sBAAsB,uBAAe;AAAA,EAA3C;AAAA;AAKL,iBAAQ,EAAE,UAAU,MAAM;AAAA;AAAA,EAJ1B,OAAO,yBAAyB,MAAa;AAC3C,WAAO,EAAE,UAAU,KAAK;AAAA,EAC1B;AAAA,EAIA,kBAAkB,KAAY,WAAgB;AAC5C,WAAO,KAAK,EAAE,OAAO,KAAK,UAAU,CAAC;AAAA,EACvC;AAAA,EAEA,SAAS;AACP,QAAI,KAAK,MAAM,UAAU;AACvB,aACE,CAAC;AAAA,QACC,CAAC,kBAAG,wBAAwB,EAA3B;AAAA,QACD,CAAC,sBAAO,SAAS,MAAM,KAAK,SAAS,EAAE,UAAU,MAAM,CAAC,GAAG,UAAU,EAApE;AAAA,MACH,EAHC;AAAA,IAKL;AACA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;",
+  "names": []
+}

package/dist/cjs/code/Code/Code.stories.js

@@ -0,0 +1,43 @@
+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 Code_stories_exports = {};
+__export(Code_stories_exports, {
+  default: () => Code_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(Code_stories_exports);
+var import_index = require("./index");
+const meta = {
+  title: "code/Code",
+  component: import_index.Code,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = {
+  args: {
+    children: `const hello = "world"
+const hello = "world"`
+  }
+};
+var Code_stories_default = meta;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=Code.stories.js.map

package/dist/cjs/code/Code/Code.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/code/Code/Code.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqB;AAGrB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAA8B;AAAA,EACzC,MAAM;AAAA,IACJ,UAAU;AAAA;AAAA,EAEZ;AACF;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/cjs/code/Code/index.js

@@ -0,0 +1,61 @@
+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 Code_exports = {};
+__export(Code_exports, {
+  Code: () => Code,
+  CodeInline: () => CodeInline
+});
+module.exports = __toCommonJS(Code_exports);
+var import_tamagui = require("tamagui");
+var import_react_native = require("react-native");
+const Code = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
+  name: "Code",
+  borderRadius: "$4",
+  cursor: "inherit",
+  fontFamily: import_react_native.Platform.OS === "web" ? "$mono" : void 0,
+  lineHeight: 18,
+  padding: "$1",
+  size: "$3",
+  tag: "code",
+  whiteSpace: "pre",
+  variants: {
+    colored: {
+      true: {
+        backgroundColor: "$background",
+        color: "$color"
+      }
+    }
+  }
+});
+const CodeInline = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
+  name: "CodeInline",
+  backgroundColor: "$background",
+  borderRadius: "$3",
+  color: "$colorHover",
+  cursor: "inherit",
+  fontFamily: import_react_native.Platform.OS === "web" ? "$mono" : void 0,
+  fontSize: "85%",
+  padding: "$1.5",
+  tag: "code"
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Code,
+  CodeInline
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/code/Code/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/code/Code/index.ts"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAkC;AAClC,0BAAyB;AAElB,MAAM,WAAO,uBAAO,0BAAW;AAAA,EACpC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,YAAY,6BAAS,OAAO,QAAQ,UAAU;AAAA,EAC9C,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,iBAAa,uBAAO,0BAAW;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY,6BAAS,OAAO,QAAQ,UAAU;AAAA,EAC9C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,KAAK;AACP,CAAC;",
+  "names": []
+}

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

@@ -0,0 +1,54 @@
+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 CodeBlock_stories_exports = {};
+__export(CodeBlock_stories_exports, {
+  default: () => CodeBlock_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(CodeBlock_stories_exports);
+var import_index = require("./index");
+const meta = {
+  title: "code/CodeBlock",
+  component: import_index.CodeBlock,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = {
+  args: {
+    backgroundColor: "$color2",
+    debug: false,
+    disableCopy: false,
+    isCollapsible: false,
+    isHighlightingLines: true,
+    showLineNumbers: false,
+    children: `
+const hello = 'world';
+
+function howdy() {
+  return 'texas';
+}
+`
+  }
+};
+var CodeBlock_stories_default = meta;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=CodeBlock.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/code/CodeBlock/CodeBlock.stories.ts"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;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;",
+  "names": []
+}

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

@@ -0,0 +1,40 @@
+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 CodeBlock_exports = {};
+__export(CodeBlock_exports, {
+  CodeBlock: () => CodeBlock
+});
+module.exports = __toCommonJS(CodeBlock_exports);
+var import_react = require("react");
+var import_MDX = require("../../mdx/MDX");
+var import_MDXCodeBlockContext = require("../../mdx/MDXCodeBlock/MDXCodeBlockContext");
+function CodeBlock({ children, language = "tsx", components, debug, ...props }) {
+  const mdxString = (0, import_react.useMemo)(
+    () => `\`\`\`${language}
+${children == null ? void 0 : children.trim()}
+\`\`\``,
+    [children, language]
+  );
+  const value = (0, import_react.useMemo)(() => ({ ...props, debug }), [props, debug]);
+  return <import_MDXCodeBlockContext.MDXCodeBlockContext.Provider value={value}><import_MDX.MDX components={components} debug={debug}>{mdxString}</import_MDX.MDX></import_MDXCodeBlockContext.MDXCodeBlockContext.Provider>;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CodeBlock
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/code/CodeBlock/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAG/B,iBAAoB;AACpB,iCAAoC;AAO7B,SAAS,UAAU,EAAE,UAAU,WAAW,OAAO,YAAY,OAAO,GAAG,MAAM,GAAmB;AACrG,QAAM,gBAAY;AAAA,IAChB,MAAM,SAAS;AAAA,EACjB,qCAAU;AAAA;AAAA,IAER,CAAC,UAAU,QAAQ;AAAA,EACrB;AACA,QAAM,YAAQ,sBAAQ,OAAO,EAAE,GAAG,OAAO,MAAM,IAAI,CAAC,OAAO,KAAK,CAAC;AACjE,SACE,CAAC,+CAAoB,SAAS,OAAO,OACnC,CAAC,eAAI,YAAY,YAAY,OAAO,QACjC,UACH,EAFC,eAGH,EAJC,+CAAoB;AAMzB;",
+  "names": []
+}

package/dist/cjs/code/Pre/index.js

@@ -0,0 +1,35 @@
+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 Pre_exports = {};
+__export(Pre_exports, {
+  Pre: () => Pre
+});
+module.exports = __toCommonJS(Pre_exports);
+var import_tamagui = require("tamagui");
+const Pre = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  backgroundColor: "$background",
+  borderRadius: "$4",
+  overflow: "visible",
+  padding: "$4",
+  tag: "pre"
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Pre
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/code/Pre/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/code/Pre/index.ts"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAExB,MAAM,UAAM,uBAAO,uBAAQ;AAAA,EAChC,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,SAAS;AAAA,EACT,KAAK;AACP,CAAC;",
+  "names": []
+}

package/dist/cjs/code/index.js

@@ -0,0 +1,26 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var code_exports = {};
+module.exports = __toCommonJS(code_exports);
+__reExport(code_exports, require("./Code"), module.exports);
+__reExport(code_exports, require("./CodeBlock"), module.exports);
+__reExport(code_exports, require("./Pre"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./Code"),
+  ...require("./CodeBlock"),
+  ...require("./Pre")
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/code/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/code/index.ts"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,yBAAc,mBAAd;AACA,yBAAc,wBADd;AAEA,yBAAc,kBAFd;",
+  "names": []
+}

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

@@ -0,0 +1,35 @@
+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 FormCheckBox_stories_exports = {};
+__export(FormCheckBox_stories_exports, {
+  default: () => FormCheckBox_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(FormCheckBox_stories_exports);
+var import_index = require("./index");
+var FormCheckBox_stories_default = {
+  title: "forms/FormCheckBox",
+  component: import_index.FormCheckBox,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <import_index.FormCheckBox name="checkbox" label="checkbox" checkBoxElement={{ label: "checkbox", value: "checkbox" }}>Hello this is from FormCheckBox</import_index.FormCheckBox>;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=FormCheckBox.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormCheckBox/FormCheckBox.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA6B;AAE7B,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC,0BAAa,KAAK,WAAW,MAAM,WAAW,iBAAiB,EAAE,OAAO,YAAY,OAAO,WAAW,GAAG,+BAE1G,EAFC;",
+  "names": []
+}

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

@@ -0,0 +1,103 @@
+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 FormCheckBox_exports = {};
+__export(FormCheckBox_exports, {
+  FormCheckBox: () => FormCheckBox
+});
+module.exports = __toCommonJS(FormCheckBox_exports);
+var import_tamagui = require("tamagui");
+var import_react_hook_form = require("react-hook-form");
+var import_FormField = require("../FormField");
+var import_react = require("react");
+var import_lucide_icons = require("@tamagui/lucide-icons");
+function FormCheckBox({
+  children,
+  control,
+  defaultValue,
+  error,
+  fieldProps,
+  helperText,
+  label,
+  name,
+  required,
+  rules,
+  checkBoxElement,
+  CheckBoxElementSizing,
+  IndicatorStyle,
+  iconColor,
+  LabelStyle,
+  ...checkProps
+}) {
+  const formContext = (0, import_react_hook_form.useFormContext)();
+  const id = (0, import_react.useId)();
+  if (!formContext) {
+    return <import_tamagui.YStack><import_tamagui.XStack
+      space={(CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.space) || "$3"}
+      height={CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.height}
+      width={(CheckBoxElementSizing == null ? void 0 : CheckBoxElementSizing.width) || "300"}
+    >
+      <import_tamagui.Checkbox
+        id={id}
+        size={checkBoxElement.size}
+        defaultChecked={checkBoxElement.defaultChecked}
+        value={checkBoxElement.value}
+        {...checkProps}
+      ><import_tamagui.Checkbox.Indicator><import_lucide_icons.Check /></import_tamagui.Checkbox.Indicator></import_tamagui.Checkbox>
+      <import_tamagui.Label size={checkBoxElement.size} htmlFor={id}>{checkBoxElement.label || checkBoxElement.value}</import_tamagui.Label>
+    </import_tamagui.XStack></import_tamagui.YStack>;
+  }
+  return <import_react_hook_form.Controller
+    name={name}
+    control={control}
+    rules={rules}
+    defaultValue={defaultValue}
+    render={({ field: { onChange, value }, fieldState: { error: error2 } }) => <import_FormField.FormField
+      id={id}
+      error={!!error2}
+      helperText={error2 ? error2.message : helperText}
+      label={label}
+      required={required}
+      {...fieldProps}
+    ><import_tamagui.YStack><import_tamagui.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"}
+    >
+      <import_tamagui.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);
+        }}
+      ><import_tamagui.Checkbox.Indicator {...IndicatorStyle}><import_lucide_icons.Check /></import_tamagui.Checkbox.Indicator></import_tamagui.Checkbox>
+      <import_tamagui.Label size={checkBoxElement.size} htmlFor={id} {...LabelStyle}>{checkBoxElement.label || checkBoxElement.value}</import_tamagui.Label>
+    </import_tamagui.XStack></import_tamagui.YStack></import_FormField.FormField>}
+  />;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormCheckBox
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/FormCheckBox/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAgD;AAChD,6BAA2C;AAG3C,uBAA0B;AAC1B,mBAA6B;AAE7B,0BAAmC;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,kBAAc,uCAAe;AACnC,QAAM,SAAK,oBAAM;AACjB,MAAI,CAAC,aAAa;AAChB,WACE,CAAC,sBACC,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,wBAAS,UACR,CAAC,oBAAAA,MAAU,EACb,EAFC,wBAAS,UAGZ,EAVC;AAAA,MAYD,CAAC,qBAAM,MAAM,gBAAgB,MAAM,SAAS,KACzC,gBAAgB,SAAS,gBAAgB,MAC5C,EAFC;AAAA,IAGH,EApBC,sBAqBH,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,OAAAC,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,sBACC,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,wBAAS,cAAc,gBACtB,CAAC,oBAAAD,MAAU,EACb,EAFC,wBAAS,UAGZ,EAfC;AAAA,MAgBD,CAAC,qBAAM,MAAM,gBAAgB,MAAM,SAAS,QAAQ,aACjD,gBAAgB,SAAS,gBAAgB,MAC5C,EAFC;AAAA,IAGH,EAzBC,sBA0BH,EA3BC,sBA4BH,EApCC;AAAA,EAsCL;AAEJ;",
+  "names": ["CheckIcon", "error"]
+}