@tramo-digital/react-ui 0.0.0-alpha

package/dist/esm/ui/layout/GridContainer/GridContainer.js

@@ -0,0 +1,193 @@
+import { jsx as Gd } from "react/jsx-runtime";
+import Wd from "../../primitives/Frame/Frame.js";
+import d from "./GridContainer.module.css.js";
+const Ed = ({
+  data: a = {},
+  tokens: qd,
+  children: g,
+  className: i,
+  colorPalette: t,
+  colorSource: l = "palette",
+  customColor: x,
+  style: r,
+  ...n
+}) => {
+  const {
+    containerWidth: p = "fixed",
+    gridColXs: o = 12,
+    gridColSm: s,
+    gridColMd: m,
+    gridColLg: X,
+    gridColXl: P,
+    gridColXxl: e,
+    gridColXxxl: c,
+    gapXs: C,
+    gapSm: f,
+    gapMd: y,
+    gapLg: b,
+    gapXl: w,
+    gapXxl: L,
+    gapXxxl: M,
+    gapColXs: S,
+    gapColSm: h,
+    gapColMd: R,
+    gapColLg: u,
+    gapColXl: j,
+    gapColXxl: N,
+    gapColXxxl: k,
+    gapRowXs: v,
+    gapRowSm: B,
+    gapRowMd: F,
+    gapRowLg: G,
+    gapRowXl: W,
+    gapRowXxl: q,
+    gapRowXxxl: z,
+    paddingXs: A,
+    paddingSm: D,
+    paddingMd: E,
+    paddingLg: H,
+    paddingXl: I,
+    paddingXxl: J,
+    paddingXxxl: K,
+    xPaddingXs: O,
+    xPaddingSm: Q,
+    xPaddingMd: T,
+    xPaddingLg: U,
+    xPaddingXl: V,
+    xPaddingXxl: Y,
+    xPaddingXxxl: Z,
+    yPaddingXs: _,
+    yPaddingSm: $,
+    yPaddingMd: dd,
+    yPaddingLg: ad,
+    yPaddingXl: gd,
+    yPaddingXxl: id,
+    yPaddingXxxl: td,
+    topPaddingXs: ld,
+    topPaddingSm: xd,
+    topPaddingMd: rd,
+    topPaddingLg: nd,
+    topPaddingXl: pd,
+    topPaddingXxl: od,
+    topPaddingXxxl: sd,
+    bottomPaddingXs: md,
+    bottomPaddingSm: Xd,
+    bottomPaddingMd: Pd,
+    bottomPaddingLg: ed,
+    bottomPaddingXl: cd,
+    bottomPaddingXxl: Cd,
+    bottomPaddingXxxl: fd,
+    leftPaddingXs: yd,
+    leftPaddingSm: bd,
+    leftPaddingMd: wd,
+    leftPaddingLg: Ld,
+    leftPaddingXl: Md,
+    leftPaddingXxl: Sd,
+    leftPaddingXxxl: hd,
+    rightPaddingXs: Rd,
+    rightPaddingSm: ud,
+    rightPaddingMd: jd,
+    rightPaddingLg: Nd,
+    rightPaddingXl: kd,
+    rightPaddingXxl: vd,
+    rightPaddingXxxl: Bd
+  } = a, Fd = [
+    d.gridContainer,
+    p === "full" ? d.full : "",
+    i
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ Gd(
+    Wd,
+    {
+      ...n,
+      data: { as: "div" },
+      className: Fd,
+      style: r,
+      colorSource: l,
+      colorPalette: t,
+      customColor: x,
+      "data-grid-cols-xs": o,
+      "data-grid-cols-sm": s,
+      "data-grid-cols-md": m,
+      "data-grid-cols-lg": X,
+      "data-grid-cols-xl": P,
+      "data-grid-cols-xxl": e,
+      "data-grid-cols-xxxl": c,
+      "data-grid-gap-xs": C,
+      "data-grid-gap-sm": f,
+      "data-grid-gap-md": y,
+      "data-grid-gap-lg": b,
+      "data-grid-gap-xl": w,
+      "data-grid-gap-xxl": L,
+      "data-grid-gap-xxxl": M,
+      "data-grid-col-gap-xs": S,
+      "data-grid-col-gap-sm": h,
+      "data-grid-col-gap-md": R,
+      "data-grid-col-gap-lg": u,
+      "data-grid-col-gap-xl": j,
+      "data-grid-col-gap-xxl": N,
+      "data-grid-col-gap-xxxl": k,
+      "data-grid-row-gap-xs": v,
+      "data-grid-row-gap-sm": B,
+      "data-grid-row-gap-md": F,
+      "data-grid-row-gap-lg": G,
+      "data-grid-row-gap-xl": W,
+      "data-grid-row-gap-xxl": q,
+      "data-grid-row-gap-xxxl": z,
+      "data-grid-padding-xs": A,
+      "data-grid-padding-sm": D,
+      "data-grid-padding-md": E,
+      "data-grid-padding-lg": H,
+      "data-grid-padding-xl": I,
+      "data-grid-padding-xxl": J,
+      "data-grid-padding-xxxl": K,
+      "data-grid-x-padding-xs": O,
+      "data-grid-x-padding-sm": Q,
+      "data-grid-x-padding-md": T,
+      "data-grid-x-padding-lg": U,
+      "data-grid-x-padding-xl": V,
+      "data-grid-x-padding-xxl": Y,
+      "data-grid-x-padding-xxxl": Z,
+      "data-grid-y-padding-xs": _,
+      "data-grid-y-padding-sm": $,
+      "data-grid-y-padding-md": dd,
+      "data-grid-y-padding-lg": ad,
+      "data-grid-y-padding-xl": gd,
+      "data-grid-y-padding-xxl": id,
+      "data-grid-y-padding-xxxl": td,
+      "data-grid-t-padding-xs": ld,
+      "data-grid-t-padding-sm": xd,
+      "data-grid-t-padding-md": rd,
+      "data-grid-t-padding-lg": nd,
+      "data-grid-t-padding-xl": pd,
+      "data-grid-t-padding-xxl": od,
+      "data-grid-t-padding-xxxl": sd,
+      "data-grid-b-padding-xs": md,
+      "data-grid-b-padding-sm": Xd,
+      "data-grid-b-padding-md": Pd,
+      "data-grid-b-padding-lg": ed,
+      "data-grid-b-padding-xl": cd,
+      "data-grid-b-padding-xxl": Cd,
+      "data-grid-b-padding-xxxl": fd,
+      "data-grid-l-padding-xs": yd,
+      "data-grid-l-padding-sm": bd,
+      "data-grid-l-padding-md": wd,
+      "data-grid-l-padding-lg": Ld,
+      "data-grid-l-padding-xl": Md,
+      "data-grid-l-padding-xxl": Sd,
+      "data-grid-l-padding-xxxl": hd,
+      "data-grid-r-padding-xs": Rd,
+      "data-grid-r-padding-sm": ud,
+      "data-grid-r-padding-md": jd,
+      "data-grid-r-padding-lg": Nd,
+      "data-grid-r-padding-xl": kd,
+      "data-grid-r-padding-xxl": vd,
+      "data-grid-r-padding-xxxl": Bd,
+      children: g
+    }
+  );
+};
+export {
+  Ed as default
+};
+//# sourceMappingURL=GridContainer.js.map

package/dist/esm/ui/layout/GridContainer/GridContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridContainer.js","sources":["../../../../../src/ui/layout/GridContainer/GridContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport styles from \"./GridContainer.module.css\";\nimport type { GridContainerModel } from \"@tramo-digital/types\";\n\nexport interface GridContainerProps extends React.HTMLAttributes<HTMLElement> {\n  tokens?: GridContainerModel[\"tokens\"];\n  events?: GridContainerModel[\"events\"];\n  children?: React.ReactNode;\n  className?: string;\n  data?: GridContainerModel[\"data\"];\n  colorPalette?: GridContainerModel[\"colorPalette\"];\n  colorSource?: GridContainerModel[\"colorSource\"];\n  customColor?: GridContainerModel[\"customColor\"];\n}\n\nconst GridContainer: React.FC<GridContainerProps> = ({\n  data = {},\n  tokens,\n  children,\n  className,\n  colorPalette,\n  colorSource = \"palette\",\n  customColor,\n  style,\n  ...rest\n}) => {\n  const {\n    containerWidth = \"fixed\",\n    gridColXs = 12,\n    gridColSm,\n    gridColMd,\n    gridColLg,\n    gridColXl,\n    gridColXxl,\n    gridColXxxl,\n    gapXs,\n    gapSm,\n    gapMd,\n    gapLg,\n    gapXl,\n    gapXxl,\n    gapXxxl,\n    gapColXs,\n    gapColSm,\n    gapColMd,\n    gapColLg,\n    gapColXl,\n    gapColXxl,\n    gapColXxxl,\n    gapRowXs,\n    gapRowSm,\n    gapRowMd,\n    gapRowLg,\n    gapRowXl,\n    gapRowXxl,\n    gapRowXxxl,\n    paddingXs,\n    paddingSm,\n    paddingMd,\n    paddingLg,\n    paddingXl,\n    paddingXxl,\n    paddingXxxl,\n    xPaddingXs,\n    xPaddingSm,\n    xPaddingMd,\n    xPaddingLg,\n    xPaddingXl,\n    xPaddingXxl,\n    xPaddingXxxl,\n    yPaddingXs,\n    yPaddingSm,\n    yPaddingMd,\n    yPaddingLg,\n    yPaddingXl,\n    yPaddingXxl,\n    yPaddingXxxl,\n    topPaddingXs,\n    topPaddingSm,\n    topPaddingMd,\n    topPaddingLg,\n    topPaddingXl,\n    topPaddingXxl,\n    topPaddingXxxl,\n    bottomPaddingXs,\n    bottomPaddingSm,\n    bottomPaddingMd,\n    bottomPaddingLg,\n    bottomPaddingXl,\n    bottomPaddingXxl,\n    bottomPaddingXxxl,\n    leftPaddingXs,\n    leftPaddingSm,\n    leftPaddingMd,\n    leftPaddingLg,\n    leftPaddingXl,\n    leftPaddingXxl,\n    leftPaddingXxxl,\n    rightPaddingXs,\n    rightPaddingSm,\n    rightPaddingMd,\n    rightPaddingLg,\n    rightPaddingXl,\n    rightPaddingXxl,\n    rightPaddingXxxl,\n  } = data;\n\n  const classNames = [\n    styles.gridContainer,\n    containerWidth === \"full\" ? styles.full : \"\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <Frame\n      {...rest}\n      data={{ as: \"div\" }}\n      className={classNames}\n      style={style}\n      colorSource={colorSource}\n      colorPalette={colorPalette}\n      customColor={customColor}\n      data-grid-cols-xs={gridColXs}\n      data-grid-cols-sm={gridColSm}\n      data-grid-cols-md={gridColMd}\n      data-grid-cols-lg={gridColLg}\n      data-grid-cols-xl={gridColXl}\n      data-grid-cols-xxl={gridColXxl}\n      data-grid-cols-xxxl={gridColXxxl}\n      data-grid-gap-xs={gapXs}\n      data-grid-gap-sm={gapSm}\n      data-grid-gap-md={gapMd}\n      data-grid-gap-lg={gapLg}\n      data-grid-gap-xl={gapXl}\n      data-grid-gap-xxl={gapXxl}\n      data-grid-gap-xxxl={gapXxxl}\n      data-grid-col-gap-xs={gapColXs}\n      data-grid-col-gap-sm={gapColSm}\n      data-grid-col-gap-md={gapColMd}\n      data-grid-col-gap-lg={gapColLg}\n      data-grid-col-gap-xl={gapColXl}\n      data-grid-col-gap-xxl={gapColXxl}\n      data-grid-col-gap-xxxl={gapColXxxl}\n      data-grid-row-gap-xs={gapRowXs}\n      data-grid-row-gap-sm={gapRowSm}\n      data-grid-row-gap-md={gapRowMd}\n      data-grid-row-gap-lg={gapRowLg}\n      data-grid-row-gap-xl={gapRowXl}\n      data-grid-row-gap-xxl={gapRowXxl}\n      data-grid-row-gap-xxxl={gapRowXxxl}\n      data-grid-padding-xs={paddingXs}\n      data-grid-padding-sm={paddingSm}\n      data-grid-padding-md={paddingMd}\n      data-grid-padding-lg={paddingLg}\n      data-grid-padding-xl={paddingXl}\n      data-grid-padding-xxl={paddingXxl}\n      data-grid-padding-xxxl={paddingXxxl}\n      data-grid-x-padding-xs={xPaddingXs}\n      data-grid-x-padding-sm={xPaddingSm}\n      data-grid-x-padding-md={xPaddingMd}\n      data-grid-x-padding-lg={xPaddingLg}\n      data-grid-x-padding-xl={xPaddingXl}\n      data-grid-x-padding-xxl={xPaddingXxl}\n      data-grid-x-padding-xxxl={xPaddingXxxl}\n      data-grid-y-padding-xs={yPaddingXs}\n      data-grid-y-padding-sm={yPaddingSm}\n      data-grid-y-padding-md={yPaddingMd}\n      data-grid-y-padding-lg={yPaddingLg}\n      data-grid-y-padding-xl={yPaddingXl}\n      data-grid-y-padding-xxl={yPaddingXxl}\n      data-grid-y-padding-xxxl={yPaddingXxxl}\n      data-grid-t-padding-xs={topPaddingXs}\n      data-grid-t-padding-sm={topPaddingSm}\n      data-grid-t-padding-md={topPaddingMd}\n      data-grid-t-padding-lg={topPaddingLg}\n      data-grid-t-padding-xl={topPaddingXl}\n      data-grid-t-padding-xxl={topPaddingXxl}\n      data-grid-t-padding-xxxl={topPaddingXxxl}\n      data-grid-b-padding-xs={bottomPaddingXs}\n      data-grid-b-padding-sm={bottomPaddingSm}\n      data-grid-b-padding-md={bottomPaddingMd}\n      data-grid-b-padding-lg={bottomPaddingLg}\n      data-grid-b-padding-xl={bottomPaddingXl}\n      data-grid-b-padding-xxl={bottomPaddingXxl}\n      data-grid-b-padding-xxxl={bottomPaddingXxxl}\n      data-grid-l-padding-xs={leftPaddingXs}\n      data-grid-l-padding-sm={leftPaddingSm}\n      data-grid-l-padding-md={leftPaddingMd}\n      data-grid-l-padding-lg={leftPaddingLg}\n      data-grid-l-padding-xl={leftPaddingXl}\n      data-grid-l-padding-xxl={leftPaddingXxl}\n      data-grid-l-padding-xxxl={leftPaddingXxxl}\n      data-grid-r-padding-xs={rightPaddingXs}\n      data-grid-r-padding-sm={rightPaddingSm}\n      data-grid-r-padding-md={rightPaddingMd}\n      data-grid-r-padding-lg={rightPaddingLg}\n      data-grid-r-padding-xl={rightPaddingXl}\n      data-grid-r-padding-xxl={rightPaddingXxl}\n      data-grid-r-padding-xxxl={rightPaddingXxxl}\n    >\n      {children}\n    </Frame>\n  );\n};\n\nexport default GridContainer;\n"],"names":["GridContainer","data","tokens","children","className","colorPalette","colorSource","customColor","style","rest","containerWidth","gridColXs","gridColSm","gridColMd","gridColLg","gridColXl","gridColXxl","gridColXxxl","gapXs","gapSm","gapMd","gapLg","gapXl","gapXxl","gapXxxl","gapColXs","gapColSm","gapColMd","gapColLg","gapColXl","gapColXxl","gapColXxxl","gapRowXs","gapRowSm","gapRowMd","gapRowLg","gapRowXl","gapRowXxl","gapRowXxxl","paddingXs","paddingSm","paddingMd","paddingLg","paddingXl","paddingXxl","paddingXxxl","xPaddingXs","xPaddingSm","xPaddingMd","xPaddingLg","xPaddingXl","xPaddingXxl","xPaddingXxxl","yPaddingXs","yPaddingSm","yPaddingMd","yPaddingLg","yPaddingXl","yPaddingXxl","yPaddingXxxl","topPaddingXs","topPaddingSm","topPaddingMd","topPaddingLg","topPaddingXl","topPaddingXxl","topPaddingXxxl","bottomPaddingXs","bottomPaddingSm","bottomPaddingMd","bottomPaddingLg","bottomPaddingXl","bottomPaddingXxl","bottomPaddingXxxl","leftPaddingXs","leftPaddingSm","leftPaddingMd","leftPaddingLg","leftPaddingXl","leftPaddingXxl","leftPaddingXxxl","rightPaddingXs","rightPaddingSm","rightPaddingMd","rightPaddingLg","rightPaddingXl","rightPaddingXxl","rightPaddingXxxl","classNames","styles","jsx","Frame"],"mappings":"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"}

