@stokelp/ui 2.96.6 → 2.97.0

package/dist/components/form/FormControl.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("@stokelp/styled-system/jsx"),s=require("@stokelp/styled-system/recipes"),l=n.styled("div",s.formControl,{defaultProps:{role:"group"}}),u=({isInvalid:r,isRequired:e,...o})=>{const t={...r?{"aria-invalid":!0}:{},...e?{"aria-required":!0}:{}};return i.jsx(l,{...t,...o})};exports.FormControl=u;
+//# sourceMappingURL=FormControl.cjs.map

package/dist/components/form/FormControl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.cjs","sources":["../../../src/components/form/FormControl.tsx"],"sourcesContent":["import type { ComponentProps, FC } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { formControl } from '@stokelp/styled-system/recipes'\n\nconst StyledFormControl = styled('div', formControl, {\n  defaultProps: {\n    role: 'group',\n  },\n})\n\nexport interface FormControlProps extends ComponentProps<typeof StyledFormControl> {\n  isInvalid?: boolean\n  isRequired?: boolean\n}\n\nexport const FormControl: FC<FormControlProps> = ({ isInvalid, isRequired, ...props }) => {\n  const invalidProps = {\n    ...(isInvalid ? { 'aria-invalid': true } : {}),\n    ...(isRequired ? { 'aria-required': true } : {}),\n  }\n\n  return <StyledFormControl {...invalidProps} {...props} />\n}\n"],"names":["StyledFormControl","styled","formControl","FormControl","isInvalid","isRequired","props","invalidProps","jsx"],"mappings":"sNAKMA,EAAoBC,EAAAA,OAAO,MAAOC,cAAa,CACnD,aAAc,CACZ,KAAM,OAAA,CAEV,CAAC,EAOYC,EAAoC,CAAC,CAAE,UAAAC,EAAW,WAAAC,EAAY,GAAGC,KAAY,CACxF,MAAMC,EAAe,CACnB,GAAIH,EAAY,CAAE,eAAgB,EAAA,EAAS,CAAA,EAC3C,GAAIC,EAAa,CAAE,gBAAiB,IAAS,CAAA,CAAC,EAGhD,OAAOG,EAAAA,IAACR,EAAA,CAAmB,GAAGO,EAAe,GAAGD,CAAA,CAAO,CACzD"}

package/dist/components/form/FormControl.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { styled as l } from "@stokelp/styled-system/jsx";
+import { formControl as n } from "@stokelp/styled-system/recipes";
+const m = l("div", n, {
+  defaultProps: {
+    role: "group"
+  }
+}), p = ({ isInvalid: r, isRequired: o, ...t }) => {
+  const e = {
+    ...r ? { "aria-invalid": !0 } : {},
+    ...o ? { "aria-required": !0 } : {}
+  };
+  return /* @__PURE__ */ i(m, { ...e, ...t });
+};
+export {
+  p as FormControl
+};
+//# sourceMappingURL=FormControl.js.map

package/dist/components/form/FormControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.js","sources":["../../../src/components/form/FormControl.tsx"],"sourcesContent":["import type { ComponentProps, FC } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { formControl } from '@stokelp/styled-system/recipes'\n\nconst StyledFormControl = styled('div', formControl, {\n  defaultProps: {\n    role: 'group',\n  },\n})\n\nexport interface FormControlProps extends ComponentProps<typeof StyledFormControl> {\n  isInvalid?: boolean\n  isRequired?: boolean\n}\n\nexport const FormControl: FC<FormControlProps> = ({ isInvalid, isRequired, ...props }) => {\n  const invalidProps = {\n    ...(isInvalid ? { 'aria-invalid': true } : {}),\n    ...(isRequired ? { 'aria-required': true } : {}),\n  }\n\n  return <StyledFormControl {...invalidProps} {...props} />\n}\n"],"names":["StyledFormControl","styled","formControl","FormControl","isInvalid","isRequired","props","invalidProps","jsx"],"mappings":";;;;AAKA,MAAMA,IAAoBC,EAAO,OAAOC,GAAa;AAAA,EACnD,cAAc;AAAA,IACZ,MAAM;AAAA,EAAA;AAEV,CAAC,GAOYC,IAAoC,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,GAAGC,QAAY;AACxF,QAAMC,IAAe;AAAA,IACnB,GAAIH,IAAY,EAAE,gBAAgB,GAAA,IAAS,CAAA;AAAA,IAC3C,GAAIC,IAAa,EAAE,iBAAiB,OAAS,CAAA;AAAA,EAAC;AAGhD,SAAO,gBAAAG,EAACR,GAAA,EAAmB,GAAGO,GAAe,GAAGD,EAAA,CAAO;AACzD;"}

package/dist/components/form/FormHelperText.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@stokelp/styled-system/jsx"),t=require("@stokelp/styled-system/recipes"),r=e.styled("p",t.formHelperText,{dataAttr:!0});exports.FormHelperText=r;
+//# sourceMappingURL=FormHelperText.cjs.map

