@tramo-digital/react-ui 0.0.0-alpha

package/dist/esm/ui/primitives/TextEyebrow/TextEyebrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEyebrow.js","sources":["../../../../../src/ui/primitives/TextEyebrow/TextEyebrow.tsx"],"sourcesContent":["import type { TextEyebrowModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport TextBlock from \"../TextBlock/TextBlock\";\nimport styles from \"./TextEyebrow.module.css\";\n\nexport interface TextEyebrowProps extends TextEyebrowModel {\n  children?: React.ReactNode;\n}\n\nconst TextEyebrow: React.FC<TextEyebrowProps> = ({\n  children,\n  data,\n  tokens,\n  className = \"\",\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"6a397e092db397bd7161d543c4c44bd3\";\n\n  const { size = \"md\", weight = \"regular\", alignment, text } = data;\n\n  const tokenStyles = {\n    ...(tokens?.color?.text && {\n      \"--text-eyebrow-color\": tokens.color.text.default,\n    }),\n  };\n\n  const dataWithDefaults = {\n    size: size as\n      | \"3xs\"\n      | \"2xs\"\n      | \"xs\"\n      | \"sm\"\n      | \"md\"\n      | \"lg\"\n      | \"xl\"\n      | \"2xl\"\n      | \"3xl\",\n    weight,\n    alignment,\n    text,\n  };\n\n  const cssSize = `eyebrow-${size}` as keyof typeof styles;\n  const cssWeight = weight as keyof typeof styles;\n\n  return (\n    <TextBlock\n      data={{\n        as: \"span\",\n        ...dataWithDefaults,\n      }}\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={`${styles.tuiTextEyebrow} ${styles[cssSize]} ${styles[cssWeight]} ${className ? className : \"\"}`}\n      style={tokenStyles as React.CSSProperties}\n    >\n      {children}\n    </TextBlock>\n  );\n};\n\nexport default TextEyebrow;\n"],"names":["TextEyebrow","children","data","tokens","className","colorPalette","colorSource","customColor","size","weight","alignment","text","tokenStyles","dataWithDefaults","cssSize","cssWeight","jsx","TextBlock","styles"],"mappings":";;;AASA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,MAAI,CAACL,EAAM,QAAO;AAGlB,QAAM,EAAE,MAAAM,IAAO,MAAM,QAAAC,IAAS,WAAW,WAAAC,GAAW,MAAAC,MAAST,GAEvDU,IAAc;AAAA,IAClB,GAAIT,GAAQ,OAAO,QAAQ;AAAA,MACzB,wBAAwBA,EAAO,MAAM,KAAK;AAAA,IAAA;AAAA,EAC5C,GAGIU,IAAmB;AAAA,IACvB,MAAAL;AAAA,IAUA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,GAGIG,IAAU,WAAWN,CAAI,IACzBO,IAAYN;AAElB,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,GAAGJ;AAAA,MAAA;AAAA,MAEL,cAAAR;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAW,GAAGW,EAAO,cAAc,IAAIA,EAAOJ,CAAO,CAAC,IAAII,EAAOH,CAAS,CAAC,IAAIX,KAAwB,EAAE;AAAA,MACzG,OAAOQ;AAAA,MAEN,UAAAX;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/esm/ui/primitives/TextEyebrow/TextEyebrow.module.css.js

@@ -0,0 +1,21 @@
+const e = "n1delwsi", o = "YWrzPiRv", t = "OWMteAY9", r = "b9J0-tPe", w = "fRwLHwxr", b = "Mu2BJcXF", s = {
+  tuiTextEyebrow: e,
+  "eyebrow-md": "YWrzPiRv",
+  eyebrowMd: o,
+  bold: t,
+  light: r,
+  "eyebrow-lg": "fRwLHwxr",
+  eyebrowLg: w,
+  "eyebrow-sm": "Mu2BJcXF",
+  eyebrowSm: b
+};
+export {
+  t as bold,
+  s as default,
+  w as eyebrowLg,
+  o as eyebrowMd,
+  b as eyebrowSm,
+  r as light,
+  e as tuiTextEyebrow
+};
+//# sourceMappingURL=TextEyebrow.module.css.js.map

package/dist/esm/ui/primitives/TextEyebrow/TextEyebrow.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEyebrow.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/esm/ui/primitives/TextEyebrow/index.js