package/dist/esm/ui/layout/GridContainer/GridContainer.module.css.js

@@ -0,0 +1,10 @@
+const t = "HdD9rV8I", n = "c5O0G9-8", l = {
+  gridContainer: t,
+  full: n
+};
+export {
+  l as default,
+  n as full,
+  t as gridContainer
+};
+//# sourceMappingURL=GridContainer.module.css.js.map

package/dist/esm/ui/layout/GridContainer/GridContainer.module.css.js.map

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

package/dist/esm/ui/layout/GridContainer/index.js

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

package/dist/esm/ui/layout/GridContainer/index.js.map

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

package/dist/esm/ui/layout/GridItem/GridItem.js

@@ -0,0 +1,108 @@
+import { jsx as T } from "react/jsx-runtime";
+import U from "../../primitives/Frame/Frame.js";
+import V from "./GridItem.module.css.js";
+const aa = ({
+  data: d = {},
+  tokens: W,
+  children: l,
+  className: s,
+  colorPalette: o,
+  colorSource: f = "palette",
+  customColor: r,
+  style: e,
+  ...x
+}) => {
+  const {
+    xs: i = 12,
+    sm: m,
+    md: g,
+    lg: n,
+    xl: u,
+    xxl: X,
+    offsetXs: j,
+    offsetSm: y,
+    offsetMd: h,
+    offsetLg: w,
+    offsetXl: p,
+    offsetXxl: L,
+    showXs: M,
+    showSm: S,
+    showMd: c,
+    showLg: I,
+    showXl: $,
+    showXxl: k,
+    align: a,
+    alignXs: v,
+    alignSm: F,
+    alignMd: G,
+    alignLg: N,
+    alignXl: b,
+    alignXxl: q,
+    justify: t,
+    justifyXs: z,
+    justifySm: A,
+    justifyMd: B,
+    justifyLg: C,
+    justifyXl: D,
+    justifyXxl: E,
+    orderXs: H,
+    orderSm: J,
+    orderMd: K,
+    orderLg: O,
+    orderXl: P,
+    orderXxl: Q
+  } = d, R = `${V.gridItem} ${s || ""}`.trim();
+  return /* @__PURE__ */ T(
+    U,
+    {
+      ...x,
+      data: { as: "div" },
+      className: R,
+      style: e,
+      colorSource: f,
+      colorPalette: o,
+      customColor: r,
+      "data-xs": i,
+      "data-sm": m,
+      "data-md": g,
+      "data-lg": n,
+      "data-xl": u,
+      "data-xxl": X,
+      "data-offset-xs": j,
+      "data-offset-sm": y,
+      "data-offset-md": h,
+      "data-offset-lg": w,
+      "data-offset-xl": p,
+      "data-offset-xxl": L,
+      "data-show-xs": M,
+      "data-show-sm": S,
+      "data-show-md": c,
+      "data-show-lg": I,
+      "data-show-xl": $,
+      "data-show-xxl": k,
+      "data-align-xs": v || a,
+      "data-align-sm": F || a,
+      "data-align-md": G || a,
+      "data-align-lg": N || a,
+      "data-align-xl": b || a,
+      "data-align-xxl": q || a,
+      "data-justify-xs": z || t,
+      "data-justify-sm": A || t,
+      "data-justify-md": B || t,
+      "data-justify-lg": C || t,
+      "data-justify-xl": D || t,
+      "data-justify-xxl": E || t,
+      "data-order-xs": H,
+      "data-order-sm": J,
+      "data-order-md": K,
+      "data-order-lg": O,
+      "data-order-xl": P,
+      "data-order-xxl": Q,
+      children: l
+    }
+  );
+};
+export {
+  aa as default
+};
+//# sourceMappingURL=GridItem.js.map

