@multiplatform.one/frappe-ui 6.0.0

package/dist/esm/fields/Geolocation/index.native.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Geolocation as FormsGeolocation } from "@multiplatform.one/forms";
+import { NavigationArrowIcon } from "@phosphor-icons/react";
+import { useProps } from "tamagui";
+function Geolocation(props) {
+  var {
+    defaultValue,
+    form,
+    mode: _mode,
+    name,
+    onBlur,
+    onChange,
+    preserveValue: _preserveValue,
+    validators,
+    disabled,
+    value,
+    ...fieldProps
+  } = useProps(props);
+  return /* @__PURE__ */_jsx(FormsGeolocation, {
+    name,
+    form,
+    validators,
+    defaultValue,
+    label: fieldProps.label,
+    labelProps: fieldProps.labelProps,
+    error: fieldProps.error,
+    helperText: fieldProps.helperText,
+    required: fieldProps.required,
+    id: fieldProps.id,
+    size: fieldProps.size,
+    value,
+    onChange,
+    onBlur,
+    disabled,
+    locationIcon: /* @__PURE__ */_jsx(NavigationArrowIcon, {
+      size: 16
+    })
+  });
+}
+export { Geolocation };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/fields/Geolocation/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Geolocation","FormsGeolocation","NavigationArrowIcon","useProps","props","defaultValue","form","mode","_mode","name","onBlur","onChange","preserveValue","_preserveValue","validators","disabled","value","fieldProps","label","labelProps","error","helperText","required","id","size","locationIcon"],"sources":["../../../../src/fields/Geolocation/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,QAAe;AACxB,SAASC,WAAA,IAAAC,gBAA2B;AAEpC,SAASC,mBAAgB;AAoEL,SAAAC,QAAA;AAnCb,SAASH,YAGdI,KAAA,EAAuC;EACvC;IAAMC,YAAA;IAAAC,IAAA;IAAAC,IAAA,EAAAC,KAAA;IAAAC,IAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,aAAA,EAAAC,cAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAA,GAAAC;EAAA,IAAAd,QAAA,CAAAC,KAAA;EAAA,OACJ,eAAAL,IAAA,CAAAE,gBAAA;IACAQ,IAAA;IACAH,IAAA;IACAQ,UAAA;IACAT,YAAA;IACAa,KAAA,EAAAD,UAAA,CAAAC,KAAA;IACAC,UAAA,EAAAF,UAAe,CAAAE,UAAA;IACfC,KAAA,EAAAH,UAAA,CAAAG,KAAA;IACAC,UAAA,EAAAJ,UAAA,CAAAI,UAAA;IACAC,QAAA,EAAAL,UAAA,CAAAK,QAAA;IACAC,EAAA,EAAGN,UAAA,CAAAM,EAAA;IACLC,IAAI,EAAAP,UAAc,CAAAO,IAAA;IAElBR,KACE;IAACL,QAAA;IAAAD,MAAA;IAAAK,QACC;IAAAU,YACA,iBAAA1B,IAAA,CAAAG,mBAAA;MACAsB,IAAA;IAAA;EACA;AACkB;AACK,SACLxB,WAClB","ignoreList":[]}

package/dist/esm/fields/HTML/index.mjs

