tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/NavigationRail/NavigationRail.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationRail.cjs","sources":["../../../src/components/NavigationRail/NavigationRail.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./NavigationRail.module.css\";\n\nexport interface NavigationRailItem {\n    /** Unique identifier — used as React key and for value matching. */\n    key: string;\n    /** Visible label. */\n    label: ReactNode;\n    /** Icon rendered above the label. */\n    icon?: ReactNode;\n    /** Optional badge content rendered over the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport type NavigationRailLabelVisibility = \"all\" | \"selected\" | \"none\";\n\nexport interface NavigationRailProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: NavigationRailItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Top slot — e.g. a FAB or logo. */\n    header?: ReactNode;\n    /** Bottom slot — pushed to the bottom of the rail. */\n    footer?: ReactNode;\n    /** Which item labels to show. Default `\"all\"`. */\n    labelVisibility?: NavigationRailLabelVisibility;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * Vertical, compact navigation column for desktop and tablet layouts. Each item\n * stacks an icon over its label, with the active item flagged via\n * `aria-current=\"page\"`. Use `labelVisibility=\"selected\"` to show only the\n * active item's label, or `\"none\"` for an icon-only rail.\n *\n * @example\n * <NavigationRail\n *     header={<FloatingActionButton icon={<Plus />} position=\"none\" />}\n *     items={[\n *         { key: \"home\", label: \"Início\", icon: <Home /> },\n *         { key: \"inbox\", label: \"Caixa\", icon: <Inbox />, badge: 3 },\n *     ]}\n *     value={tab}\n *     onChange={setTab}\n * />\n */\nexport function NavigationRail({\n    items,\n    value,\n    onChange,\n    header,\n    footer,\n    labelVisibility = \"all\",\n    className,\n    ...props\n}: NavigationRailProps) {\n    return (\n        <nav className={cn(styles.rail, className)} aria-label=\"Navegação lateral\" {...props}>\n            {header !== undefined && <div className={styles.header}>{header}</div>}\n            <ul className={styles.list}>\n                {items.map((item) => {\n                    const active = item.key === value;\n                    const showLabel =\n                        labelVisibility === \"all\" || (labelVisibility === \"selected\" && active);\n                    return (\n                        <li key={item.key}>\n                            <button\n                                type=\"button\"\n                                className={cn(styles.item, active && styles.active)}\n                                aria-current={active ? \"page\" : undefined}\n                                disabled={item.disabled}\n                                onClick={() => onChange(item.key)}\n                            >\n                                <span className={styles.iconWrap}>\n                                    {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                                    {item.badge !== undefined && (\n                                        <span className={styles.badge}>{item.badge}</span>\n                                    )}\n                                </span>\n                                {showLabel && <span className={styles.label}>{item.label}</span>}\n                            </button>\n                        </li>\n                    );\n                })}\n            </ul>\n            {footer !== undefined && <div className={styles.footer}>{footer}</div>}\n        </nav>\n    );\n}\n"],"names":["NavigationRail","items","value","onChange","header","footer","labelVisibility","className","props","jsxs","cn","styles","jsx","item","active","showLabel"],"mappings":"kMAoDO,SAASA,EAAe,CAC3B,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,OAAAC,EACA,gBAAAC,EAAkB,MAClB,UAAAC,EACA,GAAGC,CACP,EAAwB,CACpB,OACIC,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,KAAMJ,CAAS,EAAG,aAAW,oBAAqB,GAAGC,EAC1E,SAAA,CAAAJ,IAAW,QAAaQ,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,OAAS,SAAAP,EAAO,EAChEQ,MAAC,MAAG,UAAWD,EAAAA,QAAO,KACjB,SAAAV,EAAM,IAAKY,GAAS,CACjB,MAAMC,EAASD,EAAK,MAAQX,EACtBa,EACFT,IAAoB,OAAUA,IAAoB,YAAcQ,EACpE,aACK,KAAA,CACG,SAAAL,EAAAA,KAAC,SAAA,CACG,KAAK,SACL,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,KAAMG,GAAUH,EAAAA,QAAO,MAAM,EAClD,eAAcG,EAAS,OAAS,OAChC,SAAUD,EAAK,SACf,QAAS,IAAMV,EAASU,EAAK,GAAG,EAEhC,SAAA,CAAAJ,EAAAA,KAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,SACnB,SAAA,CAAAE,EAAK,MAAQD,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,KAAO,WAAK,IAAA,CAAK,EACtDE,EAAK,QAAU,QACZD,EAAAA,IAAC,QAAK,UAAWD,EAAAA,QAAO,MAAQ,SAAAE,EAAK,KAAA,CAAM,CAAA,EAEnD,EACCE,GAAaH,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,MAAQ,WAAK,KAAA,CAAM,CAAA,CAAA,CAAA,CAC7D,EAfKE,EAAK,GAgBd,CAER,CAAC,CAAA,CACL,EACCR,IAAW,QAAaO,EAAAA,IAAC,OAAI,UAAWD,UAAO,OAAS,SAAAN,CAAA,CAAO,CAAA,EACpE,CAER"}
+{"version":3,"file":"NavigationRail.cjs","names":[],"sources":["../../../src/components/NavigationRail/NavigationRail.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./NavigationRail.module.css\";\n\nexport interface NavigationRailItem {\n    /** Unique identifier — used as React key and for value matching. */\n    key: string;\n    /** Visible label. */\n    label: ReactNode;\n    /** Icon rendered above the label. */\n    icon?: ReactNode;\n    /** Optional badge content rendered over the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport type NavigationRailLabelVisibility = \"all\" | \"selected\" | \"none\";\n\nexport interface NavigationRailProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: NavigationRailItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Top slot — e.g. a FAB or logo. */\n    header?: ReactNode;\n    /** Bottom slot — pushed to the bottom of the rail. */\n    footer?: ReactNode;\n    /** Which item labels to show. Default `\"all\"`. */\n    labelVisibility?: NavigationRailLabelVisibility;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * Vertical, compact navigation column for desktop and tablet layouts. Each item\n * stacks an icon over its label, with the active item flagged via\n * `aria-current=\"page\"`. Use `labelVisibility=\"selected\"` to show only the\n * active item's label, or `\"none\"` for an icon-only rail.\n *\n * @example\n * <NavigationRail\n *     header={<FloatingActionButton icon={<Plus />} position=\"none\" />}\n *     items={[\n *         { key: \"home\", label: \"Início\", icon: <Home /> },\n *         { key: \"inbox\", label: \"Caixa\", icon: <Inbox />, badge: 3 },\n *     ]}\n *     value={tab}\n *     onChange={setTab}\n * />\n */\nexport function NavigationRail({\n    items,\n    value,\n    onChange,\n    header,\n    footer,\n    labelVisibility = \"all\",\n    className,\n    ...props\n}: NavigationRailProps) {\n    return (\n        <nav className={cn(styles.rail, className)} aria-label=\"Navegação lateral\" {...props}>\n            {header !== undefined && <div className={styles.header}>{header}</div>}\n            <ul className={styles.list}>\n                {items.map((item) => {\n                    const active = item.key === value;\n                    const showLabel =\n                        labelVisibility === \"all\" || (labelVisibility === \"selected\" && active);\n                    return (\n                        <li key={item.key}>\n                            <button\n                                type=\"button\"\n                                className={cn(styles.item, active && styles.active)}\n                                aria-current={active ? \"page\" : undefined}\n                                disabled={item.disabled}\n                                onClick={() => onChange(item.key)}\n                            >\n                                <span className={styles.iconWrap}>\n                                    {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                                    {item.badge !== undefined && (\n                                        <span className={styles.badge}>{item.badge}</span>\n                                    )}\n                                </span>\n                                {showLabel && <span className={styles.label}>{item.label}</span>}\n                            </button>\n                        </li>\n                    );\n                })}\n            </ul>\n            {footer !== undefined && <div className={styles.footer}>{footer}</div>}\n        </nav>\n    );\n}\n"],"mappings":"kHAoDA,SAAgB,EAAe,CAC3B,QACA,QACA,WACA,SACA,SACA,kBAAkB,MAClB,YACA,GAAG,GACiB,CACpB,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EAAG,aAAW,oBAAoB,GAAI,WAA/E,CACK,IAAW,IAAA,KAAa,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,GACrE,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,cACjB,EAAM,IAAK,GAAS,CACjB,IAAM,EAAS,EAAK,MAAQ,EACtB,EACF,IAAoB,OAAU,IAAoB,YAAc,EACpE,OACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAAA,UACI,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAU,EAAA,QAAO,MAAM,EAClD,eAAc,EAAS,OAAS,IAAA,GAChC,SAAU,EAAK,SACf,YAAe,EAAS,EAAK,GAAG,WALpC,EAOI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAxB,CACK,EAAK,OAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,EAAK,IAAW,CAAA,EAC5D,EAAK,QAAU,IAAA,KACZ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,CAEnD,IACL,IAAa,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,CAC3D,GACR,EAhBK,EAAK,GAgBV,CAEZ,CAAC,CACD,CAAA,EACH,IAAW,IAAA,KAAa,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,CACpE,GAEb"}

package/dist/components/NavigationRail/NavigationRail.js