package/dist/components/form/FormHelperText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHelperText.cjs","sources":["../../../src/components/form/FormHelperText.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { formHelperText } from '@stokelp/styled-system/recipes'\n\nexport const FormHelperText = styled('p', formHelperText, {\n  dataAttr: true,\n})\n\nexport interface FormHelperTextProps extends ComponentProps<typeof FormHelperText> {}\n"],"names":["FormHelperText","styled","formHelperText"],"mappings":"uLAKaA,EAAiBC,EAAAA,OAAO,IAAKC,iBAAgB,CACxD,SAAU,EACZ,CAAC"}

package/dist/components/form/FormHelperText.js

@@ -0,0 +1,10 @@
+"use client";
+import { styled as t } from "@stokelp/styled-system/jsx";
+import { formHelperText as e } from "@stokelp/styled-system/recipes";
+const m = t("p", e, {
+  dataAttr: !0
+});
+export {
+  m as FormHelperText
+};
+//# sourceMappingURL=FormHelperText.js.map

package/dist/components/form/FormHelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHelperText.js","sources":["../../../src/components/form/FormHelperText.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\n\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { formHelperText } from '@stokelp/styled-system/recipes'\n\nexport const FormHelperText = styled('p', formHelperText, {\n  dataAttr: true,\n})\n\nexport interface FormHelperTextProps extends ComponentProps<typeof FormHelperText> {}\n"],"names":["FormHelperText","styled","formHelperText"],"mappings":";;;AAKO,MAAMA,IAAiBC,EAAO,KAAKC,GAAgB;AAAA,EACxD,UAAU;AACZ,CAAC;"}

package/dist/components/form/FormLabel.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("@stokelp/styled-system/jsx"),e=require("@stokelp/styled-system/recipes"),t=require("@stokelp/styled-system/css"),h=require("../tooltip/Tooltip.cjs"),x=n.styled("label",e.formLabel),C=c=>{const[i,a]=e.formLabel.splitVariantProps(c),[p,d]=n.splitCssProps(a),{children:m,className:u,addon:l,tooltipInformation:r,...b}=d,o=e.formLabel(i);return s.jsxs(x,{className:t.cx(o.root,t.css(p),u),...b,children:[m,l?s.jsx("span",{className:o.addon,children:l}):null,r?s.jsx(h.Tooltip,{label:r,children:s.jsx("svg",{className:o.icon,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:s.jsx("path",{d:"M7.33337 4.66659H8.66671V5.99992H7.33337V4.66659ZM7.33337 7.33325H8.66671V11.3333H7.33337V7.33325ZM8.00004 1.33325C4.32004 1.33325 1.33337 4.31992 1.33337 7.99992C1.33337 11.6799 4.32004 14.6666 8.00004 14.6666C11.68 14.6666 14.6667 11.6799 14.6667 7.99992C14.6667 4.31992 11.68 1.33325 8.00004 1.33325ZM8.00004 13.3333C5.06004 13.3333 2.66671 10.9399 2.66671 7.99992C2.66671 5.05992 5.06004 2.66659 8.00004 2.66659C10.94 2.66659 13.3334 5.05992 13.3334 7.99992C13.3334 10.9399 10.94 13.3333 8.00004 13.3333Z",fill:"currentColor"})})}):null]})};exports.FormLabel=C;
+//# sourceMappingURL=FormLabel.cjs.map

