tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/Table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Table.module.css\";\n\nexport type TableAlign = \"left\" | \"right\" | \"center\";\nexport type TablePriority = \"always\" | \"tablet\" | \"desktop\";\n\nexport interface TableColumn<T> {\n    key: string;\n    header: ReactNode;\n    /** Render the cell content. Defaults to `row[key]` if not provided. */\n    render?: (row: T, index: number) => ReactNode;\n    align?: TableAlign;\n    width?: string | number;\n    className?: string;\n    /**\n     * Visibility priority: `always` (default) shows on every viewport,\n     * `tablet` hides below md (< 768px), `desktop` hides below lg (< 1024px).\n     */\n    priority?: TablePriority;\n}\n\nexport interface TableProps<T> {\n    columns: TableColumn<T>[];\n    data: T[];\n    rowKey: (row: T, index: number) => string | number;\n    onRowClick?: (row: T) => void;\n    emptyMessage?: ReactNode;\n    className?: string;\n    /**\n     * Stack mode — render rows as label/value cards on mobile (< md).\n     * Better than horizontal scroll when each row has 3+ columns of dense data.\n     */\n    stackOnMobile?: boolean;\n}\n\nfunction priorityClass(priority: TablePriority | undefined): string | undefined {\n    if (priority === \"tablet\") return styles.priorityTablet;\n    if (priority === \"desktop\") return styles.priorityDesktop;\n    return undefined;\n}\n\n/**\n * Lightweight table with declarative columns + mobile niceties.\n *\n * - `priority` per column lets less-important data hide on narrow viewports.\n * - `stackOnMobile` re-renders each row as a label/value card on mobile,\n *   avoiding horizontal scroll for dense data.\n */\nexport function Table<T>({\n    columns,\n    data,\n    rowKey,\n    onRowClick,\n    emptyMessage = \"Nenhum registro encontrado.\",\n    className,\n    stackOnMobile = false,\n}: TableProps<T>) {\n    return (\n        <div className={cn(styles.scroll, stackOnMobile && styles.stackable, className)}>\n            <table className={styles.table}>\n                <thead className={cn(stackOnMobile && styles.stackableHead)}>\n                    <tr>\n                        {columns.map((column) => (\n                            <th\n                                key={column.key}\n                                className={cn(\n                                    styles.th,\n                                    column.align === \"right\" && styles.alignRight,\n                                    column.align === \"center\" && styles.alignCenter,\n                                    priorityClass(column.priority),\n                                )}\n                                style={{ width: column.width }}\n                            >\n                                {column.header}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody>\n                    {data.length === 0 ? (\n                        <tr>\n                            <td className={styles.emptyRow} colSpan={columns.length}>\n                                {emptyMessage}\n                            </td>\n                        </tr>\n                    ) : (\n                        data.map((row, index) => (\n                            <tr\n                                key={rowKey(row, index)}\n                                className={cn(\n                                    styles.tr,\n                                    onRowClick && styles.clickable,\n                                    stackOnMobile && styles.stackableRow,\n                                )}\n                                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                            >\n                                {columns.map((column) => {\n                                    const content = column.render\n                                        ? column.render(row, index)\n                                        : (row as Record<string, ReactNode>)[column.key];\n                                    return (\n                                        <td\n                                            key={column.key}\n                                            className={cn(\n                                                styles.td,\n                                                column.align === \"right\" && styles.alignRight,\n                                                column.align === \"center\" && styles.alignCenter,\n                                                priorityClass(column.priority),\n                                                column.className,\n                                            )}\n                                            data-label={\n                                                typeof column.header === \"string\"\n                                                    ? column.header\n                                                    : undefined\n                                            }\n                                        >\n                                            {content}\n                                        </td>\n                                    );\n                                })}\n                            </tr>\n                        ))\n                    )}\n                </tbody>\n            </table>\n        </div>\n    );\n}\n"],"names":["priorityClass","priority","styles","Table","columns","data","rowKey","onRowClick","emptyMessage","className","stackOnMobile","jsx","cn","jsxs","column","row","index","content"],"mappings":"yLAoCA,SAASA,EAAcC,EAAyD,CAC5E,GAAIA,IAAa,SAAU,OAAOC,EAAAA,QAAO,eACzC,GAAID,IAAa,UAAW,OAAOC,EAAAA,QAAO,eAE9C,CASO,SAASC,EAAS,CACrB,QAAAC,EACA,KAAAC,EACA,OAAAC,EACA,WAAAC,EACA,aAAAC,EAAe,8BACf,UAAAC,EACA,cAAAC,EAAgB,EACpB,EAAkB,CACd,OACIC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGV,UAAO,OAAQQ,GAAiBR,EAAAA,QAAO,UAAWO,CAAS,EAC1E,SAAAI,OAAC,QAAA,CAAM,UAAWX,EAAAA,QAAO,MACrB,SAAA,CAAAS,EAAAA,IAAC,QAAA,CAAM,UAAWC,EAAAA,GAAGF,GAAiBR,EAAAA,QAAO,aAAa,EACtD,SAAAS,EAAAA,IAAC,KAAA,CACI,SAAAP,EAAQ,IAAKU,GACVH,EAAAA,IAAC,KAAA,CAEG,UAAWC,EAAAA,GACPV,EAAAA,QAAO,GACPY,EAAO,QAAU,SAAWZ,EAAAA,QAAO,WACnCY,EAAO,QAAU,UAAYZ,EAAAA,QAAO,YACpCF,EAAcc,EAAO,QAAQ,CAAA,EAEjC,MAAO,CAAE,MAAOA,EAAO,KAAA,EAEtB,SAAAA,EAAO,MAAA,EATHA,EAAO,GAAA,CAWnB,EACL,CAAA,CACJ,EACAH,EAAAA,IAAC,SACI,SAAAN,EAAK,SAAW,EACbM,EAAAA,IAAC,KAAA,CACG,SAAAA,EAAAA,IAAC,KAAA,CAAG,UAAWT,UAAO,SAAU,QAASE,EAAQ,OAC5C,SAAAI,CAAA,CACL,CAAA,CACJ,EAEAH,EAAK,IAAI,CAACU,EAAKC,IACXL,EAAAA,IAAC,KAAA,CAEG,UAAWC,EAAAA,GACPV,EAAAA,QAAO,GACPK,GAAcL,EAAAA,QAAO,UACrBQ,GAAiBR,EAAAA,QAAO,YAAA,EAE5B,QAASK,EAAa,IAAMA,EAAWQ,CAAG,EAAI,OAE7C,SAAAX,EAAQ,IAAKU,GAAW,CACrB,MAAMG,EAAUH,EAAO,OACjBA,EAAO,OAAOC,EAAKC,CAAK,EACvBD,EAAkCD,EAAO,GAAG,EACnD,OACIH,EAAAA,IAAC,KAAA,CAEG,UAAWC,EAAAA,GACPV,EAAAA,QAAO,GACPY,EAAO,QAAU,SAAWZ,EAAAA,QAAO,WACnCY,EAAO,QAAU,UAAYZ,EAAAA,QAAO,YACpCF,EAAcc,EAAO,QAAQ,EAC7BA,EAAO,SAAA,EAEX,aACI,OAAOA,EAAO,QAAW,SACnBA,EAAO,OACP,OAGT,SAAAG,CAAA,EAdIH,EAAO,GAAA,CAiBxB,CAAC,CAAA,EA/BIR,EAAOS,EAAKC,CAAK,CAAA,CAiC7B,CAAA,CAET,CAAA,CAAA,CACJ,CAAA,CACJ,CAER"}
+{"version":3,"file":"Table.cjs","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Table.module.css\";\n\nexport type TableAlign = \"left\" | \"right\" | \"center\";\nexport type TablePriority = \"always\" | \"tablet\" | \"desktop\";\n\nexport interface TableColumn<T> {\n    key: string;\n    header: ReactNode;\n    /** Render the cell content. Defaults to `row[key]` if not provided. */\n    render?: (row: T, index: number) => ReactNode;\n    align?: TableAlign;\n    width?: string | number;\n    className?: string;\n    /**\n     * Visibility priority: `always` (default) shows on every viewport,\n     * `tablet` hides below md (< 768px), `desktop` hides below lg (< 1024px).\n     */\n    priority?: TablePriority;\n}\n\nexport interface TableProps<T> {\n    columns: TableColumn<T>[];\n    data: T[];\n    rowKey: (row: T, index: number) => string | number;\n    onRowClick?: (row: T) => void;\n    emptyMessage?: ReactNode;\n    className?: string;\n    /**\n     * Stack mode — render rows as label/value cards on mobile (< md).\n     * Better than horizontal scroll when each row has 3+ columns of dense data.\n     */\n    stackOnMobile?: boolean;\n}\n\nfunction priorityClass(priority: TablePriority | undefined): string | undefined {\n    if (priority === \"tablet\") return styles.priorityTablet;\n    if (priority === \"desktop\") return styles.priorityDesktop;\n    return undefined;\n}\n\n/**\n * Lightweight table with declarative columns + mobile niceties.\n *\n * - `priority` per column lets less-important data hide on narrow viewports.\n * - `stackOnMobile` re-renders each row as a label/value card on mobile,\n *   avoiding horizontal scroll for dense data.\n */\nexport function Table<T>({\n    columns,\n    data,\n    rowKey,\n    onRowClick,\n    emptyMessage = \"Nenhum registro encontrado.\",\n    className,\n    stackOnMobile = false,\n}: TableProps<T>) {\n    return (\n        <div className={cn(styles.scroll, stackOnMobile && styles.stackable, className)}>\n            <table className={styles.table}>\n                <thead className={cn(stackOnMobile && styles.stackableHead)}>\n                    <tr>\n                        {columns.map((column) => (\n                            <th\n                                key={column.key}\n                                className={cn(\n                                    styles.th,\n                                    column.align === \"right\" && styles.alignRight,\n                                    column.align === \"center\" && styles.alignCenter,\n                                    priorityClass(column.priority),\n                                )}\n                                style={{ width: column.width }}\n                            >\n                                {column.header}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody>\n                    {data.length === 0 ? (\n                        <tr>\n                            <td className={styles.emptyRow} colSpan={columns.length}>\n                                {emptyMessage}\n                            </td>\n                        </tr>\n                    ) : (\n                        data.map((row, index) => (\n                            <tr\n                                key={rowKey(row, index)}\n                                className={cn(\n                                    styles.tr,\n                                    onRowClick && styles.clickable,\n                                    stackOnMobile && styles.stackableRow,\n                                )}\n                                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                            >\n                                {columns.map((column) => {\n                                    const content = column.render\n                                        ? column.render(row, index)\n                                        : (row as Record<string, ReactNode>)[column.key];\n                                    return (\n                                        <td\n                                            key={column.key}\n                                            className={cn(\n                                                styles.td,\n                                                column.align === \"right\" && styles.alignRight,\n                                                column.align === \"center\" && styles.alignCenter,\n                                                priorityClass(column.priority),\n                                                column.className,\n                                            )}\n                                            data-label={\n                                                typeof column.header === \"string\"\n                                                    ? column.header\n                                                    : undefined\n                                            }\n                                        >\n                                            {content}\n                                        </td>\n                                    );\n                                })}\n                            </tr>\n                        ))\n                    )}\n                </tbody>\n            </table>\n        </div>\n    );\n}\n"],"mappings":"yGAoCA,SAAS,EAAc,EAAyD,CAC5E,GAAI,IAAa,SAAU,OAAO,EAAA,QAAO,eACzC,GAAI,IAAa,UAAW,OAAO,EAAA,QAAO,eAE9C,CASA,SAAgB,EAAS,CACrB,UACA,OACA,SACA,aACA,eAAe,8BACf,YACA,gBAAgB,IACF,CACd,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,GAAiB,EAAA,QAAO,UAAW,CAAS,YAC1E,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,UAAW,EAAA,QAAO,eAAzB,EACI,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,UAAW,EAAA,GAAG,GAAiB,EAAA,QAAO,aAAa,YACtD,EAAA,EAAA,IAAA,CAAC,KAAD,CAAA,SACK,EAAQ,IAAK,IACV,EAAA,EAAA,IAAA,CAAC,KAAD,CAEI,UAAW,EAAA,GACP,EAAA,QAAO,GACP,EAAO,QAAU,SAAW,EAAA,QAAO,WACnC,EAAO,QAAU,UAAY,EAAA,QAAO,YACpC,EAAc,EAAO,QAAQ,CACjC,EACA,MAAO,CAAE,MAAO,EAAO,KAAM,WAE5B,EAAO,MACR,EAVK,EAAO,GAUZ,CACP,CACD,CAAA,CACD,CAAA,GACP,EAAA,EAAA,IAAA,CAAC,QAAD,CAAA,SACK,EAAK,SAAW,GACb,EAAA,EAAA,IAAA,CAAC,KAAD,CAAA,UACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,SAAU,QAAS,EAAQ,gBAC5C,CACD,CAAA,CACJ,CAAA,EAEJ,EAAK,KAAK,EAAK,KACX,EAAA,EAAA,IAAA,CAAC,KAAD,CAEI,UAAW,EAAA,GACP,EAAA,QAAO,GACP,GAAc,EAAA,QAAO,UACrB,GAAiB,EAAA,QAAO,YAC5B,EACA,QAAS,MAAmB,EAAW,CAAG,EAAI,IAAA,YAE7C,EAAQ,IAAK,GAAW,CACrB,IAAM,EAAU,EAAO,OACjB,EAAO,OAAO,EAAK,CAAK,EACvB,EAAkC,EAAO,KAChD,OACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAEI,UAAW,EAAA,GACP,EAAA,QAAO,GACP,EAAO,QAAU,SAAW,EAAA,QAAO,WACnC,EAAO,QAAU,UAAY,EAAA,QAAO,YACpC,EAAc,EAAO,QAAQ,EAC7B,EAAO,SACX,EACA,aACI,OAAO,EAAO,QAAW,SACnB,EAAO,OACP,IAAA,YAGT,CACD,EAfK,EAAO,GAeZ,CAEZ,CAAC,CACD,EAhCK,EAAO,EAAK,CAAK,CAgCtB,CACP,CAEF,CAAA,CACJ,GACN,CAAA,CAEb"}