package/dist/esm/ui/layout/GridItem/GridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.js","sources":["../../../../../src/ui/layout/GridItem/GridItem.tsx"],"sourcesContent":["import React from \"react\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport styles from \"./GridItem.module.css\";\nimport type { GridItemModel } from \"@tramo-digital/types\";\n\nexport interface GridItemProps extends React.HTMLAttributes<HTMLElement> {\n  tokens?: GridItemModel[\"tokens\"];\n  events?: GridItemModel[\"events\"];\n  children?: React.ReactNode;\n  className?: string;\n  data?: GridItemModel[\"data\"];\n  colorPalette?: GridItemModel[\"colorPalette\"];\n  colorSource?: GridItemModel[\"colorSource\"];\n  customColor?: GridItemModel[\"customColor\"];\n}\n\nconst GridItem: React.FC<GridItemProps> = ({\n  data = {},\n  tokens,\n  children,\n  className,\n  colorPalette,\n  colorSource = \"palette\",\n  customColor,\n  style,\n  ...rest\n}) => {\n  const {\n    xs = 12,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    offsetXs,\n    offsetSm,\n    offsetMd,\n    offsetLg,\n    offsetXl,\n    offsetXxl,\n    showXs,\n    showSm,\n    showMd,\n    showLg,\n    showXl,\n    showXxl,\n    align,\n    alignXs,\n    alignSm,\n    alignMd,\n    alignLg,\n    alignXl,\n    alignXxl,\n    justify,\n    justifyXs,\n    justifySm,\n    justifyMd,\n    justifyLg,\n    justifyXl,\n    justifyXxl,\n    orderXs,\n    orderSm,\n    orderMd,\n    orderLg,\n    orderXl,\n    orderXxl,\n  } = data;\n\n  const classNames = `${styles.gridItem} ${className ? className : \"\"}`.trim();\n\n  return (\n    <Frame\n      {...rest}\n      data={{ as: \"div\" }}\n      className={classNames}\n      style={style}\n      colorSource={colorSource}\n      colorPalette={colorPalette}\n      customColor={customColor}\n      data-xs={xs}\n      data-sm={sm}\n      data-md={md}\n      data-lg={lg}\n      data-xl={xl}\n      data-xxl={xxl}\n      data-offset-xs={offsetXs}\n      data-offset-sm={offsetSm}\n      data-offset-md={offsetMd}\n      data-offset-lg={offsetLg}\n      data-offset-xl={offsetXl}\n      data-offset-xxl={offsetXxl}\n      data-show-xs={showXs}\n      data-show-sm={showSm}\n      data-show-md={showMd}\n      data-show-lg={showLg}\n      data-show-xl={showXl}\n      data-show-xxl={showXxl}\n      data-align-xs={alignXs || align}\n      data-align-sm={alignSm || align}\n      data-align-md={alignMd || align}\n      data-align-lg={alignLg || align}\n      data-align-xl={alignXl || align}\n      data-align-xxl={alignXxl || align}\n      data-justify-xs={justifyXs || justify}\n      data-justify-sm={justifySm || justify}\n      data-justify-md={justifyMd || justify}\n      data-justify-lg={justifyLg || justify}\n      data-justify-xl={justifyXl || justify}\n      data-justify-xxl={justifyXxl || justify}\n      data-order-xs={orderXs}\n      data-order-sm={orderSm}\n      data-order-md={orderMd}\n      data-order-lg={orderLg}\n      data-order-xl={orderXl}\n      data-order-xxl={orderXxl}\n    >\n      {children}\n    </Frame>\n  );\n};\n\nexport default GridItem;\n"],"names":["GridItem","data","tokens","children","className","colorPalette","colorSource","customColor","style","rest","xs","sm","md","lg","xl","xxl","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","offsetXxl","showXs","showSm","showMd","showLg","showXl","showXxl","align","alignXs","alignSm","alignMd","alignLg","alignXl","alignXxl","justify","justifyXs","justifySm","justifyMd","justifyLg","justifyXl","justifyXxl","orderXs","orderSm","orderMd","orderLg","orderXl","orderXxl","classNames","styles","jsx","Frame"],"mappings":";;;AAgBA,MAAMA,KAAoC,CAAC;AAAA,EACzC,MAAAC,IAAO,CAAA;AAAA,EACP,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM;AAAA,IACJ,IAAAC,IAAK;AAAA,IACL,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACE9C,GAEE+C,IAAa,GAAGC,EAAO,QAAQ,IAAI7C,KAAwB,EAAE,GAAG,KAAA;AAEtE,SACE,gBAAA8C;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAG1C;AAAA,MACJ,MAAM,EAAE,IAAI,MAAA;AAAA,MACZ,WAAWuC;AAAA,MACX,OAAAxC;AAAA,MACA,aAAAF;AAAA,MACA,cAAAD;AAAA,MACA,aAAAE;AAAA,MACA,WAASG;AAAA,MACT,WAASC;AAAA,MACT,WAASC;AAAA,MACT,WAASC;AAAA,MACT,WAASC;AAAA,MACT,YAAUC;AAAA,MACV,kBAAgBC;AAAA,MAChB,kBAAgBC;AAAA,MAChB,kBAAgBC;AAAA,MAChB,kBAAgBC;AAAA,MAChB,kBAAgBC;AAAA,MAChB,mBAAiBC;AAAA,MACjB,gBAAcC;AAAA,MACd,gBAAcC;AAAA,MACd,gBAAcC;AAAA,MACd,gBAAcC;AAAA,MACd,gBAAcC;AAAA,MACd,iBAAeC;AAAA,MACf,iBAAeE,KAAWD;AAAA,MAC1B,iBAAeE,KAAWF;AAAA,MAC1B,iBAAeG,KAAWH;AAAA,MAC1B,iBAAeI,KAAWJ;AAAA,MAC1B,iBAAeK,KAAWL;AAAA,MAC1B,kBAAgBM,KAAYN;AAAA,MAC5B,mBAAiBQ,KAAaD;AAAA,MAC9B,mBAAiBE,KAAaF;AAAA,MAC9B,mBAAiBG,KAAaH;AAAA,MAC9B,mBAAiBI,KAAaJ;AAAA,MAC9B,mBAAiBK,KAAaL;AAAA,MAC9B,oBAAkBM,KAAcN;AAAA,MAChC,iBAAeO;AAAA,MACf,iBAAeC;AAAA,MACf,iBAAeC;AAAA,MACf,iBAAeC;AAAA,MACf,iBAAeC;AAAA,MACf,kBAAgBC;AAAA,MAEf,UAAA5C;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/esm/ui/layout/GridItem/GridItem.module.css.js

