tempest-react-sdk 0.22.0 → 0.23.0

package/dist/components/Layout/Layout.js

@@ -0,0 +1,72 @@
+import { jsx as m } from "react/jsx-runtime";
+import { cn as b } from "../../utils/cn.js";
+import { useBreakpoint as k } from "../../hooks/use-breakpoint.js";
+import e from "./Layout.module.css.js";
+function R({ size: t = "lg", className: i, children: r, ...n }) {
+  return /* @__PURE__ */ m("div", { className: b(e.container, e[t], i), ...n, children: r });
+}
+function x(t) {
+  return typeof t == "object" && t !== null && ("mobile" in t || "tablet" in t || "desktop" in t);
+}
+function s(t, i) {
+  if (t !== void 0)
+    return x(t) ? i === "desktop" ? t.desktop ?? t.tablet ?? t.mobile : i === "tablet" ? t.tablet ?? t.mobile ?? t.desktop : t.mobile ?? t.tablet ?? t.desktop : t;
+}
+function y(t) {
+  if (t !== void 0)
+    return typeof t == "number" ? `${t * 4}px` : t;
+}
+function C(t, i) {
+  return t ? "mobile" : i ? "tablet" : "desktop";
+}
+function $({
+  direction: t = "vertical",
+  gap: i = 2,
+  align: r,
+  justify: n,
+  wrap: c = !1,
+  className: f,
+  style: p,
+  children: a,
+  ...o
+}) {
+  const { isMobile: l, isTablet: d } = k(), u = C(l, d), j = s(t, u) ?? "vertical", v = { gap: y(s(i, u)), ...p }, G = n === "between" ? e.justifyBetween : n === "center" ? e.justifyCenter : n === "end" ? e.justifyEnd : n === "start" ? e.justifyStart : void 0;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: b(
+        e.stack,
+        j === "vertical" ? e.vertical : e.horizontal,
+        r && e[r],
+        G,
+        c && e.wrap,
+        f
+      ),
+      style: v,
+      ...o,
+      children: a
+    }
+  );
+}
+function w(t) {
+  if (t !== void 0)
+    return typeof t == "number" ? `repeat(${t}, minmax(0, 1fr))` : t;
+}
+function g({ columns: t = 2, gap: i = 4, className: r, style: n, children: c, ...f }) {
+  const { isMobile: p, isTablet: a } = k(), o = C(p, a), l = w(s(t, o)), d = y(s(i, o));
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: b(e.grid, r),
+      style: { gridTemplateColumns: l, gap: d, ...n },
+      ...f,
+      children: c
+    }
+  );
+}
+export {
+  R as Container,
+  g as Grid,
+  $ as Stack
+};
+//# sourceMappingURL=Layout.js.map

package/dist/components/Layout/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sources":["../../../src/components/Layout/Layout.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { useBreakpoint } from \"@/hooks/use-breakpoint\";\nimport styles from \"./Layout.module.css\";\n\nexport type ContainerSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport interface ContainerProps extends HTMLAttributes<HTMLDivElement> {\n    size?: ContainerSize;\n}\n\n/**\n * Page-level horizontal container with a max-width preset and responsive\n * side padding (`space-4` mobile / `space-6` tablet / `space-8` desktop).\n */\nexport function Container({ size = \"lg\", className, children, ...props }: ContainerProps) {\n    return (\n        <div className={cn(styles.container, styles[size], className)} {...props}>\n            {children}\n        </div>\n    );\n}\n\n/**\n * Responsive value — either a single value applied at all breakpoints, or\n * an object with `mobile` / `tablet` / `desktop` overrides. Apps can mix\n * any combination; `mobile` is the base, `tablet` / `desktop` cascade up.\n */\nexport type ResponsiveValue<T> =\n    | T\n    | {\n          mobile?: T;\n          tablet?: T;\n          desktop?: T;\n      };\n\nfunction isResponsiveObject<T>(value: ResponsiveValue<T>): value is {\n    mobile?: T;\n    tablet?: T;\n    desktop?: T;\n} {\n    return (\n        typeof value === \"object\" &&\n        value !== null &&\n        (\"mobile\" in value || \"tablet\" in value || \"desktop\" in value)\n    );\n}\n\nfunction pickResponsive<T>(\n    value: ResponsiveValue<T> | undefined,\n    device: \"mobile\" | \"tablet\" | \"desktop\",\n): T | undefined {\n    if (value === undefined) return undefined;\n    if (!isResponsiveObject(value)) return value;\n    if (device === \"desktop\") return value.desktop ?? value.tablet ?? value.mobile;\n    if (device === \"tablet\") return value.tablet ?? value.mobile ?? value.desktop;\n    return value.mobile ?? value.tablet ?? value.desktop;\n}\n\nexport type StackAlign = \"start\" | \"center\" | \"end\" | \"stretch\";\nexport type StackJustify = \"start\" | \"center\" | \"end\" | \"between\";\nexport type StackDirection = \"vertical\" | \"horizontal\";\n\nexport interface StackProps extends HTMLAttributes<HTMLDivElement> {\n    /** Direction. Accepts responsive object — e.g. `{ mobile: \"vertical\", desktop: \"horizontal\" }`. */\n    direction?: ResponsiveValue<StackDirection>;\n    /** Gap as a CSS length. Numbers map to a multiple of the 4px scale. Accepts responsive object. */\n    gap?: ResponsiveValue<number | string>;\n    align?: StackAlign;\n    justify?: StackJustify;\n    wrap?: boolean;\n    children?: ReactNode;\n}\n\nfunction resolveGap(gap: number | string | undefined): string | undefined {\n    if (gap === undefined) return undefined;\n    return typeof gap === \"number\" ? `${gap * 4}px` : gap;\n}\n\nfunction deviceFromBreakpoint(\n    isMobile: boolean,\n    isTablet: boolean,\n): \"mobile\" | \"tablet\" | \"desktop\" {\n    if (isMobile) return \"mobile\";\n    if (isTablet) return \"tablet\";\n    return \"desktop\";\n}\n\n/** Flex-based vertical or horizontal stack with a numeric `gap`. */\nexport function Stack({\n    direction = \"vertical\",\n    gap = 2,\n    align,\n    justify,\n    wrap = false,\n    className,\n    style,\n    children,\n    ...props\n}: StackProps) {\n    const { isMobile, isTablet } = useBreakpoint();\n    const device = deviceFromBreakpoint(isMobile, isTablet);\n    const finalDirection: StackDirection = pickResponsive(direction, device) ?? \"vertical\";\n    const finalGap = resolveGap(pickResponsive(gap, device));\n    const finalStyle: CSSProperties = { gap: finalGap, ...style };\n    const justifyClass =\n        justify === \"between\"\n            ? styles.justifyBetween\n            : justify === \"center\"\n              ? styles.justifyCenter\n              : justify === \"end\"\n                ? styles.justifyEnd\n                : justify === \"start\"\n                  ? styles.justifyStart\n                  : undefined;\n    return (\n        <div\n            className={cn(\n                styles.stack,\n                finalDirection === \"vertical\" ? styles.vertical : styles.horizontal,\n                align && styles[align],\n                justifyClass,\n                wrap && styles.wrap,\n                className,\n            )}\n            style={finalStyle}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n    /** Number of columns or a custom `grid-template-columns` value. Accepts responsive object. */\n    columns?: ResponsiveValue<number | string>;\n    /** Gap as a CSS length. Numbers map to a multiple of the 4px scale. Accepts responsive object. */\n    gap?: ResponsiveValue<number | string>;\n    children?: ReactNode;\n}\n\nfunction resolveColumns(columns: number | string | undefined): string | undefined {\n    if (columns === undefined) return undefined;\n    return typeof columns === \"number\" ? `repeat(${columns}, minmax(0, 1fr))` : columns;\n}\n\n/** Simple CSS-Grid wrapper for equal-width or custom column layouts. */\nexport function Grid({ columns = 2, gap = 4, className, style, children, ...props }: GridProps) {\n    const { isMobile, isTablet } = useBreakpoint();\n    const device = deviceFromBreakpoint(isMobile, isTablet);\n    const templateColumns = resolveColumns(pickResponsive(columns, device));\n    const finalGap = resolveGap(pickResponsive(gap, device));\n    return (\n        <div\n            className={cn(styles.grid, className)}\n            style={{ gridTemplateColumns: templateColumns, gap: finalGap, ...style }}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"names":["Container","size","className","children","props","jsx","cn","styles","isResponsiveObject","value","pickResponsive","device","resolveGap","gap","deviceFromBreakpoint","isMobile","isTablet","Stack","direction","align","justify","wrap","style","useBreakpoint","finalDirection","finalStyle","justifyClass","resolveColumns","columns","Grid","templateColumns","finalGap"],"mappings":";;;;AAeO,SAASA,EAAU,EAAE,MAAAC,IAAO,MAAM,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAyB;AACtF,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,WAAWA,EAAON,CAAI,GAAGC,CAAS,GAAI,GAAGE,GAC9D,UAAAD,EAAA,CACL;AAER;AAeA,SAASK,EAAsBC,GAI7B;AACE,SACI,OAAOA,KAAU,YACjBA,MAAU,SACT,YAAYA,KAAS,YAAYA,KAAS,aAAaA;AAEhE;AAEA,SAASC,EACLD,GACAE,GACa;AACb,MAAIF,MAAU;AACd,WAAKD,EAAmBC,CAAK,IACzBE,MAAW,YAAkBF,EAAM,WAAWA,EAAM,UAAUA,EAAM,SACpEE,MAAW,WAAiBF,EAAM,UAAUA,EAAM,UAAUA,EAAM,UAC/DA,EAAM,UAAUA,EAAM,UAAUA,EAAM,UAHNA;AAI3C;AAiBA,SAASG,EAAWC,GAAsD;AACtE,MAAIA,MAAQ;AACZ,WAAO,OAAOA,KAAQ,WAAW,GAAGA,IAAM,CAAC,OAAOA;AACtD;AAEA,SAASC,EACLC,GACAC,GAC+B;AAC/B,SAAID,IAAiB,WACjBC,IAAiB,WACd;AACX;AAGO,SAASC,EAAM;AAAA,EAClB,WAAAC,IAAY;AAAA,EACZ,KAAAL,IAAM;AAAA,EACN,OAAAM;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAnB;AAAA,EACA,OAAAoB;AAAA,EACA,UAAAnB;AAAA,EACA,GAAGC;AACP,GAAe;AACX,QAAM,EAAE,UAAAW,GAAU,UAAAC,EAAA,IAAaO,EAAA,GACzBZ,IAASG,EAAqBC,GAAUC,CAAQ,GAChDQ,IAAiCd,EAAeQ,GAAWP,CAAM,KAAK,YAEtEc,IAA4B,EAAE,KADnBb,EAAWF,EAAeG,GAAKF,CAAM,CAAC,GACJ,GAAGW,EAAA,GAChDI,IACFN,MAAY,YACNb,EAAO,iBACPa,MAAY,WACVb,EAAO,gBACPa,MAAY,QACVb,EAAO,aACPa,MAAY,UACVb,EAAO,eACP;AAChB,SACI,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPiB,MAAmB,aAAajB,EAAO,WAAWA,EAAO;AAAA,QACzDY,KAASZ,EAAOY,CAAK;AAAA,QACrBO;AAAA,QACAL,KAAQd,EAAO;AAAA,QACfL;AAAA,MAAA;AAAA,MAEJ,OAAOuB;AAAA,MACN,GAAGrB;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;AAUA,SAASwB,EAAeC,GAA0D;AAC9E,MAAIA,MAAY;AAChB,WAAO,OAAOA,KAAY,WAAW,UAAUA,CAAO,sBAAsBA;AAChF;AAGO,SAASC,EAAK,EAAE,SAAAD,IAAU,GAAG,KAAAf,IAAM,GAAG,WAAAX,GAAW,OAAAoB,GAAO,UAAAnB,GAAU,GAAGC,KAAoB;AAC5F,QAAM,EAAE,UAAAW,GAAU,UAAAC,EAAA,IAAaO,EAAA,GACzBZ,IAASG,EAAqBC,GAAUC,CAAQ,GAChDc,IAAkBH,EAAejB,EAAekB,GAASjB,CAAM,CAAC,GAChEoB,IAAWnB,EAAWF,EAAeG,GAAKF,CAAM,CAAC;AACvD,SACI,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAGC,EAAO,MAAML,CAAS;AAAA,MACpC,OAAO,EAAE,qBAAqB4B,GAAiB,KAAKC,GAAU,GAAGT,EAAA;AAAA,MAChE,GAAGlB;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/components/Layout/Layout.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_container_fJfOt",e="tempest_sm_k8D4-",s="tempest_md_EnpYy",n="tempest_lg_UU-Ig",r="tempest_xl_2TEWj",c="tempest_full_l8bvG",_="tempest_stack_sxR8u",o="tempest_vertical_2TMf5",i="tempest_horizontal_r7-c-",l="tempest_center_EDSAh",a="tempest_start_ucQ-K",m="tempest_end_pnKlF",u="tempest_stretch_pX6l7",p="tempest_justifyStart_lHYsS",f="tempest_justifyCenter_JH2m6",d="tempest_justifyEnd_EBisT",y="tempest_justifyBetween_mAJwT",j="tempest_wrap_-xxOh",g="tempest_grid_o-JIX",h={container:t,sm:e,md:s,lg:n,xl:r,full:c,stack:_,vertical:o,horizontal:i,center:l,start:a,end:m,stretch:u,justifyStart:p,justifyCenter:f,justifyEnd:d,justifyBetween:y,wrap:j,grid:g};exports.center=l;exports.container=t;exports.default=h;exports.end=m;exports.full=c;exports.grid=g;exports.horizontal=i;exports.justifyBetween=y;exports.justifyCenter=f;exports.justifyEnd=d;exports.justifyStart=p;exports.lg=n;exports.md=s;exports.sm=e;exports.stack=_;exports.start=a;exports.stretch=u;exports.vertical=o;exports.wrap=j;exports.xl=r;
+//# sourceMappingURL=Layout.module.css.cjs.map