package/dist/components/Table/Table.js

@@ -1,67 +1,43 @@
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import { cn as s } from "../../utils/cn.js";
-import e from "./Table.module.css.js";
-function g(i) {
-  if (i === "tablet") return e.priorityTablet;
-  if (i === "desktop") return e.priorityDesktop;
+import { cn as e } from "../../utils/cn.js";
+import t from "./Table.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Table/Table.tsx
+function i(e) {
+	if (e === "tablet") return t.priorityTablet;
+	if (e === "desktop") return t.priorityDesktop;
 }
-function v({
-  columns: i,
-  data: h,
-  rowKey: p,
-  onRowClick: d,
-  emptyMessage: c = "Nenhum registro encontrado.",
-  className: y,
-  stackOnMobile: l = !1
-}) {
-  return /* @__PURE__ */ a("div", { className: s(e.scroll, l && e.stackable, y), children: /* @__PURE__ */ f("table", { className: e.table, children: [
-    /* @__PURE__ */ a("thead", { className: s(l && e.stackableHead), children: /* @__PURE__ */ a("tr", { children: i.map((t) => /* @__PURE__ */ a(
-      "th",
-      {
-        className: s(
-          e.th,
-          t.align === "right" && e.alignRight,
-          t.align === "center" && e.alignCenter,
-          g(t.priority)
-        ),
-        style: { width: t.width },
-        children: t.header
-      },
-      t.key
-    )) }) }),
-    /* @__PURE__ */ a("tbody", { children: h.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { className: e.emptyRow, colSpan: i.length, children: c }) }) : h.map((t, n) => /* @__PURE__ */ a(
-      "tr",
-      {
-        className: s(
-          e.tr,
-          d && e.clickable,
-          l && e.stackableRow
-        ),
-        onClick: d ? () => d(t) : void 0,
-        children: i.map((r) => {
-          const b = r.render ? r.render(t, n) : t[r.key];
-          return /* @__PURE__ */ a(
-            "td",
-            {
-              className: s(
-                e.td,
-                r.align === "right" && e.alignRight,
-                r.align === "center" && e.alignCenter,
-                g(r.priority),
-                r.className
-              ),
-              "data-label": typeof r.header == "string" ? r.header : void 0,
-              children: b
-            },
-            r.key
-          );
-        })
-      },
-      p(t, n)
-    )) })
-  ] }) });
+function a({ columns: a, data: o, rowKey: s, onRowClick: c, emptyMessage: l = "Nenhum registro encontrado.", className: u, stackOnMobile: d = !1 }) {
+	return /* @__PURE__ */ n("div", {
+		className: e(t.scroll, d && t.stackable, u),
+		children: /* @__PURE__ */ r("table", {
+			className: t.table,
+			children: [/* @__PURE__ */ n("thead", {
+				className: e(d && t.stackableHead),
+				children: /* @__PURE__ */ n("tr", { children: a.map((r) => /* @__PURE__ */ n("th", {
+					className: e(t.th, r.align === "right" && t.alignRight, r.align === "center" && t.alignCenter, i(r.priority)),
+					style: { width: r.width },
+					children: r.header
+				}, r.key)) })
+			}), /* @__PURE__ */ n("tbody", { children: o.length === 0 ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", {
+				className: t.emptyRow,
+				colSpan: a.length,
+				children: l
+			}) }) : o.map((r, o) => /* @__PURE__ */ n("tr", {
+				className: e(t.tr, c && t.clickable, d && t.stackableRow),
+				onClick: c ? () => c(r) : void 0,
+				children: a.map((a) => {
+					let s = a.render ? a.render(r, o) : r[a.key];
+					return /* @__PURE__ */ n("td", {
+						className: e(t.td, a.align === "right" && t.alignRight, a.align === "center" && t.alignCenter, i(a.priority), a.className),
+						"data-label": typeof a.header == "string" ? a.header : void 0,
+						children: s
+					}, a.key);
+				})
+			}, s(r, o))) })]
+		})
+	});
 }
-export {
-  v as Table
-};
-//# sourceMappingURL=Table.js.map
+//#endregion
+export { a as Table };
+
+//# sourceMappingURL=Table.js.map