@@ -0,0 +1,57 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useMemo } from "react";
+import { Label, Text, View, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function sanitizeHtml(html) {
+  return html.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "");
+}
+function HtmlContent({
+  html
+}) {
+  const webProps = {
+    dangerouslySetInnerHTML: {
+      __html: html
+    },
+    style: {
+      lineHeight: 1.5,
+      fontSize: 14,
+      color: "var(--color)"
+    }
+  };
+  return /* @__PURE__ */jsx(View, {
+    ...webProps
+  });
+}
+function Html({
+  label,
+  value = "",
+  ...stackProps
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const sanitizedHtml = useMemo(() => sanitizeHtml(value), [value]);
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [label && /* @__PURE__ */jsx(Label, {
+      children: label
+    }), /* @__PURE__ */jsx(YStack, {
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      backgroundColor: "$backgroundHover",
+      ...knobProps.panelPadding,
+      minHeight: 60,
+      children: sanitizedHtml ? /* @__PURE__ */jsx(HtmlContent, {
+        html: sanitizedHtml
+      }) : /* @__PURE__ */jsx(Text, {
+        color: "$color10",
+        fontSize: "$2",
+        children: "No content"
+      })
+    })]
+  });
+}
+export { Html };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/fields/HTML/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","useMemo","Label","Text","View","YStack","jsx","jsxs","sanitizeHtml","html","replace","HtmlContent","webProps","dangerouslySetInnerHTML","__html","style","lineHeight","fontSize","color","Html","label","value","stackProps","knobProps","sanitizedHtml","gap","children","borderRadius","borderWidth","borderColor","backgroundColor","panelPadding","minHeight"],"sources":["../../../../src/fields/HTML/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AACjC,SAASC,OAAA,QAAe;AACxB,SAASC,KAAA,EAAOC,IAAA,EAAMC,IAAA,EAAMC,MAAA,QAAgC;AAmBnD,SAAAC,GAAA,EAQLC,IAAA,QARK;AAVT,SAASC,aAAaC,IAAA,EAAsB;EAC1C,OAAOA,IAAA,CAAKC,OAAA,CAAQ,uDAAuD,EAAE;AAC/E;AAEA,SAASC,YAAY;EAAEF;AAAK,GAAqB;EAE/C,MAAMG,QAAA,GAAW;IACfC,uBAAA,EAAyB;MAAEC,MAAA,EAAQL;IAAK;IACxCM,KAAA,EAAO;MAAEC,UAAA,EAAY;MAAKC,QAAA,EAAU;MAAIC,KAAA,EAAO;IAAe;EAChE;EACA,OAAO,eAAAZ,GAAA,CAACF,IAAA;IAAM,GAAIQ;EAAA,CAAsC;AAC1D;AAEO,SAASO,KAAK;EAAEC,KAAA;EAAOC,KAAA,GAAQ;EAAI,GAAGC;AAAW,GAAc;EACpE,MAAM;IAAEC;EAAU,IAAIvB,gBAAA,CAAiB;EACvC,MAAMwB,aAAA,GAAgBvB,OAAA,CAAQ,MAAMO,YAAA,CAAaa,KAAK,GAAG,CAACA,KAAK,CAAC;EAEhE,OACE,eAAAd,IAAA,CAACF,MAAA;IAAQ,GAAGkB,SAAA,CAAUE,GAAA;IAAM,GAAGH,UAAA;IAC5BI,QAAA,GAAAN,KAAA,IAAS,eAAAd,GAAA,CAACJ,KAAA;MAAOwB,QAAA,EAAAN;IAAA,CAAM,GACxB,eAAAd,GAAA,CAACD,MAAA;MACE,GAAGkB,SAAA,CAAUI,YAAA;MACdC,WAAA,EAAa;MACbC,WAAA,EAAY;MACZC,eAAA,EAAgB;MACf,GAAGP,SAAA,CAAUQ,YAAA;MACdC,SAAA,EAAW;MAEVN,QAAA,EAAAF,aAAA,GACC,eAAAlB,GAAA,CAACK,WAAA;QAAYF,IAAA,EAAMe;MAAA,CAAe,IAElC,eAAAlB,GAAA,CAACH,IAAA;QAAKe,KAAA,EAAM;QAAWD,QAAA,EAAS;QAAKS,QAAA;MAAA,CAErC;IAAA,CAEJ;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/fields/HTML/index.native.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useMemo } from "react";
+import { Label, Text, View, YStack } from "tamagui";
+function sanitizeHtml(html) {
+  return html.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "");
+}
+function HtmlContent(param) {
+  var {
+    html
+  } = param;
+  var webProps = {
+    dangerouslySetInnerHTML: {
+      __html: html
+    },
+    style: {
+      lineHeight: 1.5,
+      fontSize: 14,
+      color: "var(--color)"
+    }
+  };
+  return /* @__PURE__ */_jsx(View, {
+    ...webProps
+  });
+}
+function Html(param) {
+  var {
+    label,
+    value = "",
+    ...stackProps
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var sanitizedHtml = useMemo(function () {
+    return sanitizeHtml(value);
+  }, [value]);
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [label && /* @__PURE__ */_jsx(Label, {
+      children: label
+    }), /* @__PURE__ */_jsx(YStack, {
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      backgroundColor: "$backgroundHover",
+      ...knobProps.panelPadding,
+      minHeight: 60,
+      children: sanitizedHtml ? /* @__PURE__ */_jsx(HtmlContent, {
+        html: sanitizedHtml
+      }) : /* @__PURE__ */_jsx(Text, {
+        color: "$color10",
+        fontSize: "$2",
+        children: "No content"
+      })
+    })]
+  });
+}
+export { Html };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/fields/HTML/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","useMemo","Label","Text","View","YStack","sanitizeHtml","html","replace","HtmlContent","param","webProps","dangerouslySetInnerHTML","__html","style","lineHeight","fontSize","color","Html","label","value","stackProps","knobProps","sanitizedHtml","gap"],"sources":["../../../../src/fields/HTML/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAwB;AACjC,SAASC,gBAAe;AACxB,SAASC,OAAO,QAAM,OAAM;AAmBnB,SAAAC,KAQL,EAAAC,IAAA,EAAAC,IARK,EAAAC,MAAA;AAVT,SAASC,aAAaC,IAAA,EAAsB;EAC1C,OAAOA,IAAA,CAAKC,OAAA,CAAQ,uDAAuD,EAAE;AAC/E;AAEA,SAASC,YAAYC,KAAE,EAAK;EAE1B;IAAMH;EAAA,IAAAG,KAAW;EAAA,IACfC,QAAA;IACAC,uBAAqB;MACvBC,MAAA,EAAAN;IACA;IACFO,KAAA;MAEOC,UAAgB;MACrBC,QAAQ;MACRC,KAAM;IAEN;EAEK;EAAuB,OACxB,eAAApB,IAAA,CAAAO,IAAA;IAAA,GAACO;EAAA;AAAA;AACe,SACdO,KAAAR,KAAA,EAAa;EAAA;IACbS,KAAA;IAAAC,KAAA,GAAY;IAAA,GAAAC;EAAA,IAAAX,KAAA;EAAA;IACZY;EAAA,IAAAtB,gBAAgB;EAAA,IAAAuB,aACZ,GAAUtB,OAAA;IAAA,OACdK,YAAW,CAAAc,KAAA;EAAA,IAOTA,KAAA,EAEJ;EAAA,OACF,eAAArB,KAAA,CAAAM,MAAA;IAEJ,GAAAiB,SAAA,CAAAE,GAAA","ignoreList":[]}