package/dist/components/form/FormLabel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.cjs","sources":["../../../src/components/form/FormLabel.tsx"],"sourcesContent":["import type { ComponentProps, FC, ReactNode } from 'react'\n\nimport { splitCssProps, styled } from '@stokelp/styled-system/jsx'\nimport { formLabel } from '@stokelp/styled-system/recipes'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { Tooltip } from '~/components/tooltip/Tooltip'\n\nconst StyledFormLabel = styled('label', formLabel)\n\nexport interface FormLabelProps extends ComponentProps<typeof StyledFormLabel> {\n  addon?: ReactNode\n  tooltipInformation?: ReactNode\n}\n\nexport const FormLabel: FC<FormLabelProps> = props => {\n  const [variantProps, labelProps] = formLabel.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(labelProps)\n  const { children, className, addon, tooltipInformation, ...rootProps } = localProps\n  const styles = formLabel(variantProps)\n\n  return (\n    <StyledFormLabel className={cx(styles.root, css(cssProps), className)} {...rootProps}>\n      {children}\n      {addon ? <span className={styles.addon}>{addon}</span> : null}\n      {tooltipInformation ? (\n        <Tooltip label={tooltipInformation}>\n          <svg\n            className={styles.icon}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M7.33337 4.66659H8.66671V5.99992H7.33337V4.66659ZM7.33337 7.33325H8.66671V11.3333H7.33337V7.33325ZM8.00004 1.33325C4.32004 1.33325 1.33337 4.31992 1.33337 7.99992C1.33337 11.6799 4.32004 14.6666 8.00004 14.6666C11.68 14.6666 14.6667 11.6799 14.6667 7.99992C14.6667 4.31992 11.68 1.33325 8.00004 1.33325ZM8.00004 13.3333C5.06004 13.3333 2.66671 10.9399 2.66671 7.99992C2.66671 5.05992 5.06004 2.66659 8.00004 2.66659C10.94 2.66659 13.3334 5.05992 13.3334 7.99992C13.3334 10.9399 10.94 13.3333 8.00004 13.3333Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </Tooltip>\n      ) : null}\n    </StyledFormLabel>\n  )\n}\n"],"names":["StyledFormLabel","styled","formLabel","FormLabel","props","variantProps","labelProps","cssProps","localProps","splitCssProps","children","className","addon","tooltipInformation","rootProps","styles","jsxs","cx","css","jsx","Tooltip"],"mappings":"kSAOMA,EAAkBC,EAAAA,OAAO,QAASC,WAAS,EAOpCC,EAAgCC,GAAS,CACpD,KAAM,CAACC,EAAcC,CAAU,EAAIJ,EAAAA,UAAU,kBAAkBE,CAAK,EAC9D,CAACG,EAAUC,CAAU,EAAIC,EAAAA,cAAcH,CAAU,EACjD,CAAE,SAAAI,EAAU,UAAAC,EAAW,MAAAC,EAAO,mBAAAC,EAAoB,GAAGC,GAAcN,EACnEO,EAASb,EAAAA,UAAUG,CAAY,EAErC,OACEW,EAAAA,KAAChB,EAAA,CAAgB,UAAWiB,EAAAA,GAAGF,EAAO,KAAMG,EAAAA,IAAIX,CAAQ,EAAGI,CAAS,EAAI,GAAGG,EACxE,SAAA,CAAAJ,EACAE,EAAQO,EAAAA,IAAC,OAAA,CAAK,UAAWJ,EAAO,MAAQ,WAAM,EAAU,KACxDF,EACCM,EAAAA,IAACC,EAAAA,QAAA,CAAQ,MAAOP,EACd,SAAAM,EAAAA,IAAC,MAAA,CACC,UAAWJ,EAAO,KAClB,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAI,EAAAA,IAAC,OAAA,CACC,EAAE,+fACF,KAAK,cAAA,CAAA,CACP,CAAA,EAEJ,EACE,IAAA,EACN,CAEJ"}