package/dist/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Table.module.css\";\n\nexport type TableAlign = \"left\" | \"right\" | \"center\";\nexport type TablePriority = \"always\" | \"tablet\" | \"desktop\";\n\nexport interface TableColumn<T> {\n    key: string;\n    header: ReactNode;\n    /** Render the cell content. Defaults to `row[key]` if not provided. */\n    render?: (row: T, index: number) => ReactNode;\n    align?: TableAlign;\n    width?: string | number;\n    className?: string;\n    /**\n     * Visibility priority: `always` (default) shows on every viewport,\n     * `tablet` hides below md (< 768px), `desktop` hides below lg (< 1024px).\n     */\n    priority?: TablePriority;\n}\n\nexport interface TableProps<T> {\n    columns: TableColumn<T>[];\n    data: T[];\n    rowKey: (row: T, index: number) => string | number;\n    onRowClick?: (row: T) => void;\n    emptyMessage?: ReactNode;\n    className?: string;\n    /**\n     * Stack mode — render rows as label/value cards on mobile (< md).\n     * Better than horizontal scroll when each row has 3+ columns of dense data.\n     */\n    stackOnMobile?: boolean;\n}\n\nfunction priorityClass(priority: TablePriority | undefined): string | undefined {\n    if (priority === \"tablet\") return styles.priorityTablet;\n    if (priority === \"desktop\") return styles.priorityDesktop;\n    return undefined;\n}\n\n/**\n * Lightweight table with declarative columns + mobile niceties.\n *\n * - `priority` per column lets less-important data hide on narrow viewports.\n * - `stackOnMobile` re-renders each row as a label/value card on mobile,\n *   avoiding horizontal scroll for dense data.\n */\nexport function Table<T>({\n    columns,\n    data,\n    rowKey,\n    onRowClick,\n    emptyMessage = \"Nenhum registro encontrado.\",\n    className,\n    stackOnMobile = false,\n}: TableProps<T>) {\n    return (\n        <div className={cn(styles.scroll, stackOnMobile && styles.stackable, className)}>\n            <table className={styles.table}>\n                <thead className={cn(stackOnMobile && styles.stackableHead)}>\n                    <tr>\n                        {columns.map((column) => (\n                            <th\n                                key={column.key}\n                                className={cn(\n                                    styles.th,\n                                    column.align === \"right\" && styles.alignRight,\n                                    column.align === \"center\" && styles.alignCenter,\n                                    priorityClass(column.priority),\n                                )}\n                                style={{ width: column.width }}\n                            >\n                                {column.header}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody>\n                    {data.length === 0 ? (\n                        <tr>\n                            <td className={styles.emptyRow} colSpan={columns.length}>\n                                {emptyMessage}\n                            </td>\n                        </tr>\n                    ) : (\n                        data.map((row, index) => (\n                            <tr\n                                key={rowKey(row, index)}\n                                className={cn(\n                                    styles.tr,\n                                    onRowClick && styles.clickable,\n                                    stackOnMobile && styles.stackableRow,\n                                )}\n                                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                            >\n                                {columns.map((column) => {\n                                    const content = column.render\n                                        ? column.render(row, index)\n                                        : (row as Record<string, ReactNode>)[column.key];\n                                    return (\n                                        <td\n                                            key={column.key}\n                                            className={cn(\n                                                styles.td,\n                                                column.align === \"right\" && styles.alignRight,\n                                                column.align === \"center\" && styles.alignCenter,\n                                                priorityClass(column.priority),\n                                                column.className,\n                                            )}\n                                            data-label={\n                                                typeof column.header === \"string\"\n                                                    ? column.header\n                                                    : undefined\n                                            }\n                                        >\n                                            {content}\n                                        </td>\n                                    );\n                                })}\n                            </tr>\n                        ))\n                    )}\n                </tbody>\n            </table>\n        </div>\n    );\n}\n"],"names":["priorityClass","priority","styles","Table","columns","data","rowKey","onRowClick","emptyMessage","className","stackOnMobile","jsx","cn","jsxs","column","row","index","content"],"mappings":";;;AAoCA,SAASA,EAAcC,GAAyD;AAC5E,MAAIA,MAAa,SAAU,QAAOC,EAAO;AACzC,MAAID,MAAa,UAAW,QAAOC,EAAO;AAE9C;AASO,SAASC,EAAS;AAAA,EACrB,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,eAAAC,IAAgB;AACpB,GAAkB;AACd,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGV,EAAO,QAAQQ,KAAiBR,EAAO,WAAWO,CAAS,GAC1E,UAAA,gBAAAI,EAAC,SAAA,EAAM,WAAWX,EAAO,OACrB,UAAA;AAAA,IAAA,gBAAAS,EAAC,SAAA,EAAM,WAAWC,EAAGF,KAAiBR,EAAO,aAAa,GACtD,UAAA,gBAAAS,EAAC,MAAA,EACI,UAAAP,EAAQ,IAAI,CAACU,MACV,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAWC;AAAA,UACPV,EAAO;AAAA,UACPY,EAAO,UAAU,WAAWZ,EAAO;AAAA,UACnCY,EAAO,UAAU,YAAYZ,EAAO;AAAA,UACpCF,EAAcc,EAAO,QAAQ;AAAA,QAAA;AAAA,QAEjC,OAAO,EAAE,OAAOA,EAAO,MAAA;AAAA,QAEtB,UAAAA,EAAO;AAAA,MAAA;AAAA,MATHA,EAAO;AAAA,IAAA,CAWnB,GACL,EAAA,CACJ;AAAA,IACA,gBAAAH,EAAC,WACI,UAAAN,EAAK,WAAW,IACb,gBAAAM,EAAC,MAAA,EACG,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAWT,EAAO,UAAU,SAASE,EAAQ,QAC5C,UAAAI,EAAA,CACL,EAAA,CACJ,IAEAH,EAAK,IAAI,CAACU,GAAKC,MACX,gBAAAL;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,WAAWC;AAAA,UACPV,EAAO;AAAA,UACPK,KAAcL,EAAO;AAAA,UACrBQ,KAAiBR,EAAO;AAAA,QAAA;AAAA,QAE5B,SAASK,IAAa,MAAMA,EAAWQ,CAAG,IAAI;AAAA,QAE7C,UAAAX,EAAQ,IAAI,CAACU,MAAW;AACrB,gBAAMG,IAAUH,EAAO,SACjBA,EAAO,OAAOC,GAAKC,CAAK,IACvBD,EAAkCD,EAAO,GAAG;AACnD,iBACI,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cAEG,WAAWC;AAAA,gBACPV,EAAO;AAAA,gBACPY,EAAO,UAAU,WAAWZ,EAAO;AAAA,gBACnCY,EAAO,UAAU,YAAYZ,EAAO;AAAA,gBACpCF,EAAcc,EAAO,QAAQ;AAAA,gBAC7BA,EAAO;AAAA,cAAA;AAAA,cAEX,cACI,OAAOA,EAAO,UAAW,WACnBA,EAAO,SACP;AAAA,cAGT,UAAAG;AAAA,YAAA;AAAA,YAdIH,EAAO;AAAA,UAAA;AAAA,QAiBxB,CAAC;AAAA,MAAA;AAAA,MA/BIR,EAAOS,GAAKC,CAAK;AAAA,IAAA,CAiC7B,EAAA,CAET;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"Table.js","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Table.module.css\";\n\nexport type TableAlign = \"left\" | \"right\" | \"center\";\nexport type TablePriority = \"always\" | \"tablet\" | \"desktop\";\n\nexport interface TableColumn<T> {\n    key: string;\n    header: ReactNode;\n    /** Render the cell content. Defaults to `row[key]` if not provided. */\n    render?: (row: T, index: number) => ReactNode;\n    align?: TableAlign;\n    width?: string | number;\n    className?: string;\n    /**\n     * Visibility priority: `always` (default) shows on every viewport,\n     * `tablet` hides below md (< 768px), `desktop` hides below lg (< 1024px).\n     */\n    priority?: TablePriority;\n}\n\nexport interface TableProps<T> {\n    columns: TableColumn<T>[];\n    data: T[];\n    rowKey: (row: T, index: number) => string | number;\n    onRowClick?: (row: T) => void;\n    emptyMessage?: ReactNode;\n    className?: string;\n    /**\n     * Stack mode — render rows as label/value cards on mobile (< md).\n     * Better than horizontal scroll when each row has 3+ columns of dense data.\n     */\n    stackOnMobile?: boolean;\n}\n\nfunction priorityClass(priority: TablePriority | undefined): string | undefined {\n    if (priority === \"tablet\") return styles.priorityTablet;\n    if (priority === \"desktop\") return styles.priorityDesktop;\n    return undefined;\n}\n\n/**\n * Lightweight table with declarative columns + mobile niceties.\n *\n * - `priority` per column lets less-important data hide on narrow viewports.\n * - `stackOnMobile` re-renders each row as a label/value card on mobile,\n *   avoiding horizontal scroll for dense data.\n */\nexport function Table<T>({\n    columns,\n    data,\n    rowKey,\n    onRowClick,\n    emptyMessage = \"Nenhum registro encontrado.\",\n    className,\n    stackOnMobile = false,\n}: TableProps<T>) {\n    return (\n        <div className={cn(styles.scroll, stackOnMobile && styles.stackable, className)}>\n            <table className={styles.table}>\n                <thead className={cn(stackOnMobile && styles.stackableHead)}>\n                    <tr>\n                        {columns.map((column) => (\n                            <th\n                                key={column.key}\n                                className={cn(\n                                    styles.th,\n                                    column.align === \"right\" && styles.alignRight,\n                                    column.align === \"center\" && styles.alignCenter,\n                                    priorityClass(column.priority),\n                                )}\n                                style={{ width: column.width }}\n                            >\n                                {column.header}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody>\n                    {data.length === 0 ? (\n                        <tr>\n                            <td className={styles.emptyRow} colSpan={columns.length}>\n                                {emptyMessage}\n                            </td>\n                        </tr>\n                    ) : (\n                        data.map((row, index) => (\n                            <tr\n                                key={rowKey(row, index)}\n                                className={cn(\n                                    styles.tr,\n                                    onRowClick && styles.clickable,\n                                    stackOnMobile && styles.stackableRow,\n                                )}\n                                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                            >\n                                {columns.map((column) => {\n                                    const content = column.render\n                                        ? column.render(row, index)\n                                        : (row as Record<string, ReactNode>)[column.key];\n                                    return (\n                                        <td\n                                            key={column.key}\n                                            className={cn(\n                                                styles.td,\n                                                column.align === \"right\" && styles.alignRight,\n                                                column.align === \"center\" && styles.alignCenter,\n                                                priorityClass(column.priority),\n                                                column.className,\n                                            )}\n                                            data-label={\n                                                typeof column.header === \"string\"\n                                                    ? column.header\n                                                    : undefined\n                                            }\n                                        >\n                                            {content}\n                                        </td>\n                                    );\n                                })}\n                            </tr>\n                        ))\n                    )}\n                </tbody>\n            </table>\n        </div>\n    );\n}\n"],"mappings":";;;;AAoCA,SAAS,EAAc,GAAyD;CAC5E,IAAI,MAAa,UAAU,OAAO,EAAO;CACzC,IAAI,MAAa,WAAW,OAAO,EAAO;AAE9C;AASA,SAAgB,EAAS,EACrB,YACA,SACA,WACA,eACA,kBAAe,+BACf,cACA,mBAAgB,MACF;CACd,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,QAAQ,KAAiB,EAAO,WAAW,CAAS;YAC1E,kBAAC,SAAD;GAAO,WAAW,EAAO;aAAzB,CACI,kBAAC,SAAD;IAAO,WAAW,EAAG,KAAiB,EAAO,aAAa;cACtD,kBAAC,MAAD,EAAA,UACK,EAAQ,KAAK,MACV,kBAAC,MAAD;KAEI,WAAW,EACP,EAAO,IACP,EAAO,UAAU,WAAW,EAAO,YACnC,EAAO,UAAU,YAAY,EAAO,aACpC,EAAc,EAAO,QAAQ,CACjC;KACA,OAAO,EAAE,OAAO,EAAO,MAAM;eAE5B,EAAO;IACR,GAVK,EAAO,GAUZ,CACP,EACD,CAAA;GACD,CAAA,GACP,kBAAC,SAAD,EAAA,UACK,EAAK,WAAW,IACb,kBAAC,MAAD,EAAA,UACI,kBAAC,MAAD;IAAI,WAAW,EAAO;IAAU,SAAS,EAAQ;cAC5C;GACD,CAAA,EACJ,CAAA,IAEJ,EAAK,KAAK,GAAK,MACX,kBAAC,MAAD;IAEI,WAAW,EACP,EAAO,IACP,KAAc,EAAO,WACrB,KAAiB,EAAO,YAC5B;IACA,SAAS,UAAmB,EAAW,CAAG,IAAI,KAAA;cAE7C,EAAQ,KAAK,MAAW;KACrB,IAAM,IAAU,EAAO,SACjB,EAAO,OAAO,GAAK,CAAK,IACvB,EAAkC,EAAO;KAChD,OACI,kBAAC,MAAD;MAEI,WAAW,EACP,EAAO,IACP,EAAO,UAAU,WAAW,EAAO,YACnC,EAAO,UAAU,YAAY,EAAO,aACpC,EAAc,EAAO,QAAQ,GAC7B,EAAO,SACX;MACA,cACI,OAAO,EAAO,UAAW,WACnB,EAAO,SACP,KAAA;gBAGT;KACD,GAfK,EAAO,GAeZ;IAEZ,CAAC;GACD,GAhCK,EAAO,GAAK,CAAK,CAgCtB,CACP,EAEF,CAAA,CACJ;;CACN,CAAA;AAEb"}