package/dist/components/Layout/Layout.module.css.cjs.map

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

package/dist/components/Layout/Layout.module.css.js

@@ -0,0 +1,44 @@
+const t = "tempest_container_fJfOt", e = "tempest_sm_k8D4-", s = "tempest_md_EnpYy", n = "tempest_lg_UU-Ig", _ = "tempest_xl_2TEWj", c = "tempest_full_l8bvG", r = "tempest_stack_sxR8u", o = "tempest_vertical_2TMf5", m = "tempest_horizontal_r7-c-", p = "tempest_center_EDSAh", i = "tempest_start_ucQ-K", l = "tempest_end_pnKlF", a = "tempest_stretch_pX6l7", f = "tempest_justifyStart_lHYsS", u = "tempest_justifyCenter_JH2m6", y = "tempest_justifyEnd_EBisT", d = "tempest_justifyBetween_mAJwT", j = "tempest_wrap_-xxOh", h = "tempest_grid_o-JIX", g = {
+  container: t,
+  sm: e,
+  md: s,
+  lg: n,
+  xl: _,
+  full: c,
+  stack: r,
+  vertical: o,
+  horizontal: m,
+  center: p,
+  start: i,
+  end: l,
+  stretch: a,
+  justifyStart: f,
+  justifyCenter: u,
+  justifyEnd: y,
+  justifyBetween: d,
+  wrap: j,
+  grid: h
+};
+export {
+  p as center,
+  t as container,
+  g as default,
+  l as end,
+  c as full,
+  h as grid,
+  m as horizontal,
+  d as justifyBetween,
+  u as justifyCenter,
+  y as justifyEnd,
+  f as justifyStart,
+  n as lg,
+  s as md,
+  e as sm,
+  r as stack,
+  i as start,
+  a as stretch,
+  o as vertical,
+  j as wrap,
+  _ as xl
+};
+//# sourceMappingURL=Layout.module.css.js.map

package/dist/components/Layout/Layout.module.css.js.map

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

package/dist/components/ListTile/ListTile.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../utils/cn.cjs"),s=require("./ListTile.module.css.cjs");function m({leading:t,title:o,subtitle:a,trailing:l,onClick:n,disabled:i=!1,selected:r=!1,className:f}){const c=e.jsxs(e.Fragment,{children:[t!==void 0&&e.jsx("span",{className:s.default.leading,children:t}),e.jsxs("span",{className:s.default.body,children:[e.jsx("span",{className:s.default.title,children:o}),a!==void 0&&e.jsx("span",{className:s.default.subtitle,children:a})]}),l!==void 0&&e.jsx("span",{className:s.default.trailing,children:l})]}),d=u.cn(s.default.tile,r&&s.default.selected,i&&s.default.disabled,f);return n?e.jsx("button",{type:"button",className:u.cn(d,s.default.interactive),"aria-pressed":r?!0:void 0,disabled:i,onClick:n,children:c}):e.jsx("div",{className:d,children:c})}exports.ListTile=m;
+//# sourceMappingURL=ListTile.cjs.map