package/dist/components/form/FormLabel.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { splitCssProps as C, styled as f } from "@stokelp/styled-system/jsx";
+import { formLabel as l } from "@stokelp/styled-system/recipes";
+import { cx as P, css as b } from "@stokelp/styled-system/css";
+import { Tooltip as w } from "../tooltip/Tooltip.js";
+const x = f("label", l), M = (n) => {
+  const [e, a] = l.splitVariantProps(n), [i, c] = C(a), { children: p, className: m, addon: r, tooltipInformation: t, ...d } = c, s = l(e);
+  return /* @__PURE__ */ h(x, { className: P(s.root, b(i), m), ...d, children: [
+    p,
+    r ? /* @__PURE__ */ o("span", { className: s.addon, children: r }) : null,
+    t ? /* @__PURE__ */ o(w, { label: t, children: /* @__PURE__ */ o(
+      "svg",
+      {
+        className: s.icon,
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M7.33337 4.66659H8.66671V5.99992H7.33337V4.66659ZM7.33337 7.33325H8.66671V11.3333H7.33337V7.33325ZM8.00004 1.33325C4.32004 1.33325 1.33337 4.31992 1.33337 7.99992C1.33337 11.6799 4.32004 14.6666 8.00004 14.6666C11.68 14.6666 14.6667 11.6799 14.6667 7.99992C14.6667 4.31992 11.68 1.33325 8.00004 1.33325ZM8.00004 13.3333C5.06004 13.3333 2.66671 10.9399 2.66671 7.99992C2.66671 5.05992 5.06004 2.66659 8.00004 2.66659C10.94 2.66659 13.3334 5.05992 13.3334 7.99992C13.3334 10.9399 10.94 13.3333 8.00004 13.3333Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    ) }) : null
+  ] });
+};
+export {
+  M as FormLabel
+};
+//# sourceMappingURL=FormLabel.js.map

package/dist/components/form/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sources":["../../../src/components/form/FormLabel.tsx"],"sourcesContent":["import type { ComponentProps, FC, ReactNode } from 'react'\n\nimport { splitCssProps, styled } from '@stokelp/styled-system/jsx'\nimport { formLabel } from '@stokelp/styled-system/recipes'\nimport { css, cx } from '@stokelp/styled-system/css'\nimport { Tooltip } from '~/components/tooltip/Tooltip'\n\nconst StyledFormLabel = styled('label', formLabel)\n\nexport interface FormLabelProps extends ComponentProps<typeof StyledFormLabel> {\n  addon?: ReactNode\n  tooltipInformation?: ReactNode\n}\n\nexport const FormLabel: FC<FormLabelProps> = props => {\n  const [variantProps, labelProps] = formLabel.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(labelProps)\n  const { children, className, addon, tooltipInformation, ...rootProps } = localProps\n  const styles = formLabel(variantProps)\n\n  return (\n    <StyledFormLabel className={cx(styles.root, css(cssProps), className)} {...rootProps}>\n      {children}\n      {addon ? <span className={styles.addon}>{addon}</span> : null}\n      {tooltipInformation ? (\n        <Tooltip label={tooltipInformation}>\n          <svg\n            className={styles.icon}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M7.33337 4.66659H8.66671V5.99992H7.33337V4.66659ZM7.33337 7.33325H8.66671V11.3333H7.33337V7.33325ZM8.00004 1.33325C4.32004 1.33325 1.33337 4.31992 1.33337 7.99992C1.33337 11.6799 4.32004 14.6666 8.00004 14.6666C11.68 14.6666 14.6667 11.6799 14.6667 7.99992C14.6667 4.31992 11.68 1.33325 8.00004 1.33325ZM8.00004 13.3333C5.06004 13.3333 2.66671 10.9399 2.66671 7.99992C2.66671 5.05992 5.06004 2.66659 8.00004 2.66659C10.94 2.66659 13.3334 5.05992 13.3334 7.99992C13.3334 10.9399 10.94 13.3333 8.00004 13.3333Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </Tooltip>\n      ) : null}\n    </StyledFormLabel>\n  )\n}\n"],"names":["StyledFormLabel","styled","formLabel","FormLabel","props","variantProps","labelProps","cssProps","localProps","splitCssProps","children","className","addon","tooltipInformation","rootProps","styles","jsxs","cx","css","jsx","Tooltip"],"mappings":";;;;;;AAOA,MAAMA,IAAkBC,EAAO,SAASC,CAAS,GAOpCC,IAAgC,CAAAC,MAAS;AACpD,QAAM,CAACC,GAAcC,CAAU,IAAIJ,EAAU,kBAAkBE,CAAK,GAC9D,CAACG,GAAUC,CAAU,IAAIC,EAAcH,CAAU,GACjD,EAAE,UAAAI,GAAU,WAAAC,GAAW,OAAAC,GAAO,oBAAAC,GAAoB,GAAGC,MAAcN,GACnEO,IAASb,EAAUG,CAAY;AAErC,SACE,gBAAAW,EAAChB,GAAA,EAAgB,WAAWiB,EAAGF,EAAO,MAAMG,EAAIX,CAAQ,GAAGI,CAAS,GAAI,GAAGG,GACxE,UAAA;AAAA,IAAAJ;AAAA,IACAE,IAAQ,gBAAAO,EAAC,QAAA,EAAK,WAAWJ,EAAO,OAAQ,aAAM,IAAU;AAAA,IACxDF,IACC,gBAAAM,EAACC,GAAA,EAAQ,OAAOP,GACd,UAAA,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWJ,EAAO;AAAA,QAClB,OAAM;AAAA,QACN,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,UAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP;AAAA,IAAA,GAEJ,IACE;AAAA,EAAA,GACN;AAEJ;"}

package/dist/components/heading/Heading.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("@stokelp/styled-system/jsx"),c=require("@stokelp/styled-system/recipes"),o=require("react"),u=s=>{const{as:e="h2",...t}=s,n=o.useMemo(()=>i.styled(e,c.heading),[e]);return r.jsx(n,{size:e,...t})};exports.Heading=u;
+//# sourceMappingURL=Heading.cjs.map

package/dist/components/heading/Heading.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.cjs","sources":["../../../src/components/heading/Heading.tsx"],"sourcesContent":["import { type HTMLStyledProps, styled, type StyledComponent } from '@stokelp/styled-system/jsx'\nimport { heading, type HeadingVariantProps } from '@stokelp/styled-system/recipes'\nimport { useMemo } from 'react'\n\ntype As = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n\nexport type HeadingProps = {\n  as?: As\n} & HeadingVariantProps &\n  HTMLStyledProps<As>\n\nexport const Heading = (props: HeadingProps) => {\n  const { as = 'h2', ...localProps } = props\n  const Dynamic = useMemo(() => styled(as, heading) as StyledComponent<As>, [as])\n\n  return <Dynamic size={as} {...localProps} />\n}\n"],"names":["Heading","props","as","localProps","Dynamic","useMemo","styled","heading","jsx"],"mappings":"yOAWaA,EAAWC,GAAwB,CAC9C,KAAM,CAAE,GAAAC,EAAK,KAAM,GAAGC,GAAeF,EAC/BG,EAAUC,EAAAA,QAAQ,IAAMC,EAAAA,OAAOJ,EAAIK,SAAO,EAA0B,CAACL,CAAE,CAAC,EAE9E,OAAOM,EAAAA,IAACJ,EAAA,CAAQ,KAAMF,EAAK,GAAGC,EAAY,CAC5C"}

package/dist/components/heading/Heading.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { styled as s } from "@stokelp/styled-system/jsx";
+import { heading as i } from "@stokelp/styled-system/recipes";
+import { useMemo as n } from "react";
+const l = (r) => {
+  const { as: o = "h2", ...t } = r, e = n(() => s(o, i), [o]);
+  return /* @__PURE__ */ m(e, { size: o, ...t });
+};
+export {
+  l as Heading
+};
+//# sourceMappingURL=Heading.js.map

package/dist/components/heading/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sources":["../../../src/components/heading/Heading.tsx"],"sourcesContent":["import { type HTMLStyledProps, styled, type StyledComponent } from '@stokelp/styled-system/jsx'\nimport { heading, type HeadingVariantProps } from '@stokelp/styled-system/recipes'\nimport { useMemo } from 'react'\n\ntype As = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n\nexport type HeadingProps = {\n  as?: As\n} & HeadingVariantProps &\n  HTMLStyledProps<As>\n\nexport const Heading = (props: HeadingProps) => {\n  const { as = 'h2', ...localProps } = props\n  const Dynamic = useMemo(() => styled(as, heading) as StyledComponent<As>, [as])\n\n  return <Dynamic size={as} {...localProps} />\n}\n"],"names":["Heading","props","as","localProps","Dynamic","useMemo","styled","heading","jsx"],"mappings":";;;;;AAWO,MAAMA,IAAU,CAACC,MAAwB;AAC9C,QAAM,EAAE,IAAAC,IAAK,MAAM,GAAGC,MAAeF,GAC/BG,IAAUC,EAAQ,MAAMC,EAAOJ,GAAIK,CAAO,GAA0B,CAACL,CAAE,CAAC;AAE9E,SAAO,gBAAAM,EAACJ,GAAA,EAAQ,MAAMF,GAAK,GAAGC,GAAY;AAC5C;"}

package/dist/components/icon/Icon.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=require("@ark-ui/react"),n=require("react"),o=require("@stokelp/styled-system/jsx"),i=require("@stokelp/styled-system/recipes"),u=o.styled(s.ark.svg,i.icon),e=n.forwardRef((r,t)=>c.jsx(u,{ref:t,asChild:!0,...r}));e.displayName="Icon";exports.Icon=e;
+//# sourceMappingURL=Icon.cjs.map

package/dist/components/icon/Icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.cjs","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport type { FC, ReactElement, ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { type HTMLStyledProps, styled } from '@stokelp/styled-system/jsx'\nimport { icon, type IconVariantProps } from '@stokelp/styled-system/recipes'\n\nexport interface IconProps extends IconVariantProps, HTMLStyledProps<'svg'> {\n  children: ReactElement | ReactNode\n}\n\nconst StyledIcon = styled(ark.svg, icon)\n\nexport const Icon = forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n  return <StyledIcon ref={ref} asChild {...props} />\n}) as FC<IconProps>\n\nIcon.displayName = 'Icon'\n"],"names":["StyledIcon","styled","ark","icon","Icon","forwardRef","props","ref"],"mappings":"oQAWMA,EAAaC,EAAAA,OAAOC,MAAI,IAAKC,EAAAA,IAAI,EAE1BC,EAAOC,EAAAA,WAAqC,CAACC,EAAOC,UACvDP,EAAA,CAAW,IAAAO,EAAU,QAAO,GAAE,GAAGD,EAAO,CACjD,EAEDF,EAAK,YAAc"}