package/dist/esm/fields/Heading/Heading.stories.mjs

@@ -0,0 +1,155 @@
+import { action } from "@multiplatform.one/storybook";
+import { Text, YStack } from "tamagui";
+import { Heading } from "./index.mjs";
+import { Data } from "../Data/index.mjs";
+import { Check } from "../Check/index.mjs";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Heading_stories_default = {
+  title: "FrappeUI/Heading",
+  component: Heading,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A section heading component for organizing form fields with optional collapsible sections."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Heading text"
+    },
+    description: {
+      control: "text",
+      description: "Optional description text"
+    },
+    level: {
+      control: "select",
+      options: [1, 2, 3, 4],
+      description: "Heading level (H1-H4)"
+    },
+    collapsible: {
+      control: "boolean",
+      description: "Allow section to collapse"
+    },
+    defaultCollapsed: {
+      control: "boolean",
+      description: "Start collapsed"
+    },
+    showSeparator: {
+      control: "boolean",
+      description: "Show separator line"
+    }
+  }
+};
+const Default = args => /* @__PURE__ */jsx(Heading, {
+  ...args
+});
+Default.args = {
+  label: "General Information",
+  level: 2
+};
+Default.storyName = "Main";
+const Collapsible = () => {
+  return /* @__PURE__ */jsx(YStack, {
+    gap: "$4",
+    width: 500,
+    children: /* @__PURE__ */jsx(Heading, {
+      label: "Personal Information",
+      description: "Click to expand/collapse",
+      level: 2,
+      collapsible: true,
+      onCollapseChange: action("onCollapseChange"),
+      children: /* @__PURE__ */jsx(YStack, {
+        gap: "$3",
+        paddingTop: "$3",
+        children: /* @__PURE__ */jsx(Text, {
+          color: "$gray11",
+          children: "This content is inside the collapsible section."
+        })
+      })
+    })
+  });
+};
+Collapsible.parameters = {
+  docs: {
+    description: {
+      story: "Collapsible sections can be toggled by clicking the heading."
+    }
+  }
+};
+const FormWithSections = () => {
+  const [firstName, setFirstName] = useState("");
+  const [lastName, setLastName] = useState("");
+  const [email, setEmail] = useState("");
+  const [newsletter, setNewsletter] = useState(false);
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    width: 500,
+    children: [/* @__PURE__ */jsx(Heading, {
+      label: "Personal Information",
+      level: 2,
+      showSeparator: true,
+      collapsible: true,
+      children: /* @__PURE__ */jsxs(YStack, {
+        gap: "$3",
+        paddingTop: "$3",
+        children: [/* @__PURE__ */jsx(Data, {
+          label: "First Name",
+          value: firstName,
+          onChange: v => setFirstName(v),
+          required: true
+        }), /* @__PURE__ */jsx(Data, {
+          label: "Last Name",
+          value: lastName,
+          onChange: v => setLastName(v),
+          required: true
+        })]
+      })
+    }), /* @__PURE__ */jsx(Heading, {
+      label: "Contact Information",
+      level: 2,
+      showSeparator: true,
+      collapsible: true,
+      children: /* @__PURE__ */jsx(YStack, {
+        gap: "$3",
+        paddingTop: "$3",
+        children: /* @__PURE__ */jsx(Data, {
+          label: "Email",
+          value: email,
+          onChange: v => setEmail(v),
+          required: true
+        })
+      })
+    }), /* @__PURE__ */jsx(Heading, {
+      label: "Preferences",
+      description: "Optional settings",
+      level: 2,
+      showSeparator: true,
+      collapsible: true,
+      defaultCollapsed: true,
+      children: /* @__PURE__ */jsx(YStack, {
+        gap: "$3",
+        paddingTop: "$3",
+        children: /* @__PURE__ */jsx(Check, {
+          label: "Subscribe to newsletter",
+          value: newsletter,
+          onChange: v => setNewsletter(v)
+        })
+      })
+    })]
+  });
+};
+FormWithSections.parameters = {
+  docs: {
+    description: {
+      story: "Real-world example of using Heading to organize a form into collapsible sections."
+    }
+  }
+};
+export { Collapsible, Default, FormWithSections, Heading_stories_default as default };
+//# sourceMappingURL=Heading.stories.mjs.map