@@ -0,0 +1,5 @@
+import o from "./TextEyebrow.js";
+export {
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/primitives/TextEyebrow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/ui/primitives/TextHeading/TextHeading.js

@@ -0,0 +1,52 @@
+import { jsx as u } from "react/jsx-runtime";
+import $ from "../TextBlock/TextBlock.js";
+import e from "./TextHeading.module.css.js";
+const H = ({
+  children: i,
+  data: o,
+  events: n,
+  tokens: t,
+  className: a,
+  colorPalette: s,
+  colorSource: c,
+  customColor: f
+}) => {
+  if (!o) return null;
+  const {
+    size: l = "md",
+    weight: r = "regular",
+    text: m = "",
+    alignment: g = "left",
+    as: x = "h1"
+  } = o, y = {
+    ...t?.color?.text && {
+      "--text-heading-color": t.color.text.default
+    },
+    ...t?.typography?.fontFamily && {
+      "--text-heading-fontfamily": t.typography.fontFamily.default
+    }
+  }, d = `heading-${l}`, h = r, p = `${e.tuiTextHeading} ${e[d]} ${e[h]} ${a || ""}`;
+  return /* @__PURE__ */ u(
+    $,
+    {
+      data: {
+        as: x,
+        alignment: g,
+        weight: r,
+        size: l,
+        text: m
+      },
+      colorPalette: s,
+      colorSource: c,
+      customColor: f,
+      className: p,
+      style: y,
+      events: n,
+      children: i
+    }
+  );
+};
+export {
+  H as default
+};
+//# sourceMappingURL=TextHeading.js.map

package/dist/esm/ui/primitives/TextHeading/TextHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextHeading.js","sources":["../../../../../src/ui/primitives/TextHeading/TextHeading.tsx"],"sourcesContent":["import type { TextHeadingModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport TextBlock from \"../TextBlock/TextBlock\";\nimport styles from \"./TextHeading.module.css\";\n\nexport interface TextHeadingProps extends TextHeadingModel {\n  children?: React.ReactNode;\n}\n\nconst TextHeading: React.FC<TextHeadingProps> = ({\n  children,\n  data,\n  events,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"61d1cb25ae4a016646c059d28418cf95\";\n  const {\n    size = \"md\",\n    weight = \"regular\",\n    text = \"\",\n    alignment = \"left\",\n    as = \"h1\",\n  } = data;\n\n  const tokenStyles = {\n    ...(tokens?.color?.text && {\n      \"--text-heading-color\": tokens.color.text.default,\n    }),\n    ...(tokens?.typography?.fontFamily && {\n      \"--text-heading-fontfamily\": tokens.typography.fontFamily.default,\n    }),\n  };\n\n  const cssSize = `heading-${size}` as keyof typeof styles;\n  const cssWeight = weight as keyof typeof styles;\n  const rootClassName = `${styles.tuiTextHeading} ${styles[cssSize]} ${styles[cssWeight]} ${className ? className : \"\"}`;\n\n  return (\n    <TextBlock\n      data={{\n        as,\n        alignment,\n        weight,\n        size,\n        text,\n      }}\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={rootClassName}\n      style={tokenStyles as React.CSSProperties}\n      events={events}\n    >\n      {children}\n    </TextBlock>\n  );\n};\n\nexport default TextHeading;\n"],"names":["TextHeading","children","data","events","tokens","className","colorPalette","colorSource","customColor","size","weight","text","alignment","as","tokenStyles","cssSize","cssWeight","rootClassName","styles","jsx","TextBlock"],"mappings":";;;AASA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,MAAI,CAACN,EAAM,QAAO;AAElB,QAAM;AAAA,IACJ,MAAAO,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,MAAAC,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,IAAAC,IAAK;AAAA,EAAA,IACHX,GAEEY,IAAc;AAAA,IAClB,GAAIV,GAAQ,OAAO,QAAQ;AAAA,MACzB,wBAAwBA,EAAO,MAAM,KAAK;AAAA,IAAA;AAAA,IAE5C,GAAIA,GAAQ,YAAY,cAAc;AAAA,MACpC,6BAA6BA,EAAO,WAAW,WAAW;AAAA,IAAA;AAAA,EAC5D,GAGIW,IAAU,WAAWN,CAAI,IACzBO,IAAYN,GACZO,IAAgB,GAAGC,EAAO,cAAc,IAAIA,EAAOH,CAAO,CAAC,IAAIG,EAAOF,CAAS,CAAC,IAAIX,KAAwB,EAAE;AAEpH,SACE,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,IAAAP;AAAA,QACA,WAAAD;AAAA,QACA,QAAAF;AAAA,QACA,MAAAD;AAAA,QACA,MAAAE;AAAA,MAAA;AAAA,MAEF,cAAAL;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAWS;AAAA,MACX,OAAOH;AAAA,MACP,QAAAX;AAAA,MAEC,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/esm/ui/primitives/TextHeading/TextHeading.module.css.js

@@ -0,0 +1,32 @@
+const n = "fkEEV2Yx", e = "_1dCV1WIn", d = "_708lnBDV", g = "e5alHiwS", i = "bzpuFpCi", a = "Bm8ER9-p", h = "_5uLHtR69", s = "hPMCu-hX", t = "_7YZyyPPU", o = "_0HSEAY96", c = {
+  tuiTextHeading: n,
+  light: e,
+  regular: d,
+  bold: g,
+  "heading-3xs": "bzpuFpCi",
+  heading3Xs: i,
+  "heading-2xs": "Bm8ER9-p",
+  heading2Xs: a,
+  "heading-xs": "_5uLHtR69",
+  headingXs: h,
+  "heading-sm": "hPMCu-hX",
+  headingSm: s,
+  "heading-md": "_7YZyyPPU",
+  headingMd: t,
+  "heading-lg": "_0HSEAY96",
+  headingLg: o
+};
+export {
+  g as bold,
+  c as default,
+  a as heading2Xs,
+  i as heading3Xs,
+  o as headingLg,
+  t as headingMd,
+  s as headingSm,
+  h as headingXs,
+  e as light,
+  d as regular,
+  n as tuiTextHeading
+};
+//# sourceMappingURL=TextHeading.module.css.js.map

package/dist/esm/ui/primitives/TextHeading/TextHeading.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextHeading.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/ui/primitives/TextHeading/index.js

@@ -0,0 +1,5 @@
+import t from "./TextHeading.js";
+export {
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/primitives/TextHeading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/ui/primitives/TextQuote/TextQuote.js

@@ -0,0 +1,61 @@
+import { jsx as s } from "react/jsx-runtime";
+import q from "../TextBlock/TextBlock.js";
+import e from "./TextQuote.module.css.js";
+const w = ({
+  children: i,
+  data: o,
+  tokens: t,
+  className: a,
+  colorPalette: y,
+  colorSource: p,
+  customColor: u
+}) => {
+  if (!o) return null;
+  const {
+    alignment: f,
+    cite: g,
+    as: x = "q",
+    size: l = "md",
+    text: m,
+    weight: r = "regular"
+  } = o, n = {
+    ...t?.color?.text && {
+      "--text-quote-color": t?.color?.text.default
+    },
+    ...t?.typography?.fontFamily && {
+      "--text-quote-fontfamily": t.typography.fontFamily.default
+    },
+    ...t?.typography?.fontSize && {
+      "--text-quote-font-size": t.typography.fontSize.default
+    },
+    ...t?.typography?.fontWeight && {
+      "--text-quote-weight": t.typography.fontWeight.default
+    },
+    ...t?.typography?.textAlign && {
+      "--text-quote-alignment": t.typography.textAlign.default
+    }
+  }, h = e[`quote-${l}`], c = e[`quote-${r}`];
+  return /* @__PURE__ */ s(
+    q,
+    {
+      data: {
+        as: x,
+        text: m,
+        size: l,
+        weight: r,
+        alignment: f,
+        cite: g
+      },
+      colorPalette: y,
+      colorSource: p,
+      customColor: u,
+      className: `${e.tuiTextQuote} ${h} ${c} ${a ? ` ${a}` : ""}`,
+      style: n,
+      children: i
+    }
+  );
+};
+export {
+  w as default
+};
+//# sourceMappingURL=TextQuote.js.map

package/dist/esm/ui/primitives/TextQuote/TextQuote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextQuote.js","sources":["../../../../../src/ui/primitives/TextQuote/TextQuote.tsx"],"sourcesContent":["import type { TextQuoteModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport TextBlock from \"../TextBlock/TextBlock\";\nimport styles from \"./TextQuote.module.css\";\n\nexport interface TextQuoteProps extends TextQuoteModel {\n  children?: React.ReactNode;\n}\n\nconst TextQuote: React.FC<TextQuoteProps> = ({\n  children,\n  data,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  const _fingerprint = \"bf1d88fa91a57ecbfa41305e8d29a16c\";\n  if (!data) return null;\n\n  const {\n    alignment,\n    cite,\n    as = \"q\",\n    size = \"md\",\n    text,\n    weight = \"regular\",\n  } = data;\n\n  const tokenStyles = {\n    ...(tokens?.color?.text && {\n      \"--text-quote-color\": tokens?.color?.text.default,\n    }),\n    ...(tokens?.typography?.fontFamily && {\n      \"--text-quote-fontfamily\": tokens.typography.fontFamily.default,\n    }),\n    ...(tokens?.typography?.fontSize && {\n      \"--text-quote-font-size\": tokens.typography.fontSize.default,\n    }),\n    ...(tokens?.typography?.fontWeight && {\n      \"--text-quote-weight\": tokens.typography.fontWeight.default,\n    }),\n    ...(tokens?.typography?.textAlign && {\n      \"--text-quote-alignment\": tokens.typography.textAlign.default,\n    }),\n  };\n\n  const sizeClassName = styles[`quote-${size}`];\n  const weightClassName = styles[`quote-${weight}`];\n\n  return (\n    <TextBlock\n      data={{\n        as,\n        text,\n        size,\n        weight,\n        alignment,\n        cite,\n      }}\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={`${styles.tuiTextQuote} ${sizeClassName} ${weightClassName} ${className ? ` ${className}` : \"\"}`}\n      style={tokenStyles as React.CSSProperties}\n    >\n      {children}\n    </TextBlock>\n  );\n};\n\nexport default TextQuote;\n"],"names":["TextQuote","children","data","tokens","className","colorPalette","colorSource","customColor","alignment","cite","as","size","text","weight","tokenStyles","sizeClassName","styles","weightClassName","jsx","TextBlock"],"mappings":";;;AASA,MAAMA,IAAsC,CAAC;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AAEJ,MAAI,CAACL,EAAM,QAAO;AAElB,QAAM;AAAA,IACJ,WAAAM;AAAA,IACA,MAAAC;AAAA,IACA,IAAAC,IAAK;AAAA,IACL,MAAAC,IAAO;AAAA,IACP,MAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,EAAA,IACPX,GAEEY,IAAc;AAAA,IAClB,GAAIX,GAAQ,OAAO,QAAQ;AAAA,MACzB,sBAAsBA,GAAQ,OAAO,KAAK;AAAA,IAAA;AAAA,IAE5C,GAAIA,GAAQ,YAAY,cAAc;AAAA,MACpC,2BAA2BA,EAAO,WAAW,WAAW;AAAA,IAAA;AAAA,IAE1D,GAAIA,GAAQ,YAAY,YAAY;AAAA,MAClC,0BAA0BA,EAAO,WAAW,SAAS;AAAA,IAAA;AAAA,IAEvD,GAAIA,GAAQ,YAAY,cAAc;AAAA,MACpC,uBAAuBA,EAAO,WAAW,WAAW;AAAA,IAAA;AAAA,IAEtD,GAAIA,GAAQ,YAAY,aAAa;AAAA,MACnC,0BAA0BA,EAAO,WAAW,UAAU;AAAA,IAAA;AAAA,EACxD,GAGIY,IAAgBC,EAAO,SAASL,CAAI,EAAE,GACtCM,IAAkBD,EAAO,SAASH,CAAM,EAAE;AAEhD,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,IAAAT;AAAA,QACA,MAAAE;AAAA,QACA,MAAAD;AAAA,QACA,QAAAE;AAAA,QACA,WAAAL;AAAA,QACA,MAAAC;AAAA,MAAA;AAAA,MAEF,cAAAJ;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAW,GAAGS,EAAO,YAAY,IAAID,CAAa,IAAIE,CAAe,IAAIb,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,MACzG,OAAOU;AAAA,MAEN,UAAAb;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/esm/ui/primitives/TextQuote/TextQuote.module.css.js

@@ -0,0 +1,26 @@
+const t = "WM99XI6O", o = "-sRMCcrU", e = "ZegEY03T", u = "U0zc0auW", q = "K5-dqdv-", s = "U2jKa2LD", c = "KGPXtH67", d = {
+  tuiTextQuote: t,
+  "quote-bold": "-sRMCcrU",
+  quoteBold: o,
+  "quote-light": "ZegEY03T",
+  quoteLight: e,
+  "quote-regular": "U0zc0auW",
+  quoteRegular: u,
+  "quote-lg": "K5-dqdv-",
+  quoteLg: q,
+  "quote-md": "U2jKa2LD",
+  quoteMd: s,
+  "quote-sm": "KGPXtH67",
+  quoteSm: c
+};
+export {
+  d as default,
+  o as quoteBold,
+  q as quoteLg,
+  e as quoteLight,
+  s as quoteMd,
+  u as quoteRegular,
+  c as quoteSm,
+  t as tuiTextQuote
+};
+//# sourceMappingURL=TextQuote.module.css.js.map

package/dist/esm/ui/primitives/TextQuote/TextQuote.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextQuote.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/esm/ui/primitives/TextQuote/index.js

@@ -0,0 +1,5 @@
+import e from "./TextQuote.js";
+export {
+  e as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/primitives/TextQuote/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/ui/primitives/Textarea/Textarea.js

@@ -0,0 +1,99 @@
+import { jsx as B } from "react/jsx-runtime";
+import { useId as I } from "react";
+import S from "../Frame/Frame.js";
+import o from "./Textarea.module.css.js";
+const R = ({
+  data: d,
+  events: a,
+  tokens: r,
+  className: u,
+  colorPalette: b,
+  colorSource: f,
+  customColor: s
+}) => {
+  if (!d) return null;
+  const {
+    name: l,
+    placeholder: p,
+    required: t = !1,
+    disabled: e = !1,
+    readOnly: x = !1,
+    value: g,
+    id: n,
+    rows: h = 4,
+    maxLength: m,
+    resize: y = "vertical",
+    errorMessage: F
+  } = d, z = I(), E = n ?? l ?? z, i = !!F, v = {
+    ...r?.color?.background && {
+      "--textarea-color-background": r.color.background.default
+    },
+    ...r?.color?.border && {
+      "--textarea-color-border": r.color.border.default
+    },
+    ...r?.color?.borderFocus && {
+      "--textarea-color-border-focus": r.color.borderFocus.default
+    },
+    ...r?.color?.borderError && {
+      "--textarea-color-border-error": r.color.borderError.default
+    },
+    ...r?.color?.text && {
+      "--textarea-color-text": r.color.text.default
+    },
+    ...r?.color?.placeholder && {
+      "--textarea-color-placeholder": r.color.placeholder.default
+    },
+    ...r?.spacing?.padding && {
+      "--textarea-spacing-padding": r.spacing.padding.default
+    },
+    ...r?.border?.borderRadius && {
+      "--textarea-border-radius": r.border.borderRadius.default
+    },
+    ...r?.border?.borderWidth && {
+      "--textarea-border-width": r.border.borderWidth.default
+    },
+    ...r?.typography?.fontSize && {
+      "--textarea-font-size": r.typography.fontSize.default
+    }
+  };
+  return /* @__PURE__ */ B(
+    S,
+    {
+      data: { as: "textarea" },
+      "data-tui-primitive": "base",
+      "data-tui-dynamic-states": "default",
+      colorPalette: b,
+      colorSource: f,
+      customColor: s,
+      id: E,
+      name: l,
+      value: g,
+      placeholder: p,
+      required: t,
+      disabled: e,
+      readOnly: x,
+      rows: h,
+      maxLength: m,
+      "aria-required": t,
+      "aria-disabled": e,
+      "aria-invalid": i,
+      className: [
+        o.textarea,
+        i ? o.hasError : "",
+        e ? o.disabled : "",
+        u ?? ""
+      ].filter(Boolean).join(" "),
+      style: {
+        ...v,
+        resize: y
+      },
+      onChange: (c) => a?.onChange?.(c.target.value, c),
+      onBlur: a?.onBlur,
+      onFocus: a?.onFocus
+    }
+  );
+};
+export {
+  R as default
+};
+//# sourceMappingURL=Textarea.js.map

package/dist/esm/ui/primitives/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../../../../src/ui/primitives/Textarea/Textarea.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport type { TextareaModel } from \"@tramo-digital/types\";\nimport Frame from \"../Frame/Frame\";\nimport styles from \"./Textarea.module.css\";\n\nexport interface TextareaProps {\n  id?: TextareaModel[\"id\"];\n  data: TextareaModel[\"data\"];\n  events?: TextareaModel[\"events\"];\n  tokens?: TextareaModel[\"tokens\"];\n  className?: TextareaModel[\"className\"];\n  colorPalette?: TextareaModel[\"colorPalette\"];\n  colorSource?: TextareaModel[\"colorSource\"];\n  customColor?: TextareaModel[\"customColor\"];\n}\n\nconst Textarea: React.FC<TextareaProps> = ({\n  data,\n  events,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"16de49cd52d310c25a8ce90a7a3bb7f0\";\n\n  const {\n    name,\n    placeholder,\n    required = false,\n    disabled = false,\n    readOnly = false,\n    value,\n    id,\n    rows = 4,\n    maxLength,\n    resize = \"vertical\",\n    errorMessage,\n  } = data;\n\n  const generatedId = useId();\n  const fieldId = id ?? name ?? generatedId;\n  const hasError = !!errorMessage;\n\n  const tokenStyles = {\n    ...(tokens?.color?.background && {\n      \"--textarea-color-background\": tokens.color.background.default,\n    }),\n    ...(tokens?.color?.border && {\n      \"--textarea-color-border\": tokens.color.border.default,\n    }),\n    ...(tokens?.color?.borderFocus && {\n      \"--textarea-color-border-focus\": tokens.color.borderFocus.default,\n    }),\n    ...(tokens?.color?.borderError && {\n      \"--textarea-color-border-error\": tokens.color.borderError.default,\n    }),\n    ...(tokens?.color?.text && {\n      \"--textarea-color-text\": tokens.color.text.default,\n    }),\n    ...(tokens?.color?.placeholder && {\n      \"--textarea-color-placeholder\": tokens.color.placeholder.default,\n    }),\n    ...(tokens?.spacing?.padding && {\n      \"--textarea-spacing-padding\": tokens.spacing.padding.default,\n    }),\n    ...(tokens?.border?.borderRadius && {\n      \"--textarea-border-radius\": tokens.border.borderRadius.default,\n    }),\n    ...(tokens?.border?.borderWidth && {\n      \"--textarea-border-width\": tokens.border.borderWidth.default,\n    }),\n    ...(tokens?.typography?.fontSize && {\n      \"--textarea-font-size\": tokens.typography.fontSize.default,\n    }),\n  };\n\n  return (\n    <Frame\n      data={{ as: \"textarea\" }}\n      data-tui-primitive=\"base\"\n      data-tui-dynamic-states=\"default\"\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      id={fieldId}\n      name={name}\n      value={value}\n      placeholder={placeholder}\n      required={required}\n      disabled={disabled}\n      readOnly={readOnly}\n      rows={rows}\n      maxLength={maxLength}\n      aria-required={required}\n      aria-disabled={disabled}\n      aria-invalid={hasError}\n      className={[\n        styles.textarea,\n        hasError ? styles.hasError : \"\",\n        disabled ? styles.disabled : \"\",\n        className ?? \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={\n        {\n          ...tokenStyles,\n          resize,\n        } as React.CSSProperties\n      }\n      onChange={(e: any) => events?.onChange?.(e.target.value, e)}\n      onBlur={events?.onBlur as any}\n      onFocus={events?.onFocus as any}\n    />\n  );\n};\n\nexport default Textarea;\n"],"names":["Textarea","data","events","tokens","className","colorPalette","colorSource","customColor","name","placeholder","required","disabled","readOnly","value","id","rows","maxLength","resize","errorMessage","generatedId","useId","fieldId","hasError","tokenStyles","jsx","Frame","styles","e"],"mappings":";;;;AAgBA,MAAMA,IAAoC,CAAC;AAAA,EACzC,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,MAAI,CAACN,EAAM,QAAO;AAGlB,QAAM;AAAA,IACJ,MAAAO;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,cAAAC;AAAA,EAAA,IACEjB,GAEEkB,IAAcC,EAAA,GACdC,IAAUP,KAAMN,KAAQW,GACxBG,IAAW,CAAC,CAACJ,GAEbK,IAAc;AAAA,IAClB,GAAIpB,GAAQ,OAAO,cAAc;AAAA,MAC/B,+BAA+BA,EAAO,MAAM,WAAW;AAAA,IAAA;AAAA,IAEzD,GAAIA,GAAQ,OAAO,UAAU;AAAA,MAC3B,2BAA2BA,EAAO,MAAM,OAAO;AAAA,IAAA;AAAA,IAEjD,GAAIA,GAAQ,OAAO,eAAe;AAAA,MAChC,iCAAiCA,EAAO,MAAM,YAAY;AAAA,IAAA;AAAA,IAE5D,GAAIA,GAAQ,OAAO,eAAe;AAAA,MAChC,iCAAiCA,EAAO,MAAM,YAAY;AAAA,IAAA;AAAA,IAE5D,GAAIA,GAAQ,OAAO,QAAQ;AAAA,MACzB,yBAAyBA,EAAO,MAAM,KAAK;AAAA,IAAA;AAAA,IAE7C,GAAIA,GAAQ,OAAO,eAAe;AAAA,MAChC,gCAAgCA,EAAO,MAAM,YAAY;AAAA,IAAA;AAAA,IAE3D,GAAIA,GAAQ,SAAS,WAAW;AAAA,MAC9B,8BAA8BA,EAAO,QAAQ,QAAQ;AAAA,IAAA;AAAA,IAEvD,GAAIA,GAAQ,QAAQ,gBAAgB;AAAA,MAClC,4BAA4BA,EAAO,OAAO,aAAa;AAAA,IAAA;AAAA,IAEzD,GAAIA,GAAQ,QAAQ,eAAe;AAAA,MACjC,2BAA2BA,EAAO,OAAO,YAAY;AAAA,IAAA;AAAA,IAEvD,GAAIA,GAAQ,YAAY,YAAY;AAAA,MAClC,wBAAwBA,EAAO,WAAW,SAAS;AAAA,IAAA;AAAA,EACrD;AAGF,SACE,gBAAAqB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM,EAAE,IAAI,WAAA;AAAA,MACZ,sBAAmB;AAAA,MACnB,2BAAwB;AAAA,MACxB,cAAApB;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,IAAIc;AAAA,MACJ,MAAAb;AAAA,MACA,OAAAK;AAAA,MACA,aAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,MAAAG;AAAA,MACA,WAAAC;AAAA,MACA,iBAAeN;AAAA,MACf,iBAAeC;AAAA,MACf,gBAAcW;AAAA,MACd,WAAW;AAAA,QACTI,EAAO;AAAA,QACPJ,IAAWI,EAAO,WAAW;AAAA,QAC7Bf,IAAWe,EAAO,WAAW;AAAA,QAC7BtB,KAAa;AAAA,MAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,OACE;AAAA,QACE,GAAGmB;AAAA,QACH,QAAAN;AAAA,MAAA;AAAA,MAGJ,UAAU,CAACU,MAAWzB,GAAQ,WAAWyB,EAAE,OAAO,OAAOA,CAAC;AAAA,MAC1D,QAAQzB,GAAQ;AAAA,MAChB,SAASA,GAAQ;AAAA,IAAA;AAAA,EAAA;AAGvB;"}

package/dist/esm/ui/primitives/Textarea/Textarea.module.css.js

@@ -0,0 +1,10 @@
+const t = "ynqu5qhV", r = "qY6dNAsJ", s = {
+  textarea: t,
+  hasError: r
+};
+export {
+  s as default,
+  r as hasError,
+  t as textarea
+};
+//# sourceMappingURL=Textarea.module.css.js.map

package/dist/esm/ui/primitives/Textarea/Textarea.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/ui/primitives/Textarea/index.js

@@ -0,0 +1,5 @@
+import e from "./Textarea.js";
+export {
+  e as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/primitives/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/ui/primitives/Toggle/Toggle.js

@@ -0,0 +1,134 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { useId as A } from "react";
+import C from "../Frame/Frame.js";
+import h from "../Icon/Icon.js";
+import a from "./Toggle.module.css.js";
+const L = ({
+  id: b,
+  data: g,
+  events: c,
+  tokens: i,
+  className: z,
+  colorPalette: f,
+  colorSource: p,
+  customColor: v
+}) => {
+  if (!g) return null;
+  const {
+    name: d,
+    label: l,
+    checked: e,
+    defaultChecked: I,
+    value: y,
+    disabled: o = !1,
+    required: S = !1,
+    size: N = "md",
+    activeIcon: s,
+    inactiveIcon: m,
+    ariaLabel: R,
+    errorMessage: T
+  } = g, j = A(), x = b ?? d ?? j, u = !!T, w = {
+    ...i?.color?.trackActive && {
+      "--toggle-color-track-active": i.color.trackActive.default
+    },
+    ...i?.color?.trackInactive && {
+      "--toggle-color-track-inactive": i.color.trackInactive.default
+    },
+    ...i?.color?.thumb && {
+      "--toggle-color-thumb": i.color.thumb.default
+    },
+    ...i?.color?.iconActiveTarget && {
+      "--toggle-color-icon-active-target": i.color.iconActiveTarget.default
+    },
+    ...i?.color?.iconInactiveTarget && {
+      "--toggle-color-icon-inactive-target": i.color.iconInactiveTarget.default
+    },
+    ...i?.color?.border && {
+      "--toggle-color-border": i.color.border.default
+    },
+    ...i?.color?.focusRing && {
+      "--toggle-color-focus-ring": i.color.focusRing.default
+    },
+    ...i?.sizing?.trackWidth && {
+      "--toggle-track-width-sm": i.sizing.trackWidth.sm,
+      "--toggle-track-width-md": i.sizing.trackWidth.md,
+      "--toggle-track-width-lg": i.sizing.trackWidth.lg
+    },
+    ...i?.sizing?.trackHeight && {
+      "--toggle-track-height-sm": i.sizing.trackHeight.sm,
+      "--toggle-track-height-md": i.sizing.trackHeight.md,
+      "--toggle-track-height-lg": i.sizing.trackHeight.lg
+    },
+    ...i?.sizing?.thumbSize && {
+      "--toggle-thumb-size-sm": i.sizing.thumbSize.sm,
+      "--toggle-thumb-size-md": i.sizing.thumbSize.md,
+      "--toggle-thumb-size-lg": i.sizing.thumbSize.lg
+    },
+    ...i?.sizing?.iconSize && {
+      "--toggle-icon-size-sm": i.sizing.iconSize.sm,
+      "--toggle-icon-size-md": i.sizing.iconSize.md,
+      "--toggle-icon-size-lg": i.sizing.iconSize.lg
+    },
+    ...i?.borderRadius?.track && {
+      "--toggle-border-radius-track": i.borderRadius.track.default
+    },
+    ...i?.borderRadius?.thumb && {
+      "--toggle-border-radius-thumb": i.borderRadius.thumb.default
+    },
+    ...i?.opacity?.disabled && {
+      "--toggle-opacity-disabled": i.opacity.disabled.default
+    }
+  };
+  return /* @__PURE__ */ n(
+    C,
+    {
+      data: { as: "label" },
+      "data-tui-primitive": "base",
+      "data-tui-dynamic-states": "default",
+      colorPalette: f,
+      colorSource: p,
+      customColor: v,
+      className: [
+        a.toggleContainer,
+        a[N],
+        u ? a.hasError : "",
+        o ? a.disabled : "",
+        z ?? ""
+      ].filter(Boolean).join(" "),
+      style: w,
+      children: [
+        /* @__PURE__ */ r(
+          "input",
+          {
+            type: "checkbox",
+            role: "switch",
+            id: x,
+            name: d,
+            ...e !== void 0 ? { checked: e } : { defaultChecked: I },
+            value: y,
+            disabled: o,
+            required: S,
+            "aria-checked": e,
+            "aria-disabled": o,
+            "aria-invalid": u,
+            "aria-label": R || l,
+            className: a.input,
+            onChange: (t) => c?.onChange?.(t.target.checked, t),
+            onFocus: (t) => c?.onFocus?.(t),
+            onBlur: (t) => c?.onBlur?.(t)
+          }
+        ),
+        /* @__PURE__ */ n("span", { className: a.track, "aria-hidden": "true", children: [
+          e && m && /* @__PURE__ */ r("span", { className: [a.trackIcon, a.iconLeft].join(" "), children: /* @__PURE__ */ r(h, { data: { type: m } }) }),
+          !e && s && /* @__PURE__ */ r("span", { className: [a.trackIcon, a.iconRight].join(" "), children: /* @__PURE__ */ r(h, { data: { type: s } }) }),
+          /* @__PURE__ */ r("span", { className: a.thumb })
+        ] }),
+        l && /* @__PURE__ */ r("span", { className: a.labelText, children: l })
+      ]
+    }
+  );
+};
+export {
+  L as default
+};
+//# sourceMappingURL=Toggle.js.map

package/dist/esm/ui/primitives/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../../../../src/ui/primitives/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport type { ToggleModel } from \"@tramo-digital/types\";\nimport Frame from \"../Frame/Frame\";\nimport Icon from \"../Icon/Icon\";\nimport styles from \"./Toggle.module.css\";\n\nexport interface ToggleProps {\n  id?: ToggleModel[\"id\"];\n  data: ToggleModel[\"data\"];\n  events?: ToggleModel[\"events\"];\n  tokens?: ToggleModel[\"tokens\"];\n  className?: ToggleModel[\"className\"];\n  colorPalette?: ToggleModel[\"colorPalette\"];\n  colorSource?: ToggleModel[\"colorSource\"];\n  customColor?: ToggleModel[\"customColor\"];\n}\n\nconst Toggle: React.FC<ToggleProps> = ({\n  id,\n  data,\n  events,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"e3b1bf148318612b98751860c4f22e98\";\n\n  const {\n    name,\n    label,\n    checked,\n    defaultChecked,\n    value,\n    disabled = false,\n    required = false,\n    size = \"md\",\n    activeIcon,\n    inactiveIcon,\n    ariaLabel,\n    errorMessage,\n  } = data;\n\n  const generatedId = useId();\n  const fieldId = id ?? name ?? generatedId;\n  const hasError = !!errorMessage;\n\n  const tokenStyles = {\n    ...(tokens?.color?.trackActive && {\n      \"--toggle-color-track-active\": tokens.color.trackActive.default,\n    }),\n    ...(tokens?.color?.trackInactive && {\n      \"--toggle-color-track-inactive\": tokens.color.trackInactive.default,\n    }),\n    ...(tokens?.color?.thumb && {\n      \"--toggle-color-thumb\": tokens.color.thumb.default,\n    }),\n    ...(tokens?.color?.iconActiveTarget && {\n      \"--toggle-color-icon-active-target\":\n        tokens.color.iconActiveTarget.default,\n    }),\n    ...(tokens?.color?.iconInactiveTarget && {\n      \"--toggle-color-icon-inactive-target\":\n        tokens.color.iconInactiveTarget.default,\n    }),\n    ...(tokens?.color?.border && {\n      \"--toggle-color-border\": tokens.color.border.default,\n    }),\n    ...(tokens?.color?.focusRing && {\n      \"--toggle-color-focus-ring\": tokens.color.focusRing.default,\n    }),\n    ...(tokens?.sizing?.trackWidth && {\n      \"--toggle-track-width-sm\": tokens.sizing.trackWidth.sm,\n      \"--toggle-track-width-md\": tokens.sizing.trackWidth.md,\n      \"--toggle-track-width-lg\": tokens.sizing.trackWidth.lg,\n    }),\n    ...(tokens?.sizing?.trackHeight && {\n      \"--toggle-track-height-sm\": tokens.sizing.trackHeight.sm,\n      \"--toggle-track-height-md\": tokens.sizing.trackHeight.md,\n      \"--toggle-track-height-lg\": tokens.sizing.trackHeight.lg,\n    }),\n    ...(tokens?.sizing?.thumbSize && {\n      \"--toggle-thumb-size-sm\": tokens.sizing.thumbSize.sm,\n      \"--toggle-thumb-size-md\": tokens.sizing.thumbSize.md,\n      \"--toggle-thumb-size-lg\": tokens.sizing.thumbSize.lg,\n    }),\n    ...(tokens?.sizing?.iconSize && {\n      \"--toggle-icon-size-sm\": tokens.sizing.iconSize.sm,\n      \"--toggle-icon-size-md\": tokens.sizing.iconSize.md,\n      \"--toggle-icon-size-lg\": tokens.sizing.iconSize.lg,\n    }),\n    ...(tokens?.borderRadius?.track && {\n      \"--toggle-border-radius-track\": tokens.borderRadius.track.default,\n    }),\n    ...(tokens?.borderRadius?.thumb && {\n      \"--toggle-border-radius-thumb\": tokens.borderRadius.thumb.default,\n    }),\n    ...(tokens?.opacity?.disabled && {\n      \"--toggle-opacity-disabled\": tokens.opacity.disabled.default,\n    }),\n  };\n\n  return (\n    <Frame\n      data={{ as: \"label\" }}\n      data-tui-primitive=\"base\"\n      data-tui-dynamic-states=\"default\"\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={[\n        styles.toggleContainer,\n        styles[size],\n        hasError ? styles.hasError : \"\",\n        disabled ? styles.disabled : \"\",\n        className ?? \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={tokenStyles as React.CSSProperties}\n    >\n      <input\n        type=\"checkbox\"\n        role=\"switch\"\n        id={fieldId}\n        name={name}\n        {...(checked !== undefined ? { checked } : { defaultChecked })}\n        value={value}\n        disabled={disabled}\n        required={required}\n        aria-checked={checked}\n        aria-disabled={disabled}\n        aria-invalid={hasError}\n        aria-label={ariaLabel || label}\n        className={styles.input}\n        onChange={(e) => events?.onChange?.(e.target.checked, e)}\n        onFocus={(e) => events?.onFocus?.(e)}\n        onBlur={(e) => events?.onBlur?.(e)}\n      />\n      <span className={styles.track} aria-hidden=\"true\">\n        {checked && inactiveIcon && (\n          <span className={[styles.trackIcon, styles.iconLeft].join(\" \")}>\n            <Icon data={{ type: inactiveIcon }} />\n          </span>\n        )}\n        {!checked && activeIcon && (\n          <span className={[styles.trackIcon, styles.iconRight].join(\" \")}>\n            <Icon data={{ type: activeIcon }} />\n          </span>\n        )}\n        <span className={styles.thumb} />\n      </span>\n      {label && <span className={styles.labelText}>{label}</span>}\n    </Frame>\n  );\n};\n\nexport default Toggle;\n"],"names":["Toggle","id","data","events","tokens","className","colorPalette","colorSource","customColor","name","label","checked","defaultChecked","value","disabled","required","size","activeIcon","inactiveIcon","ariaLabel","errorMessage","generatedId","useId","fieldId","hasError","tokenStyles","jsxs","Frame","styles","jsx","e","Icon"],"mappings":"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"}