package/dist/components/icon/Icon.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { ark as m } from "@ark-ui/react";
+import { forwardRef as e } from "react";
+import { styled as i } from "@stokelp/styled-system/jsx";
+import { icon as n } from "@stokelp/styled-system/recipes";
+const s = i(m.svg, n), c = e((o, r) => /* @__PURE__ */ t(s, { ref: r, asChild: !0, ...o }));
+c.displayName = "Icon";
+export {
+  c as Icon
+};
+//# sourceMappingURL=Icon.js.map

package/dist/components/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport type { FC, ReactElement, ReactNode } from 'react'\nimport { forwardRef } from 'react'\n\nimport { type HTMLStyledProps, styled } from '@stokelp/styled-system/jsx'\nimport { icon, type IconVariantProps } from '@stokelp/styled-system/recipes'\n\nexport interface IconProps extends IconVariantProps, HTMLStyledProps<'svg'> {\n  children: ReactElement | ReactNode\n}\n\nconst StyledIcon = styled(ark.svg, icon)\n\nexport const Icon = forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n  return <StyledIcon ref={ref} asChild {...props} />\n}) as FC<IconProps>\n\nIcon.displayName = 'Icon'\n"],"names":["StyledIcon","styled","ark","icon","Icon","forwardRef","props","ref"],"mappings":";;;;;;AAWA,MAAMA,IAAaC,EAAOC,EAAI,KAAKC,CAAI,GAE1BC,IAAOC,EAAqC,CAACC,GAAOC,wBACvDP,GAAA,EAAW,KAAAO,GAAU,SAAO,IAAE,GAAGD,GAAO,CACjD;AAEDF,EAAK,cAAc;"}