package/dist/components/Table/Table.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_scroll_unrJp`,t=`tempest_table_Dkosn`,n=`tempest_th_PNuEx`,r=`tempest_td_jv9tA`,i=`tempest_tr_7UG8J`,a=`tempest_clickable_B6Si-`,o=`tempest_alignRight_9hY0G`,s=`tempest_alignCenter_YiUQy`,c=`tempest_emptyRow_kdMiv`,l=`tempest_priorityTablet_3alUt`,u=`tempest_priorityDesktop_3f8Fq`,d=`tempest_stackable_heix7`,f=`tempest_stackableHead_mKGcA`,p=`tempest_stackableRow_qPNqc`,m={scroll:e,table:t,th:n,td:r,tr:i,clickable:a,alignRight:o,alignCenter:s,emptyRow:c,priorityTablet:l,priorityDesktop:u,stackable:d,stackableHead:f,stackableRow:p};exports.alignCenter=s,exports.alignRight=o,exports.clickable=a,exports.default=m,exports.emptyRow=c,exports.priorityDesktop=u,exports.priorityTablet=l,exports.scroll=e,exports.stackable=d,exports.stackableHead=f,exports.stackableRow=p,exports.table=t,exports.td=r,exports.th=n,exports.tr=i;
+//# sourceMappingURL=Table.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.cjs","names":[],"sources":["../../../src/components/Table/Table.module.css"],"sourcesContent":[".scroll {\n    width: 100%;\n    overflow-x: auto;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.table {\n    width: 100%;\n    border-collapse: collapse;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n.th,\n.td {\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    text-align: left;\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.th {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-xs);\n    letter-spacing: var(--tempest-tracking-wider);\n    text-transform: uppercase;\n    white-space: nowrap;\n}\n\n.tr:last-child .td {\n    border-bottom: none;\n}\n\n.tr.clickable {\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .tr.clickable:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.tr.clickable:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.alignRight {\n    text-align: right;\n}\n\n.alignCenter {\n    text-align: center;\n}\n\n.emptyRow {\n    padding: var(--tempest-space-6);\n    text-align: center;\n    color: var(--tempest-text-muted);\n}\n\n/* ============================================================\n * Priority columns — hide below the corresponding breakpoint.\n * ============================================================ */\n@media (max-width: 767.98px) {\n    .priorityTablet {\n        display: none;\n    }\n}\n\n@media (max-width: 1023.98px) {\n    .priorityDesktop {\n        display: none;\n    }\n}\n\n/* ============================================================\n * Stack on mobile — convert rows to label/value cards below md.\n * ============================================================ */\n@media (max-width: 767.98px) {\n    .stackable {\n        border: 0;\n        background: transparent;\n        box-shadow: none;\n        overflow-x: visible;\n    }\n    .stackable .table {\n        display: block;\n        width: 100%;\n    }\n    .stackableHead {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;\n        clip: rect(0 0 0 0);\n        clip-path: inset(50%);\n        white-space: nowrap;\n    }\n    .stackable tbody,\n    .stackable tbody tr,\n    .stackable tbody td {\n        display: block;\n        width: 100%;\n    }\n    .stackableRow {\n        margin-bottom: var(--tempest-space-3);\n        border: 1px solid var(--tempest-border);\n        border-radius: var(--tempest-radius-lg);\n        background-color: var(--tempest-bg);\n        box-shadow: var(--tempest-shadow-xs);\n        overflow: hidden;\n    }\n    .stackableRow .td {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: var(--tempest-space-3);\n        padding: var(--tempest-space-3) var(--tempest-space-4);\n        border-bottom: 1px solid var(--tempest-border);\n        text-align: left !important;\n    }\n    .stackableRow .td:last-child {\n        border-bottom: none;\n    }\n    .stackableRow .td::before {\n        content: attr(data-label);\n        font-size: var(--tempest-text-xs);\n        font-weight: var(--tempest-weight-semibold);\n        color: var(--tempest-text-muted);\n        text-transform: uppercase;\n        letter-spacing: var(--tempest-tracking-wider);\n        flex-shrink: 0;\n    }\n    .stackableRow .td:empty::before,\n    .stackableRow .td:not([data-label])::before {\n        display: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Table/Table.module.js

@@ -0,0 +1,21 @@
+//#region src/components/Table/Table.module.css
+var e = "tempest_scroll_unrJp", t = "tempest_table_Dkosn", n = "tempest_th_PNuEx", r = "tempest_td_jv9tA", i = "tempest_tr_7UG8J", a = "tempest_clickable_B6Si-", o = "tempest_alignRight_9hY0G", s = "tempest_alignCenter_YiUQy", c = "tempest_emptyRow_kdMiv", l = "tempest_priorityTablet_3alUt", u = "tempest_priorityDesktop_3f8Fq", d = "tempest_stackable_heix7", f = "tempest_stackableHead_mKGcA", p = "tempest_stackableRow_qPNqc", m = {
+	scroll: e,
+	table: t,
+	th: n,
+	td: r,
+	tr: i,
+	clickable: a,
+	alignRight: o,
+	alignCenter: s,
+	emptyRow: c,
+	priorityTablet: l,
+	priorityDesktop: u,
+	stackable: d,
+	stackableHead: f,
+	stackableRow: p
+};
+//#endregion
+export { s as alignCenter, o as alignRight, a as clickable, m as default, c as emptyRow, u as priorityDesktop, l as priorityTablet, e as scroll, d as stackable, f as stackableHead, p as stackableRow, t as table, r as td, n as th, i as tr };
+
+//# sourceMappingURL=Table.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.js","names":[],"sources":["../../../src/components/Table/Table.module.css"],"sourcesContent":[".scroll {\n    width: 100%;\n    overflow-x: auto;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.table {\n    width: 100%;\n    border-collapse: collapse;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n.th,\n.td {\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    text-align: left;\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.th {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-xs);\n    letter-spacing: var(--tempest-tracking-wider);\n    text-transform: uppercase;\n    white-space: nowrap;\n}\n\n.tr:last-child .td {\n    border-bottom: none;\n}\n\n.tr.clickable {\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .tr.clickable:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.tr.clickable:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.alignRight {\n    text-align: right;\n}\n\n.alignCenter {\n    text-align: center;\n}\n\n.emptyRow {\n    padding: var(--tempest-space-6);\n    text-align: center;\n    color: var(--tempest-text-muted);\n}\n\n/* ============================================================\n * Priority columns — hide below the corresponding breakpoint.\n * ============================================================ */\n@media (max-width: 767.98px) {\n    .priorityTablet {\n        display: none;\n    }\n}\n\n@media (max-width: 1023.98px) {\n    .priorityDesktop {\n        display: none;\n    }\n}\n\n/* ============================================================\n * Stack on mobile — convert rows to label/value cards below md.\n * ============================================================ */\n@media (max-width: 767.98px) {\n    .stackable {\n        border: 0;\n        background: transparent;\n        box-shadow: none;\n        overflow-x: visible;\n    }\n    .stackable .table {\n        display: block;\n        width: 100%;\n    }\n    .stackableHead {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;\n        clip: rect(0 0 0 0);\n        clip-path: inset(50%);\n        white-space: nowrap;\n    }\n    .stackable tbody,\n    .stackable tbody tr,\n    .stackable tbody td {\n        display: block;\n        width: 100%;\n    }\n    .stackableRow {\n        margin-bottom: var(--tempest-space-3);\n        border: 1px solid var(--tempest-border);\n        border-radius: var(--tempest-radius-lg);\n        background-color: var(--tempest-bg);\n        box-shadow: var(--tempest-shadow-xs);\n        overflow: hidden;\n    }\n    .stackableRow .td {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: var(--tempest-space-3);\n        padding: var(--tempest-space-3) var(--tempest-space-4);\n        border-bottom: 1px solid var(--tempest-border);\n        text-align: left !important;\n    }\n    .stackableRow .td:last-child {\n        border-bottom: none;\n    }\n    .stackableRow .td::before {\n        content: attr(data-label);\n        font-size: var(--tempest-text-xs);\n        font-weight: var(--tempest-weight-semibold);\n        color: var(--tempest-text-muted);\n        text-transform: uppercase;\n        letter-spacing: var(--tempest-tracking-wider);\n        flex-shrink: 0;\n    }\n    .stackableRow .td:empty::before,\n    .stackableRow .td:not([data-label])::before {\n        display: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Tabs/Tabs.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),h=require("react"),c=require("../../utils/cn.cjs"),a=require("./Tabs.module.css.cjs");function q({items:l,defaultId:o,activeId:i,onChange:u,variant:b="underline",className:f}){const d=l.find(e=>!e.disabled),[p,v]=h.useState(o??d?.id),s=i!==void 0,j=s?i:p,t=l.find(e=>e.id===j)??d;function x(e){s||v(e),u?.(e)}return n.jsxs("div",{className:f,children:[n.jsx("div",{role:"tablist",className:c.cn(a.default.tablist,b==="pill"&&a.default.pill),children:l.map(e=>{const r=e.id===t?.id;return n.jsx("button",{type:"button",role:"tab","aria-selected":r,"aria-controls":`panel-${e.id}`,id:`tab-${e.id}`,disabled:e.disabled,className:c.cn(a.default.tab,r&&a.default.active),onClick:()=>x(e.id),children:e.label},e.id)})}),t&&n.jsx("div",{role:"tabpanel",id:`panel-${t.id}`,"aria-labelledby":`tab-${t.id}`,className:a.default.panel,children:t.content})]})}exports.Tabs=q;
-//# sourceMappingURL=Tabs.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Tabs.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({items:i,defaultId:a,activeId:o,onChange:s,variant:c=`underline`,className:l}){let u=i.find(e=>!e.disabled),[d,f]=(0,n.useState)(a??u?.id),p=o!==void 0,m=p?o:d,h=i.find(e=>e.id===m)??u;function g(e){p||f(e),s?.(e)}return(0,r.jsxs)(`div`,{className:l,children:[(0,r.jsx)(`div`,{role:`tablist`,className:e.cn(t.default.tablist,c===`pill`&&t.default.pill),children:i.map(n=>{let i=n.id===h?.id;return(0,r.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":i,"aria-controls":`panel-${n.id}`,id:`tab-${n.id}`,disabled:n.disabled,className:e.cn(t.default.tab,i&&t.default.active),onClick:()=>g(n.id),children:n.label},n.id)})}),h&&(0,r.jsx)(`div`,{role:`tabpanel`,id:`panel-${h.id}`,"aria-labelledby":`tab-${h.id}`,className:t.default.panel,children:h.content})]})}exports.Tabs=i;
+//# sourceMappingURL=Tabs.cjs.map

package/dist/components/Tabs/Tabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.cjs","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tabs.module.css\";\n\nexport interface TabItem {\n    id: string;\n    label: ReactNode;\n    content: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface TabsProps {\n    items: TabItem[];\n    /** Initial active tab id. Defaults to the first non-disabled item. */\n    defaultId?: string;\n    /** Controlled active id. When provided, ignore internal state. */\n    activeId?: string;\n    onChange?: (id: string) => void;\n    variant?: \"underline\" | \"pill\";\n    className?: string;\n}\n\n/**\n * Accessible tabs with an underline (default) or pill variant. Controlled via\n * `activeId` + `onChange` or uncontrolled via `defaultId`.\n */\nexport function Tabs({\n    items,\n    defaultId,\n    activeId,\n    onChange,\n    variant = \"underline\",\n    className,\n}: TabsProps) {\n    const firstEnabled = items.find((item) => !item.disabled);\n    const [internal, setInternal] = useState<string | undefined>(defaultId ?? firstEnabled?.id);\n\n    const isControlled = activeId !== undefined;\n    const current = isControlled ? activeId : internal;\n    const active = items.find((item) => item.id === current) ?? firstEnabled;\n\n    function activate(id: string): void {\n        if (!isControlled) setInternal(id);\n        onChange?.(id);\n    }\n\n    return (\n        <div className={className}>\n            <div role=\"tablist\" className={cn(styles.tablist, variant === \"pill\" && styles.pill)}>\n                {items.map((item) => {\n                    const isActive = item.id === active?.id;\n                    return (\n                        <button\n                            key={item.id}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-selected={isActive}\n                            aria-controls={`panel-${item.id}`}\n                            id={`tab-${item.id}`}\n                            disabled={item.disabled}\n                            className={cn(styles.tab, isActive && styles.active)}\n                            onClick={() => activate(item.id)}\n                        >\n                            {item.label}\n                        </button>\n                    );\n                })}\n            </div>\n            {active && (\n                <div\n                    role=\"tabpanel\"\n                    id={`panel-${active.id}`}\n                    aria-labelledby={`tab-${active.id}`}\n                    className={styles.panel}\n                >\n                    {active.content}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"names":["Tabs","items","defaultId","activeId","onChange","variant","className","firstEnabled","item","internal","setInternal","useState","isControlled","current","active","activate","id","jsxs","jsx","cn","styles","isActive"],"mappings":"2MA2BO,SAASA,EAAK,CACjB,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,YACV,UAAAC,CACJ,EAAc,CACV,MAAMC,EAAeN,EAAM,KAAMO,GAAS,CAACA,EAAK,QAAQ,EAClD,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAA6BT,GAAaK,GAAc,EAAE,EAEpFK,EAAeT,IAAa,OAC5BU,EAAUD,EAAeT,EAAWM,EACpCK,EAASb,EAAM,KAAMO,GAASA,EAAK,KAAOK,CAAO,GAAKN,EAE5D,SAASQ,EAASC,EAAkB,CAC3BJ,GAAcF,EAAYM,CAAE,EACjCZ,IAAWY,CAAE,CACjB,CAEA,OACIC,OAAC,OAAI,UAAAX,EACD,SAAA,CAAAY,EAAAA,IAAC,MAAA,CAAI,KAAK,UAAU,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASf,IAAY,QAAUe,EAAAA,QAAO,IAAI,EAC9E,SAAAnB,EAAM,IAAKO,GAAS,CACjB,MAAMa,EAAWb,EAAK,KAAOM,GAAQ,GACrC,OACII,EAAAA,IAAC,SAAA,CAEG,KAAK,SACL,KAAK,MACL,gBAAeG,EACf,gBAAe,SAASb,EAAK,EAAE,GAC/B,GAAI,OAAOA,EAAK,EAAE,GAClB,SAAUA,EAAK,SACf,UAAWW,EAAAA,GAAGC,EAAAA,QAAO,IAAKC,GAAYD,EAAAA,QAAO,MAAM,EACnD,QAAS,IAAML,EAASP,EAAK,EAAE,EAE9B,SAAAA,EAAK,KAAA,EAVDA,EAAK,EAAA,CAatB,CAAC,CAAA,CACL,EACCM,GACGI,EAAAA,IAAC,MAAA,CACG,KAAK,WACL,GAAI,SAASJ,EAAO,EAAE,GACtB,kBAAiB,OAAOA,EAAO,EAAE,GACjC,UAAWM,EAAAA,QAAO,MAEjB,SAAAN,EAAO,OAAA,CAAA,CACZ,EAER,CAER"}
+{"version":3,"file":"Tabs.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tabs.module.css\";\n\nexport interface TabItem {\n    id: string;\n    label: ReactNode;\n    content: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface TabsProps {\n    items: TabItem[];\n    /** Initial active tab id. Defaults to the first non-disabled item. */\n    defaultId?: string;\n    /** Controlled active id. When provided, ignore internal state. */\n    activeId?: string;\n    onChange?: (id: string) => void;\n    variant?: \"underline\" | \"pill\";\n    className?: string;\n}\n\n/**\n * Accessible tabs with an underline (default) or pill variant. Controlled via\n * `activeId` + `onChange` or uncontrolled via `defaultId`.\n */\nexport function Tabs({\n    items,\n    defaultId,\n    activeId,\n    onChange,\n    variant = \"underline\",\n    className,\n}: TabsProps) {\n    const firstEnabled = items.find((item) => !item.disabled);\n    const [internal, setInternal] = useState<string | undefined>(defaultId ?? firstEnabled?.id);\n\n    const isControlled = activeId !== undefined;\n    const current = isControlled ? activeId : internal;\n    const active = items.find((item) => item.id === current) ?? firstEnabled;\n\n    function activate(id: string): void {\n        if (!isControlled) setInternal(id);\n        onChange?.(id);\n    }\n\n    return (\n        <div className={className}>\n            <div role=\"tablist\" className={cn(styles.tablist, variant === \"pill\" && styles.pill)}>\n                {items.map((item) => {\n                    const isActive = item.id === active?.id;\n                    return (\n                        <button\n                            key={item.id}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-selected={isActive}\n                            aria-controls={`panel-${item.id}`}\n                            id={`tab-${item.id}`}\n                            disabled={item.disabled}\n                            className={cn(styles.tab, isActive && styles.active)}\n                            onClick={() => activate(item.id)}\n                        >\n                            {item.label}\n                        </button>\n                    );\n                })}\n            </div>\n            {active && (\n                <div\n                    role=\"tabpanel\"\n                    id={`panel-${active.id}`}\n                    aria-labelledby={`tab-${active.id}`}\n                    className={styles.panel}\n                >\n                    {active.content}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":"2HA2BA,SAAgB,EAAK,CACjB,QACA,YACA,WACA,WACA,UAAU,YACV,aACU,CACV,IAAM,EAAe,EAAM,KAAM,GAAS,CAAC,EAAK,QAAQ,EAClD,CAAC,EAAU,IAAA,EAAA,EAAA,SAAA,CAA4C,GAAa,GAAc,EAAE,EAEpF,EAAe,IAAa,IAAA,GAC5B,EAAU,EAAe,EAAW,EACpC,EAAS,EAAM,KAAM,GAAS,EAAK,KAAO,CAAO,GAAK,EAE5D,SAAS,EAAS,EAAkB,CAC3B,GAAc,EAAY,CAAE,EACjC,IAAW,CAAE,CACjB,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAgB,qBAAhB,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,KAAK,UAAU,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,IAAY,QAAU,EAAA,QAAO,IAAI,WAC9E,EAAM,IAAK,GAAS,CACjB,IAAM,EAAW,EAAK,KAAO,GAAQ,GACrC,OACI,EAAA,EAAA,IAAA,CAAC,SAAD,CAEI,KAAK,SACL,KAAK,MACL,gBAAe,EACf,gBAAe,SAAS,EAAK,KAC7B,GAAI,OAAO,EAAK,KAChB,SAAU,EAAK,SACf,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,GAAY,EAAA,QAAO,MAAM,EACnD,YAAe,EAAS,EAAK,EAAE,WAE9B,EAAK,KACF,EAXC,EAAK,EAWN,CAEhB,CAAC,CACA,CAAA,EACJ,IACG,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,WACL,GAAI,SAAS,EAAO,KACpB,kBAAiB,OAAO,EAAO,KAC/B,UAAW,EAAA,QAAO,eAEjB,EAAO,OACP,CAAA,CAER,GAEb"}

package/dist/components/Tabs/Tabs.js

@@ -1,51 +1,42 @@
-import { jsxs as $, jsx as a } from "react/jsx-runtime";
-import { useState as x } from "react";
-import { cn as s } from "../../utils/cn.js";
-import n from "./Tabs.module.css.js";
-function k({
-  items: t,
-  defaultId: c,
-  activeId: e,
-  onChange: b,
-  variant: p = "underline",
-  className: f
-}) {
-  const d = t.find((i) => !i.disabled), [u, v] = x(c ?? d?.id), r = e !== void 0, h = r ? e : u, l = t.find((i) => i.id === h) ?? d;
-  function m(i) {
-    r || v(i), b?.(i);
-  }
-  return /* @__PURE__ */ $("div", { className: f, children: [
-    /* @__PURE__ */ a("div", { role: "tablist", className: s(n.tablist, p === "pill" && n.pill), children: t.map((i) => {
-      const o = i.id === l?.id;
-      return /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          role: "tab",
-          "aria-selected": o,
-          "aria-controls": `panel-${i.id}`,
-          id: `tab-${i.id}`,
-          disabled: i.disabled,
-          className: s(n.tab, o && n.active),
-          onClick: () => m(i.id),
-          children: i.label
-        },
-        i.id
-      );
-    }) }),
-    l && /* @__PURE__ */ a(
-      "div",
-      {
-        role: "tabpanel",
-        id: `panel-${l.id}`,
-        "aria-labelledby": `tab-${l.id}`,
-        className: n.panel,
-        children: l.content
-      }
-    )
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./Tabs.module.js";
+import { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Tabs/Tabs.tsx
+function a({ items: a, defaultId: o, activeId: s, onChange: c, variant: l = "underline", className: u }) {
+	let d = a.find((e) => !e.disabled), [f, p] = n(o ?? d?.id), m = s !== void 0, h = m ? s : f, g = a.find((e) => e.id === h) ?? d;
+	function _(e) {
+		m || p(e), c?.(e);
+	}
+	return /* @__PURE__ */ i("div", {
+		className: u,
+		children: [/* @__PURE__ */ r("div", {
+			role: "tablist",
+			className: e(t.tablist, l === "pill" && t.pill),
+			children: a.map((n) => {
+				let i = n.id === g?.id;
+				return /* @__PURE__ */ r("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": i,
+					"aria-controls": `panel-${n.id}`,
+					id: `tab-${n.id}`,
+					disabled: n.disabled,
+					className: e(t.tab, i && t.active),
+					onClick: () => _(n.id),
+					children: n.label
+				}, n.id);
+			})
+		}), g && /* @__PURE__ */ r("div", {
+			role: "tabpanel",
+			id: `panel-${g.id}`,
+			"aria-labelledby": `tab-${g.id}`,
+			className: t.panel,
+			children: g.content
+		})]
+	});
 }
-export {
-  k as Tabs
-};
-//# sourceMappingURL=Tabs.js.map
+//#endregion
+export { a as Tabs };
+
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tabs.module.css\";\n\nexport interface TabItem {\n    id: string;\n    label: ReactNode;\n    content: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface TabsProps {\n    items: TabItem[];\n    /** Initial active tab id. Defaults to the first non-disabled item. */\n    defaultId?: string;\n    /** Controlled active id. When provided, ignore internal state. */\n    activeId?: string;\n    onChange?: (id: string) => void;\n    variant?: \"underline\" | \"pill\";\n    className?: string;\n}\n\n/**\n * Accessible tabs with an underline (default) or pill variant. Controlled via\n * `activeId` + `onChange` or uncontrolled via `defaultId`.\n */\nexport function Tabs({\n    items,\n    defaultId,\n    activeId,\n    onChange,\n    variant = \"underline\",\n    className,\n}: TabsProps) {\n    const firstEnabled = items.find((item) => !item.disabled);\n    const [internal, setInternal] = useState<string | undefined>(defaultId ?? firstEnabled?.id);\n\n    const isControlled = activeId !== undefined;\n    const current = isControlled ? activeId : internal;\n    const active = items.find((item) => item.id === current) ?? firstEnabled;\n\n    function activate(id: string): void {\n        if (!isControlled) setInternal(id);\n        onChange?.(id);\n    }\n\n    return (\n        <div className={className}>\n            <div role=\"tablist\" className={cn(styles.tablist, variant === \"pill\" && styles.pill)}>\n                {items.map((item) => {\n                    const isActive = item.id === active?.id;\n                    return (\n                        <button\n                            key={item.id}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-selected={isActive}\n                            aria-controls={`panel-${item.id}`}\n                            id={`tab-${item.id}`}\n                            disabled={item.disabled}\n                            className={cn(styles.tab, isActive && styles.active)}\n                            onClick={() => activate(item.id)}\n                        >\n                            {item.label}\n                        </button>\n                    );\n                })}\n            </div>\n            {active && (\n                <div\n                    role=\"tabpanel\"\n                    id={`panel-${active.id}`}\n                    aria-labelledby={`tab-${active.id}`}\n                    className={styles.panel}\n                >\n                    {active.content}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"names":["Tabs","items","defaultId","activeId","onChange","variant","className","firstEnabled","item","internal","setInternal","useState","isControlled","current","active","activate","id","jsxs","jsx","cn","styles","isActive"],"mappings":";;;;AA2BO,SAASA,EAAK;AAAA,EACjB,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AACJ,GAAc;AACV,QAAMC,IAAeN,EAAM,KAAK,CAACO,MAAS,CAACA,EAAK,QAAQ,GAClD,CAACC,GAAUC,CAAW,IAAIC,EAA6BT,KAAaK,GAAc,EAAE,GAEpFK,IAAeT,MAAa,QAC5BU,IAAUD,IAAeT,IAAWM,GACpCK,IAASb,EAAM,KAAK,CAACO,MAASA,EAAK,OAAOK,CAAO,KAAKN;AAE5D,WAASQ,EAASC,GAAkB;AAChC,IAAKJ,KAAcF,EAAYM,CAAE,GACjCZ,IAAWY,CAAE;AAAA,EACjB;AAEA,SACI,gBAAAC,EAAC,SAAI,WAAAX,GACD,UAAA;AAAA,IAAA,gBAAAY,EAAC,OAAA,EAAI,MAAK,WAAU,WAAWC,EAAGC,EAAO,SAASf,MAAY,UAAUe,EAAO,IAAI,GAC9E,UAAAnB,EAAM,IAAI,CAACO,MAAS;AACjB,YAAMa,IAAWb,EAAK,OAAOM,GAAQ;AACrC,aACI,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,MAAK;AAAA,UACL,MAAK;AAAA,UACL,iBAAeG;AAAA,UACf,iBAAe,SAASb,EAAK,EAAE;AAAA,UAC/B,IAAI,OAAOA,EAAK,EAAE;AAAA,UAClB,UAAUA,EAAK;AAAA,UACf,WAAWW,EAAGC,EAAO,KAAKC,KAAYD,EAAO,MAAM;AAAA,UACnD,SAAS,MAAML,EAASP,EAAK,EAAE;AAAA,UAE9B,UAAAA,EAAK;AAAA,QAAA;AAAA,QAVDA,EAAK;AAAA,MAAA;AAAA,IAatB,CAAC,EAAA,CACL;AAAA,IACCM,KACG,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,IAAI,SAASJ,EAAO,EAAE;AAAA,QACtB,mBAAiB,OAAOA,EAAO,EAAE;AAAA,QACjC,WAAWM,EAAO;AAAA,QAEjB,UAAAN,EAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GAER;AAER;"}
+{"version":3,"file":"Tabs.js","names":[],"sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tabs.module.css\";\n\nexport interface TabItem {\n    id: string;\n    label: ReactNode;\n    content: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface TabsProps {\n    items: TabItem[];\n    /** Initial active tab id. Defaults to the first non-disabled item. */\n    defaultId?: string;\n    /** Controlled active id. When provided, ignore internal state. */\n    activeId?: string;\n    onChange?: (id: string) => void;\n    variant?: \"underline\" | \"pill\";\n    className?: string;\n}\n\n/**\n * Accessible tabs with an underline (default) or pill variant. Controlled via\n * `activeId` + `onChange` or uncontrolled via `defaultId`.\n */\nexport function Tabs({\n    items,\n    defaultId,\n    activeId,\n    onChange,\n    variant = \"underline\",\n    className,\n}: TabsProps) {\n    const firstEnabled = items.find((item) => !item.disabled);\n    const [internal, setInternal] = useState<string | undefined>(defaultId ?? firstEnabled?.id);\n\n    const isControlled = activeId !== undefined;\n    const current = isControlled ? activeId : internal;\n    const active = items.find((item) => item.id === current) ?? firstEnabled;\n\n    function activate(id: string): void {\n        if (!isControlled) setInternal(id);\n        onChange?.(id);\n    }\n\n    return (\n        <div className={className}>\n            <div role=\"tablist\" className={cn(styles.tablist, variant === \"pill\" && styles.pill)}>\n                {items.map((item) => {\n                    const isActive = item.id === active?.id;\n                    return (\n                        <button\n                            key={item.id}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-selected={isActive}\n                            aria-controls={`panel-${item.id}`}\n                            id={`tab-${item.id}`}\n                            disabled={item.disabled}\n                            className={cn(styles.tab, isActive && styles.active)}\n                            onClick={() => activate(item.id)}\n                        >\n                            {item.label}\n                        </button>\n                    );\n                })}\n            </div>\n            {active && (\n                <div\n                    role=\"tabpanel\"\n                    id={`panel-${active.id}`}\n                    aria-labelledby={`tab-${active.id}`}\n                    className={styles.panel}\n                >\n                    {active.content}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AA2BA,SAAgB,EAAK,EACjB,UACA,cACA,aACA,aACA,aAAU,aACV,gBACU;CACV,IAAM,IAAe,EAAM,MAAM,MAAS,CAAC,EAAK,QAAQ,GAClD,CAAC,GAAU,KAAe,EAA6B,KAAa,GAAc,EAAE,GAEpF,IAAe,MAAa,KAAA,GAC5B,IAAU,IAAe,IAAW,GACpC,IAAS,EAAM,MAAM,MAAS,EAAK,OAAO,CAAO,KAAK;CAE5D,SAAS,EAAS,GAAkB;EAEhC,AADK,KAAc,EAAY,CAAE,GACjC,IAAW,CAAE;CACjB;CAEA,OACI,kBAAC,OAAD;EAAgB;YAAhB,CACI,kBAAC,OAAD;GAAK,MAAK;GAAU,WAAW,EAAG,EAAO,SAAS,MAAY,UAAU,EAAO,IAAI;aAC9E,EAAM,KAAK,MAAS;IACjB,IAAM,IAAW,EAAK,OAAO,GAAQ;IACrC,OACI,kBAAC,UAAD;KAEI,MAAK;KACL,MAAK;KACL,iBAAe;KACf,iBAAe,SAAS,EAAK;KAC7B,IAAI,OAAO,EAAK;KAChB,UAAU,EAAK;KACf,WAAW,EAAG,EAAO,KAAK,KAAY,EAAO,MAAM;KACnD,eAAe,EAAS,EAAK,EAAE;eAE9B,EAAK;IACF,GAXC,EAAK,EAWN;GAEhB,CAAC;EACA,CAAA,GACJ,KACG,kBAAC,OAAD;GACI,MAAK;GACL,IAAI,SAAS,EAAO;GACpB,mBAAiB,OAAO,EAAO;GAC/B,WAAW,EAAO;aAEjB,EAAO;EACP,CAAA,CAER;;AAEb"}

package/dist/components/Tabs/Tabs.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_tablist_WR6ag`,t=`tempest_tab_IdDYc`,n=`tempest_active_PTNtG`,r=`tempest_panel_08i9c`,i=`tempest_pill_lGuqn`,a={tablist:e,tab:t,active:n,panel:r,pill:i};exports.active=n,exports.default=a,exports.panel=r,exports.pill=i,exports.tab=t,exports.tablist=e;
+//# sourceMappingURL=Tabs.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.module.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":[".tablist {\n    position: relative;\n    display: flex;\n    gap: var(--tempest-space-1);\n    border-bottom: 1px solid var(--tempest-border);\n    overflow-x: auto;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    /* Fade indicator on both edges when overflow horizontal. */\n    mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n    -webkit-mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n}\n\n.tablist::-webkit-scrollbar {\n    display: none;\n}\n\n.tab {\n    background: transparent;\n    border: none;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .tab:hover:not(:disabled) {\n        color: var(--tempest-text);\n    }\n}\n\n.tab:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.tab.active {\n    color: var(--tempest-primary);\n}\n\n.tab.active::after {\n    content: \"\";\n    position: absolute;\n    left: var(--tempest-space-3);\n    right: var(--tempest-space-3);\n    bottom: -1px;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    border-radius: var(--tempest-radius-sm) var(--tempest-radius-sm) 0 0;\n}\n\n.tab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.panel {\n    padding: var(--tempest-space-4) 0;\n}\n\n.pill .tab {\n    border-radius: var(--tempest-radius-full);\n    padding: 6px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n.pill .tab.active::after {\n    display: none;\n}\n\n.pill .tab.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.pill.tablist {\n    border-bottom: none;\n}\n"],"mappings":""}