package/dist/components/ListTile/ListTile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListTile.cjs","sources":["../../../src/components/ListTile/ListTile.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ListTile.module.css\";\n\nexport interface ListTileProps {\n    /** Left slot — typically an icon or avatar. */\n    leading?: ReactNode;\n    /** Primary line. Required. */\n    title: ReactNode;\n    /** Secondary line rendered under the title. */\n    subtitle?: ReactNode;\n    /** Right slot — typically an icon, switch or meta text. */\n    trailing?: ReactNode;\n    /** When provided, the tile becomes an interactive button. */\n    onClick?: () => void;\n    /** When true, the tile is dimmed and non-interactive. */\n    disabled?: boolean;\n    /** When true, the tile is highlighted as the active row. */\n    selected?: boolean;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * The canonical Material list row: an optional leading slot, a title with an\n * optional subtitle, and an optional trailing slot. When `onClick` is supplied\n * the tile renders as a full-width, keyboard-accessible `<button>`; otherwise it\n * renders as a static `<div>`.\n *\n * @example\n * <ListTile\n *     leading={<User />}\n *     title=\"Maria Silva\"\n *     subtitle=\"maria@example.com\"\n *     trailing={<ChevronRight />}\n *     onClick={() => open(user)}\n * />\n */\nexport function ListTile({\n    leading,\n    title,\n    subtitle,\n    trailing,\n    onClick,\n    disabled = false,\n    selected = false,\n    className,\n}: ListTileProps) {\n    const content = (\n        <>\n            {leading !== undefined && <span className={styles.leading}>{leading}</span>}\n            <span className={styles.body}>\n                <span className={styles.title}>{title}</span>\n                {subtitle !== undefined && <span className={styles.subtitle}>{subtitle}</span>}\n            </span>\n            {trailing !== undefined && <span className={styles.trailing}>{trailing}</span>}\n        </>\n    );\n\n    const rootClassName = cn(\n        styles.tile,\n        selected && styles.selected,\n        disabled && styles.disabled,\n        className,\n    );\n\n    if (onClick) {\n        return (\n            <button\n                type=\"button\"\n                className={cn(rootClassName, styles.interactive)}\n                aria-pressed={selected ? true : undefined}\n                disabled={disabled}\n                onClick={onClick}\n            >\n                {content}\n            </button>\n        );\n    }\n\n    return <div className={rootClassName}>{content}</div>;\n}\n"],"names":["ListTile","leading","title","subtitle","trailing","onClick","disabled","selected","className","content","jsxs","Fragment","jsx","styles","rootClassName","cn"],"mappings":"4LAsCO,SAASA,EAAS,CACrB,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,UAAAC,CACJ,EAAkB,CACd,MAAMC,EACFC,EAAAA,KAAAC,EAAAA,SAAA,CACK,SAAA,CAAAV,IAAY,QAAaW,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,QAAU,SAAAZ,EAAQ,EACpES,EAAAA,KAAC,OAAA,CAAK,UAAWG,EAAAA,QAAO,KACpB,SAAA,CAAAD,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,MAAQ,SAAAX,EAAM,EACrCC,IAAa,QAAaS,EAAAA,IAAC,QAAK,UAAWC,UAAO,SAAW,SAAAV,CAAA,CAAS,CAAA,EAC3E,EACCC,IAAa,QAAaQ,EAAAA,IAAC,QAAK,UAAWC,UAAO,SAAW,SAAAT,CAAA,CAAS,CAAA,EAC3E,EAGEU,EAAgBC,EAAAA,GAClBF,EAAAA,QAAO,KACPN,GAAYM,EAAAA,QAAO,SACnBP,GAAYO,EAAAA,QAAO,SACnBL,CAAA,EAGJ,OAAIH,EAEIO,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWG,EAAAA,GAAGD,EAAeD,EAAAA,QAAO,WAAW,EAC/C,eAAcN,EAAW,GAAO,OAChC,SAAAD,EACA,QAAAD,EAEC,SAAAI,CAAA,CAAA,EAKNG,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAgB,SAAAL,EAAQ,CACnD"}

package/dist/components/ListTile/ListTile.js

@@ -0,0 +1,42 @@
+import { jsx as s, jsxs as d, Fragment as N } from "react/jsx-runtime";
+import { cn as m } from "../../utils/cn.js";
+import e from "./ListTile.module.css.js";
+function b({
+  leading: a,
+  title: p,
+  subtitle: t,
+  trailing: n,
+  onClick: r,
+  disabled: i = !1,
+  selected: l = !1,
+  className: h
+}) {
+  const c = /* @__PURE__ */ d(N, { children: [
+    a !== void 0 && /* @__PURE__ */ s("span", { className: e.leading, children: a }),
+    /* @__PURE__ */ d("span", { className: e.body, children: [
+      /* @__PURE__ */ s("span", { className: e.title, children: p }),
+      t !== void 0 && /* @__PURE__ */ s("span", { className: e.subtitle, children: t })
+    ] }),
+    n !== void 0 && /* @__PURE__ */ s("span", { className: e.trailing, children: n })
+  ] }), o = m(
+    e.tile,
+    l && e.selected,
+    i && e.disabled,
+    h
+  );
+  return r ? /* @__PURE__ */ s(
+    "button",
+    {
+      type: "button",
+      className: m(o, e.interactive),
+      "aria-pressed": l ? !0 : void 0,
+      disabled: i,
+      onClick: r,
+      children: c
+    }
+  ) : /* @__PURE__ */ s("div", { className: o, children: c });
+}
+export {
+  b as ListTile
+};
+//# sourceMappingURL=ListTile.js.map

package/dist/components/ListTile/ListTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListTile.js","sources":["../../../src/components/ListTile/ListTile.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ListTile.module.css\";\n\nexport interface ListTileProps {\n    /** Left slot — typically an icon or avatar. */\n    leading?: ReactNode;\n    /** Primary line. Required. */\n    title: ReactNode;\n    /** Secondary line rendered under the title. */\n    subtitle?: ReactNode;\n    /** Right slot — typically an icon, switch or meta text. */\n    trailing?: ReactNode;\n    /** When provided, the tile becomes an interactive button. */\n    onClick?: () => void;\n    /** When true, the tile is dimmed and non-interactive. */\n    disabled?: boolean;\n    /** When true, the tile is highlighted as the active row. */\n    selected?: boolean;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * The canonical Material list row: an optional leading slot, a title with an\n * optional subtitle, and an optional trailing slot. When `onClick` is supplied\n * the tile renders as a full-width, keyboard-accessible `<button>`; otherwise it\n * renders as a static `<div>`.\n *\n * @example\n * <ListTile\n *     leading={<User />}\n *     title=\"Maria Silva\"\n *     subtitle=\"maria@example.com\"\n *     trailing={<ChevronRight />}\n *     onClick={() => open(user)}\n * />\n */\nexport function ListTile({\n    leading,\n    title,\n    subtitle,\n    trailing,\n    onClick,\n    disabled = false,\n    selected = false,\n    className,\n}: ListTileProps) {\n    const content = (\n        <>\n            {leading !== undefined && <span className={styles.leading}>{leading}</span>}\n            <span className={styles.body}>\n                <span className={styles.title}>{title}</span>\n                {subtitle !== undefined && <span className={styles.subtitle}>{subtitle}</span>}\n            </span>\n            {trailing !== undefined && <span className={styles.trailing}>{trailing}</span>}\n        </>\n    );\n\n    const rootClassName = cn(\n        styles.tile,\n        selected && styles.selected,\n        disabled && styles.disabled,\n        className,\n    );\n\n    if (onClick) {\n        return (\n            <button\n                type=\"button\"\n                className={cn(rootClassName, styles.interactive)}\n                aria-pressed={selected ? true : undefined}\n                disabled={disabled}\n                onClick={onClick}\n            >\n                {content}\n            </button>\n        );\n    }\n\n    return <div className={rootClassName}>{content}</div>;\n}\n"],"names":["ListTile","leading","title","subtitle","trailing","onClick","disabled","selected","className","content","jsxs","Fragment","jsx","styles","rootClassName","cn"],"mappings":";;;AAsCO,SAASA,EAAS;AAAA,EACrB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,WAAAC;AACJ,GAAkB;AACd,QAAMC,IACF,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAV,MAAY,UAAa,gBAAAW,EAAC,QAAA,EAAK,WAAWC,EAAO,SAAU,UAAAZ,GAAQ;AAAA,IACpE,gBAAAS,EAAC,QAAA,EAAK,WAAWG,EAAO,MACpB,UAAA;AAAA,MAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWC,EAAO,OAAQ,UAAAX,GAAM;AAAA,MACrCC,MAAa,UAAa,gBAAAS,EAAC,UAAK,WAAWC,EAAO,UAAW,UAAAV,EAAA,CAAS;AAAA,IAAA,GAC3E;AAAA,IACCC,MAAa,UAAa,gBAAAQ,EAAC,UAAK,WAAWC,EAAO,UAAW,UAAAT,EAAA,CAAS;AAAA,EAAA,GAC3E,GAGEU,IAAgBC;AAAA,IAClBF,EAAO;AAAA,IACPN,KAAYM,EAAO;AAAA,IACnBP,KAAYO,EAAO;AAAA,IACnBL;AAAA,EAAA;AAGJ,SAAIH,IAEI,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,WAAWG,EAAGD,GAAeD,EAAO,WAAW;AAAA,MAC/C,gBAAcN,IAAW,KAAO;AAAA,MAChC,UAAAD;AAAA,MACA,SAAAD;AAAA,MAEC,UAAAI;AAAA,IAAA;AAAA,EAAA,IAKN,gBAAAG,EAAC,OAAA,EAAI,WAAWE,GAAgB,UAAAL,GAAQ;AACnD;"}