@@ -0,0 +1,8 @@
+const t = "xUqx5KBe", e = {
+  gridItem: t
+};
+export {
+  e as default,
+  t as gridItem
+};
+//# sourceMappingURL=GridItem.module.css.js.map

package/dist/esm/ui/layout/GridItem/GridItem.module.css.js.map

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

package/dist/esm/ui/layout/GridItem/index.js

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

package/dist/esm/ui/layout/GridItem/index.js.map

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

package/dist/esm/ui/layout/Stack/Stack.js

@@ -0,0 +1,47 @@
+import { jsx as p } from "react/jsx-runtime";
+import g from "../../primitives/Frame/Frame.js";
+import k from "./Stack.module.css.js";
+const j = ({
+  data: c,
+  tokens: t,
+  children: n,
+  className: r,
+  style: d,
+  ...l
+}) => {
+  const {
+    as: m = "div",
+    direction: i = "column",
+    align: a,
+    justify: s,
+    wrap: e,
+    gap: o
+  } = c || {}, f = {
+    ...o && { "--stack-gap": o },
+    ...e && { "--stack-wrap": e },
+    ...i && { "--stack-direction": i },
+    ...a && { "--stack-align": a },
+    ...s && { "--stack-justify": s },
+    ...t?.dimension?.height && {
+      "--stack-height": t.dimension.height.default
+    },
+    ...t?.dimension?.width && {
+      "--stack-width": t.dimension.width.default
+    },
+    ...d
+  }, h = [k.stack, r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ p(
+    g,
+    {
+      data: { as: m },
+      className: h,
+      style: f,
+      ...l,
+      children: n
+    }
+  );
+};
+export {
+  j as default
+};
+//# sourceMappingURL=Stack.js.map

package/dist/esm/ui/layout/Stack/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sources":["../../../../../src/ui/layout/Stack/Stack.tsx"],"sourcesContent":["import type { StackModel } from '@tramo-digital/types';\nimport React from 'react';\nimport Frame from '../../primitives/Frame/Frame';\nimport styles from './Stack.module.css';\n\nexport interface StackProps extends React.HTMLAttributes<HTMLElement> {\n  data?: StackModel['data'];\n  tokens?: StackModel['tokens'];\n  children?: React.ReactNode;\n  colorPalette?: StackModel['colorPalette'];\n  colorSource?: StackModel['colorSource'];\n  customColor?: StackModel['customColor'];\n}\n\nconst Stack: React.FC<StackProps> = ({\n  data,\n  tokens,\n  children,\n  className,\n  style,\n  ...rest\n}) => {\n  const {\n    as = 'div',\n    direction = 'column',\n    align,\n    justify,\n    wrap,\n    gap,\n  } = data || {};\n\n  const tokenStyles = {\n    ...(gap && { '--stack-gap': gap }),\n    ...(wrap && { '--stack-wrap': wrap }),\n    ...(direction && { '--stack-direction': direction }),\n    ...(align && { '--stack-align': align }),\n    ...(justify && { '--stack-justify': justify }),\n    ...(tokens?.dimension?.height && {\n      '--stack-height': tokens.dimension.height.default,\n    }),\n    ...(tokens?.dimension?.width && {\n      '--stack-width': tokens.dimension.width.default,\n    }),\n    ...style,\n  };\n\n  const classes = [styles.stack, className].filter(Boolean).join(' ');\n\n  return (\n    <Frame\n      data={{ as }}\n      className={classes}\n      style={tokenStyles as React.CSSProperties}\n      {...rest}\n    >\n      {children}\n    </Frame>\n  );\n};\nexport default Stack;\n"],"names":["Stack","data","tokens","children","className","style","rest","as","direction","align","justify","wrap","gap","tokenStyles","classes","styles","jsx","Frame"],"mappings":";;;AAcA,MAAMA,IAA8B,CAAC;AAAA,EACnC,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM;AAAA,IACJ,IAAAC,IAAK;AAAA,IACL,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC;AAAA,EAAA,IACEX,KAAQ,CAAA,GAENY,IAAc;AAAA,IAClB,GAAID,KAAO,EAAE,eAAeA,EAAA;AAAA,IAC5B,GAAID,KAAQ,EAAE,gBAAgBA,EAAA;AAAA,IAC9B,GAAIH,KAAa,EAAE,qBAAqBA,EAAA;AAAA,IACxC,GAAIC,KAAS,EAAE,iBAAiBA,EAAA;AAAA,IAChC,GAAIC,KAAW,EAAE,mBAAmBA,EAAA;AAAA,IACpC,GAAIR,GAAQ,WAAW,UAAU;AAAA,MAC/B,kBAAkBA,EAAO,UAAU,OAAO;AAAA,IAAA;AAAA,IAE5C,GAAIA,GAAQ,WAAW,SAAS;AAAA,MAC9B,iBAAiBA,EAAO,UAAU,MAAM;AAAA,IAAA;AAAA,IAE1C,GAAGG;AAAA,EAAA,GAGCS,IAAU,CAACC,EAAO,OAAOX,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAElE,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM,EAAE,IAAAV,EAAA;AAAA,MACR,WAAWO;AAAA,MACX,OAAOD;AAAA,MACN,GAAGP;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/esm/ui/layout/Stack/Stack.module.css.js

@@ -0,0 +1,8 @@
+const s = "Ifj3F221", t = {
+  stack: s
+};
+export {
+  t as default,
+  s as stack
+};
+//# sourceMappingURL=Stack.module.css.js.map

package/dist/esm/ui/layout/Stack/Stack.module.css.js.map

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

package/dist/esm/ui/layout/Stack/index.js

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

package/dist/esm/ui/layout/Stack/index.js.map

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

package/dist/esm/ui/patterns/Author/Author.js

@@ -0,0 +1,57 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import u from "../../primitives/Avatar/Avatar.js";
+import c from "../../primitives/Frame/Frame.js";
+import f from "../../primitives/TextBody/TextBody.js";
+import g from "./Author.module.css.js";
+const B = ({
+  data: a,
+  tokens: t,
+  className: s,
+  colorPalette: o,
+  colorSource: i,
+  customColor: l
+}) => {
+  if (!a) return null;
+  const { avatarSrc: e, avatarAlt: m, text: n } = a || {}, p = {
+    ...t?.spacing?.gap && {
+      "--author-gap": t.spacing.gap.default
+    }
+  };
+  return /* @__PURE__ */ d(
+    c,
+    {
+      "data-tui-pattern": "base",
+      data: { as: "div" },
+      colorPalette: o,
+      colorSource: i,
+      customColor: l,
+      className: `${g.tuiAuthor} ${s || ""}`,
+      style: p,
+      children: [
+        e && /* @__PURE__ */ r(
+          u,
+          {
+            data: { alt: m || "", src: e },
+            tokens: t?.elements?.avatar
+          }
+        ),
+        /* @__PURE__ */ r(
+          f,
+          {
+            data: {
+              weight: "light",
+              alignment: "left",
+              size: "md",
+              text: n || ""
+            },
+            tokens: t?.elements?.textBody
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  B as default
+};
+//# sourceMappingURL=Author.js.map

package/dist/esm/ui/patterns/Author/Author.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Author.js","sources":["../../../../../src/ui/patterns/Author/Author.tsx"],"sourcesContent":["import type { AuthorModel } from \"@tramo-digital/types\";\nimport React from \"react\";\nimport Avatar from \"../../primitives/Avatar/Avatar\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport TextBody from \"../../primitives/TextBody/TextBody\";\nimport styles from \"./Author.module.css\";\n\nexport type AuthorProps = Omit<AuthorModel, \"_type\">;\n\nconst Author: React.FC<AuthorProps> = ({\n  data,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"fd14ffb40e1201f2e27a6917d512d446\";\n\n  const { avatarSrc, avatarAlt, text } = data || {};\n\n  const tokenStyles = {\n    ...(tokens?.spacing?.gap && {\n      \"--author-gap\": tokens.spacing.gap.default,\n    }),\n  };\n\n  return (\n    <Frame\n      data-tui-pattern=\"base\"\n      data={{ as: \"div\" }}\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={`${styles.tuiAuthor} ${className || \"\"}`}\n      style={tokenStyles as React.CSSProperties}\n    >\n      {avatarSrc && (\n        <Avatar\n          data={{ alt: avatarAlt || \"\", src: avatarSrc }}\n          tokens={tokens?.elements?.avatar}\n        />\n      )}\n      <TextBody\n        data={{\n          weight: \"light\",\n          alignment: \"left\",\n          size: \"md\",\n          text: text || \"\",\n        }}\n        tokens={tokens?.elements?.textBody}\n      />\n    </Frame>\n  );\n};\n\nexport default Author;\n"],"names":["Author","data","tokens","className","colorPalette","colorSource","customColor","avatarSrc","avatarAlt","text","tokenStyles","jsxs","Frame","styles","jsx","Avatar","TextBody"],"mappings":";;;;;AASA,MAAMA,IAAgC,CAAC;AAAA,EACrC,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,MAAI,CAACL,EAAM,QAAO;AAGlB,QAAM,EAAE,WAAAM,GAAW,WAAAC,GAAW,MAAAC,EAAA,IAASR,KAAQ,CAAA,GAEzCS,IAAc;AAAA,IAClB,GAAIR,GAAQ,SAAS,OAAO;AAAA,MAC1B,gBAAgBA,EAAO,QAAQ,IAAI;AAAA,IAAA;AAAA,EACrC;AAGF,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,oBAAiB;AAAA,MACjB,MAAM,EAAE,IAAI,MAAA;AAAA,MACZ,cAAAR;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAW,GAAGO,EAAO,SAAS,IAAIV,KAAa,EAAE;AAAA,MACjD,OAAOO;AAAA,MAEN,UAAA;AAAA,QAAAH,KACC,gBAAAO;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,MAAM,EAAE,KAAKP,KAAa,IAAI,KAAKD,EAAA;AAAA,YACnC,QAAQL,GAAQ,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAG9B,gBAAAY;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,cACJ,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,MAAM;AAAA,cACN,MAAMP,KAAQ;AAAA,YAAA;AAAA,YAEhB,QAAQP,GAAQ,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAC5B;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/ui/patterns/Author/Author.module.css.js

@@ -0,0 +1,8 @@
+const t = "hZesqj2V", s = {
+  tuiAuthor: t
+};
+export {
+  s as default,
+  t as tuiAuthor
+};
+//# sourceMappingURL=Author.module.css.js.map

package/dist/esm/ui/patterns/Author/Author.module.css.js.map

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

package/dist/esm/ui/patterns/Author/index.js

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

package/dist/esm/ui/patterns/Author/index.js.map

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

package/dist/esm/ui/patterns/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,82 @@
+import { jsx as t, jsxs as N } from "react/jsx-runtime";
+import k from "../../primitives/Frame/Frame.js";
+import B from "../../primitives/Link/Link.js";
+import o from "../../primitives/TextBody/TextBody.js";
+import e from "./Breadcrumb.module.css.js";
+const T = ({
+  data: r,
+  events: p,
+  tokens: s,
+  className: d,
+  colorPalette: u,
+  colorSource: b,
+  customColor: f
+}) => {
+  if (!r || !r.items || r.items.length === 0) return null;
+  const h = {
+    ...s?.spacing?.gap && {
+      "--breadcrumb-gap": s.spacing.gap.default
+    }
+  }, { items: n, separator: v = "/", ariaLabel: g = "Breadcrumb" } = r, { onItemClick: m } = p || {}, x = [e.tuiBreadcrumb, d ?? ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t(
+    k,
+    {
+      "data-tui-pattern": "breadcrumb",
+      data: { as: "div" },
+      colorPalette: u,
+      colorSource: b,
+      customColor: f,
+      className: x,
+      style: h,
+      children: /* @__PURE__ */ t("nav", { "aria-label": g, className: e.navWrapper, children: /* @__PURE__ */ t("ol", { className: e.list, children: n.map((a, i) => {
+        const l = i === n.length - 1 || a.active, c = a.text || a.label || "";
+        return /* @__PURE__ */ N(
+          "li",
+          {
+            className: `${e.item} ${l ? e.active : ""}`,
+            "aria-current": l ? "page" : void 0,
+            children: [
+              !l && a.href ? /* @__PURE__ */ t(
+                B,
+                {
+                  data: { text: c, href: a.href, size: "sm" },
+                  events: {
+                    onClick: m ? () => m(a, i) : void 0
+                  },
+                  tokens: s?.elements?.link,
+                  className: e.link
+                }
+              ) : /* @__PURE__ */ t(
+                o,
+                {
+                  data: {
+                    text: c,
+                    size: "sm",
+                    weight: "bold",
+                    as: "span"
+                  },
+                  tokens: s?.elements?.activeItem,
+                  className: e.activeText
+                }
+              ),
+              !l && /* @__PURE__ */ t(
+                o,
+                {
+                  data: { text: v, size: "sm", as: "span" },
+                  tokens: s?.elements?.separator,
+                  className: e.separator,
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          },
+          i
+        );
+      }) }) })
+    }
+  );
+};
+export {
+  T as default
+};
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/esm/ui/patterns/Breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../../src/ui/patterns/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React from \"react\";\nimport type { BreadcrumbModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport Link from \"../../primitives/Link/Link\";\nimport TextBody from \"../../primitives/TextBody/TextBody\";\nimport styles from \"./Breadcrumb.module.css\";\n\nexport interface BreadcrumbProps extends BreadcrumbModel {\n  children?: React.ReactNode;\n}\n\nconst Breadcrumb: React.FC<BreadcrumbProps> = ({\n  data,\n  events,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data || !data.items || data.items.length === 0) return null;\n  const _fingerprint = \"420e1562db20a639f5fdd49d2549bdca\";\n\n  const tokenStyles = {\n    ...(tokens?.spacing?.gap && {\n      \"--breadcrumb-gap\": tokens.spacing.gap.default,\n    }),\n  };\n\n  const { items, separator = \"/\", ariaLabel = \"Breadcrumb\" } = data;\n  const { onItemClick } = events || {};\n\n  const breadcrumbClassName = [styles.tuiBreadcrumb, className ?? \"\"]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <Frame\n      data-tui-pattern=\"breadcrumb\"\n      data={{ as: \"div\" }}\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={breadcrumbClassName}\n      style={tokenStyles as React.CSSProperties}\n    >\n      <nav aria-label={ariaLabel} className={styles.navWrapper}>\n        <ol className={styles.list}>\n          {items.map((item, idx) => {\n            const isLast = idx === items.length - 1 || item.active;\n            const itemText = item.text || item.label || \"\";\n            return (\n              <li\n                key={idx}\n                className={`${styles.item} ${isLast ? styles.active : \"\"}`}\n                aria-current={isLast ? \"page\" : undefined}\n              >\n                {!isLast && item.href ? (\n                  <Link\n                    data={{ text: itemText, href: item.href, size: \"sm\" }}\n                    events={{\n                      onClick: onItemClick\n                        ? () => onItemClick(item, idx)\n                        : undefined,\n                    }}\n                    tokens={tokens?.elements?.link}\n                    className={styles.link}\n                  />\n                ) : (\n                  <TextBody\n                    data={{\n                      text: itemText,\n                      size: \"sm\",\n                      weight: \"bold\",\n                      as: \"span\",\n                    }}\n                    tokens={tokens?.elements?.activeItem}\n                    className={styles.activeText}\n                  />\n                )}\n                {!isLast && (\n                  <TextBody\n                    data={{ text: separator, size: \"sm\", as: \"span\" }}\n                    tokens={tokens?.elements?.separator}\n                    className={styles.separator}\n                    aria-hidden=\"true\"\n                  />\n                )}\n              </li>\n            );\n          })}\n        </ol>\n      </nav>\n    </Frame>\n  );\n};\n\nexport default Breadcrumb;\n"],"names":["Breadcrumb","data","events","tokens","className","colorPalette","colorSource","customColor","tokenStyles","items","separator","ariaLabel","onItemClick","breadcrumbClassName","styles","jsx","Frame","item","idx","isLast","itemText","jsxs","Link","TextBody"],"mappings":";;;;;AAWA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,MAAI,CAACN,KAAQ,CAACA,EAAK,SAASA,EAAK,MAAM,WAAW,EAAG,QAAO;AAG5D,QAAMO,IAAc;AAAA,IAClB,GAAIL,GAAQ,SAAS,OAAO;AAAA,MAC1B,oBAAoBA,EAAO,QAAQ,IAAI;AAAA,IAAA;AAAA,EACzC,GAGI,EAAE,OAAAM,GAAO,WAAAC,IAAY,KAAK,WAAAC,IAAY,iBAAiBV,GACvD,EAAE,aAAAW,MAAgBV,KAAU,CAAA,GAE5BW,IAAsB,CAACC,EAAO,eAAeV,KAAa,EAAE,EAC/D,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,oBAAiB;AAAA,MACjB,MAAM,EAAE,IAAI,MAAA;AAAA,MACZ,cAAAX;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAWM;AAAA,MACX,OAAOL;AAAA,MAEP,4BAAC,OAAA,EAAI,cAAYG,GAAW,WAAWG,EAAO,YAC5C,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAWD,EAAO,MACnB,UAAAL,EAAM,IAAI,CAACQ,GAAMC,MAAQ;AACxB,cAAMC,IAASD,MAAQT,EAAM,SAAS,KAAKQ,EAAK,QAC1CG,IAAWH,EAAK,QAAQA,EAAK,SAAS;AAC5C,eACE,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW,GAAGP,EAAO,IAAI,IAAIK,IAASL,EAAO,SAAS,EAAE;AAAA,YACxD,gBAAcK,IAAS,SAAS;AAAA,YAE/B,UAAA;AAAA,cAAA,CAACA,KAAUF,EAAK,OACf,gBAAAF;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACC,MAAM,EAAE,MAAMF,GAAU,MAAMH,EAAK,MAAM,MAAM,KAAA;AAAA,kBAC/C,QAAQ;AAAA,oBACN,SAASL,IACL,MAAMA,EAAYK,GAAMC,CAAG,IAC3B;AAAA,kBAAA;AAAA,kBAEN,QAAQf,GAAQ,UAAU;AAAA,kBAC1B,WAAWW,EAAO;AAAA,gBAAA;AAAA,cAAA,IAGpB,gBAAAC;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACC,MAAM;AAAA,oBACJ,MAAMH;AAAA,oBACN,MAAM;AAAA,oBACN,QAAQ;AAAA,oBACR,IAAI;AAAA,kBAAA;AAAA,kBAEN,QAAQjB,GAAQ,UAAU;AAAA,kBAC1B,WAAWW,EAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGrB,CAACK,KACA,gBAAAJ;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACC,MAAM,EAAE,MAAMb,GAAW,MAAM,MAAM,IAAI,OAAA;AAAA,kBACzC,QAAQP,GAAQ,UAAU;AAAA,kBAC1B,WAAWW,EAAO;AAAA,kBAClB,eAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAAA;AAAA,UAjCGI;AAAA,QAAA;AAAA,MAqCX,CAAC,GACH,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}