package/dist/components/Tabs/Tabs.module.js

@@ -0,0 +1,12 @@
+//#region src/components/Tabs/Tabs.module.css
+var e = "tempest_tablist_WR6ag", t = "tempest_tab_IdDYc", n = "tempest_active_PTNtG", r = "tempest_panel_08i9c", i = "tempest_pill_lGuqn", a = {
+	tablist: e,
+	tab: t,
+	active: n,
+	panel: r,
+	pill: i
+};
+//#endregion
+export { n as active, a as default, r as panel, i as pill, t as tab, e as tablist };
+
+//# sourceMappingURL=Tabs.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.module.js","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":[".tablist {\n    position: relative;\n    display: flex;\n    gap: var(--tempest-space-1);\n    border-bottom: 1px solid var(--tempest-border);\n    overflow-x: auto;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    /* Fade indicator on both edges when overflow horizontal. */\n    mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n    -webkit-mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n}\n\n.tablist::-webkit-scrollbar {\n    display: none;\n}\n\n.tab {\n    background: transparent;\n    border: none;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .tab:hover:not(:disabled) {\n        color: var(--tempest-text);\n    }\n}\n\n.tab:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.tab.active {\n    color: var(--tempest-primary);\n}\n\n.tab.active::after {\n    content: \"\";\n    position: absolute;\n    left: var(--tempest-space-3);\n    right: var(--tempest-space-3);\n    bottom: -1px;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    border-radius: var(--tempest-radius-sm) var(--tempest-radius-sm) 0 0;\n}\n\n.tab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.panel {\n    padding: var(--tempest-space-4) 0;\n}\n\n.pill .tab {\n    border-radius: var(--tempest-radius-full);\n    padding: 6px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n.pill .tab.active::after {\n    display: none;\n}\n\n.pill .tab.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.pill.tablist {\n    border-bottom: none;\n}\n"],"mappings":""}