package/dist/esm/fields/Heading/Heading.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["action","Text","YStack","Heading","Data","Check","useState","jsx","jsxs","Heading_stories_default","title","component","parameters","status","type","docs","description","argTypes","label","control","level","options","collapsible","defaultCollapsed","showSeparator","Default","args","storyName","Collapsible","gap","width","children","onCollapseChange","paddingTop","color","story","FormWithSections","firstName","setFirstName","lastName","setLastName","email","setEmail","newsletter","setNewsletter","value","onChange","v","required"],"sources":["../../../../src/fields/Heading/Heading.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,165 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from "@multiplatform.one/storybook";
+import { Text, YStack } from "tamagui";
+import { Heading } from "./index.native.js";
+import { Data } from "../Data/index.native.js";
+import { Check } from "../Check/index.native.js";
+import { useState } from "react";
+var Heading_stories_default = {
+  title: "FrappeUI/Heading",
+  component: Heading,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A section heading component for organizing form fields with optional collapsible sections."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text",
+      description: "Heading text"
+    },
+    description: {
+      control: "text",
+      description: "Optional description text"
+    },
+    level: {
+      control: "select",
+      options: [1, 2, 3, 4],
+      description: "Heading level (H1-H4)"
+    },
+    collapsible: {
+      control: "boolean",
+      description: "Allow section to collapse"
+    },
+    defaultCollapsed: {
+      control: "boolean",
+      description: "Start collapsed"
+    },
+    showSeparator: {
+      control: "boolean",
+      description: "Show separator line"
+    }
+  }
+};
+var Default = function Default2(args) {
+  return /* @__PURE__ */_jsx(Heading, {
+    ...args
+  });
+};
+Default.args = {
+  label: "General Information",
+  level: 2
+};
+Default.storyName = "Main";
+var Collapsible = function Collapsible2() {
+  return /* @__PURE__ */_jsx(YStack, {
+    gap: "$4",
+    width: 500,
+    children: /* @__PURE__ */_jsx(Heading, {
+      label: "Personal Information",
+      description: "Click to expand/collapse",
+      level: 2,
+      collapsible: true,
+      onCollapseChange: action("onCollapseChange"),
+      children: /* @__PURE__ */_jsx(YStack, {
+        gap: "$3",
+        paddingTop: "$3",
+        children: /* @__PURE__ */_jsx(Text, {
+          color: "$gray11",
+          children: "This content is inside the collapsible section."
+        })
+      })
+    })
+  });
+};
+Collapsible.parameters = {
+  docs: {
+    description: {
+      story: "Collapsible sections can be toggled by clicking the heading."
+    }
+  }
+};
+var FormWithSections = function FormWithSections2() {
+  var [firstName, setFirstName] = useState("");
+  var [lastName, setLastName] = useState("");
+  var [email, setEmail] = useState("");
+  var [newsletter, setNewsletter] = useState(false);
+  return /* @__PURE__ */_jsxs(YStack, {
+    gap: "$4",
+    width: 500,
+    children: [/* @__PURE__ */_jsx(Heading, {
+      label: "Personal Information",
+      level: 2,
+      showSeparator: true,
+      collapsible: true,
+      children: /* @__PURE__ */_jsxs(YStack, {
+        gap: "$3",
+        paddingTop: "$3",
+        children: [/* @__PURE__ */_jsx(Data, {
+          label: "First Name",
+          value: firstName,
+          onChange: function onChange(v) {
+            return setFirstName(v);
+          },
+          required: true
+        }), /* @__PURE__ */_jsx(Data, {
+          label: "Last Name",
+          value: lastName,
+          onChange: function onChange(v) {
+            return setLastName(v);
+          },
+          required: true
+        })]
+      })
+    }), /* @__PURE__ */_jsx(Heading, {
+      label: "Contact Information",
+      level: 2,
+      showSeparator: true,
+      collapsible: true,
+      children: /* @__PURE__ */_jsx(YStack, {
+        gap: "$3",
+        paddingTop: "$3",
+        children: /* @__PURE__ */_jsx(Data, {
+          label: "Email",
+          value: email,
+          onChange: function onChange(v) {
+            return setEmail(v);
+          },
+          required: true
+        })
+      })
+    }), /* @__PURE__ */_jsx(Heading, {
+      label: "Preferences",
+      description: "Optional settings",
+      level: 2,
+      showSeparator: true,
+      collapsible: true,
+      defaultCollapsed: true,
+      children: /* @__PURE__ */_jsx(YStack, {
+        gap: "$3",
+        paddingTop: "$3",
+        children: /* @__PURE__ */_jsx(Check, {
+          label: "Subscribe to newsletter",
+          value: newsletter,
+          onChange: function onChange(v) {
+            return setNewsletter(v);
+          }
+        })
+      })
+    })]
+  });
+};
+FormWithSections.parameters = {
+  docs: {
+    description: {
+      story: "Real-world example of using Heading to organize a form into collapsible sections."
+    }
+  }
+};
+export { Collapsible, Default, FormWithSections, Heading_stories_default as default };
+//# sourceMappingURL=Heading.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","Text","YStack","Heading","Data","Check","useState","Heading_stories_default","title","component","parameters","status","type","docs","description","argTypes","label","control","level","options","collapsible","defaultCollapsed","showSeparator","Default","Default2","args","storyName","Collapsible","Collapsible2","gap","width","children","onCollapseChange","paddingTop","color","story","FormWithSections","FormWithSections2","firstName","setFirstName","lastName","setLastName","email","setEmail","newsletter","setNewsletter"],"sources":["../../../../src/fields/Heading/Heading.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAM,sCAAc;AAC7B,SAASC,IAAA,EAAAC,MAAA,QAAkC;AAC3C,SAASC,OAAA,QAAY;AACrB,SAASC,IAAA,iCAAa;AACtB,SAASC,KAAA,kCAAgB;AA4BsB,SAAAC,QAyCvC,eAzCuC;AA1B/C,IAAOC,uBAAA,GAAQ;EACbC,KAAA,EAAO;EACPC,SAAA,EAAWN,OAAA;EACXO,UAAA,EAAY;IACVC,MAAA,EAAQ;MACRC,IAAM;IAAA;IACSC,IACX;MAEFC,WAAA;QACFL,SAAA;MACF;IACA;EAAU;EAC8CM,QACtD;IACAC,KAAA,EAAO;MACLC,OAAA,EAAS;MACTH,WAAU,EAAG;IAAO;IAEtBA,WAAA;MACAG,OAAA,QAAe;MACfH,WAAA;IACA;IACFI,KAAA;MACFD,OAAA;MAEaE,OAAA,GACL,GACN,CAAO,EACP,CAAO,EACT,EAEA;MACaL,WAAA;IACX;IAEKM,WAAA;MAAAH,OAAA;MACCH,WAAM;IAAA;IACMO,gBACL;MACPJ,OAAA,WAAW;MACXH,WAAA;IAA2C;IAI3CQ,aAAA;MAEJL,OAAA;MAEJH,WAAA;IACA;EACE;AAAM;AACS,IAAAS,OACX,GAAO,SAAAC,SAAAC,IAAA;EAAA,OACT,eAAA5B,IAAA,CAAAM,OAAA;IACF,GAAAsB;EACF;AAEO;AACLF,OAAA,CAAME,IAAC;EACPT,KAAA,EAAO,qBAAqB;EAC5BE,KAAA,EAAO;AACP;AAEAK,OAAA,CAAAG,SACE;AACE,IAAAC,WAAA,YAACC,YAAQA,CAAA,EAAM;EAEX,sBAAA/B,IAAC,CAAAK,MAAK;IAAgF2B,GACtF;IAAmFC,KACrF,EACF;IAEAC,QAAA,iBAAClC,IAAA,CAAQM,OAAM;MAMfa,KAAA;MAACF,WAAA;MAAAI,KAAA;MAAAE,WACO;MAAAY,gBACM,EAAAhC,MAAA;MAAA+B,QACZ,EAAO,eAAAlC,IAAA,CAAAK,MAAA;QACP2B,GAAA;QACAI,UAAA,MAAW;QACXF,QAAA,iBAAgBlC,IAAA,CAAAI,IAAA;UAEhBiC,KAAA;UACGH,QAAA;QAAA;MAAA;IACO;EACC;AACyB;AAAAJ,WAEpC,CAAAjB,UAAA;EAAAG,IAAA;IACFC,WAAA;MACFqB,KAAA;IAEJ;EACA;AAA8B;AACtB,IACJC,gBAAa,YAAAC,kBAAA;EAAA,IACX,CAAAC,SAAO,EAAAC,YAAA,IAAAjC,QAAA;EAAA,IACT,CAAAkC,QAAA,EAAAC,WAAA,IAAAnC,QAAA;EACF,KAAAoC,KAAA,EAAAC,QAAA,IAAArC,QAAA;EACF,KAAAsC,UAAA,EAAAC,aAAA,IAAAvC,QAAA","ignoreList":[]}

