@tramo-digital/react-ui 0.0.0-alpha

package/dist/esm/ui/compositions/Tabs/Tabs.js

@@ -0,0 +1,128 @@
+import { jsxs as p, jsx as l } from "react/jsx-runtime";
+import { useState as C } from "react";
+import I from "../../primitives/Frame/Frame.js";
+import i from "./Tabs.module.css.js";
+const x = (r) => {
+  if (r.render) {
+    if (typeof r.render == "function") {
+      const o = r.render;
+      return /* @__PURE__ */ l(o, {});
+    }
+    return r.render;
+  }
+  return null;
+}, A = ({
+  data: r,
+  events: o,
+  tokens: a,
+  className: f,
+  colorPalette: g,
+  colorSource: m,
+  customColor: v
+}) => {
+  if (!r) return null;
+  const d = r.tabs || r.items || [], { defaultActiveId: s, variant: T = "underline" } = r, [b, h] = C(() => {
+    if (s && d.some(
+      (n, t) => (n.key || n.id || String(t)) === s
+    ))
+      return s;
+    const e = d[0];
+    return e ? e.key || e.id || "0" : "";
+  }), y = (e, n) => {
+    if (e.disabled) return;
+    const t = e.key || e.id || String(n);
+    h(t), o?.onTabChange?.(t, n);
+  }, N = {
+    ...a?.color?.background && {
+      "--tabs-bg": a.color.background.default
+    },
+    ...a?.color?.tabBar && { "--tabs-bar": a.color.tabBar.default },
+    ...a?.color?.activeTab && {
+      "--tabs-active-tab": a.color.activeTab.default
+    },
+    ...a?.color?.activeIndicator && {
+      "--tabs-indicator": a.color.activeIndicator.default
+    },
+    ...a?.color?.tabText && {
+      "--tabs-text": a.color.tabText.default
+    },
+    ...a?.color?.activeTabText && {
+      "--tabs-text-active": a.color.activeTabText.default
+    },
+    ...a?.color?.panelBackground && {
+      "--tabs-panel-bg": a.color.panelBackground.default
+    },
+    ...a?.spacing?.gap && { "--tabs-gap": a.spacing.gap.default },
+    ...a?.spacing?.tabPadding && {
+      "--tabs-padding": a.spacing.tabPadding.default
+    },
+    ...a?.spacing?.panelPadding && {
+      "--tabs-panel-padding": a.spacing.panelPadding.default
+    }
+  };
+  return /* @__PURE__ */ p(
+    I,
+    {
+      "data-tui-composition": "base",
+      data: { as: "div" },
+      colorPalette: g,
+      colorSource: m,
+      customColor: v,
+      className: [
+        i.tabsContainer,
+        i[`variant-${T}`],
+        f ?? ""
+      ].filter(Boolean).join(" "),
+      style: N,
+      children: [
+        /* @__PURE__ */ l("div", { className: i.tabListWrapper, children: /* @__PURE__ */ l("div", { className: i.tabList, role: "tablist", children: d.map((e, n) => {
+          const t = e.key || e.id || String(n), c = t === b;
+          return /* @__PURE__ */ p(
+            "button",
+            {
+              role: "tab",
+              type: "button",
+              id: `tab-${t}`,
+              "aria-selected": c,
+              "aria-controls": `panel-${t}`,
+              disabled: e.disabled,
+              className: [
+                i.tabButton,
+                c ? i.active : "",
+                e.disabled ? i.disabled : ""
+              ].filter(Boolean).join(" "),
+              onClick: () => y(e, n),
+              children: [
+                e.icon && /* @__PURE__ */ l("span", { className: i.icon, "aria-hidden": "true", children: e.icon }),
+                /* @__PURE__ */ l("span", { className: i.label, children: e.label })
+              ]
+            },
+            t
+          );
+        }) }) }),
+        /* @__PURE__ */ l("div", { className: i.panelsContainer, children: d.map((e, n) => {
+          const t = e.key || e.id || String(n), c = t === b, u = x(e);
+          return !c && !u ? null : /* @__PURE__ */ l(
+            "div",
+            {
+              id: `panel-${t}`,
+              role: "tabpanel",
+              "aria-labelledby": `tab-${t}`,
+              hidden: !c,
+              className: [
+                i.tabPanel,
+                c ? i.panelActive : ""
+              ].join(" "),
+              children: c && /* @__PURE__ */ l("div", { className: i.panelContent, children: u })
+            },
+            t
+          );
+        }) })
+      ]
+    }
+  );
+};
+export {
+  A as default
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/esm/ui/compositions/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../../src/ui/compositions/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { TabsModel, TabItemData } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport styles from \"./Tabs.module.css\";\n\nexport interface TabsProps {\n  id?: TabsModel[\"id\"];\n  data: TabsModel[\"data\"];\n  events?: TabsModel[\"events\"];\n  tokens?: TabsModel[\"tokens\"];\n  className?: TabsModel[\"className\"];\n  colorPalette?: TabsModel[\"colorPalette\"];\n  colorSource?: TabsModel[\"colorSource\"];\n  customColor?: TabsModel[\"customColor\"];\n}\n\nconst renderTabPanelContent = (tab: TabItemData) => {\n  if (tab.render) {\n    if (typeof tab.render === \"function\") {\n      const RenderFunc = tab.render as React.ElementType;\n      return <RenderFunc />;\n    }\n    return tab.render as React.ReactNode;\n  }\n  return null;\n};\n\nconst Tabs: React.FC<TabsProps> = ({\n  data,\n  events,\n  tokens,\n  className,\n  colorPalette,\n  colorSource,\n  customColor,\n}) => {\n  if (!data) return null;\n  const _fingerprint = \"a611a92ed820032fd958f7c66cc45542\";\n\n  const tabList = data.tabs || data.items || [];\n  const { defaultActiveId, variant = \"underline\" } = data;\n\n  const [activeTabId, setActiveTabId] = useState<string>(() => {\n    if (\n      defaultActiveId &&\n      tabList.some(\n        (t: TabItemData, idx: number) =>\n          (t.key || t.id || String(idx)) === defaultActiveId,\n      )\n    ) {\n      return defaultActiveId;\n    }\n    const firstTab = tabList[0];\n    return firstTab ? firstTab.key || firstTab.id || \"0\" : \"\";\n  });\n\n  const handleTabClick = (tab: TabItemData, idx: number) => {\n    if (tab.disabled) return;\n    const tabId = tab.key || tab.id || String(idx);\n    setActiveTabId(tabId);\n    events?.onTabChange?.(tabId, idx);\n  };\n\n  const tokenStyles = {\n    ...(tokens?.color?.background && {\n      \"--tabs-bg\": tokens.color.background.default,\n    }),\n    ...(tokens?.color?.tabBar && { \"--tabs-bar\": tokens.color.tabBar.default }),\n    ...(tokens?.color?.activeTab && {\n      \"--tabs-active-tab\": tokens.color.activeTab.default,\n    }),\n    ...(tokens?.color?.activeIndicator && {\n      \"--tabs-indicator\": tokens.color.activeIndicator.default,\n    }),\n    ...(tokens?.color?.tabText && {\n      \"--tabs-text\": tokens.color.tabText.default,\n    }),\n    ...(tokens?.color?.activeTabText && {\n      \"--tabs-text-active\": tokens.color.activeTabText.default,\n    }),\n    ...(tokens?.color?.panelBackground && {\n      \"--tabs-panel-bg\": tokens.color.panelBackground.default,\n    }),\n    ...(tokens?.spacing?.gap && { \"--tabs-gap\": tokens.spacing.gap.default }),\n    ...(tokens?.spacing?.tabPadding && {\n      \"--tabs-padding\": tokens.spacing.tabPadding.default,\n    }),\n    ...(tokens?.spacing?.panelPadding && {\n      \"--tabs-panel-padding\": tokens.spacing.panelPadding.default,\n    }),\n  };\n\n  return (\n    <Frame\n      data-tui-composition=\"base\"\n      data={{ as: \"div\" }}\n      colorPalette={colorPalette}\n      colorSource={colorSource}\n      customColor={customColor}\n      className={[\n        styles.tabsContainer,\n        styles[`variant-${variant}`],\n        className ?? \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={tokenStyles as React.CSSProperties}\n    >\n      <div className={styles.tabListWrapper}>\n        <div className={styles.tabList} role=\"tablist\">\n          {tabList.map((tab: TabItemData, idx: number) => {\n            const tabId = tab.key || tab.id || String(idx);\n            const isActive = tabId === activeTabId;\n            return (\n              <button\n                key={tabId}\n                role=\"tab\"\n                type=\"button\"\n                id={`tab-${tabId}`}\n                aria-selected={isActive}\n                aria-controls={`panel-${tabId}`}\n                disabled={tab.disabled}\n                className={[\n                  styles.tabButton,\n                  isActive ? styles.active : \"\",\n                  tab.disabled ? styles.disabled : \"\",\n                ]\n                  .filter(Boolean)\n                  .join(\" \")}\n                onClick={() => handleTabClick(tab, idx)}\n              >\n                {tab.icon && (\n                  <span className={styles.icon} aria-hidden=\"true\">\n                    {tab.icon}\n                  </span>\n                )}\n                <span className={styles.label}>{tab.label}</span>\n              </button>\n            );\n          })}\n        </div>\n      </div>\n\n      <div className={styles.panelsContainer}>\n        {tabList.map((tab: TabItemData, idx: number) => {\n          const tabId = tab.key || tab.id || String(idx);\n          const isActive = tabId === activeTabId;\n          const panelContentNode = renderTabPanelContent(tab);\n          if (!isActive && !panelContentNode) return null;\n\n          return (\n            <div\n              key={tabId}\n              id={`panel-${tabId}`}\n              role=\"tabpanel\"\n              aria-labelledby={`tab-${tabId}`}\n              hidden={!isActive}\n              className={[\n                styles.tabPanel,\n                isActive ? styles.panelActive : \"\",\n              ].join(\" \")}\n            >\n              {isActive && (\n                <div className={styles.panelContent}>{panelContentNode}</div>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </Frame>\n  );\n};\n\nexport default Tabs;\n"],"names":["renderTabPanelContent","tab","RenderFunc","Tabs","data","events","tokens","className","colorPalette","colorSource","customColor","tabList","defaultActiveId","variant","activeTabId","setActiveTabId","useState","t","idx","firstTab","handleTabClick","tabId","tokenStyles","jsxs","Frame","styles","jsx","isActive","panelContentNode"],"mappings":"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"}