package/dist/components/Tag/Tag.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("../../utils/cn.cjs"),e=require("./Tag.module.css.cjs");function o({variant:l="neutral",size:n="md",onRemove:t,removeLabel:r="Remover",className:s,children:u,...c}){return a.jsxs("span",{className:i.cn(e.default.tag,e.default[l],e.default[n],s),...c,children:[a.jsx("span",{className:e.default.label,children:u}),t&&a.jsx("button",{type:"button",className:e.default.remove,"aria-label":r,onClick:t,children:"×"})]})}exports.Tag=o;
-//# sourceMappingURL=Tag.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Tag.module.cjs");let n=require("react/jsx-runtime");function r({variant:r=`neutral`,size:i=`md`,onRemove:a,removeLabel:o=`Remover`,className:s,children:c,...l}){return(0,n.jsxs)(`span`,{className:e.cn(t.default.tag,t.default[r],t.default[i],s),...l,children:[(0,n.jsx)(`span`,{className:t.default.label,children:c}),a&&(0,n.jsx)(`button`,{type:`button`,className:t.default.remove,"aria-label":o,onClick:a,children:`×`})]})}exports.Tag=r;
+//# sourceMappingURL=Tag.cjs.map

package/dist/components/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tag.module.css\";\n\nexport type TagVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type TagSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"onRemove\"> {\n    /** Visual variant. Default `\"neutral\"`. */\n    variant?: TagVariant;\n    /** Visual size. Default `\"md\"`. */\n    size?: TagSize;\n    /** When set, renders a close button that fires this callback. */\n    onRemove?: () => void;\n    /** Custom remove label for screen readers. Default `\"Remover\"`. */\n    removeLabel?: string;\n    children?: ReactNode;\n}\n\n/**\n * Removable chip — used for filter tokens, applied search filters,\n * selected entities. Different from `Badge` (status-only, not removable).\n *\n * @example\n * <Tag variant=\"primary\" onRemove={() => removeFilter(\"sao-paulo\")}>\n *     São Paulo\n * </Tag>\n */\nexport function Tag({\n    variant = \"neutral\",\n    size = \"md\",\n    onRemove,\n    removeLabel = \"Remover\",\n    className,\n    children,\n    ...props\n}: TagProps) {\n    return (\n        <span className={cn(styles.tag, styles[variant], styles[size], className)} {...props}>\n            <span className={styles.label}>{children}</span>\n            {onRemove && (\n                <button\n                    type=\"button\"\n                    className={styles.remove}\n                    aria-label={removeLabel}\n                    onClick={onRemove}\n                >\n                    ×\n                </button>\n            )}\n        </span>\n    );\n}\n"],"names":["Tag","variant","size","onRemove","removeLabel","className","children","props","jsxs","cn","styles","jsx"],"mappings":"uLA4BO,SAASA,EAAI,CAChB,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,SAAAC,EACA,YAAAC,EAAc,UACd,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAa,CACT,OACIC,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,IAAKA,EAAAA,QAAOT,CAAO,EAAGS,EAAAA,QAAOR,CAAI,EAAGG,CAAS,EAAI,GAAGE,EAC3E,SAAA,CAAAI,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,MAAQ,SAAAJ,EAAS,EACxCH,GACGQ,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWD,EAAAA,QAAO,OAClB,aAAYN,EACZ,QAASD,EACZ,SAAA,GAAA,CAAA,CAED,EAER,CAER"}
+{"version":3,"file":"Tag.cjs","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tag.module.css\";\n\nexport type TagVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type TagSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"onRemove\"> {\n    /** Visual variant. Default `\"neutral\"`. */\n    variant?: TagVariant;\n    /** Visual size. Default `\"md\"`. */\n    size?: TagSize;\n    /** When set, renders a close button that fires this callback. */\n    onRemove?: () => void;\n    /** Custom remove label for screen readers. Default `\"Remover\"`. */\n    removeLabel?: string;\n    children?: ReactNode;\n}\n\n/**\n * Removable chip — used for filter tokens, applied search filters,\n * selected entities. Different from `Badge` (status-only, not removable).\n *\n * @example\n * <Tag variant=\"primary\" onRemove={() => removeFilter(\"sao-paulo\")}>\n *     São Paulo\n * </Tag>\n */\nexport function Tag({\n    variant = \"neutral\",\n    size = \"md\",\n    onRemove,\n    removeLabel = \"Remover\",\n    className,\n    children,\n    ...props\n}: TagProps) {\n    return (\n        <span className={cn(styles.tag, styles[variant], styles[size], className)} {...props}>\n            <span className={styles.label}>{children}</span>\n            {onRemove && (\n                <button\n                    type=\"button\"\n                    className={styles.remove}\n                    aria-label={removeLabel}\n                    onClick={onRemove}\n                >\n                    ×\n                </button>\n            )}\n        </span>\n    );\n}\n"],"mappings":"uGA4BA,SAAgB,EAAI,CAChB,UAAU,UACV,OAAO,KACP,WACA,cAAc,UACd,YACA,WACA,GAAG,GACM,CACT,OACI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,EAAA,QAAO,GAAU,EAAA,QAAO,GAAO,CAAS,EAAG,GAAI,WAA/E,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAQ,UAAe,CAAA,EAC9C,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,OAClB,aAAY,EACZ,QAAS,WACZ,GAEO,CAAA,CAEV,GAEd"}