@@ -1,42 +1,51 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { cn as d } from "../../utils/cn.js";
-import a from "./NavigationRail.module.css.js";
-function g({
-  items: o,
-  value: t,
-  onChange: p,
-  header: n,
-  footer: r,
-  labelVisibility: i = "all",
-  className: h,
-  ...v
-}) {
-  return /* @__PURE__ */ c("nav", { className: d(a.rail, h), "aria-label": "Navegação lateral", ...v, children: [
-    n !== void 0 && /* @__PURE__ */ e("div", { className: a.header, children: n }),
-    /* @__PURE__ */ e("ul", { className: a.list, children: o.map((l) => {
-      const s = l.key === t, N = i === "all" || i === "selected" && s;
-      return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ c(
-        "button",
-        {
-          type: "button",
-          className: d(a.item, s && a.active),
-          "aria-current": s ? "page" : void 0,
-          disabled: l.disabled,
-          onClick: () => p(l.key),
-          children: [
-            /* @__PURE__ */ c("span", { className: a.iconWrap, children: [
-              l.icon && /* @__PURE__ */ e("span", { className: a.icon, children: l.icon }),
-              l.badge !== void 0 && /* @__PURE__ */ e("span", { className: a.badge, children: l.badge })
-            ] }),
-            N && /* @__PURE__ */ e("span", { className: a.label, children: l.label })
-          ]
-        }
-      ) }, l.key);
-    }) }),
-    r !== void 0 && /* @__PURE__ */ e("div", { className: a.footer, children: r })
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./NavigationRail.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/NavigationRail/NavigationRail.tsx
+function i({ items: i, value: a, onChange: o, header: s, footer: c, labelVisibility: l = "all", className: u, ...d }) {
+	return /* @__PURE__ */ r("nav", {
+		className: e(t.rail, u),
+		"aria-label": "Navegação lateral",
+		...d,
+		children: [
+			s !== void 0 && /* @__PURE__ */ n("div", {
+				className: t.header,
+				children: s
+			}),
+			/* @__PURE__ */ n("ul", {
+				className: t.list,
+				children: i.map((i) => {
+					let s = i.key === a, c = l === "all" || l === "selected" && s;
+					return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ r("button", {
+						type: "button",
+						className: e(t.item, s && t.active),
+						"aria-current": s ? "page" : void 0,
+						disabled: i.disabled,
+						onClick: () => o(i.key),
+						children: [/* @__PURE__ */ r("span", {
+							className: t.iconWrap,
+							children: [i.icon && /* @__PURE__ */ n("span", {
+								className: t.icon,
+								children: i.icon
+							}), i.badge !== void 0 && /* @__PURE__ */ n("span", {
+								className: t.badge,
+								children: i.badge
+							})]
+						}), c && /* @__PURE__ */ n("span", {
+							className: t.label,
+							children: i.label
+						})]
+					}) }, i.key);
+				})
+			}),
+			c !== void 0 && /* @__PURE__ */ n("div", {
+				className: t.footer,
+				children: c
+			})
+		]
+	});
 }
-export {
-  g as NavigationRail
-};
-//# sourceMappingURL=NavigationRail.js.map
+//#endregion
+export { i as NavigationRail };
+
+//# sourceMappingURL=NavigationRail.js.map

package/dist/components/NavigationRail/NavigationRail.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationRail.js","sources":["../../../src/components/NavigationRail/NavigationRail.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./NavigationRail.module.css\";\n\nexport interface NavigationRailItem {\n    /** Unique identifier — used as React key and for value matching. */\n    key: string;\n    /** Visible label. */\n    label: ReactNode;\n    /** Icon rendered above the label. */\n    icon?: ReactNode;\n    /** Optional badge content rendered over the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport type NavigationRailLabelVisibility = \"all\" | \"selected\" | \"none\";\n\nexport interface NavigationRailProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: NavigationRailItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Top slot — e.g. a FAB or logo. */\n    header?: ReactNode;\n    /** Bottom slot — pushed to the bottom of the rail. */\n    footer?: ReactNode;\n    /** Which item labels to show. Default `\"all\"`. */\n    labelVisibility?: NavigationRailLabelVisibility;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * Vertical, compact navigation column for desktop and tablet layouts. Each item\n * stacks an icon over its label, with the active item flagged via\n * `aria-current=\"page\"`. Use `labelVisibility=\"selected\"` to show only the\n * active item's label, or `\"none\"` for an icon-only rail.\n *\n * @example\n * <NavigationRail\n *     header={<FloatingActionButton icon={<Plus />} position=\"none\" />}\n *     items={[\n *         { key: \"home\", label: \"Início\", icon: <Home /> },\n *         { key: \"inbox\", label: \"Caixa\", icon: <Inbox />, badge: 3 },\n *     ]}\n *     value={tab}\n *     onChange={setTab}\n * />\n */\nexport function NavigationRail({\n    items,\n    value,\n    onChange,\n    header,\n    footer,\n    labelVisibility = \"all\",\n    className,\n    ...props\n}: NavigationRailProps) {\n    return (\n        <nav className={cn(styles.rail, className)} aria-label=\"Navegação lateral\" {...props}>\n            {header !== undefined && <div className={styles.header}>{header}</div>}\n            <ul className={styles.list}>\n                {items.map((item) => {\n                    const active = item.key === value;\n                    const showLabel =\n                        labelVisibility === \"all\" || (labelVisibility === \"selected\" && active);\n                    return (\n                        <li key={item.key}>\n                            <button\n                                type=\"button\"\n                                className={cn(styles.item, active && styles.active)}\n                                aria-current={active ? \"page\" : undefined}\n                                disabled={item.disabled}\n                                onClick={() => onChange(item.key)}\n                            >\n                                <span className={styles.iconWrap}>\n                                    {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                                    {item.badge !== undefined && (\n                                        <span className={styles.badge}>{item.badge}</span>\n                                    )}\n                                </span>\n                                {showLabel && <span className={styles.label}>{item.label}</span>}\n                            </button>\n                        </li>\n                    );\n                })}\n            </ul>\n            {footer !== undefined && <div className={styles.footer}>{footer}</div>}\n        </nav>\n    );\n}\n"],"names":["NavigationRail","items","value","onChange","header","footer","labelVisibility","className","props","jsxs","cn","styles","jsx","item","active","showLabel"],"mappings":";;;AAoDO,SAASA,EAAe;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,GAAGC;AACP,GAAwB;AACpB,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,MAAMJ,CAAS,GAAG,cAAW,qBAAqB,GAAGC,GAC1E,UAAA;AAAA,IAAAJ,MAAW,UAAa,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAP,GAAO;AAAA,IAChE,gBAAAQ,EAAC,QAAG,WAAWD,EAAO,MACjB,UAAAV,EAAM,IAAI,CAACY,MAAS;AACjB,YAAMC,IAASD,EAAK,QAAQX,GACtBa,IACFT,MAAoB,SAAUA,MAAoB,cAAcQ;AACpE,+BACK,MAAA,EACG,UAAA,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAWC,EAAGC,EAAO,MAAMG,KAAUH,EAAO,MAAM;AAAA,UAClD,gBAAcG,IAAS,SAAS;AAAA,UAChC,UAAUD,EAAK;AAAA,UACf,SAAS,MAAMV,EAASU,EAAK,GAAG;AAAA,UAEhC,UAAA;AAAA,YAAA,gBAAAJ,EAAC,QAAA,EAAK,WAAWE,EAAO,UACnB,UAAA;AAAA,cAAAE,EAAK,QAAQ,gBAAAD,EAAC,QAAA,EAAK,WAAWD,EAAO,MAAO,YAAK,KAAA,CAAK;AAAA,cACtDE,EAAK,UAAU,UACZ,gBAAAD,EAAC,UAAK,WAAWD,EAAO,OAAQ,UAAAE,EAAK,MAAA,CAAM;AAAA,YAAA,GAEnD;AAAA,YACCE,KAAa,gBAAAH,EAAC,QAAA,EAAK,WAAWD,EAAO,OAAQ,YAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,EAC7D,GAfKE,EAAK,GAgBd;AAAA,IAER,CAAC,EAAA,CACL;AAAA,IACCR,MAAW,UAAa,gBAAAO,EAAC,SAAI,WAAWD,EAAO,QAAS,UAAAN,EAAA,CAAO;AAAA,EAAA,GACpE;AAER;"}
+{"version":3,"file":"NavigationRail.js","names":[],"sources":["../../../src/components/NavigationRail/NavigationRail.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./NavigationRail.module.css\";\n\nexport interface NavigationRailItem {\n    /** Unique identifier — used as React key and for value matching. */\n    key: string;\n    /** Visible label. */\n    label: ReactNode;\n    /** Icon rendered above the label. */\n    icon?: ReactNode;\n    /** Optional badge content rendered over the icon. */\n    badge?: ReactNode;\n    /** When true, the item is not selectable. */\n    disabled?: boolean;\n}\n\nexport type NavigationRailLabelVisibility = \"all\" | \"selected\" | \"none\";\n\nexport interface NavigationRailProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    items: NavigationRailItem[];\n    /** Selected key. */\n    value: string;\n    /** Called with the new selected key on click. */\n    onChange: (key: string) => void;\n    /** Top slot — e.g. a FAB or logo. */\n    header?: ReactNode;\n    /** Bottom slot — pushed to the bottom of the rail. */\n    footer?: ReactNode;\n    /** Which item labels to show. Default `\"all\"`. */\n    labelVisibility?: NavigationRailLabelVisibility;\n    /** Extra class names merged onto the root. */\n    className?: string;\n}\n\n/**\n * Vertical, compact navigation column for desktop and tablet layouts. Each item\n * stacks an icon over its label, with the active item flagged via\n * `aria-current=\"page\"`. Use `labelVisibility=\"selected\"` to show only the\n * active item's label, or `\"none\"` for an icon-only rail.\n *\n * @example\n * <NavigationRail\n *     header={<FloatingActionButton icon={<Plus />} position=\"none\" />}\n *     items={[\n *         { key: \"home\", label: \"Início\", icon: <Home /> },\n *         { key: \"inbox\", label: \"Caixa\", icon: <Inbox />, badge: 3 },\n *     ]}\n *     value={tab}\n *     onChange={setTab}\n * />\n */\nexport function NavigationRail({\n    items,\n    value,\n    onChange,\n    header,\n    footer,\n    labelVisibility = \"all\",\n    className,\n    ...props\n}: NavigationRailProps) {\n    return (\n        <nav className={cn(styles.rail, className)} aria-label=\"Navegação lateral\" {...props}>\n            {header !== undefined && <div className={styles.header}>{header}</div>}\n            <ul className={styles.list}>\n                {items.map((item) => {\n                    const active = item.key === value;\n                    const showLabel =\n                        labelVisibility === \"all\" || (labelVisibility === \"selected\" && active);\n                    return (\n                        <li key={item.key}>\n                            <button\n                                type=\"button\"\n                                className={cn(styles.item, active && styles.active)}\n                                aria-current={active ? \"page\" : undefined}\n                                disabled={item.disabled}\n                                onClick={() => onChange(item.key)}\n                            >\n                                <span className={styles.iconWrap}>\n                                    {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                                    {item.badge !== undefined && (\n                                        <span className={styles.badge}>{item.badge}</span>\n                                    )}\n                                </span>\n                                {showLabel && <span className={styles.label}>{item.label}</span>}\n                            </button>\n                        </li>\n                    );\n                })}\n            </ul>\n            {footer !== undefined && <div className={styles.footer}>{footer}</div>}\n        </nav>\n    );\n}\n"],"mappings":";;;;AAoDA,SAAgB,EAAe,EAC3B,UACA,UACA,aACA,WACA,WACA,qBAAkB,OAClB,cACA,GAAG,KACiB;CACpB,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,cAAW;EAAoB,GAAI;YAA/E;GACK,MAAW,KAAA,KAAa,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;GAAY,CAAA;GACrE,kBAAC,MAAD;IAAI,WAAW,EAAO;cACjB,EAAM,KAAK,MAAS;KACjB,IAAM,IAAS,EAAK,QAAQ,GACtB,IACF,MAAoB,SAAU,MAAoB,cAAc;KACpE,OACI,kBAAC,MAAD,EAAA,UACI,kBAAC,UAAD;MACI,MAAK;MACL,WAAW,EAAG,EAAO,MAAM,KAAU,EAAO,MAAM;MAClD,gBAAc,IAAS,SAAS,KAAA;MAChC,UAAU,EAAK;MACf,eAAe,EAAS,EAAK,GAAG;gBALpC,CAOI,kBAAC,QAAD;OAAM,WAAW,EAAO;iBAAxB,CACK,EAAK,QAAQ,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAO,EAAK;OAAW,CAAA,GAC5D,EAAK,UAAU,KAAA,KACZ,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAQ,EAAK;OAAY,CAAA,CAEnD;UACL,KAAa,kBAAC,QAAD;OAAM,WAAW,EAAO;iBAAQ,EAAK;MAAY,CAAA,CAC3D;QACR,GAhBK,EAAK,GAgBV;IAEZ,CAAC;GACD,CAAA;GACH,MAAW,KAAA,KAAa,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;GAAY,CAAA;EACpE;;AAEb"}