package/dist/esm/fields/Heading/index.mjs

@@ -0,0 +1,87 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useCallback, useState } from "react";
+import { H1, H2, H3, H4, Separator, Text, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ChevronIcon({
+  collapsed
+}) {
+  return /* @__PURE__ */jsx(Text, {
+    fontSize: "$3",
+    color: "$color10",
+    "aria-hidden": true,
+    children: collapsed ? "\u25B6" : "\u25BC"
+  });
+}
+function Heading({
+  label,
+  description,
+  level = 2,
+  collapsible = false,
+  defaultCollapsed = false,
+  showSeparator = true,
+  children,
+  onCollapseChange,
+  ...stackProps
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
+  const handleToggle = useCallback(() => {
+    if (!collapsible) return;
+    const newState = !isCollapsed;
+    setIsCollapsed(newState);
+    onCollapseChange?.(newState);
+  }, [collapsible, isCollapsed, onCollapseChange]);
+  const HeadingComponent = {
+    1: H1,
+    2: H2,
+    3: H3,
+    4: H4
+  }[level];
+  const headingContent = /* @__PURE__ */jsxs(XStack, {
+    alignItems: "center",
+    gap: "$2",
+    cursor: collapsible ? "pointer" : "default",
+    onPress: handleToggle,
+    paddingVertical: "$2",
+    hoverStyle: collapsible ? {
+      opacity: 0.8
+    } : void 0,
+    role: collapsible ? "button" : void 0,
+    "aria-expanded": collapsible ? !isCollapsed : void 0,
+    "aria-controls": collapsible ? `section-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0,
+    children: [collapsible && /* @__PURE__ */jsx(ChevronIcon, {
+      collapsed: isCollapsed
+    }), /* @__PURE__ */jsx(HeadingComponent, {
+      ...knobProps.heading,
+      size: level === 1 ? "$8" : level === 2 ? "$6" : level === 3 ? "$5" : "$4",
+      fontWeight: "600",
+      color: "$color",
+      children: label
+    })]
+  });
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    ...stackProps,
+    children: [headingContent, description && !isCollapsed && /* @__PURE__ */jsx(Text, {
+      fontSize: knobProps.sizeToken,
+      ...knobProps.body,
+      color: "$color10",
+      marginTop: "$-1",
+      marginBottom: "$1",
+      paddingLeft: collapsible ? "$6" : void 0,
+      children: description
+    }), showSeparator && /* @__PURE__ */jsx(Separator, {
+      marginVertical: "$1",
+      backgroundColor: "$color5"
+    }), children && !isCollapsed && /* @__PURE__ */jsx(YStack, {
+      id: collapsible ? `section-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0,
+      ...knobProps.gap,
+      paddingLeft: collapsible ? "$4" : void 0,
+      children
+    })]
+  });
+}
+export { Heading };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/fields/Heading/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","useCallback","useState","H1","H2","H3","H4","Separator","Text","XStack","YStack","jsx","jsxs","ChevronIcon","collapsed","fontSize","color","children","Heading","label","description","level","collapsible","defaultCollapsed","showSeparator","onCollapseChange","stackProps","knobProps","isCollapsed","setIsCollapsed","handleToggle","newState","HeadingComponent","headingContent","alignItems","gap","cursor","onPress","paddingVertical","hoverStyle","opacity","role","replace","toLowerCase","heading","size","fontWeight","sizeToken","body","marginTop","marginBottom","paddingLeft","marginVertical","backgroundColor","id"],"sources":["../../../../src/fields/Heading/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}