package/dist/components/icon-button/IconButton.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@stokelp/styled-system/jsx"),e=require("@stokelp/styled-system/recipes"),o=t.styled("button",e.iconButton);exports.IconButton=o;
+//# sourceMappingURL=IconButton.cjs.map

package/dist/components/icon-button/IconButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.cjs","sources":["../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { iconButton, type IconButtonVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, StyledComponent } from '@stokelp/styled-system/types'\nimport type { ComponentProps } from 'react'\n\nexport const IconButton = styled('button', iconButton) as StyledComponent<\n  'button',\n  IconButtonVariantProps & { 'aria-label': string }\n>\n\nexport interface IconButtonProps extends Assign<ComponentProps<typeof IconButton>, { 'aria-label': string }> {}\n"],"names":["IconButton","styled","iconButton"],"mappings":"uLAKaA,EAAaC,EAAAA,OAAO,SAAUC,EAAAA,UAAU"}

package/dist/components/icon-button/IconButton.js

@@ -0,0 +1,8 @@
+"use client";
+import { styled as t } from "@stokelp/styled-system/jsx";
+import { iconButton as o } from "@stokelp/styled-system/recipes";
+const c = t("button", o);
+export {
+  c as IconButton
+};
+//# sourceMappingURL=IconButton.js.map

package/dist/components/icon-button/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../src/components/icon-button/IconButton.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { iconButton, type IconButtonVariantProps } from '@stokelp/styled-system/recipes'\nimport type { Assign, StyledComponent } from '@stokelp/styled-system/types'\nimport type { ComponentProps } from 'react'\n\nexport const IconButton = styled('button', iconButton) as StyledComponent<\n  'button',\n  IconButtonVariantProps & { 'aria-label': string }\n>\n\nexport interface IconButtonProps extends Assign<ComponentProps<typeof IconButton>, { 'aria-label': string }> {}\n"],"names":["IconButton","styled","iconButton"],"mappings":";;;AAKO,MAAMA,IAAaC,EAAO,UAAUC,CAAU;"}

package/dist/components/illustration/Illustration.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@ark-ui/react"),u=require("@stokelp/styled-system/jsx"),c=require("@stokelp/styled-system/recipes"),a=require("react"),t=require("./patterns.cjs"),l=u.styled(i.ark.div,c.illustration),o=r=>{switch(r){case"neutral":return e.jsx(t.NeutralPattern,{});case"fish":return e.jsx(t.FishPattern,{});case"meat":return e.jsx(t.MeatPattern,{});case"fruit":return e.jsx(t.FruitPattern,{});case"vegetable":return e.jsx(t.VegetablePattern,{});case"cereal":return e.jsx(t.CerealPattern,{});case"oil":return e.jsx(t.OilPattern,{});case"aromatic":return e.jsx(t.AromaticPattern,{});default:throw new Error(`Invalid pattern given: "${r}"`)}},j=r=>{const n=a.useRef(null);return a.useLayoutEffect(()=>{if(n.current){const s=n.current.parentElement;s&&getComputedStyle(s).position==="static"&&(s.style.position="relative")}},[]),e.jsx(l,{ref:n,...r,children:o(r.pattern)})};exports.Illustration=j;
+//# sourceMappingURL=Illustration.cjs.map