package/dist/components/NavigationRail/NavigationRail.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_rail_bvns5`,t=`tempest_header_Mikit`,n=`tempest_list_rS6XJ`,r=`tempest_footer_ojpGC`,i=`tempest_item_XEXI9`,a=`tempest_active_U3hSU`,o=`tempest_iconWrap_iVwlb`,s=`tempest_icon_-hpb6`,c=`tempest_badge_1YxwU`,l=`tempest_label_zCKyA`,u={rail:e,header:t,list:n,footer:r,item:i,active:a,iconWrap:o,icon:s,badge:c,label:l};exports.active=a,exports.badge=c,exports.default=u,exports.footer=r,exports.header=t,exports.icon=s,exports.iconWrap=o,exports.item=i,exports.label=l,exports.list=n,exports.rail=e;
+//# sourceMappingURL=NavigationRail.module.cjs.map

package/dist/components/NavigationRail/NavigationRail.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRail.module.cjs","names":[],"sources":["../../../src/components/NavigationRail/NavigationRail.module.css"],"sourcesContent":[".rail {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 80px;\n    height: 100%;\n    padding: var(--tempest-space-3) var(--tempest-space-2);\n    background: var(--tempest-surface);\n    border-right: 1px solid var(--tempest-border);\n    font-family: var(--tempest-font-sans);\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin-bottom: var(--tempest-space-2);\n}\n\n.list {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.footer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin-top: auto;\n    padding-top: var(--tempest-space-2);\n}\n\n.item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-1);\n    background: none;\n    border: 0;\n    border-radius: var(--tempest-radius-md);\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition:\n        color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.item:hover {\n    color: var(--tempest-text);\n    background: var(--tempest-surface-2);\n}\n\n.item:focus-visible {\n    outline: var(--tempest-focus-ring-width, 2px) solid\n        var(--tempest-focus-ring-color, var(--tempest-primary));\n    outline-offset: var(--tempest-focus-ring-offset, 2px);\n}\n\n.item.active {\n    color: var(--tempest-primary-on-soft);\n    background: var(--tempest-primary-soft);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 24px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on, #fff);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n    text-align: center;\n}\n"],"mappings":""}

package/dist/components/NavigationRail/NavigationRail.module.js

@@ -0,0 +1,17 @@
+//#region src/components/NavigationRail/NavigationRail.module.css
+var e = "tempest_rail_bvns5", t = "tempest_header_Mikit", n = "tempest_list_rS6XJ", r = "tempest_footer_ojpGC", i = "tempest_item_XEXI9", a = "tempest_active_U3hSU", o = "tempest_iconWrap_iVwlb", s = "tempest_icon_-hpb6", c = "tempest_badge_1YxwU", l = "tempest_label_zCKyA", u = {
+	rail: e,
+	header: t,
+	list: n,
+	footer: r,
+	item: i,
+	active: a,
+	iconWrap: o,
+	icon: s,
+	badge: c,
+	label: l
+};
+//#endregion
+export { a as active, c as badge, u as default, r as footer, t as header, s as icon, o as iconWrap, i as item, l as label, n as list, e as rail };
+
+//# sourceMappingURL=NavigationRail.module.js.map

package/dist/components/NavigationRail/NavigationRail.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRail.module.js","names":[],"sources":["../../../src/components/NavigationRail/NavigationRail.module.css"],"sourcesContent":[".rail {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 80px;\n    height: 100%;\n    padding: var(--tempest-space-3) var(--tempest-space-2);\n    background: var(--tempest-surface);\n    border-right: 1px solid var(--tempest-border);\n    font-family: var(--tempest-font-sans);\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin-bottom: var(--tempest-space-2);\n}\n\n.list {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.footer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    margin-top: auto;\n    padding-top: var(--tempest-space-2);\n}\n\n.item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-1);\n    background: none;\n    border: 0;\n    border-radius: var(--tempest-radius-md);\n    cursor: pointer;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-2xs);\n    transition:\n        color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.item:hover {\n    color: var(--tempest-text);\n    background: var(--tempest-surface-2);\n}\n\n.item:focus-visible {\n    outline: var(--tempest-focus-ring-width, 2px) solid\n        var(--tempest-focus-ring-color, var(--tempest-primary));\n    outline-offset: var(--tempest-focus-ring-offset, 2px);\n}\n\n.item.active {\n    color: var(--tempest-primary-on-soft);\n    background: var(--tempest-primary-soft);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.iconWrap {\n    position: relative;\n    display: inline-flex;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    font-size: 24px;\n}\n\n.badge {\n    position: absolute;\n    top: -4px;\n    right: -8px;\n    min-width: 14px;\n    height: 14px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-danger-solid);\n    color: var(--tempest-danger-on, #fff);\n    font-size: 10px;\n    line-height: 14px;\n    text-align: center;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.label {\n    line-height: 1;\n    text-align: center;\n}\n"],"mappings":""}

package/dist/components/OfflineIndicator/OfflineIndicator.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),u=require("lucide-react"),h=require("../../utils/cn.cjs"),n=require("./OfflineIndicator.module.css.cjs"),q=require("../../hooks/use-online.cjs");function w({position:c="bottom",offlineLabel:f="Você está offline. As alterações serão sincronizadas ao reconectar.",onlineLabel:d="Conexão restabelecida.",onlineFlashMs:r=3e3,className:O,children:m,...j}){const t=q.useOnline(),[o,i]=l.useState(!1),s=l.useRef(!1);if(l.useEffect(()=>{if(!t){s.current=!0,i(!1);return}if(!s.current||r<=0)return;s.current=!1,i(!0);const x=window.setTimeout(()=>i(!1),r);return()=>window.clearTimeout(x)},[t,r]),t&&!o)return null;const a=t&&o;return e.jsx("div",{className:h.cn(n.default.bar,n.default[c],a?n.default.online:n.default.offline,O),role:"status","aria-live":"polite",...j,children:m??e.jsxs(e.Fragment,{children:[a?e.jsx(u.Wifi,{className:n.default.icon,size:16,"aria-hidden":"true"}):e.jsx(u.CloudOff,{className:n.default.icon,size:16,"aria-hidden":"true"}),e.jsx("span",{children:a?d:f})]})})}exports.OfflineIndicator=w;
-//# sourceMappingURL=OfflineIndicator.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-online.cjs"),n=require("./OfflineIndicator.module.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("lucide-react");function o({position:o=`bottom`,offlineLabel:s=`Você está offline. As alterações serão sincronizadas ao reconectar.`,onlineLabel:c=`Conexão restabelecida.`,onlineFlashMs:l=3e3,className:u,children:d,...f}){let p=t.useOnline(),[m,h]=(0,r.useState)(!1),g=(0,r.useRef)(!1);if((0,r.useEffect)(()=>{if(!p){g.current=!0,h(!1);return}if(!g.current||l<=0)return;g.current=!1,h(!0);let e=window.setTimeout(()=>h(!1),l);return()=>window.clearTimeout(e)},[p,l]),p&&!m)return null;let _=p&&m;return(0,i.jsx)(`div`,{className:e.cn(n.default.bar,n.default[o],_?n.default.online:n.default.offline,u),role:`status`,"aria-live":`polite`,...f,children:d??(0,i.jsxs)(i.Fragment,{children:[_?(0,i.jsx)(a.Wifi,{className:n.default.icon,size:16,"aria-hidden":`true`}):(0,i.jsx)(a.CloudOff,{className:n.default.icon,size:16,"aria-hidden":`true`}),(0,i.jsx)(`span`,{children:_?c:s})]})})}exports.OfflineIndicator=o;
+//# sourceMappingURL=OfflineIndicator.cjs.map

package/dist/components/OfflineIndicator/OfflineIndicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OfflineIndicator.cjs","sources":["../../../src/components/OfflineIndicator/OfflineIndicator.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { CloudOff, Wifi } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { useOnline } from \"@/hooks\";\nimport styles from \"./OfflineIndicator.module.css\";\n\nexport type OfflineIndicatorPosition = \"top\" | \"bottom\";\n\nexport interface OfflineIndicatorProps extends HTMLAttributes<HTMLDivElement> {\n    /** Where to pin the fixed bar. Default `\"bottom\"`. */\n    position?: OfflineIndicatorPosition;\n    /** Message shown while offline. */\n    offlineLabel?: ReactNode;\n    /** Message flashed briefly when connectivity returns. */\n    onlineLabel?: ReactNode;\n    /**\n     * How long (ms) to keep the \"back online\" flash visible. `0` hides it\n     * entirely. Default `3000`.\n     */\n    onlineFlashMs?: number;\n    /** Override the offline body entirely (icon + label ignored). */\n    children?: ReactNode;\n}\n\n/**\n * Fixed bar that appears while the browser is offline and, by default, flashes\n * a brief confirmation when the connection returns. Backed by {@link useOnline}\n * — no props needed for the common case.\n *\n * Renders nothing while online (after any flash has elapsed), so it is safe to\n * mount unconditionally at the app root.\n *\n * @example\n * <OfflineIndicator position=\"top\" />\n */\nexport function OfflineIndicator({\n    position = \"bottom\",\n    offlineLabel = \"Você está offline. As alterações serão sincronizadas ao reconectar.\",\n    onlineLabel = \"Conexão restabelecida.\",\n    onlineFlashMs = 3000,\n    className,\n    children,\n    ...props\n}: OfflineIndicatorProps) {\n    const online = useOnline();\n    const [flashOnline, setFlashOnline] = useState<boolean>(false);\n    const wasOfflineRef = useRef<boolean>(false);\n\n    useEffect(() => {\n        if (!online) {\n            wasOfflineRef.current = true;\n            setFlashOnline(false);\n            return;\n        }\n        if (!wasOfflineRef.current || onlineFlashMs <= 0) return;\n        wasOfflineRef.current = false;\n        setFlashOnline(true);\n        const id = window.setTimeout(() => setFlashOnline(false), onlineFlashMs);\n        return () => window.clearTimeout(id);\n    }, [online, onlineFlashMs]);\n\n    if (online && !flashOnline) return null;\n\n    const showingOnline = online && flashOnline;\n    return (\n        <div\n            className={cn(\n                styles.bar,\n                styles[position],\n                showingOnline ? styles.online : styles.offline,\n                className,\n            )}\n            role=\"status\"\n            aria-live=\"polite\"\n            {...props}\n        >\n            {children ?? (\n                <>\n                    {showingOnline ? (\n                        <Wifi className={styles.icon} size={16} aria-hidden=\"true\" />\n                    ) : (\n                        <CloudOff className={styles.icon} size={16} aria-hidden=\"true\" />\n                    )}\n                    <span>{showingOnline ? onlineLabel : offlineLabel}</span>\n                </>\n            )}\n        </div>\n    );\n}\n"],"names":["OfflineIndicator","position","offlineLabel","onlineLabel","onlineFlashMs","className","children","props","online","useOnline","flashOnline","setFlashOnline","useState","wasOfflineRef","useRef","useEffect","id","showingOnline","jsx","cn","styles","jsxs","Fragment","Wifi","CloudOff"],"mappings":"yRAoCO,SAASA,EAAiB,CAC7B,SAAAC,EAAW,SACX,aAAAC,EAAe,sEACf,YAAAC,EAAc,yBACd,cAAAC,EAAgB,IAChB,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAA0B,CACtB,MAAMC,EAASC,EAAAA,UAAA,EACT,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAkB,EAAK,EACvDC,EAAgBC,EAAAA,OAAgB,EAAK,EAe3C,GAbAC,EAAAA,UAAU,IAAM,CACZ,GAAI,CAACP,EAAQ,CACTK,EAAc,QAAU,GACxBF,EAAe,EAAK,EACpB,MACJ,CACA,GAAI,CAACE,EAAc,SAAWT,GAAiB,EAAG,OAClDS,EAAc,QAAU,GACxBF,EAAe,EAAI,EACnB,MAAMK,EAAK,OAAO,WAAW,IAAML,EAAe,EAAK,EAAGP,CAAa,EACvE,MAAO,IAAM,OAAO,aAAaY,CAAE,CACvC,EAAG,CAACR,EAAQJ,CAAa,CAAC,EAEtBI,GAAU,CAACE,EAAa,OAAO,KAEnC,MAAMO,EAAgBT,GAAUE,EAChC,OACIQ,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,QAAO,IACPA,EAAAA,QAAOnB,CAAQ,EACfgB,EAAgBG,EAAAA,QAAO,OAASA,EAAAA,QAAO,QACvCf,CAAA,EAEJ,KAAK,SACL,YAAU,SACT,GAAGE,EAEH,YACGc,EAAAA,KAAAC,EAAAA,SAAA,CACK,SAAA,CAAAL,QACIM,EAAAA,KAAA,CAAK,UAAWH,UAAO,KAAM,KAAM,GAAI,cAAY,MAAA,CAAO,EAE3DF,MAACM,EAAAA,UAAS,UAAWJ,EAAAA,QAAO,KAAM,KAAM,GAAI,cAAY,OAAO,EAEnEF,EAAAA,IAAC,OAAA,CAAM,SAAAD,EAAgBd,EAAcD,CAAA,CAAa,CAAA,CAAA,CACtD,CAAA,CAAA,CAIhB"}
+{"version":3,"file":"OfflineIndicator.cjs","names":[],"sources":["../../../src/components/OfflineIndicator/OfflineIndicator.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { CloudOff, Wifi } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { useOnline } from \"@/hooks\";\nimport styles from \"./OfflineIndicator.module.css\";\n\nexport type OfflineIndicatorPosition = \"top\" | \"bottom\";\n\nexport interface OfflineIndicatorProps extends HTMLAttributes<HTMLDivElement> {\n    /** Where to pin the fixed bar. Default `\"bottom\"`. */\n    position?: OfflineIndicatorPosition;\n    /** Message shown while offline. */\n    offlineLabel?: ReactNode;\n    /** Message flashed briefly when connectivity returns. */\n    onlineLabel?: ReactNode;\n    /**\n     * How long (ms) to keep the \"back online\" flash visible. `0` hides it\n     * entirely. Default `3000`.\n     */\n    onlineFlashMs?: number;\n    /** Override the offline body entirely (icon + label ignored). */\n    children?: ReactNode;\n}\n\n/**\n * Fixed bar that appears while the browser is offline and, by default, flashes\n * a brief confirmation when the connection returns. Backed by {@link useOnline}\n * — no props needed for the common case.\n *\n * Renders nothing while online (after any flash has elapsed), so it is safe to\n * mount unconditionally at the app root.\n *\n * @example\n * <OfflineIndicator position=\"top\" />\n */\nexport function OfflineIndicator({\n    position = \"bottom\",\n    offlineLabel = \"Você está offline. As alterações serão sincronizadas ao reconectar.\",\n    onlineLabel = \"Conexão restabelecida.\",\n    onlineFlashMs = 3000,\n    className,\n    children,\n    ...props\n}: OfflineIndicatorProps) {\n    const online = useOnline();\n    const [flashOnline, setFlashOnline] = useState<boolean>(false);\n    const wasOfflineRef = useRef<boolean>(false);\n\n    useEffect(() => {\n        if (!online) {\n            wasOfflineRef.current = true;\n            setFlashOnline(false);\n            return;\n        }\n        if (!wasOfflineRef.current || onlineFlashMs <= 0) return;\n        wasOfflineRef.current = false;\n        setFlashOnline(true);\n        const id = window.setTimeout(() => setFlashOnline(false), onlineFlashMs);\n        return () => window.clearTimeout(id);\n    }, [online, onlineFlashMs]);\n\n    if (online && !flashOnline) return null;\n\n    const showingOnline = online && flashOnline;\n    return (\n        <div\n            className={cn(\n                styles.bar,\n                styles[position],\n                showingOnline ? styles.online : styles.offline,\n                className,\n            )}\n            role=\"status\"\n            aria-live=\"polite\"\n            {...props}\n        >\n            {children ?? (\n                <>\n                    {showingOnline ? (\n                        <Wifi className={styles.icon} size={16} aria-hidden=\"true\" />\n                    ) : (\n                        <CloudOff className={styles.icon} size={16} aria-hidden=\"true\" />\n                    )}\n                    <span>{showingOnline ? onlineLabel : offlineLabel}</span>\n                </>\n            )}\n        </div>\n    );\n}\n"],"mappings":"yMAoCA,SAAgB,EAAiB,CAC7B,WAAW,SACX,eAAe,sEACf,cAAc,yBACd,gBAAgB,IAChB,YACA,WACA,GAAG,GACmB,CACtB,IAAM,EAAS,EAAA,UAAU,EACnB,CAAC,EAAa,IAAA,EAAA,EAAA,SAAA,CAAoC,EAAK,EACvD,GAAA,EAAA,EAAA,OAAA,CAAgC,EAAK,EAe3C,IAbA,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAQ,CACT,EAAc,QAAU,GACxB,EAAe,EAAK,EACpB,MACJ,CACA,GAAI,CAAC,EAAc,SAAW,GAAiB,EAAG,OAClD,EAAc,QAAU,GACxB,EAAe,EAAI,EACnB,IAAM,EAAK,OAAO,eAAiB,EAAe,EAAK,EAAG,CAAa,EACvE,UAAa,OAAO,aAAa,CAAE,CACvC,EAAG,CAAC,EAAQ,CAAa,CAAC,EAEtB,GAAU,CAAC,EAAa,OAAO,KAEnC,IAAM,EAAgB,GAAU,EAChC,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,IACP,EAAA,QAAO,GACP,EAAgB,EAAA,QAAO,OAAS,EAAA,QAAO,QACvC,CACJ,EACA,KAAK,SACL,YAAU,SACV,GAAI,WAEH,IACG,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,CACK,GACG,EAAA,EAAA,IAAA,CAAC,EAAA,KAAD,CAAM,UAAW,EAAA,QAAO,KAAM,KAAM,GAAI,cAAY,MAAQ,CAAA,GAE5D,EAAA,EAAA,IAAA,CAAC,EAAA,SAAD,CAAU,UAAW,EAAA,QAAO,KAAM,KAAM,GAAI,cAAY,MAAQ,CAAA,GAEpE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,EAAgB,EAAc,CAAmB,CAAA,CAC1D,CAAA,CAAA,CAEL,CAAA,CAEb"}