package/dist/esm/ui/compositions/Tabs/Tabs.module.css.js

@@ -0,0 +1,39 @@
+const t = "_6dDbmslL", n = "_1BuF1zyK", a = "iW6wqWgj", i = "_9apcrmFe", e = "nRhpiXbJ", s = "x1DgOaeW", r = "Jp-tladC", l = "XxtrdKhF", o = "tTnjGiNZ", c = "YeMi3sCO", b = "cZvIBksF", d = "ugnzb6HY", g = "C6ngF5H3", p = "AOdrJWr7", v = {
+  tabsContainer: t,
+  tabListWrapper: n,
+  tabList: a,
+  "align-center": "_9apcrmFe",
+  alignCenter: i,
+  "align-right": "nRhpiXbJ",
+  alignRight: e,
+  tabButton: s,
+  disabled: r,
+  active: l,
+  "variant-underline": "tTnjGiNZ",
+  variantUnderline: o,
+  "variant-pill": "YeMi3sCO",
+  variantPill: c,
+  "variant-boxed": "cZvIBksF",
+  variantBoxed: b,
+  badge: d,
+  panelsContainer: g,
+  tabPanel: p
+};
+export {
+  l as active,
+  i as alignCenter,
+  e as alignRight,
+  d as badge,
+  v as default,
+  r as disabled,
+  g as panelsContainer,
+  s as tabButton,
+  a as tabList,
+  n as tabListWrapper,
+  p as tabPanel,
+  t as tabsContainer,
+  b as variantBoxed,
+  c as variantPill,
+  o as variantUnderline
+};
+//# sourceMappingURL=Tabs.module.css.js.map