package/dist/components/Tag/Tag.js

@@ -1,30 +1,24 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { cn as i } from "../../utils/cn.js";
-import a from "./Tag.module.css.js";
-function f({
-  variant: t = "neutral",
-  size: s = "md",
-  onRemove: r,
-  removeLabel: l = "Remover",
-  className: m,
-  children: n,
-  ...o
-}) {
-  return /* @__PURE__ */ c("span", { className: i(a.tag, a[t], a[s], m), ...o, children: [
-    /* @__PURE__ */ e("span", { className: a.label, children: n }),
-    r && /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        className: a.remove,
-        "aria-label": l,
-        onClick: r,
-        children: "×"
-      }
-    )
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./Tag.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Tag/Tag.tsx
+function i({ variant: i = "neutral", size: a = "md", onRemove: o, removeLabel: s = "Remover", className: c, children: l, ...u }) {
+	return /* @__PURE__ */ r("span", {
+		className: e(t.tag, t[i], t[a], c),
+		...u,
+		children: [/* @__PURE__ */ n("span", {
+			className: t.label,
+			children: l
+		}), o && /* @__PURE__ */ n("button", {
+			type: "button",
+			className: t.remove,
+			"aria-label": s,
+			onClick: o,
+			children: "×"
+		})]
+	});
 }
-export {
-  f as Tag
-};
-//# sourceMappingURL=Tag.js.map
+//#endregion
+export { i as Tag };
+
+//# sourceMappingURL=Tag.js.map

package/dist/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tag.module.css\";\n\nexport type TagVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type TagSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"onRemove\"> {\n    /** Visual variant. Default `\"neutral\"`. */\n    variant?: TagVariant;\n    /** Visual size. Default `\"md\"`. */\n    size?: TagSize;\n    /** When set, renders a close button that fires this callback. */\n    onRemove?: () => void;\n    /** Custom remove label for screen readers. Default `\"Remover\"`. */\n    removeLabel?: string;\n    children?: ReactNode;\n}\n\n/**\n * Removable chip — used for filter tokens, applied search filters,\n * selected entities. Different from `Badge` (status-only, not removable).\n *\n * @example\n * <Tag variant=\"primary\" onRemove={() => removeFilter(\"sao-paulo\")}>\n *     São Paulo\n * </Tag>\n */\nexport function Tag({\n    variant = \"neutral\",\n    size = \"md\",\n    onRemove,\n    removeLabel = \"Remover\",\n    className,\n    children,\n    ...props\n}: TagProps) {\n    return (\n        <span className={cn(styles.tag, styles[variant], styles[size], className)} {...props}>\n            <span className={styles.label}>{children}</span>\n            {onRemove && (\n                <button\n                    type=\"button\"\n                    className={styles.remove}\n                    aria-label={removeLabel}\n                    onClick={onRemove}\n                >\n                    ×\n                </button>\n            )}\n        </span>\n    );\n}\n"],"names":["Tag","variant","size","onRemove","removeLabel","className","children","props","jsxs","cn","styles","jsx"],"mappings":";;;AA4BO,SAASA,EAAI;AAAA,EAChB,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAa;AACT,SACI,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAGC,EAAO,KAAKA,EAAOT,CAAO,GAAGS,EAAOR,CAAI,GAAGG,CAAS,GAAI,GAAGE,GAC3E,UAAA;AAAA,IAAA,gBAAAI,EAAC,QAAA,EAAK,WAAWD,EAAO,OAAQ,UAAAJ,GAAS;AAAA,IACxCH,KACG,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAWD,EAAO;AAAA,QAClB,cAAYN;AAAA,QACZ,SAASD;AAAA,QACZ,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GAER;AAER;"}
+{"version":3,"file":"Tag.js","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tag.module.css\";\n\nexport type TagVariant = \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\nexport type TagSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"onRemove\"> {\n    /** Visual variant. Default `\"neutral\"`. */\n    variant?: TagVariant;\n    /** Visual size. Default `\"md\"`. */\n    size?: TagSize;\n    /** When set, renders a close button that fires this callback. */\n    onRemove?: () => void;\n    /** Custom remove label for screen readers. Default `\"Remover\"`. */\n    removeLabel?: string;\n    children?: ReactNode;\n}\n\n/**\n * Removable chip — used for filter tokens, applied search filters,\n * selected entities. Different from `Badge` (status-only, not removable).\n *\n * @example\n * <Tag variant=\"primary\" onRemove={() => removeFilter(\"sao-paulo\")}>\n *     São Paulo\n * </Tag>\n */\nexport function Tag({\n    variant = \"neutral\",\n    size = \"md\",\n    onRemove,\n    removeLabel = \"Remover\",\n    className,\n    children,\n    ...props\n}: TagProps) {\n    return (\n        <span className={cn(styles.tag, styles[variant], styles[size], className)} {...props}>\n            <span className={styles.label}>{children}</span>\n            {onRemove && (\n                <button\n                    type=\"button\"\n                    className={styles.remove}\n                    aria-label={removeLabel}\n                    onClick={onRemove}\n                >\n                    ×\n                </button>\n            )}\n        </span>\n    );\n}\n"],"mappings":";;;;AA4BA,SAAgB,EAAI,EAChB,aAAU,WACV,UAAO,MACP,aACA,iBAAc,WACd,cACA,aACA,GAAG,KACM;CACT,OACI,kBAAC,QAAD;EAAM,WAAW,EAAG,EAAO,KAAK,EAAO,IAAU,EAAO,IAAO,CAAS;EAAG,GAAI;YAA/E,CACI,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAQ;EAAe,CAAA,GAC9C,KACG,kBAAC,UAAD;GACI,MAAK;GACL,WAAW,EAAO;GAClB,cAAY;GACZ,SAAS;aACZ;EAEO,CAAA,CAEV;;AAEd"}