package/dist/components/illustration/Illustration.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Illustration.cjs","sources":["../../../src/components/illustration/Illustration.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { HTMLArkProps } from '@ark-ui/react/factory'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { illustration, type IllustrationVariantProps } from '@stokelp/styled-system/recipes'\nimport { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { type FC, useLayoutEffect, useRef } from 'react'\nimport * as Patterns from '~/components/illustration/patterns'\n\nexport type IllustrationProps = Omit<Assign<JsxStyleProps, HTMLArkProps<'div'>>, 'children'> & IllustrationVariantProps\n\nconst StyledIllustration = styled(ark.div, illustration)\n\nconst getIllustrationForPattern = (pattern: IllustrationVariantProps['pattern']) => {\n  switch (pattern) {\n    case 'neutral':\n      return <Patterns.NeutralPattern />\n    case 'fish':\n      return <Patterns.FishPattern />\n    case 'meat':\n      return <Patterns.MeatPattern />\n    case 'fruit':\n      return <Patterns.FruitPattern />\n    case 'vegetable':\n      return <Patterns.VegetablePattern />\n    case 'cereal':\n      return <Patterns.CerealPattern />\n    case 'oil':\n      return <Patterns.OilPattern />\n    case 'aromatic':\n      return <Patterns.AromaticPattern />\n    default:\n      throw new Error(`Invalid pattern given: \"${pattern}\"`)\n  }\n}\n\nexport const Illustration: FC<IllustrationProps> = (props: IllustrationProps) => {\n  const $element = useRef<HTMLDivElement>(null)\n\n  useLayoutEffect(() => {\n    if ($element.current) {\n      const $parent = $element.current.parentElement\n      if ($parent) {\n        if (getComputedStyle($parent).position === 'static') {\n          $parent.style.position = 'relative'\n        }\n      }\n    }\n  }, [])\n\n  return (\n    <StyledIllustration ref={$element} {...props}>\n      {getIllustrationForPattern(props.pattern)}\n    </StyledIllustration>\n  )\n}\n"],"names":["StyledIllustration","styled","ark","illustration","getIllustrationForPattern","pattern","jsx","Patterns.NeutralPattern","Patterns.FishPattern","Patterns.MeatPattern","Patterns.FruitPattern","Patterns.VegetablePattern","Patterns.CerealPattern","Patterns.OilPattern","Patterns.AromaticPattern","Illustration","props","$element","useRef","useLayoutEffect","$parent"],"mappings":"gSAUMA,EAAqBC,EAAAA,OAAOC,MAAI,IAAKC,EAAAA,YAAY,EAEjDC,EAA6BC,GAAiD,CAClF,OAAQA,EAAA,CACN,IAAK,UACH,OAAOC,EAAAA,IAACC,EAAAA,eAAA,EAAwB,EAClC,IAAK,OACH,OAAOD,EAAAA,IAACE,EAAAA,YAAA,EAAqB,EAC/B,IAAK,OACH,OAAOF,EAAAA,IAACG,EAAAA,YAAA,EAAqB,EAC/B,IAAK,QACH,OAAOH,EAAAA,IAACI,EAAAA,aAAA,EAAsB,EAChC,IAAK,YACH,OAAOJ,EAAAA,IAACK,EAAAA,iBAAA,EAA0B,EACpC,IAAK,SACH,OAAOL,EAAAA,IAACM,EAAAA,cAAA,EAAuB,EACjC,IAAK,MACH,OAAON,EAAAA,IAACO,EAAAA,WAAA,EAAoB,EAC9B,IAAK,WACH,OAAOP,EAAAA,IAACQ,EAAAA,gBAAA,EAAyB,EACnC,QACE,MAAM,IAAI,MAAM,2BAA2BT,CAAO,GAAG,CAAA,CAE3D,EAEaU,EAAuCC,GAA6B,CAC/E,MAAMC,EAAWC,EAAAA,OAAuB,IAAI,EAE5CC,OAAAA,EAAAA,gBAAgB,IAAM,CACpB,GAAIF,EAAS,QAAS,CACpB,MAAMG,EAAUH,EAAS,QAAQ,cAC7BG,GACE,iBAAiBA,CAAO,EAAE,WAAa,WACzCA,EAAQ,MAAM,SAAW,WAG/B,CACF,EAAG,CAAA,CAAE,EAGHd,MAACN,GAAmB,IAAKiB,EAAW,GAAGD,EACpC,SAAAZ,EAA0BY,EAAM,OAAO,CAAA,CAC1C,CAEJ"}

package/dist/components/illustration/Illustration.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { ark as a } from "@ark-ui/react";
+import { styled as i } from "@stokelp/styled-system/jsx";
+import { illustration as o } from "@stokelp/styled-system/recipes";
+import { useRef as l, useLayoutEffect as s } from "react";
+import { AromaticPattern as u, OilPattern as c, CerealPattern as m, VegetablePattern as f, FruitPattern as p, MeatPattern as P, FishPattern as d, NeutralPattern as g } from "./patterns.js";
+const h = i(a.div, o), v = (e) => {
+  switch (e) {
+    case "neutral":
+      return /* @__PURE__ */ t(g, {});
+    case "fish":
+      return /* @__PURE__ */ t(d, {});
+    case "meat":
+      return /* @__PURE__ */ t(P, {});
+    case "fruit":
+      return /* @__PURE__ */ t(p, {});
+    case "vegetable":
+      return /* @__PURE__ */ t(f, {});
+    case "cereal":
+      return /* @__PURE__ */ t(m, {});
+    case "oil":
+      return /* @__PURE__ */ t(c, {});
+    case "aromatic":
+      return /* @__PURE__ */ t(u, {});
+    default:
+      throw new Error(`Invalid pattern given: "${e}"`);
+  }
+}, b = (e) => {
+  const r = l(null);
+  return s(() => {
+    if (r.current) {
+      const n = r.current.parentElement;
+      n && getComputedStyle(n).position === "static" && (n.style.position = "relative");
+    }
+  }, []), /* @__PURE__ */ t(h, { ref: r, ...e, children: v(e.pattern) });
+};
+export {
+  b as Illustration
+};
+//# sourceMappingURL=Illustration.js.map

package/dist/components/illustration/Illustration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Illustration.js","sources":["../../../src/components/illustration/Illustration.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react'\nimport { HTMLArkProps } from '@ark-ui/react/factory'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { illustration, type IllustrationVariantProps } from '@stokelp/styled-system/recipes'\nimport { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { type FC, useLayoutEffect, useRef } from 'react'\nimport * as Patterns from '~/components/illustration/patterns'\n\nexport type IllustrationProps = Omit<Assign<JsxStyleProps, HTMLArkProps<'div'>>, 'children'> & IllustrationVariantProps\n\nconst StyledIllustration = styled(ark.div, illustration)\n\nconst getIllustrationForPattern = (pattern: IllustrationVariantProps['pattern']) => {\n  switch (pattern) {\n    case 'neutral':\n      return <Patterns.NeutralPattern />\n    case 'fish':\n      return <Patterns.FishPattern />\n    case 'meat':\n      return <Patterns.MeatPattern />\n    case 'fruit':\n      return <Patterns.FruitPattern />\n    case 'vegetable':\n      return <Patterns.VegetablePattern />\n    case 'cereal':\n      return <Patterns.CerealPattern />\n    case 'oil':\n      return <Patterns.OilPattern />\n    case 'aromatic':\n      return <Patterns.AromaticPattern />\n    default:\n      throw new Error(`Invalid pattern given: \"${pattern}\"`)\n  }\n}\n\nexport const Illustration: FC<IllustrationProps> = (props: IllustrationProps) => {\n  const $element = useRef<HTMLDivElement>(null)\n\n  useLayoutEffect(() => {\n    if ($element.current) {\n      const $parent = $element.current.parentElement\n      if ($parent) {\n        if (getComputedStyle($parent).position === 'static') {\n          $parent.style.position = 'relative'\n        }\n      }\n    }\n  }, [])\n\n  return (\n    <StyledIllustration ref={$element} {...props}>\n      {getIllustrationForPattern(props.pattern)}\n    </StyledIllustration>\n  )\n}\n"],"names":["StyledIllustration","styled","ark","illustration","getIllustrationForPattern","pattern","jsx","Patterns.NeutralPattern","Patterns.FishPattern","Patterns.MeatPattern","Patterns.FruitPattern","Patterns.VegetablePattern","Patterns.CerealPattern","Patterns.OilPattern","Patterns.AromaticPattern","Illustration","props","$element","useRef","useLayoutEffect","$parent"],"mappings":";;;;;;;AAUA,MAAMA,IAAqBC,EAAOC,EAAI,KAAKC,CAAY,GAEjDC,IAA4B,CAACC,MAAiD;AAClF,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO,gBAAAC,EAACC,GAAA,EAAwB;AAAA,IAClC,KAAK;AACH,aAAO,gBAAAD,EAACE,GAAA,EAAqB;AAAA,IAC/B,KAAK;AACH,aAAO,gBAAAF,EAACG,GAAA,EAAqB;AAAA,IAC/B,KAAK;AACH,aAAO,gBAAAH,EAACI,GAAA,EAAsB;AAAA,IAChC,KAAK;AACH,aAAO,gBAAAJ,EAACK,GAAA,EAA0B;AAAA,IACpC,KAAK;AACH,aAAO,gBAAAL,EAACM,GAAA,EAAuB;AAAA,IACjC,KAAK;AACH,aAAO,gBAAAN,EAACO,GAAA,EAAoB;AAAA,IAC9B,KAAK;AACH,aAAO,gBAAAP,EAACQ,GAAA,EAAyB;AAAA,IACnC;AACE,YAAM,IAAI,MAAM,2BAA2BT,CAAO,GAAG;AAAA,EAAA;AAE3D,GAEaU,IAAsC,CAACC,MAA6B;AAC/E,QAAMC,IAAWC,EAAuB,IAAI;AAE5C,SAAAC,EAAgB,MAAM;AACpB,QAAIF,EAAS,SAAS;AACpB,YAAMG,IAAUH,EAAS,QAAQ;AACjC,MAAIG,KACE,iBAAiBA,CAAO,EAAE,aAAa,aACzCA,EAAQ,MAAM,WAAW;AAAA,IAG/B;AAAA,EACF,GAAG,CAAA,CAAE,GAGH,gBAAAd,EAACN,KAAmB,KAAKiB,GAAW,GAAGD,GACpC,UAAAZ,EAA0BY,EAAM,OAAO,EAAA,CAC1C;AAEJ;"}