package/dist/esm/ui/primitives/Toggle/Toggle.module.css.js

@@ -0,0 +1,32 @@
+const t = "B2SM54Pb", o = "r6I-KYZS", n = "IVOtgt4i", c = "DZtgNaQt", s = "PgaHvRmf", e = "eWIDvZeo", a = "XLYcljZ1", r = "_2WHU2-52", i = "_9qd9We0D", l = "d-2KeF3k", g = "gze-SHDs", d = "_693-BimY", b = "orD7DYzb", m = {
+  toggleContainer: t,
+  disabled: o,
+  input: n,
+  track: c,
+  sm: s,
+  thumb: e,
+  trackIcon: a,
+  md: r,
+  lg: i,
+  iconLeft: l,
+  iconRight: g,
+  labelText: d,
+  hasError: b
+};
+export {
+  m as default,
+  o as disabled,
+  b as hasError,
+  l as iconLeft,
+  g as iconRight,
+  n as input,
+  d as labelText,
+  i as lg,
+  r as md,
+  s as sm,
+  e as thumb,
+  t as toggleContainer,
+  c as track,
+  a as trackIcon
+};
+//# sourceMappingURL=Toggle.module.css.js.map

package/dist/esm/ui/primitives/Toggle/Toggle.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/esm/ui/primitives/Toggle/index.js

@@ -0,0 +1,5 @@
+import e from "./Toggle.js";
+export {
+  e as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/primitives/Toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}