package/dist/components/ListTile/ListTile.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_tile_ZpED6",e="tempest_interactive_3ICXQ",i="tempest_selected_dMY11",s="tempest_disabled_HnXxf",l="tempest_leading_gSuBb",n="tempest_trailing_cVd1n",d="tempest_body_gyEl2",c="tempest_title_jWFBN",a="tempest_subtitle_GUtn7",_={tile:t,interactive:e,selected:i,disabled:s,leading:l,trailing:n,body:d,title:c,subtitle:a};exports.body=d;exports.default=_;exports.disabled=s;exports.interactive=e;exports.leading=l;exports.selected=i;exports.subtitle=a;exports.tile=t;exports.title=c;exports.trailing=n;
+//# sourceMappingURL=ListTile.module.css.cjs.map

package/dist/components/ListTile/ListTile.module.css.cjs.map

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

package/dist/components/ListTile/ListTile.module.css.js

@@ -0,0 +1,24 @@
+const t = "tempest_tile_ZpED6", e = "tempest_interactive_3ICXQ", s = "tempest_selected_dMY11", i = "tempest_disabled_HnXxf", l = "tempest_leading_gSuBb", n = "tempest_trailing_cVd1n", d = "tempest_body_gyEl2", _ = "tempest_title_jWFBN", c = "tempest_subtitle_GUtn7", a = {
+  tile: t,
+  interactive: e,
+  selected: s,
+  disabled: i,
+  leading: l,
+  trailing: n,
+  body: d,
+  title: _,
+  subtitle: c
+};
+export {
+  d as body,
+  a as default,
+  i as disabled,
+  e as interactive,
+  l as leading,
+  s as selected,
+  c as subtitle,
+  t as tile,
+  _ as title,
+  n as trailing
+};
+//# sourceMappingURL=ListTile.module.css.js.map

package/dist/components/ListTile/ListTile.module.css.js.map

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

package/dist/components/Menubar/Menubar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("react"),b=require("../../utils/cn.cjs"),s=require("./Menubar.module.css.cjs");function j(a){return"separator"in a}function y({menus:a,className:m,...w}){const[l,i]=u.useState(-1),g=u.useId(),p=u.useRef(null),d=u.useRef([]),f=u.useCallback(()=>{i(-1)},[]);return u.useEffect(()=>{if(l===-1)return;const c=e=>{if(e.key==="Escape"){f(),d.current[l]?.focus();return}if(e.key==="ArrowRight"){e.preventDefault();const o=(l+1)%a.length;i(o),d.current[o]?.focus()}if(e.key==="ArrowLeft"){e.preventDefault();const o=(l-1+a.length)%a.length;i(o),d.current[o]?.focus()}},t=e=>{p.current&&!p.current.contains(e.target)&&f()};return window.addEventListener("keydown",c),window.addEventListener("mousedown",t),()=>{window.removeEventListener("keydown",c),window.removeEventListener("mousedown",t)}},[l,a.length,f]),n.jsx("div",{ref:p,role:"menubar",className:b.cn(s.default.root,m),...w,children:a.map((c,t)=>{const e=l===t,o=`${g}-panel-${t}`;return n.jsxs("div",{className:s.default.menu,children:[n.jsx("button",{ref:r=>{d.current[t]=r},type:"button",role:"menuitem","aria-haspopup":"menu","aria-expanded":e,"aria-controls":e?o:void 0,className:b.cn(s.default.trigger,e&&s.default.triggerOpen),onClick:()=>i(r=>r===t?-1:t),children:c.label}),e&&n.jsx("ul",{id:o,role:"menu",className:s.default.panel,children:c.items.map((r,h)=>j(r)?n.jsx("li",{role:"separator",className:s.default.separator,"aria-hidden":!0},h):n.jsx("li",{role:"none",children:n.jsxs("button",{type:"button",role:"menuitem",className:s.default.item,disabled:r.disabled,onClick:()=>{r.onSelect?.(),f()},children:[n.jsx("span",{className:s.default.itemLabel,children:r.label}),r.shortcut&&n.jsx("span",{className:s.default.shortcut,children:r.shortcut})]})},h))})]},t)})})}exports.Menubar=y;
+//# sourceMappingURL=Menubar.cjs.map

package/dist/components/Menubar/Menubar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.cjs","sources":["../../../src/components/Menubar/Menubar.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Menubar.module.css\";\n\nexport type MenubarItem =\n    | {\n          /** Visible label for the action. */\n          label: ReactNode;\n          /** Invoked when the action is selected. */\n          onSelect?: () => void;\n          /** Disable the action. */\n          disabled?: boolean;\n          /** Optional shortcut hint rendered right-aligned (e.g. `\"⌘S\"`). */\n          shortcut?: string;\n      }\n    | { separator: true };\n\nexport interface MenubarMenu {\n    /** Top-level menu label (e.g. `\"File\"`). */\n    label: ReactNode;\n    /** Items shown in the menu's dropdown. */\n    items: MenubarItem[];\n}\n\nexport interface MenubarProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top-level menus rendered left-to-right. */\n    menus: MenubarMenu[];\n}\n\nfunction isSeparator(item: MenubarItem): item is { separator: true } {\n    return \"separator\" in item;\n}\n\n/**\n * Application menubar (File / Edit-style).\n *\n * - `role=\"menubar\"`; each menu is a button that opens a dropdown.\n * - Arrow Left/Right moves between menus (wrapping); opening one closes others.\n * - Closes on outside click, Escape, or selecting an item.\n * - Items may carry a `shortcut` (right-aligned) or be a `{ separator: true }`.\n *\n * @example\n * <Menubar\n *     menus={[\n *         {\n *             label: \"File\",\n *             items: [\n *                 { label: \"New\", shortcut: \"⌘N\", onSelect: () => create() },\n *                 { separator: true },\n *                 { label: \"Quit\", onSelect: () => quit() },\n *             ],\n *         },\n *     ]}\n * />\n */\nexport function Menubar({ menus, className, ...props }: MenubarProps) {\n    const [openIndex, setOpenIndex] = useState<number>(-1);\n    const baseId = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const triggerRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const close = useCallback((): void => {\n        setOpenIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (openIndex === -1) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                triggerRefs.current[openIndex]?.focus();\n                return;\n            }\n            if (event.key === \"ArrowRight\") {\n                event.preventDefault();\n                const next = (openIndex + 1) % menus.length;\n                setOpenIndex(next);\n                triggerRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowLeft\") {\n                event.preventDefault();\n                const prev = (openIndex - 1 + menus.length) % menus.length;\n                setOpenIndex(prev);\n                triggerRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [openIndex, menus.length, close]);\n\n    return (\n        <div ref={rootRef} role=\"menubar\" className={cn(styles.root, className)} {...props}>\n            {menus.map((menu, index) => {\n                const open = openIndex === index;\n                const panelId = `${baseId}-panel-${index}`;\n                return (\n                    <div key={index} className={styles.menu}>\n                        <button\n                            ref={(el) => {\n                                triggerRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role=\"menuitem\"\n                            aria-haspopup=\"menu\"\n                            aria-expanded={open}\n                            aria-controls={open ? panelId : undefined}\n                            className={cn(styles.trigger, open && styles.triggerOpen)}\n                            onClick={() => setOpenIndex((prev) => (prev === index ? -1 : index))}\n                        >\n                            {menu.label}\n                        </button>\n                        {open && (\n                            <ul id={panelId} role=\"menu\" className={styles.panel}>\n                                {menu.items.map((item, itemIndex) => {\n                                    if (isSeparator(item)) {\n                                        return (\n                                            <li\n                                                key={itemIndex}\n                                                role=\"separator\"\n                                                className={styles.separator}\n                                                aria-hidden\n                                            />\n                                        );\n                                    }\n                                    return (\n                                        <li key={itemIndex} role=\"none\">\n                                            <button\n                                                type=\"button\"\n                                                role=\"menuitem\"\n                                                className={styles.item}\n                                                disabled={item.disabled}\n                                                onClick={() => {\n                                                    item.onSelect?.();\n                                                    close();\n                                                }}\n                                            >\n                                                <span className={styles.itemLabel}>\n                                                    {item.label}\n                                                </span>\n                                                {item.shortcut && (\n                                                    <span className={styles.shortcut}>\n                                                        {item.shortcut}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"],"names":["isSeparator","item","Menubar","menus","className","props","openIndex","setOpenIndex","useState","baseId","useId","rootRef","useRef","triggerRefs","close","useCallback","useEffect","onKey","event","next","prev","onDown","cn","styles","menu","index","open","panelId","jsxs","jsx","el","itemIndex"],"mappings":"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"}