package/dist/components/Tag/Tag.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_tag_16VPH`,t=`tempest_sm_pzyd5`,n=`tempest_md_GL6tQ`,r=`tempest_lg_8tgXU`,i=`tempest_neutral_jAd-x`,a=`tempest_primary_AXKlN`,o=`tempest_success_56lz4`,s=`tempest_warning_UK7SC`,c=`tempest_danger_kJ-yx`,l=`tempest_info_hmHE-`,u=`tempest_label_ZBPfO`,d=`tempest_remove_UEwgr`,f={tag:e,sm:t,md:n,lg:r,neutral:i,primary:a,success:o,warning:s,danger:c,info:l,label:u,remove:d};exports.danger=c,exports.default=f,exports.info=l,exports.label=u,exports.lg=r,exports.md=n,exports.neutral=i,exports.primary=a,exports.remove=d,exports.sm=t,exports.success=o,exports.tag=e,exports.warning=s;
+//# sourceMappingURL=Tag.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.module.cjs","names":[],"sources":["../../../src/components/Tag/Tag.module.css"],"sourcesContent":[".tag {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-medium);\n    line-height: 1;\n}\n\n.tag.sm {\n    padding: 2px 8px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.tag.md {\n    padding: 4px 10px;\n    font-size: var(--tempest-text-xs);\n}\n\n.tag.lg {\n    padding: 6px 12px;\n    font-size: var(--tempest-text-sm);\n}\n\n.tag.neutral {\n    background: var(--tempest-gray-100);\n    color: var(--tempest-text);\n}\n\n.tag.primary {\n    background: var(--tempest-primary-100);\n    color: var(--tempest-primary-700);\n}\n\n.tag.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n\n.tag.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.tag.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n\n.tag.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n\n.label {\n    line-height: 1.2;\n}\n\n.remove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: currentColor;\n    cursor: pointer;\n    padding: 0;\n    width: 16px;\n    height: 16px;\n    border-radius: var(--tempest-radius-full);\n    font-size: 14px;\n    line-height: 1;\n}\n\n.remove:hover {\n    background: color-mix(in srgb, currentColor 15%, transparent);\n}\n"],"mappings":""}

package/dist/components/Tag/Tag.module.js

@@ -0,0 +1,19 @@
+//#region src/components/Tag/Tag.module.css
+var e = "tempest_tag_16VPH", t = "tempest_sm_pzyd5", n = "tempest_md_GL6tQ", r = "tempest_lg_8tgXU", i = "tempest_neutral_jAd-x", a = "tempest_primary_AXKlN", o = "tempest_success_56lz4", s = "tempest_warning_UK7SC", c = "tempest_danger_kJ-yx", l = "tempest_info_hmHE-", u = "tempest_label_ZBPfO", d = "tempest_remove_UEwgr", f = {
+	tag: e,
+	sm: t,
+	md: n,
+	lg: r,
+	neutral: i,
+	primary: a,
+	success: o,
+	warning: s,
+	danger: c,
+	info: l,
+	label: u,
+	remove: d
+};
+//#endregion
+export { c as danger, f as default, l as info, u as label, r as lg, n as md, i as neutral, a as primary, d as remove, t as sm, o as success, e as tag, s as warning };
+
+//# sourceMappingURL=Tag.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.module.js","names":[],"sources":["../../../src/components/Tag/Tag.module.css"],"sourcesContent":[".tag {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-medium);\n    line-height: 1;\n}\n\n.tag.sm {\n    padding: 2px 8px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.tag.md {\n    padding: 4px 10px;\n    font-size: var(--tempest-text-xs);\n}\n\n.tag.lg {\n    padding: 6px 12px;\n    font-size: var(--tempest-text-sm);\n}\n\n.tag.neutral {\n    background: var(--tempest-gray-100);\n    color: var(--tempest-text);\n}\n\n.tag.primary {\n    background: var(--tempest-primary-100);\n    color: var(--tempest-primary-700);\n}\n\n.tag.success {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n\n.tag.warning {\n    background: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n}\n\n.tag.danger {\n    background: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n}\n\n.tag.info {\n    background: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n}\n\n.label {\n    line-height: 1.2;\n}\n\n.remove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    color: currentColor;\n    cursor: pointer;\n    padding: 0;\n    width: 16px;\n    height: 16px;\n    border-radius: var(--tempest-radius-full);\n    font-size: 14px;\n    line-height: 1;\n}\n\n.remove:hover {\n    background: color-mix(in srgb, currentColor 15%, transparent);\n}\n"],"mappings":""}