package/dist/esm/ui/compositions/Tabs/Tabs.module.css.js.map

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

package/dist/esm/ui/compositions/Tabs/index.js

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

package/dist/esm/ui/compositions/Tabs/index.js.map

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

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

@@ -0,0 +1,48 @@
+import { jsx as g } from "react/jsx-runtime";
+import x from "../../primitives/Frame/Frame.js";
+import h from "./Container.module.css.js";
+const M = ({
+  data: e = { as: "div", fluid: !1, align: "center" },
+  tokens: a,
+  children: r,
+  className: t,
+  colorPalette: d,
+  colorSource: o = "palette",
+  customColor: s,
+  style: i,
+  ...l
+}) => {
+  const { as: m = "div", fluid: c = !1, align: p = "center", display: n } = e, f = {
+    "--container-max-width": c ? "100%" : "var(--container-default, 1200px)",
+    "--container-margin": {
+      left: "0 auto 0 0",
+      center: "0 auto",
+      right: "0 0 0 auto"
+    }[p] ?? "0 auto",
+    ...n && { "--container-display": n },
+    ...a?.dimension?.maxWidth?.default && {
+      "--container-max-width": a.dimension.maxWidth.default
+    },
+    ...a?.spacing?.padding?.default && {
+      "--container-padding": a.spacing.padding.default
+    },
+    ...i && { ...i }
+  }, u = `${h.tuiContainer} ${t || ""}`.trim();
+  return /* @__PURE__ */ g(
+    x,
+    {
+      data: { as: m },
+      colorSource: o,
+      colorPalette: d,
+      customColor: s,
+      className: u,
+      style: f,
+      ...l,
+      children: r
+    }
+  );
+};
+export {
+  M as default
+};
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sources":["../../../../../src/ui/layout/Container/Container.tsx"],"sourcesContent":["import React from \"react\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport styles from \"./Container.module.css\";\nimport type { ContainerModel } from \"@tramo-digital/types\";\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLElement> {\n  tokens?: ContainerModel[\"tokens\"];\n  events?: ContainerModel[\"events\"];\n  children?: React.ReactNode;\n  className?: string;\n  data?: ContainerModel[\"data\"];\n  colorPalette?: ContainerModel[\"colorPalette\"];\n  colorSource?: ContainerModel[\"colorSource\"];\n  customColor?: ContainerModel[\"customColor\"];\n}\n\nconst Container: React.FC<ContainerProps> = ({\n  data = { as: \"div\", fluid: false, align: \"center\" },\n  tokens,\n  children,\n  className,\n  colorPalette,\n  colorSource = \"palette\",\n  customColor,\n  style,\n  ...rest\n}) => {\n  const { as = \"div\", fluid = false, align = \"center\", display } = data;\n\n  const marginMap: Record<string, string> = {\n    left: \"0 auto 0 0\",\n    center: \"0 auto\",\n    right: \"0 0 0 auto\",\n  };\n\n  const tokenStyles = {\n    \"--container-max-width\": fluid\n      ? \"100%\"\n      : \"var(--container-default, 1200px)\",\n    \"--container-margin\": marginMap[align] ?? \"0 auto\",\n    ...(display && { \"--container-display\": display }),\n    ...(tokens?.dimension?.maxWidth?.default && {\n      \"--container-max-width\": tokens.dimension.maxWidth.default,\n    }),\n    ...(tokens?.spacing?.padding?.default && {\n      \"--container-padding\": tokens.spacing.padding.default,\n    }),\n    ...(style && { ...style }),\n  } as React.CSSProperties;\n\n  const classNames =\n    `${styles.tuiContainer} ${className ? className : \"\"}`.trim();\n\n  return (\n    <Frame\n      data={{ as }}\n      colorSource={colorSource}\n      colorPalette={colorPalette}\n      customColor={customColor}\n      className={classNames}\n      style={tokenStyles}\n      {...rest}\n    >\n      {children}\n    </Frame>\n  );\n};\n\nexport default Container;\n"],"names":["Container","data","tokens","children","className","colorPalette","colorSource","customColor","style","rest","as","fluid","align","display","tokenStyles","classNames","styles","jsx","Frame"],"mappings":";;;AAgBA,MAAMA,IAAsC,CAAC;AAAA,EAC3C,MAAAC,IAAO,EAAE,IAAI,OAAO,OAAO,IAAO,OAAO,SAAA;AAAA,EACzC,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,EAAE,IAAAC,IAAK,OAAO,OAAAC,IAAQ,IAAO,OAAAC,IAAQ,UAAU,SAAAC,MAAYZ,GAQ3Da,IAAc;AAAA,IAClB,yBAAyBH,IACrB,SACA;AAAA,IACJ,sBAVwC;AAAA,MACxC,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA,EAOyBC,CAAK,KAAK;AAAA,IAC1C,GAAIC,KAAW,EAAE,uBAAuBA,EAAA;AAAA,IACxC,GAAIX,GAAQ,WAAW,UAAU,WAAW;AAAA,MAC1C,yBAAyBA,EAAO,UAAU,SAAS;AAAA,IAAA;AAAA,IAErD,GAAIA,GAAQ,SAAS,SAAS,WAAW;AAAA,MACvC,uBAAuBA,EAAO,QAAQ,QAAQ;AAAA,IAAA;AAAA,IAEhD,GAAIM,KAAS,EAAE,GAAGA,EAAA;AAAA,EAAM,GAGpBO,IACJ,GAAGC,EAAO,YAAY,IAAIZ,KAAwB,EAAE,GAAG,KAAA;AAEzD,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM,EAAE,IAAAR,EAAA;AAAA,MACR,aAAAJ;AAAA,MACA,cAAAD;AAAA,MACA,aAAAE;AAAA,MACA,WAAWQ;AAAA,MACX,OAAOD;AAAA,MACN,GAAGL;AAAA,MAEH,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,8 @@
+const t = "_1oyrvMDC", n = {
+  tuiContainer: t
+};
+export {
+  n as default,
+  t as tuiContainer
+};
+//# sourceMappingURL=Container.module.css.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,137 @@
+import { jsxs as i, jsx as d } from "react/jsx-runtime";
+import { useEffect as f } from "react";
+import { createPortal as D } from "react-dom";
+import I from "../../primitives/Frame/Frame.js";
+import r from "./Drawer.module.css.js";
+const W = ({
+  data: m = {},
+  events: p,
+  tokens: e,
+  children: h,
+  className: w,
+  colorPalette: y,
+  colorSource: x = "palette",
+  customColor: b,
+  style: n,
+  ...v
+}) => {
+  const {
+    isOpen: t = !1,
+    placement: g = "right",
+    size: C = "md",
+    title: o,
+    showBackdrop: N = !0,
+    closeOnBackdropClick: B = !0,
+    closeOnEsc: c = !0,
+    showCloseButton: s = !0,
+    lockScroll: u = !0,
+    as: j = "div"
+  } = m || {}, { onClose: a } = p || {};
+  if (f(() => {
+    if (!t || !c) return;
+    const l = ($) => {
+      $.key === "Escape" && a && a();
+    };
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [t, c, a]), f(() => {
+    if (!t || !u) return;
+    const l = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = l;
+    };
+  }, [t, u]), !t || typeof document > "u") return null;
+  const z = () => {
+    B && a && a();
+  }, E = {
+    ...e?.color?.surface?.default && {
+      "--drawer-surface": e.color.surface.default
+    },
+    ...e?.color?.backdrop?.default && {
+      "--drawer-backdrop": e.color.backdrop.default
+    },
+    ...e?.color?.text?.default && {
+      "--drawer-text": e.color.text.default
+    },
+    ...e?.color?.border?.default && {
+      "--drawer-border": e.color.border.default
+    },
+    ...e?.dimension?.width?.default && {
+      "--drawer-width": typeof e.dimension.width.default == "number" ? `${e.dimension.width.default}px` : e.dimension.width.default
+    },
+    ...e?.dimension?.maxHeight?.default && {
+      "--drawer-max-height": typeof e.dimension.maxHeight.default == "number" ? `${e.dimension.maxHeight.default}px` : e.dimension.maxHeight.default
+    },
+    ...e?.spacing?.padding?.default && {
+      "--drawer-padding": e.spacing.padding.default
+    },
+    ...e?.elevation?.zIndex?.default && {
+      "--drawer-z-index": e.elevation.zIndex.default
+    },
+    ...n && { ...n }
+  }, H = [r.tuiDrawer, w ?? ""].filter(Boolean).join(" "), L = [
+    r.panel,
+    r[`placement-${g}`],
+    r[`size-${C}`]
+  ].filter(Boolean).join(" "), O = /* @__PURE__ */ i(
+    I,
+    {
+      data: { as: j },
+      colorSource: x,
+      colorPalette: y,
+      customColor: b,
+      className: H,
+      style: E,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": o ? "drawer-title" : void 0,
+      ...v,
+      children: [
+        N && /* @__PURE__ */ d(
+          "div",
+          {
+            className: r.backdrop,
+            onClick: z,
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: L, children: [
+          (o || s) && /* @__PURE__ */ i("header", { className: r.header, children: [
+            o ? /* @__PURE__ */ d("h2", { id: "drawer-title", className: r.title, children: o }) : /* @__PURE__ */ d("span", {}),
+            s && /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                className: r.closeButton,
+                onClick: a,
+                "aria-label": "Close drawer",
+                children: /* @__PURE__ */ i(
+                  "svg",
+                  {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ d("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                      /* @__PURE__ */ d("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                    ]
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ d("div", { className: r.body, children: h })
+        ] })
+      ]
+    }
+  );
+  return D(O, document.body);
+};
+export {
+  W as default
+};
+//# sourceMappingURL=Drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sources":["../../../../../src/ui/layout/Drawer/Drawer.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport type { DrawerModel } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport styles from \"./Drawer.module.css\";\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLElement> {\n  tokens?: DrawerModel[\"tokens\"];\n  events?: DrawerModel[\"events\"];\n  children?: React.ReactNode;\n  className?: string;\n  data?: DrawerModel[\"data\"];\n  colorPalette?: DrawerModel[\"colorPalette\"];\n  colorSource?: DrawerModel[\"colorSource\"];\n  customColor?: DrawerModel[\"customColor\"];\n}\n\nconst Drawer: React.FC<DrawerProps> = ({\n  data = {},\n  events,\n  tokens,\n  children,\n  className,\n  colorPalette,\n  colorSource = \"palette\",\n  customColor,\n  style,\n  ...rest\n}) => {\n  const _fingerprint = \"76a6b75d04650c4cb9a12827adfe39ea\";\n\n  const {\n    isOpen = false,\n    placement = \"right\",\n    size = \"md\",\n    title,\n    showBackdrop = true,\n    closeOnBackdropClick = true,\n    closeOnEsc = true,\n    showCloseButton = true,\n    lockScroll = true,\n    as = \"div\",\n  } = data || {};\n\n  const { onClose } = events || {};\n\n  useEffect(() => {\n    if (!isOpen || !closeOnEsc) return;\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && onClose) {\n        onClose();\n      }\n    };\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [isOpen, closeOnEsc, onClose]);\n\n  useEffect(() => {\n    if (!isOpen || !lockScroll) return;\n    const originalOverflow = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n    return () => {\n      document.body.style.overflow = originalOverflow;\n    };\n  }, [isOpen, lockScroll]);\n\n  if (!isOpen || typeof document === \"undefined\") return null;\n\n  const handleBackdropClick = () => {\n    if (closeOnBackdropClick && onClose) {\n      onClose();\n    }\n  };\n\n  const tokenStyles = {\n    ...(tokens?.color?.surface?.default && {\n      \"--drawer-surface\": tokens.color.surface.default,\n    }),\n    ...(tokens?.color?.backdrop?.default && {\n      \"--drawer-backdrop\": tokens.color.backdrop.default,\n    }),\n    ...(tokens?.color?.text?.default && {\n      \"--drawer-text\": tokens.color.text.default,\n    }),\n    ...(tokens?.color?.border?.default && {\n      \"--drawer-border\": tokens.color.border.default,\n    }),\n    ...(tokens?.dimension?.width?.default && {\n      \"--drawer-width\":\n        typeof tokens.dimension.width.default === \"number\"\n          ? `${tokens.dimension.width.default}px`\n          : tokens.dimension.width.default,\n    }),\n    ...(tokens?.dimension?.maxHeight?.default && {\n      \"--drawer-max-height\":\n        typeof tokens.dimension.maxHeight.default === \"number\"\n          ? `${tokens.dimension.maxHeight.default}px`\n          : tokens.dimension.maxHeight.default,\n    }),\n    ...(tokens?.spacing?.padding?.default && {\n      \"--drawer-padding\": tokens.spacing.padding.default,\n    }),\n    ...(tokens?.elevation?.zIndex?.default && {\n      \"--drawer-z-index\": tokens.elevation.zIndex.default,\n    }),\n    ...(style && { ...style }),\n  } as React.CSSProperties;\n\n  const classNames = [styles.tuiDrawer, className ?? \"\"]\n    .filter(Boolean)\n    .join(\" \");\n  const panelClassNames = [\n    styles.panel,\n    styles[`placement-${placement}`],\n    styles[`size-${size}`],\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const drawerContent = (\n    <Frame\n      data={{ as }}\n      colorSource={colorSource}\n      colorPalette={colorPalette}\n      customColor={customColor}\n      className={classNames}\n      style={tokenStyles}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={title ? \"drawer-title\" : undefined}\n      {...rest}\n    >\n      {showBackdrop && (\n        <div\n          className={styles.backdrop}\n          onClick={handleBackdropClick}\n          aria-hidden=\"true\"\n        />\n      )}\n      <div className={panelClassNames}>\n        {(title || showCloseButton) && (\n          <header className={styles.header}>\n            {title ? (\n              <h2 id=\"drawer-title\" className={styles.title}>\n                {title}\n              </h2>\n            ) : (\n              <span />\n            )}\n            {showCloseButton && (\n              <button\n                type=\"button\"\n                className={styles.closeButton}\n                onClick={onClose}\n                aria-label=\"Close drawer\"\n              >\n                <svg\n                  width=\"20\"\n                  height=\"20\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"2\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                >\n                  <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n                  <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n                </svg>\n              </button>\n            )}\n          </header>\n        )}\n        <div className={styles.body}>{children}</div>\n      </div>\n    </Frame>\n  );\n\n  return createPortal(drawerContent, document.body);\n};\n\nexport default Drawer;\n"],"names":["Drawer","data","events","tokens","children","className","colorPalette","colorSource","customColor","style","rest","isOpen","placement","size","title","showBackdrop","closeOnBackdropClick","closeOnEsc","showCloseButton","lockScroll","as","onClose","useEffect","handleKeyDown","e","originalOverflow","handleBackdropClick","tokenStyles","classNames","styles","panelClassNames","drawerContent","jsxs","Frame","jsx","createPortal"],"mappings":"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"}

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

@@ -0,0 +1,44 @@
+const t = "ym4TM8WQ", e = "O3Dh3zfC", o = "wT5iC9Nb", s = "BruMmfkw", n = "FlqdR91k", c = "oSOgNO4v", l = "_0-PRiHlK", i = "FBs6i2sh", a = "t2pqrOj6", m = "_2Eg5CAS9", p = "QUH1Wo-5", r = "_6-QFf14W", z = "IiEkB1nM", d = "XSTRVG-T", g = "_9Q3IVyWx", u = {
+  tuiDrawer: t,
+  backdrop: e,
+  panel: o,
+  "placement-right": "BruMmfkw",
+  placementRight: s,
+  "placement-left": "FlqdR91k",
+  placementLeft: n,
+  "placement-top": "oSOgNO4v",
+  placementTop: c,
+  "placement-bottom": "_0-PRiHlK",
+  placementBottom: l,
+  "size-sm": "FBs6i2sh",
+  sizeSm: i,
+  "size-md": "t2pqrOj6",
+  sizeMd: a,
+  "size-lg": "_2Eg5CAS9",
+  sizeLg: m,
+  "size-full": "QUH1Wo-5",
+  sizeFull: p,
+  header: r,
+  title: z,
+  closeButton: d,
+  body: g
+};
+export {
+  e as backdrop,
+  g as body,
+  d as closeButton,
+  u as default,
+  r as header,
+  o as panel,
+  l as placementBottom,
+  n as placementLeft,
+  s as placementRight,
+  c as placementTop,
+  p as sizeFull,
+  m as sizeLg,
+  a as sizeMd,
+  i as sizeSm,
+  z as title,
+  t as tuiDrawer
+};
+//# sourceMappingURL=Drawer.module.css.js.map

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

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

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

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

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

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