package/dist/components/Menubar/Menubar.js

@@ -0,0 +1,84 @@
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { useState as k, useId as v, useRef as h, useCallback as N, useEffect as E } from "react";
+import { cn as w } from "../../utils/cn.js";
+import t from "./Menubar.module.css.js";
+function L(s) {
+  return "separator" in s;
+}
+function S({ menus: s, className: b, ...g }) {
+  const [c, i] = k(-1), y = v(), p = h(null), u = h([]), d = N(() => {
+    i(-1);
+  }, []);
+  return E(() => {
+    if (c === -1) return;
+    const l = (e) => {
+      if (e.key === "Escape") {
+        d(), u.current[c]?.focus();
+        return;
+      }
+      if (e.key === "ArrowRight") {
+        e.preventDefault();
+        const o = (c + 1) % s.length;
+        i(o), u.current[o]?.focus();
+      }
+      if (e.key === "ArrowLeft") {
+        e.preventDefault();
+        const o = (c - 1 + s.length) % s.length;
+        i(o), u.current[o]?.focus();
+      }
+    }, n = (e) => {
+      p.current && !p.current.contains(e.target) && d();
+    };
+    return window.addEventListener("keydown", l), window.addEventListener("mousedown", n), () => {
+      window.removeEventListener("keydown", l), window.removeEventListener("mousedown", n);
+    };
+  }, [c, s.length, d]), /* @__PURE__ */ a("div", { ref: p, role: "menubar", className: w(t.root, b), ...g, children: s.map((l, n) => {
+    const e = c === n, o = `${y}-panel-${n}`;
+    return /* @__PURE__ */ m("div", { className: t.menu, children: [
+      /* @__PURE__ */ a(
+        "button",
+        {
+          ref: (r) => {
+            u.current[n] = r;
+          },
+          type: "button",
+          role: "menuitem",
+          "aria-haspopup": "menu",
+          "aria-expanded": e,
+          "aria-controls": e ? o : void 0,
+          className: w(t.trigger, e && t.triggerOpen),
+          onClick: () => i((r) => r === n ? -1 : n),
+          children: l.label
+        }
+      ),
+      e && /* @__PURE__ */ a("ul", { id: o, role: "menu", className: t.panel, children: l.items.map((r, f) => L(r) ? /* @__PURE__ */ a(
+        "li",
+        {
+          role: "separator",
+          className: t.separator,
+          "aria-hidden": !0
+        },
+        f
+      ) : /* @__PURE__ */ a("li", { role: "none", children: /* @__PURE__ */ m(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          className: t.item,
+          disabled: r.disabled,
+          onClick: () => {
+            r.onSelect?.(), d();
+          },
+          children: [
+            /* @__PURE__ */ a("span", { className: t.itemLabel, children: r.label }),
+            r.shortcut && /* @__PURE__ */ a("span", { className: t.shortcut, children: r.shortcut })
+          ]
+        }
+      ) }, f)) })
+    ] }, n);
+  }) });
+}
+export {
+  S as Menubar
+};
+//# sourceMappingURL=Menubar.js.map

