@tramo-digital/react-ui 0.0.0-alpha

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

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

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

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

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

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

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

@@ -0,0 +1,41 @@
+import { jsx as n } from "react/jsx-runtime";
+import { findSvgIcon as p } from "../../../icons/src/utils/svgIcons.js";
+import u from "../Frame/Frame.js";
+import d from "./Icon.module.css.js";
+const z = ({
+  data: r,
+  tokens: o,
+  className: s,
+  colorPalette: e,
+  colorSource: c,
+  customColor: l
+}) => {
+  if (!r) return null;
+  const { type: t } = r, a = p(t), m = {
+    ...o?.color?.fill && { "--icon-color": o.color.fill.default },
+    ...o?.dimension?.size && {
+      "--icon-size": o.dimension.size.default
+    }
+  }, i = a?.svgComponent;
+  if (!i)
+    return null;
+  const f = typeof i == "string" ? i : i.src;
+  return /* @__PURE__ */ n(
+    u,
+    {
+      "data-tui-primitive": "base",
+      data: { as: "i" },
+      colorPalette: e,
+      colorSource: c,
+      customColor: l,
+      className: `${d.iconObject} ${s || ""}`,
+      style: m,
+      "aria-label": `${t} icon`,
+      children: /* @__PURE__ */ n("img", { src: f, alt: t })
+    }
+  );
+};
+export {
+  z as default
+};
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../../src/ui/primitives/Icon/Icon.tsx"],"sourcesContent":["import { findSvgIcon, SvgIconName } from '@tramo-digital/icons';\nimport type { IconModel } from '@tramo-digital/types';\nimport React from 'react';\nimport Frame from '../Frame/Frame';\nimport styles from './Icon.module.css';\n\nexport type IconProps = IconModel;\n\n/**\n * Icon Component - Production-ready with robust error handling\n *\n * Features:\n * - Multi-category support (object-icons, utility-icons, logo)\n * - Automatic fallback between categories\n * - Size normalization (sm/md/lg → small/medium/large)\n * - Error boundary with fallback UI\n * - Memory leak prevention\n * - Token-based styling\n */\nconst Icon: React.FC<IconProps> = ({\n    data,\n    tokens,\n    className,\n    colorPalette,\n    colorSource,\n    customColor,\n}) => {\n    const _fingerprint = 'd0e452d6d79c8a481723cab6281fa0e6';\n    if (!data) return null;\n    const { type } = data;\n\n    const icon = findSvgIcon(type as SvgIconName);\n\n    const tokenStyles = {\n        ...(tokens?.color?.fill && { '--icon-color': tokens.color.fill.default }),\n        ...(tokens?.dimension?.size && {\n            '--icon-size': tokens.dimension.size.default,\n        }),\n    };\n\n    const svg = icon?.svgComponent;\n\n    if (!svg) {\n        return null;\n    }\n\n    // Normalize: Astro resolves SVG imports as {src, width, height, format},\n    // while Vite resolves them as plain string URLs.\n    const svgSrc =\n        typeof svg === 'string' ? svg : (svg as unknown as { src: string }).src;\n\n    return (\n        <Frame\n            data-tui-primitive=\"base\"\n            data={{ as: 'i' }}\n            colorPalette={colorPalette}\n            colorSource={colorSource}\n            customColor={customColor}\n            className={`${styles.iconObject} ${className || ''}`}\n            style={tokenStyles as React.CSSProperties}\n            aria-label={`${type} icon`}\n        >\n            <img src={svgSrc} alt={type} />\n        </Frame>\n    );\n};\n\nexport default Icon;\n"],"names":["Icon","data","tokens","className","colorPalette","colorSource","customColor","type","icon","findSvgIcon","tokenStyles","svg","svgSrc","jsx","Frame","styles"],"mappings":";;;;AAmBA,MAAMA,IAA4B,CAAC;AAAA,EAC/B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACJ,MAAM;AAEF,MAAI,CAACL,EAAM,QAAO;AAClB,QAAM,EAAE,MAAAM,MAASN,GAEXO,IAAOC,EAAYF,CAAmB,GAEtCG,IAAc;AAAA,IAChB,GAAIR,GAAQ,OAAO,QAAQ,EAAE,gBAAgBA,EAAO,MAAM,KAAK,QAAA;AAAA,IAC/D,GAAIA,GAAQ,WAAW,QAAQ;AAAA,MAC3B,eAAeA,EAAO,UAAU,KAAK;AAAA,IAAA;AAAA,EACzC,GAGES,IAAMH,GAAM;AAElB,MAAI,CAACG;AACD,WAAO;AAKX,QAAMC,IACF,OAAOD,KAAQ,WAAWA,IAAOA,EAAmC;AAExE,SACI,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,sBAAmB;AAAA,MACnB,MAAM,EAAE,IAAI,IAAA;AAAA,MACZ,cAAAV;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAW,GAAGS,EAAO,UAAU,IAAIZ,KAAa,EAAE;AAAA,MAClD,OAAOO;AAAA,MACP,cAAY,GAAGH,CAAI;AAAA,MAEnB,UAAA,gBAAAM,EAAC,OAAA,EAAI,KAAKD,GAAQ,KAAKL,EAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAGzC;"}

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

@@ -0,0 +1,8 @@
+const t = "TLXikE7q", c = {
+  iconObject: t
+};
+export {
+  c as default,
+  t as iconObject
+};
+//# sourceMappingURL=Icon.module.css.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,65 @@
+import { jsxs as $, jsx as i } from "react/jsx-runtime";
+import n from "./Image.module.css.js";
+const y = ({ data: r, events: a, tokens: s, className: l }) => {
+  if (!r) return null;
+  const {
+    src: t,
+    alt: o,
+    sources: e,
+    width: d,
+    height: c,
+    loading: m,
+    objectFit: p = "cover",
+    fluid: f
+  } = r, u = {
+    ...s?.border?.borderRadius?.default && {
+      "--image-border-radius": s.border.borderRadius.default
+    },
+    ...s?.dimension?.aspectRatio?.default && {
+      "--image-aspect-ratio": s.dimension.aspectRatio.default
+    },
+    ...p && { "--image-object-fit": p }
+  }, b = `${n.image}${f ? ` ${n.fluid}` : ""}${l ? ` ${l}` : ""}`;
+  if (!t || !o)
+    return null;
+  if (e) {
+    const x = e.desktopxl || e.desktop || e.tablet || e.mobile || t, k = e.desktopxl || e.desktop || e.tablet || e.mobile || t, g = e.desktop || e.desktopxl || e.tablet || e.mobile || t, S = e.tablet || e.desktop || e.mobile || e.desktopxl || t, h = e.mobile || e.tablet || e.desktop || e.desktopxl || t;
+    return /* @__PURE__ */ $("picture", { "data-tui-primitive": "base", children: [
+      /* @__PURE__ */ i("source", { media: "(min-width: 1440px)", srcSet: k }),
+      /* @__PURE__ */ i("source", { media: "(min-width: 1025px)", srcSet: g }),
+      /* @__PURE__ */ i("source", { media: "(min-width: 960px)", srcSet: S }),
+      /* @__PURE__ */ i("source", { srcSet: h }),
+      /* @__PURE__ */ i(
+        "img",
+        {
+          src: x,
+          alt: o,
+          width: d,
+          height: c,
+          loading: m,
+          className: b,
+          style: u,
+          ...a
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ i(
+    "img",
+    {
+      "data-tui-primitive": "base",
+      src: t,
+      alt: o,
+      width: d,
+      height: c,
+      loading: m,
+      className: b,
+      style: u,
+      ...a
+    }
+  );
+};
+export {
+  y as default
+};
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../../../src/ui/primitives/Image/Image.tsx"],"sourcesContent":["import type { ImageModel } from '@tramo-digital/types';\nimport React from 'react';\nimport styles from './Image.module.css';\n\nexport interface ImageProps {\n    id?: ImageModel['id'];\n    data: ImageModel['data'];\n    events?: ImageModel['events'];\n    tokens?: ImageModel['tokens'];\n    className?: ImageModel['className'];\n}\n\nconst Image: React.FC<ImageProps> = ({ data, events, tokens, className }) => {\n    if (!data) return null;\n    const {\n        src,\n        alt,\n        sources,\n        width,\n        height,\n        loading,\n        objectFit = 'cover',\n        fluid,\n    } = data;\n\n    const tokenStyles = {\n        ...(tokens?.border?.borderRadius?.default && {\n            '--image-border-radius': tokens.border.borderRadius.default,\n        }),\n        ...(tokens?.dimension?.aspectRatio?.default && {\n            '--image-aspect-ratio': tokens.dimension.aspectRatio.default,\n        }),\n        ...(objectFit && { '--image-object-fit': objectFit }),\n    };\n\n    const imageClasses = `${styles.image}${fluid ? ` ${styles.fluid}` : ''}${className ? ` ${className}` : ''\n        }`;\n\n    if (!src || !alt) {\n        return null;\n    }\n\n    if (sources) {\n        // Fill missing breakpoints with closest available image\n        const fallbackSrc =\n            sources.desktopxl ||\n            sources.desktop ||\n            sources.tablet ||\n            sources.mobile ||\n            src;\n        const desktopxlSrc =\n            sources.desktopxl ||\n            sources.desktop ||\n            sources.tablet ||\n            sources.mobile ||\n            src;\n        const desktopSrc =\n            sources.desktop ||\n            sources.desktopxl ||\n            sources.tablet ||\n            sources.mobile ||\n            src;\n        const tabletSrc =\n            sources.tablet ||\n            sources.desktop ||\n            sources.mobile ||\n            sources.desktopxl ||\n            src;\n        const mobileSrc =\n            sources.mobile ||\n            sources.tablet ||\n            sources.desktop ||\n            sources.desktopxl ||\n            src;\n\n        return (\n            <picture data-tui-primitive=\"base\">\n                <source media=\"(min-width: 1440px)\" srcSet={desktopxlSrc} />\n                <source media=\"(min-width: 1025px)\" srcSet={desktopSrc} />\n                <source media=\"(min-width: 960px)\" srcSet={tabletSrc} />\n                <source srcSet={mobileSrc} />\n                <img\n                    src={fallbackSrc}\n                    alt={alt}\n                    width={width}\n                    height={height}\n                    loading={loading}\n                    className={imageClasses}\n                    style={tokenStyles as React.CSSProperties}\n                    {...events}\n                />\n            </picture>\n        );\n    }\n\n    return (\n        <img\n            data-tui-primitive=\"base\"\n            src={src}\n            alt={alt}\n            width={width}\n            height={height}\n            loading={loading}\n            className={imageClasses}\n            style={tokenStyles as React.CSSProperties}\n            {...events}\n        />\n    );\n};\n\nexport default Image;\n"],"names":["Image","data","events","tokens","className","src","alt","sources","width","height","loading","objectFit","fluid","tokenStyles","imageClasses","styles","fallbackSrc","desktopxlSrc","desktopSrc","tabletSrc","mobileSrc","jsxs","jsx"],"mappings":";;AAYA,MAAMA,IAA8B,CAAC,EAAE,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,WAAAC,QAAgB;AACzE,MAAI,CAACH,EAAM,QAAO;AAClB,QAAM;AAAA,IACF,KAAAI;AAAA,IACA,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,EAAA,IACAX,GAEEY,IAAc;AAAA,IAChB,GAAIV,GAAQ,QAAQ,cAAc,WAAW;AAAA,MACzC,yBAAyBA,EAAO,OAAO,aAAa;AAAA,IAAA;AAAA,IAExD,GAAIA,GAAQ,WAAW,aAAa,WAAW;AAAA,MAC3C,wBAAwBA,EAAO,UAAU,YAAY;AAAA,IAAA;AAAA,IAEzD,GAAIQ,KAAa,EAAE,sBAAsBA,EAAA;AAAA,EAAU,GAGjDG,IAAe,GAAGC,EAAO,KAAK,GAAGH,IAAQ,IAAIG,EAAO,KAAK,KAAK,EAAE,GAAGX,IAAY,IAAIA,CAAS,KAAK,EACnG;AAEJ,MAAI,CAACC,KAAO,CAACC;AACT,WAAO;AAGX,MAAIC,GAAS;AAET,UAAMS,IACFT,EAAQ,aACRA,EAAQ,WACRA,EAAQ,UACRA,EAAQ,UACRF,GACEY,IACFV,EAAQ,aACRA,EAAQ,WACRA,EAAQ,UACRA,EAAQ,UACRF,GACEa,IACFX,EAAQ,WACRA,EAAQ,aACRA,EAAQ,UACRA,EAAQ,UACRF,GACEc,IACFZ,EAAQ,UACRA,EAAQ,WACRA,EAAQ,UACRA,EAAQ,aACRF,GACEe,IACFb,EAAQ,UACRA,EAAQ,UACRA,EAAQ,WACRA,EAAQ,aACRF;AAEJ,WACI,gBAAAgB,EAAC,WAAA,EAAQ,sBAAmB,QACxB,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAA,EAAO,OAAM,uBAAsB,QAAQL,GAAc;AAAA,MAC1D,gBAAAK,EAAC,UAAA,EAAO,OAAM,uBAAsB,QAAQJ,GAAY;AAAA,MACxD,gBAAAI,EAAC,UAAA,EAAO,OAAM,sBAAqB,QAAQH,GAAW;AAAA,MACtD,gBAAAG,EAAC,UAAA,EAAO,QAAQF,EAAA,CAAW;AAAA,MAC3B,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKN;AAAA,UACL,KAAAV;AAAA,UACA,OAAAE;AAAA,UACA,QAAAC;AAAA,UACA,SAAAC;AAAA,UACA,WAAWI;AAAA,UACX,OAAOD;AAAA,UACN,GAAGX;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,GACJ;AAAA,EAER;AAEA,SACI,gBAAAoB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,sBAAmB;AAAA,MACnB,KAAAjB;AAAA,MACA,KAAAC;AAAA,MACA,OAAAE;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,MACA,WAAWI;AAAA,MACX,OAAOD;AAAA,MACN,GAAGX;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

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

@@ -0,0 +1,10 @@
+const s = "DsWQlAvQ", t = "_5bHB2tTv", e = {
+  image: s,
+  fluid: t
+};
+export {
+  e as default,
+  t as fluid,
+  s as image
+};
+//# sourceMappingURL=Image.module.css.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../../src/ui/primitives/Input/Input.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport type { InputModel } from \"@tramo-digital/types\";\nimport Frame from \"../Frame/Frame\";\nimport styles from \"./Input.module.css\";\n\nexport interface InputProps {\n  id?: InputModel[\"id\"];\n  data: InputModel[\"data\"];\n  events?: InputModel[\"events\"];\n  tokens?: InputModel[\"tokens\"];\n  className?: InputModel[\"className\"];\n  colorPalette?: InputModel[\"colorPalette\"];\n  colorSource?: InputModel[\"colorSource\"];\n  customColor?: InputModel[\"customColor\"];\n}\n\nconst Input: React.FC<InputProps> = ({\n  data,\n  events,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"245b2c8ec26a34a1d7587ad61fb46fbc\";\n\n  const {\n    name,\n    placeholder,\n    required = false,\n    disabled = false,\n    readOnly = false,\n    value,\n    id,\n    type = \"text\",\n    autocomplete,\n    maxLength,\n    minLength,\n    pattern,\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      \"--input-color-background\": tokens.color.background.default,\n    }),\n    ...(tokens?.color?.border && {\n      \"--input-color-border\": tokens.color.border.default,\n    }),\n    ...(tokens?.color?.borderFocus && {\n      \"--input-color-border-focus\": tokens.color.borderFocus.default,\n    }),\n    ...(tokens?.color?.borderError && {\n      \"--input-color-border-error\": tokens.color.borderError.default,\n    }),\n    ...(tokens?.color?.text && {\n      \"--input-color-text\": tokens.color.text.default,\n    }),\n    ...(tokens?.color?.placeholder && {\n      \"--input-color-placeholder\": tokens.color.placeholder.default,\n    }),\n    ...(tokens?.spacing?.padding && {\n      \"--input-spacing-padding\": tokens.spacing.padding.default,\n    }),\n    ...(tokens?.border?.borderRadius && {\n      \"--input-border-radius\": tokens.border.borderRadius.default,\n    }),\n    ...(tokens?.border?.borderWidth && {\n      \"--input-border-width\": tokens.border.borderWidth.default,\n    }),\n    ...(tokens?.typography?.fontSize && {\n      \"--input-font-size\": tokens.typography.fontSize.default,\n    }),\n  };\n\n  return (\n    <Frame\n      data={{ as: \"input\" }}\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      type={type}\n      value={value}\n      placeholder={placeholder}\n      required={required}\n      disabled={disabled}\n      readOnly={readOnly}\n      maxLength={maxLength}\n      minLength={minLength}\n      pattern={pattern}\n      autoComplete={autocomplete}\n      aria-required={required}\n      aria-disabled={disabled}\n      aria-invalid={hasError}\n      className={[\n        styles.input,\n        hasError ? styles.hasError : \"\",\n        disabled ? styles.disabled : \"\",\n        className ?? \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={tokenStyles as React.CSSProperties}\n      onChange={events?.onChange as any}\n      onBlur={events?.onBlur as any}\n      onFocus={events?.onFocus as any}\n    />\n  );\n};\n\nexport default Input;\n"],"names":["Input","data","events","tokens","className","colorPalette","colorSource","customColor","name","placeholder","required","disabled","readOnly","value","id","type","autocomplete","maxLength","minLength","pattern","errorMessage","generatedId","useId","fieldId","hasError","tokenStyles","jsx","Frame","styles"],"mappings":";;;;AAgBA,MAAMA,IAA8B,CAAC;AAAA,EACnC,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,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEnB,GAEEoB,IAAcC,EAAA,GACdC,IAAUT,KAAMN,KAAQa,GACxBG,IAAW,CAAC,CAACJ,GAEbK,IAAc;AAAA,IAClB,GAAItB,GAAQ,OAAO,cAAc;AAAA,MAC/B,4BAA4BA,EAAO,MAAM,WAAW;AAAA,IAAA;AAAA,IAEtD,GAAIA,GAAQ,OAAO,UAAU;AAAA,MAC3B,wBAAwBA,EAAO,MAAM,OAAO;AAAA,IAAA;AAAA,IAE9C,GAAIA,GAAQ,OAAO,eAAe;AAAA,MAChC,8BAA8BA,EAAO,MAAM,YAAY;AAAA,IAAA;AAAA,IAEzD,GAAIA,GAAQ,OAAO,eAAe;AAAA,MAChC,8BAA8BA,EAAO,MAAM,YAAY;AAAA,IAAA;AAAA,IAEzD,GAAIA,GAAQ,OAAO,QAAQ;AAAA,MACzB,sBAAsBA,EAAO,MAAM,KAAK;AAAA,IAAA;AAAA,IAE1C,GAAIA,GAAQ,OAAO,eAAe;AAAA,MAChC,6BAA6BA,EAAO,MAAM,YAAY;AAAA,IAAA;AAAA,IAExD,GAAIA,GAAQ,SAAS,WAAW;AAAA,MAC9B,2BAA2BA,EAAO,QAAQ,QAAQ;AAAA,IAAA;AAAA,IAEpD,GAAIA,GAAQ,QAAQ,gBAAgB;AAAA,MAClC,yBAAyBA,EAAO,OAAO,aAAa;AAAA,IAAA;AAAA,IAEtD,GAAIA,GAAQ,QAAQ,eAAe;AAAA,MACjC,wBAAwBA,EAAO,OAAO,YAAY;AAAA,IAAA;AAAA,IAEpD,GAAIA,GAAQ,YAAY,YAAY;AAAA,MAClC,qBAAqBA,EAAO,WAAW,SAAS;AAAA,IAAA;AAAA,EAClD;AAGF,SACE,gBAAAuB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM,EAAE,IAAI,QAAA;AAAA,MACZ,sBAAmB;AAAA,MACnB,2BAAwB;AAAA,MACxB,cAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,IAAIgB;AAAA,MACJ,MAAAf;AAAA,MACA,MAAAO;AAAA,MACA,OAAAF;AAAA,MACA,aAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,WAAAK;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAcH;AAAA,MACd,iBAAeN;AAAA,MACf,iBAAeC;AAAA,MACf,gBAAca;AAAA,MACd,WAAW;AAAA,QACTI,EAAO;AAAA,QACPJ,IAAWI,EAAO,WAAW;AAAA,QAC7BjB,IAAWiB,EAAO,WAAW;AAAA,QAC7BxB,KAAa;AAAA,MAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,OAAOqB;AAAA,MACP,UAAUvB,GAAQ;AAAA,MAClB,QAAQA,GAAQ;AAAA,MAChB,SAASA,GAAQ;AAAA,IAAA;AAAA,EAAA;AAGvB;"}

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

@@ -0,0 +1,10 @@
+const s = "dXeU833I", t = "_4RFXMFGA", r = {
+  input: s,
+  hasError: t
+};
+export {
+  r as default,
+  t as hasError,
+  s as input
+};
+//# sourceMappingURL=Input.module.css.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,43 @@
+import { jsx as i } from "react/jsx-runtime";
+import { findSvgIcon as u } from "../../../icons/src/utils/svgIcons.js";
+import d from "../Frame/Frame.js";
+import g from "./InterfaceIcon.module.css.js";
+const S = ({
+  data: n,
+  tokens: o,
+  className: s,
+  colorPalette: c,
+  colorSource: a,
+  customColor: l
+}) => {
+  if (!n) return null;
+  const { type: t } = n, f = u(t), r = t ? t.substring(0, 1).toUpperCase() + t.substring(1) : "Icon", m = {
+    ...o?.color?.fill && {
+      "--interface-icon-color": o.color.fill.default
+    },
+    ...o?.dimension?.size && {
+      "--interface-icon-size": o.dimension.size.default
+    }
+  }, e = f?.svgComponent;
+  if (!e)
+    return null;
+  const p = typeof e == "string" ? e : e.src;
+  return /* @__PURE__ */ i(
+    d,
+    {
+      "data-tui-primitive": "base",
+      data: { as: "i" },
+      colorPalette: c,
+      colorSource: a,
+      customColor: l,
+      className: `${g.interfaceIcon} ${s || ""}`,
+      style: m,
+      "aria-label": `${r} Icon`,
+      children: /* @__PURE__ */ i("img", { src: p, alt: r })
+    }
+  );
+};
+export {
+  S as default
+};
+//# sourceMappingURL=InterfaceIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InterfaceIcon.js","sources":["../../../../../src/ui/primitives/InterfaceIcon/InterfaceIcon.tsx"],"sourcesContent":["import { findSvgIcon, SvgIconName } from '@tramo-digital/icons';\nimport type { InterfaceIconModel } from '@tramo-digital/types';\nimport React from 'react';\nimport Frame from '../Frame/Frame';\nimport styles from './InterfaceIcon.module.css';\n\nexport type InterfaceIconProps = InterfaceIconModel;\n\n/**\n * InterfaceIcon Component - Production-ready with robust error handling\n *\n * Designed for utility/interface icons (arrows, chevrons, UI elements)\n *\n * Features:\n * - Intelligent icon loading with filename normalization\n * - Automatic fallback between naming conventions\n * - Size normalization (sm/md/lg → small/medium/large)\n * - Error boundary with fallback UI\n * - Memory leak prevention\n * - Token-based styling\n */\nconst InterfaceIcon: React.FC<InterfaceIconProps> = ({\n    data,\n    tokens,\n    className,\n    colorPalette,\n    colorSource,\n    customColor,\n}) => {\n    const _fingerprint = 'ac2493029528815eebbfd5539fe6024b';\n    if (!data) return null;\n    const { type } = data;\n    const icon = findSvgIcon(type as SvgIconName);\n\n    const formattedName = type\n        ? type.substring(0, 1).toUpperCase() + type.substring(1)\n        : 'Icon';\n\n    const tokenStyles = {\n        ...(tokens?.color?.fill && {\n            '--interface-icon-color': tokens.color.fill.default,\n        }),\n        ...(tokens?.dimension?.size && {\n            '--interface-icon-size': tokens.dimension.size.default,\n        }),\n    };\n\n    const SVGComponent = icon?.svgComponent;\n\n    if (!SVGComponent) {\n        return null;\n    }\n\n    // Normalize: Astro resolves SVG imports as {src, width, height, format},\n    // while Vite resolves them as plain string URLs.\n    const svgSrc =\n        typeof SVGComponent === 'string'\n            ? SVGComponent\n            : (SVGComponent as unknown as { src: string }).src;\n\n    return (\n        <Frame\n            data-tui-primitive=\"base\"\n            data={{ as: 'i' }}\n            colorPalette={colorPalette}\n            colorSource={colorSource}\n            customColor={customColor}\n            className={`${styles.interfaceIcon} ${className || ''}`}\n            style={tokenStyles as React.CSSProperties}\n            aria-label={`${formattedName} Icon`}\n        >\n            <img src={svgSrc} alt={formattedName} />\n        </Frame>\n    );\n};\n\nexport default InterfaceIcon;\n"],"names":["InterfaceIcon","data","tokens","className","colorPalette","colorSource","customColor","type","icon","findSvgIcon","formattedName","tokenStyles","SVGComponent","svgSrc","jsx","Frame","styles"],"mappings":";;;;AAqBA,MAAMA,IAA8C,CAAC;AAAA,EACjD,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACJ,MAAM;AAEF,MAAI,CAACL,EAAM,QAAO;AAClB,QAAM,EAAE,MAAAM,MAASN,GACXO,IAAOC,EAAYF,CAAmB,GAEtCG,IAAgBH,IAChBA,EAAK,UAAU,GAAG,CAAC,EAAE,YAAA,IAAgBA,EAAK,UAAU,CAAC,IACrD,QAEAI,IAAc;AAAA,IAChB,GAAIT,GAAQ,OAAO,QAAQ;AAAA,MACvB,0BAA0BA,EAAO,MAAM,KAAK;AAAA,IAAA;AAAA,IAEhD,GAAIA,GAAQ,WAAW,QAAQ;AAAA,MAC3B,yBAAyBA,EAAO,UAAU,KAAK;AAAA,IAAA;AAAA,EACnD,GAGEU,IAAeJ,GAAM;AAE3B,MAAI,CAACI;AACD,WAAO;AAKX,QAAMC,IACF,OAAOD,KAAiB,WAClBA,IACCA,EAA4C;AAEvD,SACI,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,sBAAmB;AAAA,MACnB,MAAM,EAAE,IAAI,IAAA;AAAA,MACZ,cAAAX;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAW,GAAGU,EAAO,aAAa,IAAIb,KAAa,EAAE;AAAA,MACrD,OAAOQ;AAAA,MACP,cAAY,GAAGD,CAAa;AAAA,MAE5B,UAAA,gBAAAI,EAAC,OAAA,EAAI,KAAKD,GAAQ,KAAKH,EAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAGlD;"}

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

@@ -0,0 +1,8 @@
+const e = "fB4VX-Vj", t = {
+  interfaceIcon: e
+};
+export {
+  t as default,
+  e as interfaceIcon
+};
+//# sourceMappingURL=InterfaceIcon.module.css.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,81 @@
+import { jsxs as S, jsx as a } from "react/jsx-runtime";
+import $ from "react";
+import e from "./Link.module.css.js";
+import z from "../Frame/Frame.js";
+import n from "../InterfaceIcon/InterfaceIcon.js";
+const R = $.forwardRef(
+  ({
+    data: r,
+    tokens: t,
+    events: c = {},
+    className: o = "",
+    colorPalette: f,
+    colorSource: g,
+    customColor: y,
+    children: p,
+    ...h
+  }, D) => {
+    const {
+      positioning: l = "left",
+      text: d,
+      size: m = "md",
+      targetId: F,
+      href: s,
+      target: x,
+      rel: u
+    } = r ?? {}, { onClick: N } = c ?? {}, I = {
+      ...t?.color?.text && {
+        "--text-link-color": t.color.text.default
+      },
+      ...t?.typography?.fontFamily && {
+        "--text-link-fontfamily": t.typography.fontFamily.default
+      },
+      ...t?.typography?.fontSize && {
+        "--text-link-fontsize": t.typography.fontSize.default
+      },
+      ...t?.typography?.fontWeight && {
+        "--text-link-fontweight": t.typography.fontWeight.default
+      },
+      ...t?.typography?.lineHeight && {
+        "--text-link-lineheight": t.typography.lineHeight.default
+      },
+      ...t?.typography?.letterSpacing && {
+        "--text-link-letterspacing": t.typography.letterSpacing.default
+      },
+      ...t?.typography?.textDecoration && {
+        "--text-link-decoration": t.typography.textDecoration.default
+      },
+      ...t?.spacing?.gap && {
+        "--text-link-gap": t.spacing.gap.default
+      }
+    }, i = r?.interfaceIcon?.graph ? {
+      type: r?.interfaceIcon?.graph
+    } : void 0;
+    return /* @__PURE__ */ S(
+      z,
+      {
+        "data-tui-primitive": "base",
+        "data-tui-dynamic-states": "default",
+        data: { as: "a" },
+        href: s,
+        target: x,
+        rel: u,
+        colorPalette: f,
+        colorSource: g,
+        customColor: y,
+        className: `${e.tuiLink} ${e[`link-${m}`]}${o ? ` ${o}` : ""}`,
+        style: I,
+        ...h,
+        children: [
+          l !== "right" && i && /* @__PURE__ */ a("span", { className: e.icon, children: /* @__PURE__ */ a(n, { data: i }) }),
+          p || /* @__PURE__ */ a("span", { className: e.text, children: d }),
+          l === "right" && i && /* @__PURE__ */ a("span", { className: e.icon, children: /* @__PURE__ */ a(n, { data: i }) })
+        ]
+      }
+    );
+  }
+);
+export {
+  R as default
+};
+//# sourceMappingURL=Link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../../../../src/ui/primitives/Link/Link.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./Link.module.css\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport InterfaceIcon from \"../../primitives/InterfaceIcon/InterfaceIcon\";\nimport type { InterfaceIconData, LinkModel } from \"@tramo-digital/types\";\n\nexport interface LinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  id?: LinkModel[\"id\"];\n  data?: LinkModel[\"data\"];\n  events?: LinkModel[\"events\"];\n  tokens?: LinkModel[\"tokens\"];\n  className?: LinkModel[\"className\"];\n  colorPalette?: LinkModel[\"colorPalette\"];\n  colorSource?: LinkModel[\"colorSource\"];\n  customColor?: LinkModel[\"customColor\"];\n  children?: React.ReactNode;\n}\n\nconst Link = React.forwardRef<HTMLElement, LinkProps>(\n  (\n    {\n      data,\n      tokens,\n      events = {},\n      className = \"\",\n      colorPalette,\n      colorSource,\n      customColor,\n      children,\n      ...rest\n    },\n    _ref,\n  ) => {\n    const {\n      positioning = \"left\",\n      text,\n      size = \"md\",\n      targetId,\n      href,\n      target,\n      rel,\n    } = data ?? {};\n    const { onClick } = events ?? {};\n\n    const tokenStyles = {\n      ...(tokens?.color?.text && {\n        \"--text-link-color\": tokens.color.text.default,\n      }),\n      ...(tokens?.typography?.fontFamily && {\n        \"--text-link-fontfamily\": tokens.typography.fontFamily.default,\n      }),\n      ...(tokens?.typography?.fontSize && {\n        \"--text-link-fontsize\": tokens.typography.fontSize.default,\n      }),\n      ...(tokens?.typography?.fontWeight && {\n        \"--text-link-fontweight\": tokens.typography.fontWeight.default,\n      }),\n      ...(tokens?.typography?.lineHeight && {\n        \"--text-link-lineheight\": tokens.typography.lineHeight.default,\n      }),\n      ...(tokens?.typography?.letterSpacing && {\n        \"--text-link-letterspacing\": tokens.typography.letterSpacing.default,\n      }),\n      ...(tokens?.typography?.textDecoration && {\n        \"--text-link-decoration\": tokens.typography.textDecoration.default,\n      }),\n      ...(tokens?.spacing?.gap && {\n        \"--text-link-gap\": tokens.spacing.gap.default,\n      }),\n    };\n\n    const iconData: InterfaceIconData | undefined = data?.interfaceIcon?.graph\n      ? {\n          type: data?.interfaceIcon?.graph,\n        }\n      : undefined;\n\n    return (\n      <Frame\n        data-tui-primitive=\"base\"\n        data-tui-dynamic-states=\"default\"\n        data={{ as: \"a\" }}\n        href={href}\n        target={target}\n        rel={rel}\n        colorPalette={colorPalette}\n        colorSource={colorSource}\n        customColor={customColor}\n        className={`${styles.tuiLink} ${styles[`link-${size}`]}${className ? ` ${className}` : \"\"}`}\n        style={tokenStyles as React.CSSProperties}\n        {...rest}\n      >\n        {positioning !== \"right\" && iconData && (\n          <span className={styles.icon}>\n            <InterfaceIcon data={iconData} />\n          </span>\n        )}\n        {children ? children : <span className={styles.text}>{text}</span>}\n        {positioning === \"right\" && iconData && (\n          <span className={styles.icon}>\n            <InterfaceIcon data={iconData} />\n          </span>\n        )}\n      </Frame>\n    );\n  },\n);\n\nexport default Link;\n"],"names":["Link","React","data","tokens","events","className","colorPalette","colorSource","customColor","children","rest","_ref","positioning","text","size","targetId","href","target","rel","onClick","tokenStyles","iconData","jsxs","Frame","styles","jsx","InterfaceIcon"],"mappings":";;;;;AAmBA,MAAMA,IAAOC,EAAM;AAAA,EACjB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS,CAAA;AAAA,IACT,WAAAC,IAAY;AAAA,IACZ,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM;AAAA,MACJ,aAAAC,IAAc;AAAA,MACd,MAAAC;AAAA,MACA,MAAAC,IAAO;AAAA,MACP,UAAAC;AAAA,MACA,MAAAC;AAAA,MACA,QAAAC;AAAA,MACA,KAAAC;AAAA,IAAA,IACEhB,KAAQ,CAAA,GACN,EAAE,SAAAiB,MAAYf,KAAU,CAAA,GAExBgB,IAAc;AAAA,MAClB,GAAIjB,GAAQ,OAAO,QAAQ;AAAA,QACzB,qBAAqBA,EAAO,MAAM,KAAK;AAAA,MAAA;AAAA,MAEzC,GAAIA,GAAQ,YAAY,cAAc;AAAA,QACpC,0BAA0BA,EAAO,WAAW,WAAW;AAAA,MAAA;AAAA,MAEzD,GAAIA,GAAQ,YAAY,YAAY;AAAA,QAClC,wBAAwBA,EAAO,WAAW,SAAS;AAAA,MAAA;AAAA,MAErD,GAAIA,GAAQ,YAAY,cAAc;AAAA,QACpC,0BAA0BA,EAAO,WAAW,WAAW;AAAA,MAAA;AAAA,MAEzD,GAAIA,GAAQ,YAAY,cAAc;AAAA,QACpC,0BAA0BA,EAAO,WAAW,WAAW;AAAA,MAAA;AAAA,MAEzD,GAAIA,GAAQ,YAAY,iBAAiB;AAAA,QACvC,6BAA6BA,EAAO,WAAW,cAAc;AAAA,MAAA;AAAA,MAE/D,GAAIA,GAAQ,YAAY,kBAAkB;AAAA,QACxC,0BAA0BA,EAAO,WAAW,eAAe;AAAA,MAAA;AAAA,MAE7D,GAAIA,GAAQ,SAAS,OAAO;AAAA,QAC1B,mBAAmBA,EAAO,QAAQ,IAAI;AAAA,MAAA;AAAA,IACxC,GAGIkB,IAA0CnB,GAAM,eAAe,QACjE;AAAA,MACE,MAAMA,GAAM,eAAe;AAAA,IAAA,IAE7B;AAEJ,WACE,gBAAAoB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,sBAAmB;AAAA,QACnB,2BAAwB;AAAA,QACxB,MAAM,EAAE,IAAI,IAAA;AAAA,QACZ,MAAAP;AAAA,QACA,QAAAC;AAAA,QACA,KAAAC;AAAA,QACA,cAAAZ;AAAA,QACA,aAAAC;AAAA,QACA,aAAAC;AAAA,QACA,WAAW,GAAGgB,EAAO,OAAO,IAAIA,EAAO,QAAQV,CAAI,EAAE,CAAC,GAAGT,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,QACzF,OAAOe;AAAA,QACN,GAAGV;AAAA,QAEH,UAAA;AAAA,UAAAE,MAAgB,WAAWS,KAC1B,gBAAAI,EAAC,QAAA,EAAK,WAAWD,EAAO,MACtB,UAAA,gBAAAC,EAACC,GAAA,EAAc,MAAML,EAAA,CAAU,GACjC;AAAA,UAEDZ,KAAsB,gBAAAgB,EAAC,UAAK,WAAWD,EAAO,MAAO,UAAAX,GAAK;AAAA,UAC1DD,MAAgB,WAAWS,KAC1B,gBAAAI,EAAC,QAAA,EAAK,WAAWD,EAAO,MACtB,UAAA,gBAAAC,EAACC,GAAA,EAAc,MAAML,EAAA,CAAU,EAAA,CACjC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

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

@@ -0,0 +1,21 @@
+const n = "U9LWECoL", i = "uvqoRh29", t = "aqevTRIA", o = "N2UC7GiF", l = "UczpIBN0", k = "MVXFnDLx", s = {
+  tuiLink: n,
+  "link-sm": "uvqoRh29",
+  linkSm: i,
+  "link-md": "aqevTRIA",
+  linkMd: t,
+  "link-lg": "N2UC7GiF",
+  linkLg: o,
+  icon: l,
+  text: k
+};
+export {
+  s as default,
+  l as icon,
+  o as linkLg,
+  t as linkMd,
+  i as linkSm,
+  k as text,
+  n as tuiLink
+};
+//# sourceMappingURL=Link.module.css.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,67 @@
+import { jsx as e, jsxs as s, Fragment as y } from "react/jsx-runtime";
+import N from "../InterfaceIcon/InterfaceIcon.js";
+import l from "./List.module.css.js";
+const x = ({ data: n, events: c, tokens: i, className: d }) => {
+  if (!n?.items?.length) return null;
+  const { items: p, ordered: h = !1, variant: t = "simple" } = n, f = {
+    ...i?.color?.text && {
+      "--list-color-text": i.color.text.default
+    },
+    ...i?.color?.icon && {
+      "--list-color-icon": i.color.icon.default
+    },
+    ...i?.color?.divider && {
+      "--list-color-divider": i.color.divider.default
+    },
+    ...i?.spacing?.gap && { "--list-gap": i.spacing.gap.default },
+    ...i?.spacing?.padding && {
+      "--list-padding": i.spacing.padding.default
+    },
+    ...i?.typography?.fontSize && {
+      "--list-font-size": i.typography.fontSize.default
+    },
+    ...i?.typography?.fontWeight && {
+      "--list-font-weight": i.typography.fontWeight.default
+    },
+    ...i?.typography?.lineHeight && {
+      "--list-line-height": i.typography.lineHeight.default
+    }
+  }, g = h ? "ol" : "ul", m = (a, r) => {
+    !a.disabled && c?.onItemClick && c.onItemClick(a, r);
+  }, u = (a, r) => {
+    const o = /* @__PURE__ */ s(y, { children: [
+      a.icon && t === "icon" && /* @__PURE__ */ e("span", { className: l.itemIcon, "aria-hidden": "true", children: /* @__PURE__ */ e(N, { data: a.icon, className: l.icon }) }),
+      /* @__PURE__ */ s("span", { className: l.itemBody, children: [
+        /* @__PURE__ */ e("span", { className: l.itemText, children: a.text }),
+        t === "descriptive" && a.description && /* @__PURE__ */ e("span", { className: l.itemDescription, children: a.description })
+      ] })
+    ] });
+    return /* @__PURE__ */ e(
+      "li",
+      {
+        className: [
+          l.listItem,
+          l[`variant-${t}`],
+          a.disabled ? l.disabled : ""
+        ].filter(Boolean).join(" "),
+        onClick: () => m(a, r),
+        "aria-disabled": a.disabled,
+        children: a.href && !a.disabled ? /* @__PURE__ */ e("a", { href: a.href, className: l.itemLink, children: o }) : /* @__PURE__ */ e("span", { className: l.itemInner, children: o })
+      },
+      r
+    );
+  };
+  return /* @__PURE__ */ e(
+    g,
+    {
+      "data-tui-primitive": "base",
+      className: [l.list, l[`variant-${t}`], d ?? ""].filter(Boolean).join(" "),
+      style: f,
+      children: p.map(u)
+    }
+  );
+};
+export {
+  x as default
+};
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../../../src/ui/primitives/List/List.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ListModel, ListItemData } from \"@tramo-digital/types\";\nimport InterfaceIcon from \"../InterfaceIcon/InterfaceIcon\";\nimport styles from \"./List.module.css\";\n\nexport interface ListProps {\n  id?: ListModel[\"id\"];\n  data: ListModel[\"data\"];\n  events?: ListModel[\"events\"];\n  tokens?: ListModel[\"tokens\"];\n  className?: ListModel[\"className\"];\n}\n\nconst List: React.FC<ListProps> = ({ data, events, tokens, className }) => {\n  if (!data?.items?.length) return null;\n  const _fingerprint = \"5f40d0fffecc1028923dabae4f2ba28e\";\n\n  const { items, ordered = false, variant = \"simple\" } = data;\n\n  const tokenStyles = {\n    ...(tokens?.color?.text && {\n      \"--list-color-text\": tokens.color.text.default,\n    }),\n    ...(tokens?.color?.icon && {\n      \"--list-color-icon\": tokens.color.icon.default,\n    }),\n    ...(tokens?.color?.divider && {\n      \"--list-color-divider\": tokens.color.divider.default,\n    }),\n    ...(tokens?.spacing?.gap && { \"--list-gap\": tokens.spacing.gap.default }),\n    ...(tokens?.spacing?.padding && {\n      \"--list-padding\": tokens.spacing.padding.default,\n    }),\n    ...(tokens?.typography?.fontSize && {\n      \"--list-font-size\": tokens.typography.fontSize.default,\n    }),\n    ...(tokens?.typography?.fontWeight && {\n      \"--list-font-weight\": tokens.typography.fontWeight.default,\n    }),\n    ...(tokens?.typography?.lineHeight && {\n      \"--list-line-height\": tokens.typography.lineHeight.default,\n    }),\n  };\n\n  const Tag = ordered ? \"ol\" : \"ul\";\n\n  const handleClick = (item: ListItemData, index: number) => {\n    if (!item.disabled && events?.onItemClick) {\n      events.onItemClick(item, index);\n    }\n  };\n\n  const renderItem = (item: ListItemData, index: number) => {\n    const itemContent = (\n      <>\n        {item.icon && variant === \"icon\" && (\n          <span className={styles.itemIcon} aria-hidden=\"true\">\n            <InterfaceIcon data={item.icon} className={styles.icon} />\n          </span>\n        )}\n        <span className={styles.itemBody}>\n          <span className={styles.itemText}>{item.text}</span>\n          {variant === \"descriptive\" && item.description && (\n            <span className={styles.itemDescription}>{item.description}</span>\n          )}\n        </span>\n      </>\n    );\n\n    return (\n      <li\n        key={index}\n        className={[\n          styles.listItem,\n          styles[`variant-${variant}`],\n          item.disabled ? styles.disabled : \"\",\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        onClick={() => handleClick(item, index)}\n        aria-disabled={item.disabled}\n      >\n        {item.href && !item.disabled ? (\n          <a href={item.href} className={styles.itemLink}>\n            {itemContent}\n          </a>\n        ) : (\n          <span className={styles.itemInner}>{itemContent}</span>\n        )}\n      </li>\n    );\n  };\n\n  return (\n    <Tag\n      data-tui-primitive=\"base\"\n      className={[styles.list, styles[`variant-${variant}`], className ?? \"\"]\n        .filter(Boolean)\n        .join(\" \")}\n      style={tokenStyles as React.CSSProperties}\n    >\n      {items.map(renderItem)}\n    </Tag>\n  );\n};\n\nexport default List;\n"],"names":["List","data","events","tokens","className","items","ordered","variant","tokenStyles","Tag","handleClick","item","index","renderItem","itemContent","jsxs","Fragment","styles","jsx","InterfaceIcon"],"mappings":"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"}