package/dist/components/OfflineIndicator/OfflineIndicator.js

@@ -1,50 +1,36 @@
-import { jsx as n, jsxs as O, Fragment as h } from "react/jsx-runtime";
-import { useState as w, useRef as x, useEffect as b } from "react";
-import { Wifi as z, CloudOff as N } from "lucide-react";
-import { cn as g } from "../../utils/cn.js";
-import e from "./OfflineIndicator.module.css.js";
-import { useOnline as j } from "../../hooks/use-online.js";
-function E({
-  position: f = "bottom",
-  offlineLabel: l = "Você está offline. As alterações serão sincronizadas ao reconectar.",
-  onlineLabel: c = "Conexão restabelecida.",
-  onlineFlashMs: i = 3e3,
-  className: u,
-  children: m,
-  ...d
-}) {
-  const r = j(), [a, t] = w(!1), o = x(!1);
-  if (b(() => {
-    if (!r) {
-      o.current = !0, t(!1);
-      return;
-    }
-    if (!o.current || i <= 0) return;
-    o.current = !1, t(!0);
-    const p = window.setTimeout(() => t(!1), i);
-    return () => window.clearTimeout(p);
-  }, [r, i]), r && !a) return null;
-  const s = r && a;
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      className: g(
-        e.bar,
-        e[f],
-        s ? e.online : e.offline,
-        u
-      ),
-      role: "status",
-      "aria-live": "polite",
-      ...d,
-      children: m ?? /* @__PURE__ */ O(h, { children: [
-        s ? /* @__PURE__ */ n(z, { className: e.icon, size: 16, "aria-hidden": "true" }) : /* @__PURE__ */ n(N, { className: e.icon, size: 16, "aria-hidden": "true" }),
-        /* @__PURE__ */ n("span", { children: s ? c : l })
-      ] })
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import { useOnline as t } from "../../hooks/use-online.js";
+import n from "./OfflineIndicator.module.js";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { CloudOff as l, Wifi as u } from "lucide-react";
+//#region src/components/OfflineIndicator/OfflineIndicator.tsx
+function d({ position: d = "bottom", offlineLabel: f = "Você está offline. As alterações serão sincronizadas ao reconectar.", onlineLabel: p = "Conexão restabelecida.", onlineFlashMs: m = 3e3, className: h, children: g, ..._ }) {
+	let v = t(), [y, b] = a(!1), x = i(!1);
+	if (r(() => {
+		if (!v) {
+			x.current = !0, b(!1);
+			return;
+		}
+		if (!x.current || m <= 0) return;
+		x.current = !1, b(!0);
+		let e = window.setTimeout(() => b(!1), m);
+		return () => window.clearTimeout(e);
+	}, [v, m]), v && !y) return null;
+	let S = v && y;
+	return /* @__PURE__ */ s("div", {
+		className: e(n.bar, n[d], S ? n.online : n.offline, h),
+		role: "status",
+		"aria-live": "polite",
+		..._,
+		children: g ?? /* @__PURE__ */ c(o, { children: [s(S ? u : l, {
+			className: n.icon,
+			size: 16,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ s("span", { children: S ? p : f })] })
+	});
 }
-export {
-  E as OfflineIndicator
-};
-//# sourceMappingURL=OfflineIndicator.js.map
+//#endregion
+export { d as OfflineIndicator };
+
+//# sourceMappingURL=OfflineIndicator.js.map

package/dist/components/OfflineIndicator/OfflineIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"OfflineIndicator.js","sources":["../../../src/components/OfflineIndicator/OfflineIndicator.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { CloudOff, Wifi } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { useOnline } from \"@/hooks\";\nimport styles from \"./OfflineIndicator.module.css\";\n\nexport type OfflineIndicatorPosition = \"top\" | \"bottom\";\n\nexport interface OfflineIndicatorProps extends HTMLAttributes<HTMLDivElement> {\n    /** Where to pin the fixed bar. Default `\"bottom\"`. */\n    position?: OfflineIndicatorPosition;\n    /** Message shown while offline. */\n    offlineLabel?: ReactNode;\n    /** Message flashed briefly when connectivity returns. */\n    onlineLabel?: ReactNode;\n    /**\n     * How long (ms) to keep the \"back online\" flash visible. `0` hides it\n     * entirely. Default `3000`.\n     */\n    onlineFlashMs?: number;\n    /** Override the offline body entirely (icon + label ignored). */\n    children?: ReactNode;\n}\n\n/**\n * Fixed bar that appears while the browser is offline and, by default, flashes\n * a brief confirmation when the connection returns. Backed by {@link useOnline}\n * — no props needed for the common case.\n *\n * Renders nothing while online (after any flash has elapsed), so it is safe to\n * mount unconditionally at the app root.\n *\n * @example\n * <OfflineIndicator position=\"top\" />\n */\nexport function OfflineIndicator({\n    position = \"bottom\",\n    offlineLabel = \"Você está offline. As alterações serão sincronizadas ao reconectar.\",\n    onlineLabel = \"Conexão restabelecida.\",\n    onlineFlashMs = 3000,\n    className,\n    children,\n    ...props\n}: OfflineIndicatorProps) {\n    const online = useOnline();\n    const [flashOnline, setFlashOnline] = useState<boolean>(false);\n    const wasOfflineRef = useRef<boolean>(false);\n\n    useEffect(() => {\n        if (!online) {\n            wasOfflineRef.current = true;\n            setFlashOnline(false);\n            return;\n        }\n        if (!wasOfflineRef.current || onlineFlashMs <= 0) return;\n        wasOfflineRef.current = false;\n        setFlashOnline(true);\n        const id = window.setTimeout(() => setFlashOnline(false), onlineFlashMs);\n        return () => window.clearTimeout(id);\n    }, [online, onlineFlashMs]);\n\n    if (online && !flashOnline) return null;\n\n    const showingOnline = online && flashOnline;\n    return (\n        <div\n            className={cn(\n                styles.bar,\n                styles[position],\n                showingOnline ? styles.online : styles.offline,\n                className,\n            )}\n            role=\"status\"\n            aria-live=\"polite\"\n            {...props}\n        >\n            {children ?? (\n                <>\n                    {showingOnline ? (\n                        <Wifi className={styles.icon} size={16} aria-hidden=\"true\" />\n                    ) : (\n                        <CloudOff className={styles.icon} size={16} aria-hidden=\"true\" />\n                    )}\n                    <span>{showingOnline ? onlineLabel : offlineLabel}</span>\n                </>\n            )}\n        </div>\n    );\n}\n"],"names":["OfflineIndicator","position","offlineLabel","onlineLabel","onlineFlashMs","className","children","props","online","useOnline","flashOnline","setFlashOnline","useState","wasOfflineRef","useRef","useEffect","id","showingOnline","jsx","cn","styles","jsxs","Fragment","Wifi","CloudOff"],"mappings":";;;;;;AAoCO,SAASA,EAAiB;AAAA,EAC7B,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,eAAAC,IAAgB;AAAA,EAChB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAA0B;AACtB,QAAMC,IAASC,EAAA,GACT,CAACC,GAAaC,CAAc,IAAIC,EAAkB,EAAK,GACvDC,IAAgBC,EAAgB,EAAK;AAe3C,MAbAC,EAAU,MAAM;AACZ,QAAI,CAACP,GAAQ;AACT,MAAAK,EAAc,UAAU,IACxBF,EAAe,EAAK;AACpB;AAAA,IACJ;AACA,QAAI,CAACE,EAAc,WAAWT,KAAiB,EAAG;AAClD,IAAAS,EAAc,UAAU,IACxBF,EAAe,EAAI;AACnB,UAAMK,IAAK,OAAO,WAAW,MAAML,EAAe,EAAK,GAAGP,CAAa;AACvE,WAAO,MAAM,OAAO,aAAaY,CAAE;AAAA,EACvC,GAAG,CAACR,GAAQJ,CAAa,CAAC,GAEtBI,KAAU,CAACE,EAAa,QAAO;AAEnC,QAAMO,IAAgBT,KAAUE;AAChC,SACI,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPA,EAAOnB,CAAQ;AAAA,QACfgB,IAAgBG,EAAO,SAASA,EAAO;AAAA,QACvCf;AAAA,MAAA;AAAA,MAEJ,MAAK;AAAA,MACL,aAAU;AAAA,MACT,GAAGE;AAAA,MAEH,eACG,gBAAAc,EAAAC,GAAA,EACK,UAAA;AAAA,QAAAL,sBACIM,GAAA,EAAK,WAAWH,EAAO,MAAM,MAAM,IAAI,eAAY,OAAA,CAAO,IAE3D,gBAAAF,EAACM,KAAS,WAAWJ,EAAO,MAAM,MAAM,IAAI,eAAY,QAAO;AAAA,QAEnE,gBAAAF,EAAC,QAAA,EAAM,UAAAD,IAAgBd,IAAcD,EAAA,CAAa;AAAA,MAAA,EAAA,CACtD;AAAA,IAAA;AAAA,EAAA;AAIhB;"}
+{"version":3,"file":"OfflineIndicator.js","names":[],"sources":["../../../src/components/OfflineIndicator/OfflineIndicator.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { CloudOff, Wifi } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { useOnline } from \"@/hooks\";\nimport styles from \"./OfflineIndicator.module.css\";\n\nexport type OfflineIndicatorPosition = \"top\" | \"bottom\";\n\nexport interface OfflineIndicatorProps extends HTMLAttributes<HTMLDivElement> {\n    /** Where to pin the fixed bar. Default `\"bottom\"`. */\n    position?: OfflineIndicatorPosition;\n    /** Message shown while offline. */\n    offlineLabel?: ReactNode;\n    /** Message flashed briefly when connectivity returns. */\n    onlineLabel?: ReactNode;\n    /**\n     * How long (ms) to keep the \"back online\" flash visible. `0` hides it\n     * entirely. Default `3000`.\n     */\n    onlineFlashMs?: number;\n    /** Override the offline body entirely (icon + label ignored). */\n    children?: ReactNode;\n}\n\n/**\n * Fixed bar that appears while the browser is offline and, by default, flashes\n * a brief confirmation when the connection returns. Backed by {@link useOnline}\n * — no props needed for the common case.\n *\n * Renders nothing while online (after any flash has elapsed), so it is safe to\n * mount unconditionally at the app root.\n *\n * @example\n * <OfflineIndicator position=\"top\" />\n */\nexport function OfflineIndicator({\n    position = \"bottom\",\n    offlineLabel = \"Você está offline. As alterações serão sincronizadas ao reconectar.\",\n    onlineLabel = \"Conexão restabelecida.\",\n    onlineFlashMs = 3000,\n    className,\n    children,\n    ...props\n}: OfflineIndicatorProps) {\n    const online = useOnline();\n    const [flashOnline, setFlashOnline] = useState<boolean>(false);\n    const wasOfflineRef = useRef<boolean>(false);\n\n    useEffect(() => {\n        if (!online) {\n            wasOfflineRef.current = true;\n            setFlashOnline(false);\n            return;\n        }\n        if (!wasOfflineRef.current || onlineFlashMs <= 0) return;\n        wasOfflineRef.current = false;\n        setFlashOnline(true);\n        const id = window.setTimeout(() => setFlashOnline(false), onlineFlashMs);\n        return () => window.clearTimeout(id);\n    }, [online, onlineFlashMs]);\n\n    if (online && !flashOnline) return null;\n\n    const showingOnline = online && flashOnline;\n    return (\n        <div\n            className={cn(\n                styles.bar,\n                styles[position],\n                showingOnline ? styles.online : styles.offline,\n                className,\n            )}\n            role=\"status\"\n            aria-live=\"polite\"\n            {...props}\n        >\n            {children ?? (\n                <>\n                    {showingOnline ? (\n                        <Wifi className={styles.icon} size={16} aria-hidden=\"true\" />\n                    ) : (\n                        <CloudOff className={styles.icon} size={16} aria-hidden=\"true\" />\n                    )}\n                    <span>{showingOnline ? onlineLabel : offlineLabel}</span>\n                </>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;AAoCA,SAAgB,EAAiB,EAC7B,cAAW,UACX,kBAAe,uEACf,iBAAc,0BACd,mBAAgB,KAChB,cACA,aACA,GAAG,KACmB;CACtB,IAAM,IAAS,EAAU,GACnB,CAAC,GAAa,KAAkB,EAAkB,EAAK,GACvD,IAAgB,EAAgB,EAAK;CAe3C,IAbA,QAAgB;EACZ,IAAI,CAAC,GAAQ;GAET,AADA,EAAc,UAAU,IACxB,EAAe,EAAK;GACpB;EACJ;EACA,IAAI,CAAC,EAAc,WAAW,KAAiB,GAAG;EAElD,AADA,EAAc,UAAU,IACxB,EAAe,EAAI;EACnB,IAAM,IAAK,OAAO,iBAAiB,EAAe,EAAK,GAAG,CAAa;EACvE,aAAa,OAAO,aAAa,CAAE;CACvC,GAAG,CAAC,GAAQ,CAAa,CAAC,GAEtB,KAAU,CAAC,GAAa,OAAO;CAEnC,IAAM,IAAgB,KAAU;CAChC,OACI,kBAAC,OAAD;EACI,WAAW,EACP,EAAO,KACP,EAAO,IACP,IAAgB,EAAO,SAAS,EAAO,SACvC,CACJ;EACA,MAAK;EACL,aAAU;EACV,GAAI;YAEH,KACG,kBAAA,GAAA,EAAA,UAAA,CAEQ,EADH,IACI,IAEA,GAFD;GAAM,WAAW,EAAO;GAAM,MAAM;GAAI,eAAY;EAAQ,CAEI,GAEpE,kBAAC,QAAD,EAAA,UAAO,IAAgB,IAAc,EAAmB,CAAA,CAC1D,EAAA,CAAA;CAEL,CAAA;AAEb"}

package/dist/components/OfflineIndicator/OfflineIndicator.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_bar_TujEG`,t=`tempest_top_hGD-7`,n=`tempest_bottom_xvnL6`,r=`tempest_offline_TSh6c`,i=`tempest_online_edPM2`,a=`tempest_icon_YY8m3`,o={bar:e,top:t,bottom:n,offline:r,online:i,icon:a};exports.bar=e,exports.bottom=n,exports.default=o,exports.icon=a,exports.offline=r,exports.online=i,exports.top=t;
+//# sourceMappingURL=OfflineIndicator.module.cjs.map

package/dist/components/OfflineIndicator/OfflineIndicator.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineIndicator.module.cjs","names":[],"sources":["../../../src/components/OfflineIndicator/OfflineIndicator.module.css"],"sourcesContent":[".bar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-toast, 1000);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    text-align: center;\n}\n\n.top {\n    top: 0;\n    padding-top: max(var(--tempest-space-2), env(safe-area-inset-top));\n}\n\n.bottom {\n    bottom: 0;\n    padding-bottom: max(var(--tempest-space-2), env(safe-area-inset-bottom));\n}\n\n.offline {\n    background: var(--tempest-surface-2);\n    color: var(--tempest-text-muted);\n    border-top: 1px solid var(--tempest-border-strong);\n}\n\n.online {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n\n.icon {\n    flex: 0 0 auto;\n}\n"],"mappings":""}

package/dist/components/OfflineIndicator/OfflineIndicator.module.js

@@ -0,0 +1,13 @@
+//#region src/components/OfflineIndicator/OfflineIndicator.module.css
+var e = "tempest_bar_TujEG", t = "tempest_top_hGD-7", n = "tempest_bottom_xvnL6", r = "tempest_offline_TSh6c", i = "tempest_online_edPM2", a = "tempest_icon_YY8m3", o = {
+	bar: e,
+	top: t,
+	bottom: n,
+	offline: r,
+	online: i,
+	icon: a
+};
+//#endregion
+export { e as bar, n as bottom, o as default, a as icon, r as offline, i as online, t as top };
+
+//# sourceMappingURL=OfflineIndicator.module.js.map

package/dist/components/OfflineIndicator/OfflineIndicator.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineIndicator.module.js","names":[],"sources":["../../../src/components/OfflineIndicator/OfflineIndicator.module.css"],"sourcesContent":[".bar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-toast, 1000);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    text-align: center;\n}\n\n.top {\n    top: 0;\n    padding-top: max(var(--tempest-space-2), env(safe-area-inset-top));\n}\n\n.bottom {\n    bottom: 0;\n    padding-bottom: max(var(--tempest-space-2), env(safe-area-inset-bottom));\n}\n\n.offline {\n    background: var(--tempest-surface-2);\n    color: var(--tempest-text-muted);\n    border-top: 1px solid var(--tempest-border-strong);\n}\n\n.online {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n\n.icon {\n    flex: 0 0 auto;\n}\n"],"mappings":""}

package/dist/components/Page/Page.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("../../utils/cn.cjs"),e=require("./Page.module.css.cjs");function j({title:s,eyebrow:d,description:l,actions:c,toolbar:r,footer:t,padded:n=!0,className:u,children:i,...f}){const h=s||d||l||c;return a.jsxs("main",{className:m.cn(e.default.page,n&&e.default.padded,u),...f,children:[h&&a.jsxs("header",{className:e.default.header,children:[a.jsxs("div",{className:e.default.headerText,children:[d&&a.jsx("div",{className:e.default.eyebrow,children:d}),s&&a.jsx("h1",{className:e.default.title,children:s}),l&&a.jsx("p",{className:e.default.description,children:l})]}),c&&a.jsx("div",{className:e.default.actions,children:c})]}),r&&a.jsx("div",{className:e.default.toolbar,children:r}),a.jsx("div",{className:e.default.content,children:i}),t&&a.jsx("footer",{className:e.default.footer,children:t})]})}exports.Page=j;
-//# sourceMappingURL=Page.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Page.module.cjs");let n=require("react/jsx-runtime");function r({title:r,eyebrow:i,description:a,actions:o,toolbar:s,footer:c,padded:l=!0,className:u,children:d,...f}){let p=r||i||a||o;return(0,n.jsxs)(`main`,{className:e.cn(t.default.page,l&&t.default.padded,u),...f,children:[p&&(0,n.jsxs)(`header`,{className:t.default.header,children:[(0,n.jsxs)(`div`,{className:t.default.headerText,children:[i&&(0,n.jsx)(`div`,{className:t.default.eyebrow,children:i}),r&&(0,n.jsx)(`h1`,{className:t.default.title,children:r}),a&&(0,n.jsx)(`p`,{className:t.default.description,children:a})]}),o&&(0,n.jsx)(`div`,{className:t.default.actions,children:o})]}),s&&(0,n.jsx)(`div`,{className:t.default.toolbar,children:s}),(0,n.jsx)(`div`,{className:t.default.content,children:d}),c&&(0,n.jsx)(`footer`,{className:t.default.footer,children:c})]})}exports.Page=r;
+//# sourceMappingURL=Page.cjs.map

package/dist/components/Page/Page.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Page.cjs","sources":["../../../src/components/Page/Page.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Page.module.css\";\n\nexport interface PageProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n    /** Page title rendered as `<h1>`. */\n    title?: ReactNode;\n    /** Optional subtitle / breadcrumbs slot rendered above the title. */\n    eyebrow?: ReactNode;\n    /** Optional description rendered below the title. */\n    description?: ReactNode;\n    /** Right-side actions slot in the header (buttons, menus). */\n    actions?: ReactNode;\n    /** Sticky tab bar / filter row rendered just below the header. */\n    toolbar?: ReactNode;\n    /** Footer slot rendered at the bottom of the content area. */\n    footer?: ReactNode;\n    /** Page-level padding. Default `true`. */\n    padded?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Page wrapper with header + (optional) toolbar + content + footer. Pairs\n * with `Container` when you want a max-width content well.\n *\n * @example\n * <Page title=\"Pedidos\" description=\"Acompanhe seus pedidos\" actions={<Button>Novo</Button>}>\n *     <Table {...} />\n * </Page>\n */\nexport function Page({\n    title,\n    eyebrow,\n    description,\n    actions,\n    toolbar,\n    footer,\n    padded = true,\n    className,\n    children,\n    ...props\n}: PageProps) {\n    const hasHeader = title || eyebrow || description || actions;\n    return (\n        <main className={cn(styles.page, padded && styles.padded, className)} {...props}>\n            {hasHeader && (\n                <header className={styles.header}>\n                    <div className={styles.headerText}>\n                        {eyebrow && <div className={styles.eyebrow}>{eyebrow}</div>}\n                        {title && <h1 className={styles.title}>{title}</h1>}\n                        {description && <p className={styles.description}>{description}</p>}\n                    </div>\n                    {actions && <div className={styles.actions}>{actions}</div>}\n                </header>\n            )}\n            {toolbar && <div className={styles.toolbar}>{toolbar}</div>}\n            <div className={styles.content}>{children}</div>\n            {footer && <footer className={styles.footer}>{footer}</footer>}\n        </main>\n    );\n}\n"],"names":["Page","title","eyebrow","description","actions","toolbar","footer","padded","className","children","props","hasHeader","jsxs","cn","styles","jsx"],"mappings":"wLA+BO,SAASA,EAAK,CACjB,MAAAC,EACA,QAAAC,EACA,YAAAC,EACA,QAAAC,EACA,QAAAC,EACA,OAAAC,EACA,OAAAC,EAAS,GACT,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAc,CACV,MAAMC,EAAYV,GAASC,GAAWC,GAAeC,EACrD,OACIQ,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,KAAMP,GAAUO,EAAAA,QAAO,OAAQN,CAAS,EAAI,GAAGE,EACrE,SAAA,CAAAC,GACGC,EAAAA,KAAC,SAAA,CAAO,UAAWE,EAAAA,QAAO,OACtB,SAAA,CAAAF,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,WAClB,SAAA,CAAAZ,GAAWa,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,QAAU,SAAAZ,EAAQ,EACpDD,GAASc,EAAAA,IAAC,KAAA,CAAG,UAAWD,EAAAA,QAAO,MAAQ,SAAAb,EAAM,EAC7CE,GAAeY,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,YAAc,SAAAX,CAAA,CAAY,CAAA,EACnE,EACCC,GAAWW,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,QAAU,SAAAV,CAAA,CAAQ,CAAA,EACzD,EAEHC,GAAWU,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,QAAU,SAAAT,EAAQ,EACrDU,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,QAAU,SAAAL,EAAS,EACzCH,GAAUS,EAAAA,IAAC,SAAA,CAAO,UAAWD,EAAAA,QAAO,OAAS,SAAAR,CAAA,CAAO,CAAA,EACzD,CAER"}
+{"version":3,"file":"Page.cjs","names":[],"sources":["../../../src/components/Page/Page.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Page.module.css\";\n\nexport interface PageProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n    /** Page title rendered as `<h1>`. */\n    title?: ReactNode;\n    /** Optional subtitle / breadcrumbs slot rendered above the title. */\n    eyebrow?: ReactNode;\n    /** Optional description rendered below the title. */\n    description?: ReactNode;\n    /** Right-side actions slot in the header (buttons, menus). */\n    actions?: ReactNode;\n    /** Sticky tab bar / filter row rendered just below the header. */\n    toolbar?: ReactNode;\n    /** Footer slot rendered at the bottom of the content area. */\n    footer?: ReactNode;\n    /** Page-level padding. Default `true`. */\n    padded?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Page wrapper with header + (optional) toolbar + content + footer. Pairs\n * with `Container` when you want a max-width content well.\n *\n * @example\n * <Page title=\"Pedidos\" description=\"Acompanhe seus pedidos\" actions={<Button>Novo</Button>}>\n *     <Table {...} />\n * </Page>\n */\nexport function Page({\n    title,\n    eyebrow,\n    description,\n    actions,\n    toolbar,\n    footer,\n    padded = true,\n    className,\n    children,\n    ...props\n}: PageProps) {\n    const hasHeader = title || eyebrow || description || actions;\n    return (\n        <main className={cn(styles.page, padded && styles.padded, className)} {...props}>\n            {hasHeader && (\n                <header className={styles.header}>\n                    <div className={styles.headerText}>\n                        {eyebrow && <div className={styles.eyebrow}>{eyebrow}</div>}\n                        {title && <h1 className={styles.title}>{title}</h1>}\n                        {description && <p className={styles.description}>{description}</p>}\n                    </div>\n                    {actions && <div className={styles.actions}>{actions}</div>}\n                </header>\n            )}\n            {toolbar && <div className={styles.toolbar}>{toolbar}</div>}\n            <div className={styles.content}>{children}</div>\n            {footer && <footer className={styles.footer}>{footer}</footer>}\n        </main>\n    );\n}\n"],"mappings":"wGA+BA,SAAgB,EAAK,CACjB,QACA,UACA,cACA,UACA,UACA,SACA,SAAS,GACT,YACA,WACA,GAAG,GACO,CACV,IAAM,EAAY,GAAS,GAAW,GAAe,EACrD,OACI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAU,EAAA,QAAO,OAAQ,CAAS,EAAG,GAAI,WAA1E,CACK,IACG,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAA1B,EACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,oBAAvB,CACK,IAAW,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,CAAa,CAAA,EACzD,IAAS,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,eAAQ,CAAU,CAAA,EACjD,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,qBAAc,CAAe,CAAA,CACjE,IACJ,IAAW,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,CAAa,CAAA,CACtD,IAEX,IAAW,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,CAAa,CAAA,GAC1D,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,UAAc,CAAA,EAC9C,IAAU,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAAS,CAAe,CAAA,CAC3D,GAEd"}

package/dist/components/Page/Page.js

@@ -1,34 +1,52 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { cn as p } from "../../utils/cn.js";
-import e from "./Page.module.css.js";
-function u({
-  title: s,
-  eyebrow: r,
-  description: c,
-  actions: d,
-  toolbar: m,
-  footer: i,
-  padded: n = !0,
-  className: h,
-  children: N,
-  ...o
-}) {
-  const t = s || r || c || d;
-  return /* @__PURE__ */ l("main", { className: p(e.page, n && e.padded, h), ...o, children: [
-    t && /* @__PURE__ */ l("header", { className: e.header, children: [
-      /* @__PURE__ */ l("div", { className: e.headerText, children: [
-        r && /* @__PURE__ */ a("div", { className: e.eyebrow, children: r }),
-        s && /* @__PURE__ */ a("h1", { className: e.title, children: s }),
-        c && /* @__PURE__ */ a("p", { className: e.description, children: c })
-      ] }),
-      d && /* @__PURE__ */ a("div", { className: e.actions, children: d })
-    ] }),
-    m && /* @__PURE__ */ a("div", { className: e.toolbar, children: m }),
-    /* @__PURE__ */ a("div", { className: e.content, children: N }),
-    i && /* @__PURE__ */ a("footer", { className: e.footer, children: i })
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./Page.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Page/Page.tsx
+function i({ title: i, eyebrow: a, description: o, actions: s, toolbar: c, footer: l, padded: u = !0, className: d, children: f, ...p }) {
+	let m = i || a || o || s;
+	return /* @__PURE__ */ r("main", {
+		className: e(t.page, u && t.padded, d),
+		...p,
+		children: [
+			m && /* @__PURE__ */ r("header", {
+				className: t.header,
+				children: [/* @__PURE__ */ r("div", {
+					className: t.headerText,
+					children: [
+						a && /* @__PURE__ */ n("div", {
+							className: t.eyebrow,
+							children: a
+						}),
+						i && /* @__PURE__ */ n("h1", {
+							className: t.title,
+							children: i
+						}),
+						o && /* @__PURE__ */ n("p", {
+							className: t.description,
+							children: o
+						})
+					]
+				}), s && /* @__PURE__ */ n("div", {
+					className: t.actions,
+					children: s
+				})]
+			}),
+			c && /* @__PURE__ */ n("div", {
+				className: t.toolbar,
+				children: c
+			}),
+			/* @__PURE__ */ n("div", {
+				className: t.content,
+				children: f
+			}),
+			l && /* @__PURE__ */ n("footer", {
+				className: t.footer,
+				children: l
+			})
+		]
+	});
 }
-export {
-  u as Page
-};
-//# sourceMappingURL=Page.js.map
+//#endregion
+export { i as Page };
+
+//# sourceMappingURL=Page.js.map

package/dist/components/Page/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sources":["../../../src/components/Page/Page.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Page.module.css\";\n\nexport interface PageProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n    /** Page title rendered as `<h1>`. */\n    title?: ReactNode;\n    /** Optional subtitle / breadcrumbs slot rendered above the title. */\n    eyebrow?: ReactNode;\n    /** Optional description rendered below the title. */\n    description?: ReactNode;\n    /** Right-side actions slot in the header (buttons, menus). */\n    actions?: ReactNode;\n    /** Sticky tab bar / filter row rendered just below the header. */\n    toolbar?: ReactNode;\n    /** Footer slot rendered at the bottom of the content area. */\n    footer?: ReactNode;\n    /** Page-level padding. Default `true`. */\n    padded?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Page wrapper with header + (optional) toolbar + content + footer. Pairs\n * with `Container` when you want a max-width content well.\n *\n * @example\n * <Page title=\"Pedidos\" description=\"Acompanhe seus pedidos\" actions={<Button>Novo</Button>}>\n *     <Table {...} />\n * </Page>\n */\nexport function Page({\n    title,\n    eyebrow,\n    description,\n    actions,\n    toolbar,\n    footer,\n    padded = true,\n    className,\n    children,\n    ...props\n}: PageProps) {\n    const hasHeader = title || eyebrow || description || actions;\n    return (\n        <main className={cn(styles.page, padded && styles.padded, className)} {...props}>\n            {hasHeader && (\n                <header className={styles.header}>\n                    <div className={styles.headerText}>\n                        {eyebrow && <div className={styles.eyebrow}>{eyebrow}</div>}\n                        {title && <h1 className={styles.title}>{title}</h1>}\n                        {description && <p className={styles.description}>{description}</p>}\n                    </div>\n                    {actions && <div className={styles.actions}>{actions}</div>}\n                </header>\n            )}\n            {toolbar && <div className={styles.toolbar}>{toolbar}</div>}\n            <div className={styles.content}>{children}</div>\n            {footer && <footer className={styles.footer}>{footer}</footer>}\n        </main>\n    );\n}\n"],"names":["Page","title","eyebrow","description","actions","toolbar","footer","padded","className","children","props","hasHeader","jsxs","cn","styles","jsx"],"mappings":";;;AA+BO,SAASA,EAAK;AAAA,EACjB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAc;AACV,QAAMC,IAAYV,KAASC,KAAWC,KAAeC;AACrD,SACI,gBAAAQ,EAAC,QAAA,EAAK,WAAWC,EAAGC,EAAO,MAAMP,KAAUO,EAAO,QAAQN,CAAS,GAAI,GAAGE,GACrE,UAAA;AAAA,IAAAC,KACG,gBAAAC,EAAC,UAAA,EAAO,WAAWE,EAAO,QACtB,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,YAClB,UAAA;AAAA,QAAAZ,KAAW,gBAAAa,EAAC,OAAA,EAAI,WAAWD,EAAO,SAAU,UAAAZ,GAAQ;AAAA,QACpDD,KAAS,gBAAAc,EAAC,MAAA,EAAG,WAAWD,EAAO,OAAQ,UAAAb,GAAM;AAAA,QAC7CE,KAAe,gBAAAY,EAAC,KAAA,EAAE,WAAWD,EAAO,aAAc,UAAAX,EAAA,CAAY;AAAA,MAAA,GACnE;AAAA,MACCC,KAAW,gBAAAW,EAAC,OAAA,EAAI,WAAWD,EAAO,SAAU,UAAAV,EAAA,CAAQ;AAAA,IAAA,GACzD;AAAA,IAEHC,KAAW,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAO,SAAU,UAAAT,GAAQ;AAAA,IACrD,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAO,SAAU,UAAAL,GAAS;AAAA,IACzCH,KAAU,gBAAAS,EAAC,UAAA,EAAO,WAAWD,EAAO,QAAS,UAAAR,EAAA,CAAO;AAAA,EAAA,GACzD;AAER;"}
+{"version":3,"file":"Page.js","names":[],"sources":["../../../src/components/Page/Page.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Page.module.css\";\n\nexport interface PageProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n    /** Page title rendered as `<h1>`. */\n    title?: ReactNode;\n    /** Optional subtitle / breadcrumbs slot rendered above the title. */\n    eyebrow?: ReactNode;\n    /** Optional description rendered below the title. */\n    description?: ReactNode;\n    /** Right-side actions slot in the header (buttons, menus). */\n    actions?: ReactNode;\n    /** Sticky tab bar / filter row rendered just below the header. */\n    toolbar?: ReactNode;\n    /** Footer slot rendered at the bottom of the content area. */\n    footer?: ReactNode;\n    /** Page-level padding. Default `true`. */\n    padded?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Page wrapper with header + (optional) toolbar + content + footer. Pairs\n * with `Container` when you want a max-width content well.\n *\n * @example\n * <Page title=\"Pedidos\" description=\"Acompanhe seus pedidos\" actions={<Button>Novo</Button>}>\n *     <Table {...} />\n * </Page>\n */\nexport function Page({\n    title,\n    eyebrow,\n    description,\n    actions,\n    toolbar,\n    footer,\n    padded = true,\n    className,\n    children,\n    ...props\n}: PageProps) {\n    const hasHeader = title || eyebrow || description || actions;\n    return (\n        <main className={cn(styles.page, padded && styles.padded, className)} {...props}>\n            {hasHeader && (\n                <header className={styles.header}>\n                    <div className={styles.headerText}>\n                        {eyebrow && <div className={styles.eyebrow}>{eyebrow}</div>}\n                        {title && <h1 className={styles.title}>{title}</h1>}\n                        {description && <p className={styles.description}>{description}</p>}\n                    </div>\n                    {actions && <div className={styles.actions}>{actions}</div>}\n                </header>\n            )}\n            {toolbar && <div className={styles.toolbar}>{toolbar}</div>}\n            <div className={styles.content}>{children}</div>\n            {footer && <footer className={styles.footer}>{footer}</footer>}\n        </main>\n    );\n}\n"],"mappings":";;;;AA+BA,SAAgB,EAAK,EACjB,UACA,YACA,gBACA,YACA,YACA,WACA,YAAS,IACT,cACA,aACA,GAAG,KACO;CACV,IAAM,IAAY,KAAS,KAAW,KAAe;CACrD,OACI,kBAAC,QAAD;EAAM,WAAW,EAAG,EAAO,MAAM,KAAU,EAAO,QAAQ,CAAS;EAAG,GAAI;YAA1E;GACK,KACG,kBAAC,UAAD;IAAQ,WAAW,EAAO;cAA1B,CACI,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACK,KAAW,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAU;MAAa,CAAA;MACzD,KAAS,kBAAC,MAAD;OAAI,WAAW,EAAO;iBAAQ;MAAU,CAAA;MACjD,KAAe,kBAAC,KAAD;OAAG,WAAW,EAAO;iBAAc;MAAe,CAAA;KACjE;QACJ,KAAW,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAU;IAAa,CAAA,CACtD;;GAEX,KAAW,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAU;GAAa,CAAA;GAC1D,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU;GAAc,CAAA;GAC9C,KAAU,kBAAC,UAAD;IAAQ,WAAW,EAAO;cAAS;GAAe,CAAA;EAC3D;;AAEd"}

package/dist/components/Page/Page.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_page_THNNc`,t=`tempest_padded_bzjoF`,n=`tempest_header_PZEzk`,r=`tempest_headerText_qYXFI`,i=`tempest_eyebrow_651RV`,a=`tempest_title_2oGnT`,o=`tempest_description_YzmWl`,s=`tempest_actions_-rB3U`,c=`tempest_toolbar_sA7sD`,l=`tempest_content_RCB4b`,u=`tempest_footer_540pQ`,d={page:e,padded:t,header:n,headerText:r,eyebrow:i,title:a,description:o,actions:s,toolbar:c,content:l,footer:u};exports.actions=s,exports.content=l,exports.default=d,exports.description=o,exports.eyebrow=i,exports.footer=u,exports.header=n,exports.headerText=r,exports.padded=t,exports.page=e,exports.title=a,exports.toolbar=c;
+//# sourceMappingURL=Page.module.cjs.map

package/dist/components/Page/Page.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.module.cjs","names":[],"sources":["../../../src/components/Page/Page.module.css"],"sourcesContent":[".page {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    min-height: 100%;\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.padded {\n    padding: var(--tempest-space-5) var(--tempest-space-4);\n}\n\n@media (min-width: 768px) {\n    .padded {\n        padding: var(--tempest-space-6) var(--tempest-space-6);\n    }\n}\n\n.header {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-4);\n    margin-bottom: var(--tempest-space-5);\n    flex-wrap: wrap;\n}\n\n.headerText {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.eyebrow {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    margin-bottom: var(--tempest-space-1);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-2xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: var(--tempest-leading-tight);\n}\n\n.description {\n    margin: var(--tempest-space-2) 0 0;\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n}\n\n.actions {\n    display: flex;\n    gap: var(--tempest-space-2);\n    flex: 0 0 auto;\n    flex-wrap: wrap;\n}\n\n.toolbar {\n    margin-bottom: var(--tempest-space-4);\n}\n\n.content {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.footer {\n    margin-top: var(--tempest-space-6);\n    padding-top: var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}

package/dist/components/Page/Page.module.js

@@ -0,0 +1,18 @@
+//#region src/components/Page/Page.module.css
+var e = "tempest_page_THNNc", t = "tempest_padded_bzjoF", n = "tempest_header_PZEzk", r = "tempest_headerText_qYXFI", i = "tempest_eyebrow_651RV", a = "tempest_title_2oGnT", o = "tempest_description_YzmWl", s = "tempest_actions_-rB3U", c = "tempest_toolbar_sA7sD", l = "tempest_content_RCB4b", u = "tempest_footer_540pQ", d = {
+	page: e,
+	padded: t,
+	header: n,
+	headerText: r,
+	eyebrow: i,
+	title: a,
+	description: o,
+	actions: s,
+	toolbar: c,
+	content: l,
+	footer: u
+};
+//#endregion
+export { s as actions, l as content, d as default, o as description, i as eyebrow, u as footer, n as header, r as headerText, t as padded, e as page, a as title, c as toolbar };
+
+//# sourceMappingURL=Page.module.js.map

package/dist/components/Page/Page.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.module.js","names":[],"sources":["../../../src/components/Page/Page.module.css"],"sourcesContent":[".page {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    min-height: 100%;\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.padded {\n    padding: var(--tempest-space-5) var(--tempest-space-4);\n}\n\n@media (min-width: 768px) {\n    .padded {\n        padding: var(--tempest-space-6) var(--tempest-space-6);\n    }\n}\n\n.header {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-4);\n    margin-bottom: var(--tempest-space-5);\n    flex-wrap: wrap;\n}\n\n.headerText {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.eyebrow {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    margin-bottom: var(--tempest-space-1);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-2xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: var(--tempest-leading-tight);\n}\n\n.description {\n    margin: var(--tempest-space-2) 0 0;\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n}\n\n.actions {\n    display: flex;\n    gap: var(--tempest-space-2);\n    flex: 0 0 auto;\n    flex-wrap: wrap;\n}\n\n.toolbar {\n    margin-bottom: var(--tempest-space-4);\n}\n\n.content {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.footer {\n    margin-top: var(--tempest-space-6);\n    padding-top: var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}