package/dist/components/Menubar/Menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.js","sources":["../../../src/components/Menubar/Menubar.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Menubar.module.css\";\n\nexport type MenubarItem =\n    | {\n          /** Visible label for the action. */\n          label: ReactNode;\n          /** Invoked when the action is selected. */\n          onSelect?: () => void;\n          /** Disable the action. */\n          disabled?: boolean;\n          /** Optional shortcut hint rendered right-aligned (e.g. `\"⌘S\"`). */\n          shortcut?: string;\n      }\n    | { separator: true };\n\nexport interface MenubarMenu {\n    /** Top-level menu label (e.g. `\"File\"`). */\n    label: ReactNode;\n    /** Items shown in the menu's dropdown. */\n    items: MenubarItem[];\n}\n\nexport interface MenubarProps extends HTMLAttributes<HTMLDivElement> {\n    /** Top-level menus rendered left-to-right. */\n    menus: MenubarMenu[];\n}\n\nfunction isSeparator(item: MenubarItem): item is { separator: true } {\n    return \"separator\" in item;\n}\n\n/**\n * Application menubar (File / Edit-style).\n *\n * - `role=\"menubar\"`; each menu is a button that opens a dropdown.\n * - Arrow Left/Right moves between menus (wrapping); opening one closes others.\n * - Closes on outside click, Escape, or selecting an item.\n * - Items may carry a `shortcut` (right-aligned) or be a `{ separator: true }`.\n *\n * @example\n * <Menubar\n *     menus={[\n *         {\n *             label: \"File\",\n *             items: [\n *                 { label: \"New\", shortcut: \"⌘N\", onSelect: () => create() },\n *                 { separator: true },\n *                 { label: \"Quit\", onSelect: () => quit() },\n *             ],\n *         },\n *     ]}\n * />\n */\nexport function Menubar({ menus, className, ...props }: MenubarProps) {\n    const [openIndex, setOpenIndex] = useState<number>(-1);\n    const baseId = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const triggerRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const close = useCallback((): void => {\n        setOpenIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (openIndex === -1) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                triggerRefs.current[openIndex]?.focus();\n                return;\n            }\n            if (event.key === \"ArrowRight\") {\n                event.preventDefault();\n                const next = (openIndex + 1) % menus.length;\n                setOpenIndex(next);\n                triggerRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowLeft\") {\n                event.preventDefault();\n                const prev = (openIndex - 1 + menus.length) % menus.length;\n                setOpenIndex(prev);\n                triggerRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [openIndex, menus.length, close]);\n\n    return (\n        <div ref={rootRef} role=\"menubar\" className={cn(styles.root, className)} {...props}>\n            {menus.map((menu, index) => {\n                const open = openIndex === index;\n                const panelId = `${baseId}-panel-${index}`;\n                return (\n                    <div key={index} className={styles.menu}>\n                        <button\n                            ref={(el) => {\n                                triggerRefs.current[index] = el;\n                            }}\n                            type=\"button\"\n                            role=\"menuitem\"\n                            aria-haspopup=\"menu\"\n                            aria-expanded={open}\n                            aria-controls={open ? panelId : undefined}\n                            className={cn(styles.trigger, open && styles.triggerOpen)}\n                            onClick={() => setOpenIndex((prev) => (prev === index ? -1 : index))}\n                        >\n                            {menu.label}\n                        </button>\n                        {open && (\n                            <ul id={panelId} role=\"menu\" className={styles.panel}>\n                                {menu.items.map((item, itemIndex) => {\n                                    if (isSeparator(item)) {\n                                        return (\n                                            <li\n                                                key={itemIndex}\n                                                role=\"separator\"\n                                                className={styles.separator}\n                                                aria-hidden\n                                            />\n                                        );\n                                    }\n                                    return (\n                                        <li key={itemIndex} role=\"none\">\n                                            <button\n                                                type=\"button\"\n                                                role=\"menuitem\"\n                                                className={styles.item}\n                                                disabled={item.disabled}\n                                                onClick={() => {\n                                                    item.onSelect?.();\n                                                    close();\n                                                }}\n                                            >\n                                                <span className={styles.itemLabel}>\n                                                    {item.label}\n                                                </span>\n                                                {item.shortcut && (\n                                                    <span className={styles.shortcut}>\n                                                        {item.shortcut}\n                                                    </span>\n                                                )}\n                                            </button>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"],"names":["isSeparator","item","Menubar","menus","className","props","openIndex","setOpenIndex","useState","baseId","useId","rootRef","useRef","triggerRefs","close","useCallback","useEffect","onKey","event","next","prev","onDown","cn","styles","menu","index","open","panelId","jsxs","jsx","el","itemIndex"],"mappings":";;;;AA8BA,SAASA,EAAYC,GAAgD;AACjE,SAAO,eAAeA;AAC1B;AAwBO,SAASC,EAAQ,EAAE,OAAAC,GAAO,WAAAC,GAAW,GAAGC,KAAuB;AAClE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAiB,EAAE,GAC/CC,IAASC,EAAA,GACTC,IAAUC,EAAuB,IAAI,GACrCC,IAAcD,EAAwC,EAAE,GAExDE,IAAQC,EAAY,MAAY;AAClC,IAAAR,EAAa,EAAE;AAAA,EACnB,GAAG,CAAA,CAAE;AAEL,SAAAS,EAAU,MAAM;AACZ,QAAIV,MAAc,GAAI;AACtB,UAAMW,IAAQ,CAACC,MAA+B;AAC1C,UAAIA,EAAM,QAAQ,UAAU;AACxB,QAAAJ,EAAA,GACAD,EAAY,QAAQP,CAAS,GAAG,MAAA;AAChC;AAAA,MACJ;AACA,UAAIY,EAAM,QAAQ,cAAc;AAC5B,QAAAA,EAAM,eAAA;AACN,cAAMC,KAAQb,IAAY,KAAKH,EAAM;AACrC,QAAAI,EAAaY,CAAI,GACjBN,EAAY,QAAQM,CAAI,GAAG,MAAA;AAAA,MAC/B;AACA,UAAID,EAAM,QAAQ,aAAa;AAC3B,QAAAA,EAAM,eAAA;AACN,cAAME,KAAQd,IAAY,IAAIH,EAAM,UAAUA,EAAM;AACpD,QAAAI,EAAaa,CAAI,GACjBP,EAAY,QAAQO,CAAI,GAAG,MAAA;AAAA,MAC/B;AAAA,IACJ,GACMC,IAAS,CAACH,MAA4B;AACxC,MAAIP,EAAQ,WAAW,CAACA,EAAQ,QAAQ,SAASO,EAAM,MAAc,KAAGJ,EAAA;AAAA,IAC5E;AACA,kBAAO,iBAAiB,WAAWG,CAAK,GACxC,OAAO,iBAAiB,aAAaI,CAAM,GACpC,MAAM;AACT,aAAO,oBAAoB,WAAWJ,CAAK,GAC3C,OAAO,oBAAoB,aAAaI,CAAM;AAAA,IAClD;AAAA,EACJ,GAAG,CAACf,GAAWH,EAAM,QAAQW,CAAK,CAAC,qBAG9B,OAAA,EAAI,KAAKH,GAAS,MAAK,WAAU,WAAWW,EAAGC,EAAO,MAAMnB,CAAS,GAAI,GAAGC,GACxE,YAAM,IAAI,CAACmB,GAAMC,MAAU;AACxB,UAAMC,IAAOpB,MAAcmB,GACrBE,IAAU,GAAGlB,CAAM,UAAUgB,CAAK;AACxC,WACI,gBAAAG,EAAC,OAAA,EAAgB,WAAWL,EAAO,MAC/B,UAAA;AAAA,MAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,CAACC,MAAO;AACT,YAAAjB,EAAY,QAAQY,CAAK,IAAIK;AAAA,UACjC;AAAA,UACA,MAAK;AAAA,UACL,MAAK;AAAA,UACL,iBAAc;AAAA,UACd,iBAAeJ;AAAA,UACf,iBAAeA,IAAOC,IAAU;AAAA,UAChC,WAAWL,EAAGC,EAAO,SAASG,KAAQH,EAAO,WAAW;AAAA,UACxD,SAAS,MAAMhB,EAAa,CAACa,MAAUA,MAASK,IAAQ,KAAKA,CAAM;AAAA,UAElE,UAAAD,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAETE,KACG,gBAAAG,EAAC,MAAA,EAAG,IAAIF,GAAS,MAAK,QAAO,WAAWJ,EAAO,OAC1C,UAAAC,EAAK,MAAM,IAAI,CAACvB,GAAM8B,MACf/B,EAAYC,CAAI,IAEZ,gBAAA4B;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,MAAK;AAAA,UACL,WAAWN,EAAO;AAAA,UAClB,eAAW;AAAA,QAAA;AAAA,QAHNQ;AAAA,MAAA,IAQb,gBAAAF,EAAC,MAAA,EAAmB,MAAK,QACrB,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,MAAK;AAAA,UACL,WAAWL,EAAO;AAAA,UAClB,UAAUtB,EAAK;AAAA,UACf,SAAS,MAAM;AACX,YAAAA,EAAK,WAAA,GACLa,EAAA;AAAA,UACJ;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAe,EAAC,QAAA,EAAK,WAAWN,EAAO,WACnB,YAAK,OACV;AAAA,YACCtB,EAAK,YACF,gBAAA4B,EAAC,QAAA,EAAK,WAAWN,EAAO,UACnB,YAAK,SAAA,CACV;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,KAjBHQ,CAoBT,CAEP,EAAA,CACL;AAAA,IAAA,EAAA,GApDEN,CAsDV;AAAA,EAER,CAAC,EAAA,CACL;AAER;"}

package/dist/components/Menubar/Menubar.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_root_PGUO2",e="tempest_menu_hEVLT",r="tempest_trigger_ZlZBx",s="tempest_triggerOpen_Hpfbu",o="tempest_panel_6ta6u",n="tempest_item_wM-61",m="tempest_itemLabel_wXfB2",p="tempest_shortcut_qNlmN",a="tempest_separator_LfK3t",i={root:t,menu:e,trigger:r,triggerOpen:s,panel:o,item:n,itemLabel:m,shortcut:p,separator:a};exports.default=i;exports.item=n;exports.itemLabel=m;exports.menu=e;exports.panel=o;exports.root=t;exports.separator=a;exports.shortcut=p;exports.trigger=r;exports.triggerOpen=s;
+//# sourceMappingURL=Menubar.module.css.cjs.map

package/dist/components/Menubar/Menubar.module.css.cjs.map

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

package/dist/components/Menubar/Menubar.module.css.js

@@ -0,0 +1,24 @@
+const t = "tempest_root_PGUO2", e = "tempest_menu_hEVLT", s = "tempest_trigger_ZlZBx", r = "tempest_triggerOpen_Hpfbu", o = "tempest_panel_6ta6u", p = "tempest_item_wM-61", m = "tempest_itemLabel_wXfB2", n = "tempest_shortcut_qNlmN", _ = "tempest_separator_LfK3t", a = {
+  root: t,
+  menu: e,
+  trigger: s,
+  triggerOpen: r,
+  panel: o,
+  item: p,
+  itemLabel: m,
+  shortcut: n,
+  separator: _
+};
+export {
+  a as default,
+  p as item,
+  m as itemLabel,
+  e as menu,
+  o as panel,
+  t as root,
+  _ as separator,
+  n as shortcut,
+  s as trigger,
+  r as triggerOpen
+};
+//# sourceMappingURL=Menubar.module.css.js.map

package/dist/components/Menubar/Menubar.module.css.js.map

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

package/dist/components/Modal/Modal.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),w=require("react-dom"),k=require("../../utils/cn.cjs"),e=require("./Modal.module.css.cjs");function p({open:l,onClose:a,title:t,children:f,footer:d,size:m="md",closeOnBackdrop:y=!0,closeOnEsc:n=!0,className:h,hideCloseButton:s=!1,fullscreen:v=!1,fullscreenOnMobile:x=!1,"aria-label":b}){const i=c.useId();return c.useEffect(()=>{if(!l)return;const o=document.body.style.overflow;document.body.style.overflow="hidden";const u=j=>{n&&j.key==="Escape"&&a()};return window.addEventListener("keydown",u),()=>{document.body.style.overflow=o,window.removeEventListener("keydown",u)}},[l,n,a]),!l||typeof document>"u"?null:w.createPortal(r.jsx("div",{className:e.default.overlay,role:"presentation",onClick:()=>{y&&a()},children:r.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":t?i:void 0,"aria-label":t?void 0:b,className:k.cn(e.default.dialog,N(m),v&&e.default.fullscreen,x&&e.default.fullscreenOnMobile,h),onClick:o=>o.stopPropagation(),children:[(t||!s)&&r.jsxs("header",{className:e.default.header,children:[t&&r.jsx("h3",{id:i,className:e.default.title,children:t}),!s&&r.jsx("button",{type:"button",className:e.default.close,"aria-label":"Fechar",onClick:a,children:r.jsx(g,{})})]}),r.jsx("div",{className:e.default.body,children:f}),d&&r.jsx("footer",{className:e.default.footer,children:d})]})}),document.body)}function N(l){return l==="2xl"?e.default.size2xl:l==="3xl"?e.default.size3xl:e.default[l]}function g(){return r.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",children:r.jsx("path",{d:"M6 6l12 12M6 18L18 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})}exports.Modal=p;
+//# sourceMappingURL=Modal.cjs.map

package/dist/components/Modal/Modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useEffect, useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Modal.module.css\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport interface ModalProps {\n    open: boolean;\n    onClose: () => void;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    size?: ModalSize;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    className?: string;\n    hideCloseButton?: boolean;\n    /** Force fullscreen at all breakpoints. */\n    fullscreen?: boolean;\n    /** Auto-fullscreen on mobile viewports (< 640px). Default `false`. */\n    fullscreenOnMobile?: boolean;\n    /**\n     * Accessible name for the dialog. Only needed when there is no `title` —\n     * with a `title` the dialog is named by it through `aria-labelledby`.\n     */\n    \"aria-label\"?: string;\n}\n\n/**\n * Portal-rendered modal dialog with backdrop, Esc handler, and slots for\n * header/body/footer. Locks body scroll while open.\n *\n * The `dialog` role needs an accessible name: a `title` supplies it via\n * `aria-labelledby`, and a titleless dialog should pass `aria-label`. The\n * header heading is only rendered when there is a title, so a close-button-only\n * header does not leave an empty `h3` behind.\n */\nexport function Modal({\n    open,\n    onClose,\n    title,\n    children,\n    footer,\n    size = \"md\",\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    className,\n    hideCloseButton = false,\n    fullscreen = false,\n    fullscreenOnMobile = false,\n    \"aria-label\": ariaLabel,\n}: ModalProps) {\n    const titleId = useId();\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div\n            className={styles.overlay}\n            role=\"presentation\"\n            onClick={() => {\n                if (closeOnBackdrop) onClose();\n            }}\n        >\n            <div\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-labelledby={title ? titleId : undefined}\n                aria-label={title ? undefined : ariaLabel}\n                className={cn(\n                    styles.dialog,\n                    sizeClassName(size),\n                    fullscreen && styles.fullscreen,\n                    fullscreenOnMobile && styles.fullscreenOnMobile,\n                    className,\n                )}\n                onClick={(event) => event.stopPropagation()}\n            >\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        {title && (\n                            <h3 id={titleId} className={styles.title}>\n                                {title}\n                            </h3>\n                        )}\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                className={styles.close}\n                                aria-label=\"Fechar\"\n                                onClick={onClose}\n                            >\n                                <CloseIcon />\n                            </button>\n                        )}\n                    </header>\n                )}\n                <div className={styles.body}>{children}</div>\n                {footer && <footer className={styles.footer}>{footer}</footer>}\n            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction sizeClassName(size: ModalSize): string | undefined {\n    if (size === \"2xl\") return styles.size2xl;\n    if (size === \"3xl\") return styles.size3xl;\n    return styles[size];\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["Modal","open","onClose","title","children","footer","size","closeOnBackdrop","closeOnEsc","className","hideCloseButton","fullscreen","fullscreenOnMobile","ariaLabel","titleId","useId","useEffect","previousOverflow","handleKey","event","createPortal","jsx","styles","jsxs","cn","sizeClassName","CloseIcon"],"mappings":"mOAuCO,SAASA,EAAM,CAClB,KAAAC,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,KACP,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,GACb,UAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,GACb,mBAAAC,EAAqB,GACrB,aAAcC,CAClB,EAAe,CACX,MAAMC,EAAUC,EAAAA,MAAA,EAiBhB,OAhBAC,EAAAA,UAAU,IAAM,CACZ,GAAI,CAACf,EAAM,OACX,MAAMgB,EAAmB,SAAS,KAAK,MAAM,SAC7C,SAAS,KAAK,MAAM,SAAW,SAE/B,MAAMC,EAAaC,GAA+B,CAC1CX,GAAcW,EAAM,MAAQ,UAAUjB,EAAA,CAC9C,EACA,cAAO,iBAAiB,UAAWgB,CAAS,EAErC,IAAM,CACT,SAAS,KAAK,MAAM,SAAWD,EAC/B,OAAO,oBAAoB,UAAWC,CAAS,CACnD,CACJ,EAAG,CAACjB,EAAMO,EAAYN,CAAO,CAAC,EAE1B,CAACD,GAAQ,OAAO,SAAa,IAAoB,KAE9CmB,EAAAA,aACHC,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,QAAO,QAClB,KAAK,eACL,QAAS,IAAM,CACPf,GAAiBL,EAAA,CACzB,EAEA,SAAAqB,EAAAA,KAAC,MAAA,CACG,KAAK,SACL,aAAW,OACX,kBAAiBpB,EAAQW,EAAU,OACnC,aAAYX,EAAQ,OAAYU,EAChC,UAAWW,EAAAA,GACPF,EAAAA,QAAO,OACPG,EAAcnB,CAAI,EAClBK,GAAcW,EAAAA,QAAO,WACrBV,GAAsBU,EAAAA,QAAO,mBAC7Bb,CAAA,EAEJ,QAAUU,GAAUA,EAAM,gBAAA,EAExB,SAAA,EAAAhB,GAAS,CAACO,IACRa,OAAC,SAAA,CAAO,UAAWD,EAAAA,QAAO,OACrB,SAAA,CAAAnB,SACI,KAAA,CAAG,GAAIW,EAAS,UAAWQ,UAAO,MAC9B,SAAAnB,CAAA,CACL,EAEH,CAACO,GACEW,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWC,EAAAA,QAAO,MAClB,aAAW,SACX,QAASpB,EAET,eAACwB,EAAA,CAAA,CAAU,CAAA,CAAA,CACf,EAER,EAEJL,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,KAAO,SAAAlB,EAAS,EACtCC,GAAUgB,EAAAA,IAAC,SAAA,CAAO,UAAWC,EAAAA,QAAO,OAAS,SAAAjB,CAAA,CAAO,CAAA,CAAA,CAAA,CACzD,CAAA,EAEJ,SAAS,IAAA,CAEjB,CAEA,SAASoB,EAAcnB,EAAqC,CACxD,OAAIA,IAAS,MAAcgB,EAAAA,QAAO,QAC9BhB,IAAS,MAAcgB,EAAAA,QAAO,QAC3BA,EAAAA,QAAOhB,CAAI,CACtB,CAEA,SAASoB,GAAY,CACjB,OACIL,EAAAA,IAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,SAAAA,EAAAA,IAAC,OAAA,CACG,EAAE,uBACF,OAAO,eACP,YAAY,IACZ,cAAc,OAAA,CAAA,EAEtB,CAER"}

package/dist/components/Modal/Modal.js

@@ -0,0 +1,97 @@
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import { useId as k, useEffect as x } from "react";
+import { createPortal as N } from "react-dom";
+import { cn as g } from "../../utils/cn.js";
+import e from "./Modal.module.css.js";
+function z({
+  open: o,
+  onClose: n,
+  title: l,
+  children: u,
+  footer: a,
+  size: m = "md",
+  closeOnBackdrop: h = !0,
+  closeOnEsc: i = !0,
+  className: y,
+  hideCloseButton: d = !1,
+  fullscreen: v = !1,
+  fullscreenOnMobile: b = !1,
+  "aria-label": p
+}) {
+  const s = k();
+  return x(() => {
+    if (!o) return;
+    const t = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const c = (w) => {
+      i && w.key === "Escape" && n();
+    };
+    return window.addEventListener("keydown", c), () => {
+      document.body.style.overflow = t, window.removeEventListener("keydown", c);
+    };
+  }, [o, i, n]), !o || typeof document > "u" ? null : N(
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: e.overlay,
+        role: "presentation",
+        onClick: () => {
+          h && n();
+        },
+        children: /* @__PURE__ */ f(
+          "div",
+          {
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": l ? s : void 0,
+            "aria-label": l ? void 0 : p,
+            className: g(
+              e.dialog,
+              L(m),
+              v && e.fullscreen,
+              b && e.fullscreenOnMobile,
+              y
+            ),
+            onClick: (t) => t.stopPropagation(),
+            children: [
+              (l || !d) && /* @__PURE__ */ f("header", { className: e.header, children: [
+                l && /* @__PURE__ */ r("h3", { id: s, className: e.title, children: l }),
+                !d && /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "button",
+                    className: e.close,
+                    "aria-label": "Fechar",
+                    onClick: n,
+                    children: /* @__PURE__ */ r(M, {})
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ r("div", { className: e.body, children: u }),
+              a && /* @__PURE__ */ r("footer", { className: e.footer, children: a })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+function L(o) {
+  return o === "2xl" ? e.size2xl : o === "3xl" ? e.size3xl : e[o];
+}
+function M() {
+  return /* @__PURE__ */ r("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M6 6l12 12M6 18L18 6",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+export {
+  z as Modal
+};
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useEffect, useId } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Modal.module.css\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport interface ModalProps {\n    open: boolean;\n    onClose: () => void;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    size?: ModalSize;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    className?: string;\n    hideCloseButton?: boolean;\n    /** Force fullscreen at all breakpoints. */\n    fullscreen?: boolean;\n    /** Auto-fullscreen on mobile viewports (< 640px). Default `false`. */\n    fullscreenOnMobile?: boolean;\n    /**\n     * Accessible name for the dialog. Only needed when there is no `title` —\n     * with a `title` the dialog is named by it through `aria-labelledby`.\n     */\n    \"aria-label\"?: string;\n}\n\n/**\n * Portal-rendered modal dialog with backdrop, Esc handler, and slots for\n * header/body/footer. Locks body scroll while open.\n *\n * The `dialog` role needs an accessible name: a `title` supplies it via\n * `aria-labelledby`, and a titleless dialog should pass `aria-label`. The\n * header heading is only rendered when there is a title, so a close-button-only\n * header does not leave an empty `h3` behind.\n */\nexport function Modal({\n    open,\n    onClose,\n    title,\n    children,\n    footer,\n    size = \"md\",\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    className,\n    hideCloseButton = false,\n    fullscreen = false,\n    fullscreenOnMobile = false,\n    \"aria-label\": ariaLabel,\n}: ModalProps) {\n    const titleId = useId();\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <div\n            className={styles.overlay}\n            role=\"presentation\"\n            onClick={() => {\n                if (closeOnBackdrop) onClose();\n            }}\n        >\n            <div\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-labelledby={title ? titleId : undefined}\n                aria-label={title ? undefined : ariaLabel}\n                className={cn(\n                    styles.dialog,\n                    sizeClassName(size),\n                    fullscreen && styles.fullscreen,\n                    fullscreenOnMobile && styles.fullscreenOnMobile,\n                    className,\n                )}\n                onClick={(event) => event.stopPropagation()}\n            >\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        {title && (\n                            <h3 id={titleId} className={styles.title}>\n                                {title}\n                            </h3>\n                        )}\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                className={styles.close}\n                                aria-label=\"Fechar\"\n                                onClick={onClose}\n                            >\n                                <CloseIcon />\n                            </button>\n                        )}\n                    </header>\n                )}\n                <div className={styles.body}>{children}</div>\n                {footer && <footer className={styles.footer}>{footer}</footer>}\n            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction sizeClassName(size: ModalSize): string | undefined {\n    if (size === \"2xl\") return styles.size2xl;\n    if (size === \"3xl\") return styles.size3xl;\n    return styles[size];\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["Modal","open","onClose","title","children","footer","size","closeOnBackdrop","closeOnEsc","className","hideCloseButton","fullscreen","fullscreenOnMobile","ariaLabel","titleId","useId","useEffect","previousOverflow","handleKey","event","createPortal","jsx","styles","jsxs","cn","sizeClassName","CloseIcon"],"mappings":";;;;;AAuCO,SAASA,EAAM;AAAA,EAClB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,iBAAAC,IAAkB;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,oBAAAC,IAAqB;AAAA,EACrB,cAAcC;AAClB,GAAe;AACX,QAAMC,IAAUC,EAAA;AAiBhB,SAhBAC,EAAU,MAAM;AACZ,QAAI,CAACf,EAAM;AACX,UAAMgB,IAAmB,SAAS,KAAK,MAAM;AAC7C,aAAS,KAAK,MAAM,WAAW;AAE/B,UAAMC,IAAY,CAACC,MAA+B;AAC9C,MAAIX,KAAcW,EAAM,QAAQ,YAAUjB,EAAA;AAAA,IAC9C;AACA,kBAAO,iBAAiB,WAAWgB,CAAS,GAErC,MAAM;AACT,eAAS,KAAK,MAAM,WAAWD,GAC/B,OAAO,oBAAoB,WAAWC,CAAS;AAAA,IACnD;AAAA,EACJ,GAAG,CAACjB,GAAMO,GAAYN,CAAO,CAAC,GAE1B,CAACD,KAAQ,OAAO,WAAa,MAAoB,OAE9CmB;AAAA,IACH,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAO;AAAA,QAClB,MAAK;AAAA,QACL,SAAS,MAAM;AACX,UAAIf,KAAiBL,EAAA;AAAA,QACzB;AAAA,QAEA,UAAA,gBAAAqB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,cAAW;AAAA,YACX,mBAAiBpB,IAAQW,IAAU;AAAA,YACnC,cAAYX,IAAQ,SAAYU;AAAA,YAChC,WAAWW;AAAA,cACPF,EAAO;AAAA,cACPG,EAAcnB,CAAI;AAAA,cAClBK,KAAcW,EAAO;AAAA,cACrBV,KAAsBU,EAAO;AAAA,cAC7Bb;AAAA,YAAA;AAAA,YAEJ,SAAS,CAACU,MAAUA,EAAM,gBAAA;AAAA,YAExB,UAAA;AAAA,eAAAhB,KAAS,CAACO,MACR,gBAAAa,EAAC,UAAA,EAAO,WAAWD,EAAO,QACrB,UAAA;AAAA,gBAAAnB,uBACI,MAAA,EAAG,IAAIW,GAAS,WAAWQ,EAAO,OAC9B,UAAAnB,EAAA,CACL;AAAA,gBAEH,CAACO,KACE,gBAAAW;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,WAAWC,EAAO;AAAA,oBAClB,cAAW;AAAA,oBACX,SAASpB;AAAA,oBAET,4BAACwB,GAAA,CAAA,CAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACf,GAER;AAAA,cAEJ,gBAAAL,EAAC,OAAA,EAAI,WAAWC,EAAO,MAAO,UAAAlB,GAAS;AAAA,cACtCC,KAAU,gBAAAgB,EAAC,UAAA,EAAO,WAAWC,EAAO,QAAS,UAAAjB,EAAA,CAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACzD;AAAA,IAAA;AAAA,IAEJ,SAAS;AAAA,EAAA;AAEjB;AAEA,SAASoB,EAAcnB,GAAqC;AACxD,SAAIA,MAAS,QAAcgB,EAAO,UAC9BhB,MAAS,QAAcgB,EAAO,UAC3BA,EAAOhB,CAAI;AACtB;AAEA,SAASoB,IAAY;AACjB,SACI,gBAAAL,EAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACjD,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,IAAA;AAAA,EAAA,GAEtB;AAER;"}

package/dist/components/Modal/Modal.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_overlay_dd9h1",t="tempest_tempest-fade-in_DvgSp",s="tempest_dialog_ptM-K",l="tempest_tempest-modal-in_UoxQC",o="tempest_sm_K5k3W",n="tempest_md_gvyR7",_="tempest_lg_BgB1a",m="tempest_xl_MR-68",c="tempest_size2xl_-PH9e",d="tempest_size3xl_iqDwN",i="tempest_fullscreen_o84Xi",p="tempest_fullscreenOnMobile_0bDwe",r="tempest_body_lVhql",a="tempest_header_ILG9i",f="tempest_footer_rro2w",u="tempest_title_A5OeE",g="tempest_close_-ER1C",b={overlay:e,tempestFadeIn:t,dialog:s,tempestModalIn:l,sm:o,md:n,lg:_,xl:m,size2Xl:c,size3Xl:d,fullscreen:i,fullscreenOnMobile:p,body:r,header:a,footer:f,title:u,close:g};exports.body=r;exports.close=g;exports.default=b;exports.dialog=s;exports.footer=f;exports.fullscreen=i;exports.fullscreenOnMobile=p;exports.header=a;exports.lg=_;exports.md=n;exports.overlay=e;exports.size2Xl=c;exports.size3Xl=d;exports.sm=o;exports.tempestFadeIn=t;exports.tempestModalIn=l;exports.title=u;exports.xl=m;
+//# sourceMappingURL=Modal.module.css.cjs.map

package/dist/components/Modal/Modal.module.css.cjs.map

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