@stokelp/ui 2.103.0 → 2.104.1

package/dist/components/table/Table.js

@@ -1,113 +1,137 @@
 "use client";
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { forwardRef as p, useRef as T, useLayoutEffect as m } from "react";
+import { createStyleContext as e } from "../../utils/slots.js";
+import { TableProvider as t, useTable as n } from "./TableProvider.js";
 import { styled as r } from "@stokelp/styled-system/jsx";
-import { tableContainer as w, tableEmptyRow as y, tableGroupTitle as R, table as v } from "@stokelp/styled-system/recipes";
-import { createStyleContext as S } from "../../utils/slots.js";
-import { TableProvider as C, useTable as _ } from "./TableProvider.js";
-const { withProvider: g, withContext: i } = S(v), U = r("div", w), x = g(r("table"), "root"), E = p(
-  ({ children: n, onSortChange: o, descriptor: t, ...l }, u) => /* @__PURE__ */ e(C, { descriptor: t, onSortChange: o, children: /* @__PURE__ */ e(x, { ref: u, ...l, children: n }) })
-);
-E.displayName = "Table";
-const j = i(r("thead"), "thead"), h = i(r("div"), "sortIndicatorRoot"), s = i(r("svg"), "sortIndicator"), q = i(r("tbody"), "tbody"), $ = i(r("tr"), "tr"), L = i(r("th"), "th"), O = p(
-  ({ children: n, addon: o, sortKey: t, onClick: l, ...u }, b) => {
-    const { dispatch: c, sortDescriptor: a } = _();
-    return /* @__PURE__ */ d(
-      L,
-      {
-        ref: b,
-        ...u,
-        ...t ? { "data-sortable": !0 } : {},
-        role: "group",
-        onClick: (f) => {
-          t && (a === null ? c({
-            type: "UPDATE_SORT_DESCRIPTOR",
-            payload: {
-              key: t,
-              direction: "asc"
-            }
-          }) : a.key === t ? a.direction === "asc" ? c({
-            type: "UPDATE_SORT_DESCRIPTOR",
-            payload: {
-              key: t,
-              direction: "desc"
-            }
-          }) : c({
-            type: "CLEAR_SORT_DESCRIPTOR"
-          }) : c({
-            type: "UPDATE_SORT_DESCRIPTOR",
-            payload: {
-              key: t,
-              direction: "asc"
-            }
-          })), l?.(f);
-        },
-        children: [
-          n,
-          o ? /* @__PURE__ */ d("span", { className: "th__addon", children: [
-            " ",
-            o
-          ] }) : null,
-          a && a.key === t ? /* @__PURE__ */ d(h, { "data-state": "active", children: [
-            /* @__PURE__ */ e(
-              s,
-              {
-                "data-active": a.direction === "asc" ? !0 : void 0,
-                viewBox: "0 0 8 8",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ e("path", { d: "M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z", fill: "currentColor" })
-              }
-            ),
-            /* @__PURE__ */ e(
-              s,
-              {
-                "data-active": a.direction === "desc" ? !0 : void 0,
-                viewBox: "0 0 8 8",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ e("path", { d: "M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z", fill: "currentColor" })
-              }
-            )
-          ] }) : t ? /* @__PURE__ */ d(h, { "data-state": "idle", children: [
-            /* @__PURE__ */ e(s, { "data-active": !0, viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z", fill: "currentColor" }) }),
-            /* @__PURE__ */ e(s, { "data-active": !0, viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z", fill: "currentColor" }) })
-          ] }) : null
-        ]
-      }
-    );
-  }
-);
-O.displayName = "Th";
-const z = i(r("td"), "td"), P = r("td", R), k = p((n, o) => {
-  const t = T(null);
-  return m(() => {
-    if (t.current) {
-      const l = t.current?.closest("table")?.querySelector("thead > tr");
-      l && t.current.setAttribute("colspan", l.children.length.toString());
-    }
-  }, []), /* @__PURE__ */ e("tr", { ref: o, className: "table_tr__group__title", children: /* @__PURE__ */ e(P, { ref: t, ...n }) });
+import { table as i, tableContainer as a, tableEmptyRow as o, tableGroupTitle as s } from "@stokelp/styled-system/recipes";
+import { forwardRef as c, useLayoutEffect as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/table/Table.tsx
+var { withProvider: p, withContext: m } = e(i), h = r("div", a), g = p(r("table"), "root"), _ = c(({ children: e, onSortChange: n, descriptor: r, ...i }, a) => /* @__PURE__ */ d(t, {
+	descriptor: r,
+	onSortChange: n,
+	children: /* @__PURE__ */ d(g, {
+		ref: a,
+		...i,
+		children: e
+	})
+}));
+_.displayName = "Table";
+var v = m(r("thead"), "thead"), y = m(r("div"), "sortIndicatorRoot"), b = m(r("svg"), "sortIndicator"), x = m(r("tbody"), "tbody"), S = m(r("tr"), "tr"), C = m(r("th"), "th"), w = c(({ children: e, addon: t, sortKey: r, onClick: i, ...a }, o) => {
+	let { dispatch: s, sortDescriptor: c } = n(), l = (e) => {
+		r && (c === null ? s({
+			type: "UPDATE_SORT_DESCRIPTOR",
+			payload: {
+				key: r,
+				direction: "asc"
+			}
+		}) : c.key === r ? c.direction === "asc" ? s({
+			type: "UPDATE_SORT_DESCRIPTOR",
+			payload: {
+				key: r,
+				direction: "desc"
+			}
+		}) : s({ type: "CLEAR_SORT_DESCRIPTOR" }) : s({
+			type: "UPDATE_SORT_DESCRIPTOR",
+			payload: {
+				key: r,
+				direction: "asc"
+			}
+		})), i?.(e);
+	};
+	return /* @__PURE__ */ f(C, {
+		ref: o,
+		...a,
+		...r ? { "data-sortable": !0 } : {},
+		role: "group",
+		onClick: l,
+		children: [
+			e,
+			t ? /* @__PURE__ */ f("span", {
+				className: "th__addon",
+				children: ["\xA0", t]
+			}) : null,
+			c && c.key === r ? /* @__PURE__ */ f(y, {
+				"data-state": "active",
+				children: [/* @__PURE__ */ d(b, {
+					"data-active": c.direction === "asc" ? !0 : void 0,
+					viewBox: "0 0 8 8",
+					fill: "none",
+					xmlns: "http://www.w3.org/2000/svg",
+					children: /* @__PURE__ */ d("path", {
+						d: "M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z",
+						fill: "currentColor"
+					})
+				}), /* @__PURE__ */ d(b, {
+					"data-active": c.direction === "desc" ? !0 : void 0,
+					viewBox: "0 0 8 8",
+					fill: "none",
+					xmlns: "http://www.w3.org/2000/svg",
+					children: /* @__PURE__ */ d("path", {
+						d: "M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z",
+						fill: "currentColor"
+					})
+				})]
+			}) : r ? /* @__PURE__ */ f(y, {
+				"data-state": "idle",
+				children: [/* @__PURE__ */ d(b, {
+					"data-active": !0,
+					viewBox: "0 0 8 8",
+					fill: "none",
+					xmlns: "http://www.w3.org/2000/svg",
+					children: /* @__PURE__ */ d("path", {
+						d: "M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z",
+						fill: "currentColor"
+					})
+				}), /* @__PURE__ */ d(b, {
+					"data-active": !0,
+					viewBox: "0 0 8 8",
+					fill: "none",
+					xmlns: "http://www.w3.org/2000/svg",
+					children: /* @__PURE__ */ d("path", {
+						d: "M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z",
+						fill: "currentColor"
+					})
+				})]
+			}) : null
+		]
+	});
 });
-k.displayName = "TableGroupTitle";
-const D = r("td", y), I = p((n, o) => {
-  const t = T(null);
-  return m(() => {
-    if (t.current) {
-      const l = t.current?.closest("table")?.querySelector("thead > tr");
-      l && t.current.setAttribute("colspan", l.children.length.toString());
-    }
-  }, []), /* @__PURE__ */ e("tr", { ref: o, className: "table_tr__empty", children: /* @__PURE__ */ e(D, { ref: t, ...n }) });
+w.displayName = "Th";
+var T = m(r("td"), "td"), E = r("td", s), D = c((e, t) => {
+	let n = u(null);
+	return l(() => {
+		if (n.current) {
+			let e = n.current?.closest("table")?.querySelector("thead > tr");
+			e && n.current.setAttribute("colspan", e.children.length.toString());
+		}
+	}, []), /* @__PURE__ */ d("tr", {
+		ref: t,
+		className: "table_tr__group__title",
+		children: /* @__PURE__ */ d(E, {
+			ref: n,
+			...e
+		})
+	});
 });
-I.displayName = "TableEmptyRow";
-export {
-  E as Table,
-  U as TableContainer,
-  I as TableEmptyRow,
-  k as TableGroupTitle,
-  q as Tbody,
-  z as Td,
-  O as Th,
-  j as Thead,
-  $ as Tr
-};
-//# sourceMappingURL=Table.js.map
+D.displayName = "TableGroupTitle";
+var O = r("td", o), k = c((e, t) => {
+	let n = u(null);
+	return l(() => {
+		if (n.current) {
+			let e = n.current?.closest("table")?.querySelector("thead > tr");
+			e && n.current.setAttribute("colspan", e.children.length.toString());
+		}
+	}, []), /* @__PURE__ */ d("tr", {
+		ref: t,
+		className: "table_tr__empty",
+		children: /* @__PURE__ */ d(O, {
+			ref: n,
+			...e
+		})
+	});
+});
+k.displayName = "TableEmptyRow";
+//#endregion
+export { _ as Table, h as TableContainer, k as TableEmptyRow, D as TableGroupTitle, x as Tbody, T as Td, w as Th, v as Thead, S as Tr };
+
+//# 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 { ComponentProps, ElementRef, FC, ReactNode } from 'react'\nimport { forwardRef, useLayoutEffect, useRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { table, tableContainer, tableEmptyRow, tableGroupTitle } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { TableProvider, type TableProviderProps, useTable } from './TableProvider'\n\nconst { withProvider, withContext } = createStyleContext(table)\n\nexport const TableContainer = styled('div', tableContainer)\n\nconst StyledTable = withProvider(styled('table'), 'root')\ntype StyledTableProps = ComponentProps<typeof StyledTable>\n\nexport interface TableProps extends StyledTableProps, Pick<TableProviderProps, 'onSortChange' | 'descriptor'> {}\n\nexport const Table = forwardRef<ElementRef<typeof StyledTable>, TableProps>(\n  ({ children, onSortChange, descriptor, ...props }, ref) => {\n    return (\n      <TableProvider descriptor={descriptor} onSortChange={onSortChange}>\n        <StyledTable ref={ref} {...props}>\n          {children}\n        </StyledTable>\n      </TableProvider>\n    )\n  },\n) as FC<TableProps>\n\nTable.displayName = 'Table'\n\nexport const Thead = withContext(styled('thead'), 'thead')\nconst SortIndicatorRoot = withContext(styled('div'), 'sortIndicatorRoot')\nconst SortIndicator = withContext(styled('svg'), 'sortIndicator')\nexport const Tbody = withContext(styled('tbody'), 'tbody')\nexport const Tr = withContext(styled('tr'), 'tr')\nconst StyledTh = withContext(styled('th'), 'th')\n\ntype StyledThProps = ComponentProps<typeof StyledTh>\n\nexport interface ThProps extends StyledThProps {\n  addon?: ReactNode\n  sortKey?: string\n}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ThProps>(\n  ({ children, addon, sortKey, onClick, ...props }, ref) => {\n    const { dispatch, sortDescriptor } = useTable()\n\n    const handleOnClick: ThProps['onClick'] = e => {\n      if (sortKey) {\n        if (sortDescriptor === null) {\n          dispatch({\n            type: 'UPDATE_SORT_DESCRIPTOR',\n            payload: {\n              key: sortKey,\n              direction: 'asc',\n            },\n          })\n        } else if (sortDescriptor.key === sortKey) {\n          if (sortDescriptor.direction === 'asc') {\n            dispatch({\n              type: 'UPDATE_SORT_DESCRIPTOR',\n              payload: {\n                key: sortKey,\n                direction: 'desc',\n              },\n            })\n          } else {\n            dispatch({\n              type: 'CLEAR_SORT_DESCRIPTOR',\n            })\n          }\n        } else {\n          dispatch({\n            type: 'UPDATE_SORT_DESCRIPTOR',\n            payload: {\n              key: sortKey,\n              direction: 'asc',\n            },\n          })\n        }\n      }\n      onClick?.(e)\n    }\n\n    return (\n      <StyledTh\n        ref={ref}\n        {...props}\n        {...(sortKey ? { 'data-sortable': true } : {})}\n        role=\"group\"\n        onClick={handleOnClick}\n      >\n        {children}\n        {addon ? <span className=\"th__addon\">&nbsp;{addon}</span> : null}\n        {sortDescriptor && sortDescriptor.key === sortKey ? (\n          <SortIndicatorRoot data-state=\"active\">\n            <SortIndicator\n              data-active={sortDescriptor.direction === 'asc' ? true : undefined}\n              viewBox=\"0 0 8 8\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z\" fill=\"currentColor\" />\n            </SortIndicator>\n            <SortIndicator\n              data-active={sortDescriptor.direction === 'desc' ? true : undefined}\n              viewBox=\"0 0 8 8\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z\" fill=\"currentColor\" />\n            </SortIndicator>\n          </SortIndicatorRoot>\n        ) : sortKey ? (\n          <SortIndicatorRoot data-state=\"idle\">\n            <SortIndicator data-active={true} viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z\" fill=\"currentColor\" />\n            </SortIndicator>\n            <SortIndicator data-active={true} viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z\" fill=\"currentColor\" />\n            </SortIndicator>\n          </SortIndicatorRoot>\n        ) : null}\n      </StyledTh>\n    )\n  },\n) as FC<ThProps>\n\nTh.displayName = 'Th'\n\nexport const Td = withContext(styled('td'), 'td')\n\nconst StyledTableGroupTitle = styled('td', tableGroupTitle)\nexport type TableGroupTitleProps = ComponentProps<typeof StyledTableGroupTitle>\nexport const TableGroupTitle = forwardRef<HTMLTableRowElement, TableGroupTitleProps>((props, ref) => {\n  const $td = useRef<ElementRef<typeof StyledTableGroupTitle>>(null)\n  useLayoutEffect(() => {\n    if ($td.current) {\n      const tableColumns = $td.current?.closest('table')?.querySelector('thead > tr')\n      if (tableColumns) {\n        $td.current.setAttribute('colspan', tableColumns.children.length.toString())\n      }\n    }\n  }, [])\n\n  return (\n    <tr ref={ref} className=\"table_tr__group__title\">\n      <StyledTableGroupTitle ref={$td} {...props} />\n    </tr>\n  )\n}) as FC<TableGroupTitleProps>\nTableGroupTitle.displayName = 'TableGroupTitle'\n\nconst StyledTableEmptyRow = styled('td', tableEmptyRow)\nexport type TableEmptyRowProps = ComponentProps<typeof StyledTableEmptyRow>\nexport const TableEmptyRow = forwardRef<HTMLTableRowElement, TableEmptyRowProps>((props, ref) => {\n  const $td = useRef<ElementRef<typeof StyledTableEmptyRow>>(null)\n  useLayoutEffect(() => {\n    if ($td.current) {\n      const tableColumns = $td.current?.closest('table')?.querySelector('thead > tr')\n      if (tableColumns) {\n        $td.current.setAttribute('colspan', tableColumns.children.length.toString())\n      }\n    }\n  }, [])\n\n  return (\n    <tr ref={ref} className=\"table_tr__empty\">\n      <StyledTableEmptyRow ref={$td} {...props} />\n    </tr>\n  )\n}) as FC<TableEmptyRowProps>\nTableEmptyRow.displayName = 'TableEmptyRow'\n\nexport interface TheadProps extends ComponentProps<typeof Thead> {}\n\nexport interface TbodyProps extends ComponentProps<typeof Tbody> {}\n\nexport interface TrProps extends ComponentProps<typeof Tr> {}\n\nexport interface TdProps extends ComponentProps<typeof Td> {}\n\nexport interface TableContainerProps extends ComponentProps<typeof TableContainer> {}\n"],"names":["withProvider","withContext","createStyleContext","table","TableContainer","styled","tableContainer","StyledTable","Table","forwardRef","children","onSortChange","descriptor","props","ref","jsx","TableProvider","Thead","SortIndicatorRoot","SortIndicator","Tbody","Tr","StyledTh","Th","addon","sortKey","onClick","dispatch","sortDescriptor","useTable","jsxs","e","Td","StyledTableGroupTitle","tableGroupTitle","TableGroupTitle","$td","useRef","useLayoutEffect","tableColumns","StyledTableEmptyRow","tableEmptyRow","TableEmptyRow"],"mappings":"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"}
+{"version":3,"file":"Table.js","names":[],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import type { ComponentProps, ElementRef, FC, MouseEvent, ReactNode } from 'react'\nimport { forwardRef, useLayoutEffect, useRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { table, tableContainer, tableEmptyRow, tableGroupTitle } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { TableProvider, type TableProviderProps, useTable } from './TableProvider'\n\nconst { withProvider, withContext } = createStyleContext(table)\n\nexport const TableContainer = styled('div', tableContainer)\n\nconst StyledTable = withProvider(styled('table'), 'root')\ntype StyledTableProps = ComponentProps<typeof StyledTable>\n\nexport type TableProps = StyledTableProps & Pick<TableProviderProps, 'onSortChange' | 'descriptor'>\n\nexport const Table = forwardRef<ElementRef<typeof StyledTable>, TableProps>(\n  ({ children, onSortChange, descriptor, ...props }, ref) => {\n    return (\n      <TableProvider descriptor={descriptor} onSortChange={onSortChange}>\n        <StyledTable ref={ref} {...props}>\n          {children}\n        </StyledTable>\n      </TableProvider>\n    )\n  },\n) as FC<TableProps>\n\nTable.displayName = 'Table'\n\nexport const Thead = withContext(styled('thead'), 'thead')\nconst SortIndicatorRoot = withContext(styled('div'), 'sortIndicatorRoot')\nconst SortIndicator = withContext(styled('svg'), 'sortIndicator')\nexport const Tbody = withContext(styled('tbody'), 'tbody')\nexport const Tr = withContext(styled('tr'), 'tr')\nconst StyledTh = withContext(styled('th'), 'th')\n\ntype StyledThProps = ComponentProps<typeof StyledTh>\n\nexport type ThProps = StyledThProps & {\n  addon?: ReactNode\n  sortKey?: string\n}\n\nexport const Th = forwardRef<ElementRef<typeof StyledTh>, ThProps>(\n  ({ children, addon, sortKey, onClick, ...props }, ref) => {\n    const { dispatch, sortDescriptor } = useTable()\n\n    const handleOnClick = (e: MouseEvent<HTMLTableCellElement>) => {\n      if (sortKey) {\n        if (sortDescriptor === null) {\n          dispatch({\n            type: 'UPDATE_SORT_DESCRIPTOR',\n            payload: {\n              key: sortKey,\n              direction: 'asc',\n            },\n          })\n        } else if (sortDescriptor.key === sortKey) {\n          if (sortDescriptor.direction === 'asc') {\n            dispatch({\n              type: 'UPDATE_SORT_DESCRIPTOR',\n              payload: {\n                key: sortKey,\n                direction: 'desc',\n              },\n            })\n          } else {\n            dispatch({\n              type: 'CLEAR_SORT_DESCRIPTOR',\n            })\n          }\n        } else {\n          dispatch({\n            type: 'UPDATE_SORT_DESCRIPTOR',\n            payload: {\n              key: sortKey,\n              direction: 'asc',\n            },\n          })\n        }\n      }\n      onClick?.(e)\n    }\n\n    return (\n      <StyledTh\n        ref={ref}\n        {...props}\n        {...(sortKey ? { 'data-sortable': true } : {})}\n        role=\"group\"\n        onClick={handleOnClick}\n      >\n        {children}\n        {addon ? <span className=\"th__addon\">&nbsp;{addon}</span> : null}\n        {sortDescriptor && sortDescriptor.key === sortKey ? (\n          <SortIndicatorRoot data-state=\"active\">\n            <SortIndicator\n              data-active={sortDescriptor.direction === 'asc' ? true : undefined}\n              viewBox=\"0 0 8 8\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z\" fill=\"currentColor\" />\n            </SortIndicator>\n            <SortIndicator\n              data-active={sortDescriptor.direction === 'desc' ? true : undefined}\n              viewBox=\"0 0 8 8\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z\" fill=\"currentColor\" />\n            </SortIndicator>\n          </SortIndicatorRoot>\n        ) : sortKey ? (\n          <SortIndicatorRoot data-state=\"idle\">\n            <SortIndicator data-active={true} viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M2.33334 4.83332L4.00001 3.16666L5.66668 4.83332H2.33334Z\" fill=\"currentColor\" />\n            </SortIndicator>\n            <SortIndicator data-active={true} viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M2.33333 3.16666L3.99999 4.83332L5.66666 3.16666H2.33333Z\" fill=\"currentColor\" />\n            </SortIndicator>\n          </SortIndicatorRoot>\n        ) : null}\n      </StyledTh>\n    )\n  },\n) as FC<ThProps>\n\nTh.displayName = 'Th'\n\nexport const Td = withContext(styled('td'), 'td')\n\nconst StyledTableGroupTitle = styled('td', tableGroupTitle)\nexport type TableGroupTitleProps = ComponentProps<typeof StyledTableGroupTitle>\nexport const TableGroupTitle = forwardRef<HTMLTableRowElement, TableGroupTitleProps>((props, ref) => {\n  const $td = useRef<ElementRef<typeof StyledTableGroupTitle>>(null)\n  useLayoutEffect(() => {\n    if ($td.current) {\n      const tableColumns = $td.current?.closest('table')?.querySelector('thead > tr')\n      if (tableColumns) {\n        $td.current.setAttribute('colspan', tableColumns.children.length.toString())\n      }\n    }\n  }, [])\n\n  return (\n    <tr ref={ref} className=\"table_tr__group__title\">\n      <StyledTableGroupTitle ref={$td} {...props} />\n    </tr>\n  )\n}) as FC<TableGroupTitleProps>\nTableGroupTitle.displayName = 'TableGroupTitle'\n\nconst StyledTableEmptyRow = styled('td', tableEmptyRow)\nexport type TableEmptyRowProps = ComponentProps<typeof StyledTableEmptyRow>\nexport const TableEmptyRow = forwardRef<HTMLTableRowElement, TableEmptyRowProps>((props, ref) => {\n  const $td = useRef<ElementRef<typeof StyledTableEmptyRow>>(null)\n  useLayoutEffect(() => {\n    if ($td.current) {\n      const tableColumns = $td.current?.closest('table')?.querySelector('thead > tr')\n      if (tableColumns) {\n        $td.current.setAttribute('colspan', tableColumns.children.length.toString())\n      }\n    }\n  }, [])\n\n  return (\n    <tr ref={ref} className=\"table_tr__empty\">\n      <StyledTableEmptyRow ref={$td} {...props} />\n    </tr>\n  )\n}) as FC<TableEmptyRowProps>\nTableEmptyRow.displayName = 'TableEmptyRow'\n\nexport interface TheadProps extends ComponentProps<typeof Thead> {}\n\nexport interface TbodyProps extends ComponentProps<typeof Tbody> {}\n\nexport interface TrProps extends ComponentProps<typeof Tr> {}\n\nexport interface TdProps extends ComponentProps<typeof Td> {}\n\nexport interface TableContainerProps extends ComponentProps<typeof TableContainer> {}\n"],"mappings":"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"}

package/dist/components/table/TableProvider.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("react"),l=(e,t)=>{switch(t.type){case"CLEAR_SORT_DESCRIPTOR":return{...e,sortDescriptor:null};case"UPDATE_SORT_DESCRIPTOR":return{...e,sortDescriptor:t.payload};default:return e}},o=r.createContext(void 0),a=()=>{const e=r.useContext(o);if(!e)throw new Error("useTable must be used within a <TableProvider/>");return e},d=({children:e,onSortChange:t,descriptor:c})=>{const[s,n]=r.useReducer(l,{sortDescriptor:c??null});r.useEffect(()=>{t?.(s.sortDescriptor)},[JSON.stringify(s.sortDescriptor)]);const u={...s,dispatch:n};return i.jsx(o.Provider,{value:u,children:e})};exports.TableProvider=d;exports.useTable=a;
-//# sourceMappingURL=TableProvider.cjs.map
+"use client";let e=require("react"),t=require("react/jsx-runtime");var n=(e,t)=>{switch(t.type){case`CLEAR_SORT_DESCRIPTOR`:return{...e,sortDescriptor:null};case`UPDATE_SORT_DESCRIPTOR`:return{...e,sortDescriptor:t.payload};default:return e}},r=(0,e.createContext)(void 0),i=()=>{let t=(0,e.useContext)(r);if(!t)throw Error(`useTable must be used within a <TableProvider/>`);return t},a=({children:i,onSortChange:a,descriptor:o})=>{let[s,c]=(0,e.useReducer)(n,{sortDescriptor:o??null});(0,e.useEffect)(()=>{a?.(s.sortDescriptor)},[JSON.stringify(s.sortDescriptor)]);let l={...s,dispatch:c};return(0,t.jsx)(r.Provider,{value:l,children:i})};exports.TableProvider=a,exports.useTable=i;
+//# sourceMappingURL=TableProvider.cjs.map

package/dist/components/table/TableProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableProvider.cjs","sources":["../../../src/components/table/TableProvider.tsx"],"sourcesContent":["import { createContext, Dispatch, FC, ReactNode, Reducer, useContext, useEffect, useReducer } from 'react'\nimport type { TableSortDescriptor } from './common'\n\ntype State = {\n  sortDescriptor: TableSortDescriptor\n}\n\ntype Action =\n  | {\n      type: 'UPDATE_SORT_DESCRIPTOR'\n      payload: TableSortDescriptor\n    }\n  | {\n      type: 'CLEAR_SORT_DESCRIPTOR'\n    }\n\ntype Context = State & {\n  dispatch: Dispatch<Action>\n}\n\nexport interface TableProviderProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onSortChange?: (descriptor: TableSortDescriptor<any>) => void\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  descriptor?: TableSortDescriptor<any>\n  children: ReactNode\n}\n\nconst tableReducer: Reducer<State, Action> = (state, action) => {\n  switch (action.type) {\n    case 'CLEAR_SORT_DESCRIPTOR': {\n      return {\n        ...state,\n        sortDescriptor: null,\n      }\n    }\n    case 'UPDATE_SORT_DESCRIPTOR': {\n      return {\n        ...state,\n        sortDescriptor: action.payload,\n      }\n    }\n    default:\n      return state\n  }\n}\n\nconst TableContext = createContext<Context | undefined>(undefined)\n\nexport const useTable = (): Context => {\n  const context = useContext(TableContext)\n\n  if (!context) {\n    throw new Error('useTable must be used within a <TableProvider/>')\n  }\n\n  return context\n}\n\nexport const TableProvider: FC<TableProviderProps> = ({ children, onSortChange, descriptor }) => {\n  const [state, dispatch] = useReducer(tableReducer, {\n    sortDescriptor: descriptor ?? null,\n  })\n\n  useEffect(() => {\n    onSortChange?.(state.sortDescriptor)\n  }, [JSON.stringify(state.sortDescriptor)])\n\n  const context = {\n    ...state,\n    dispatch,\n  } satisfies Context\n\n  return <TableContext.Provider value={context}>{children}</TableContext.Provider>\n}\n"],"names":["tableReducer","state","action","TableContext","createContext","useTable","context","useContext","TableProvider","children","onSortChange","descriptor","dispatch","useReducer","useEffect"],"mappings":"qJA4BMA,EAAuC,CAACC,EAAOC,IAAW,CAC9D,OAAQA,EAAO,KAAA,CACb,IAAK,wBACH,MAAO,CACL,GAAGD,EACH,eAAgB,IAAA,EAGpB,IAAK,yBACH,MAAO,CACL,GAAGA,EACH,eAAgBC,EAAO,OAAA,EAG3B,QACE,OAAOD,CAAA,CAEb,EAEME,EAAeC,EAAAA,cAAmC,MAAS,EAEpDC,EAAW,IAAe,CACrC,MAAMC,EAAUC,EAAAA,WAAWJ,CAAY,EAEvC,GAAI,CAACG,EACH,MAAM,IAAI,MAAM,iDAAiD,EAGnE,OAAOA,CACT,EAEaE,EAAwC,CAAC,CAAE,SAAAC,EAAU,aAAAC,EAAc,WAAAC,KAAiB,CAC/F,KAAM,CAACV,EAAOW,CAAQ,EAAIC,EAAAA,WAAWb,EAAc,CACjD,eAAgBW,GAAc,IAAA,CAC/B,EAEDG,EAAAA,UAAU,IAAM,CACdJ,IAAeT,EAAM,cAAc,CACrC,EAAG,CAAC,KAAK,UAAUA,EAAM,cAAc,CAAC,CAAC,EAEzC,MAAMK,EAAU,CACd,GAAGL,EACH,SAAAW,CAAA,EAGF,aAAQT,EAAa,SAAb,CAAsB,MAAOG,EAAU,SAAAG,EAAS,CAC1D"}
+{"version":3,"file":"TableProvider.cjs","names":[],"sources":["../../../src/components/table/TableProvider.tsx"],"sourcesContent":["import { createContext, Dispatch, FC, ReactNode, Reducer, useContext, useEffect, useReducer } from 'react'\nimport type { TableSortDescriptor } from './common'\n\ntype State = {\n  sortDescriptor: TableSortDescriptor\n}\n\ntype Action =\n  | {\n      type: 'UPDATE_SORT_DESCRIPTOR'\n      payload: TableSortDescriptor\n    }\n  | {\n      type: 'CLEAR_SORT_DESCRIPTOR'\n    }\n\ntype Context = State & {\n  dispatch: Dispatch<Action>\n}\n\nexport interface TableProviderProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onSortChange?: (descriptor: TableSortDescriptor<any>) => void\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  descriptor?: TableSortDescriptor<any>\n  children: ReactNode\n}\n\nconst tableReducer: Reducer<State, Action> = (state, action) => {\n  switch (action.type) {\n    case 'CLEAR_SORT_DESCRIPTOR': {\n      return {\n        ...state,\n        sortDescriptor: null,\n      }\n    }\n    case 'UPDATE_SORT_DESCRIPTOR': {\n      return {\n        ...state,\n        sortDescriptor: action.payload,\n      }\n    }\n    default:\n      return state\n  }\n}\n\nconst TableContext = createContext<Context | undefined>(undefined)\n\nexport const useTable = (): Context => {\n  const context = useContext(TableContext)\n\n  if (!context) {\n    throw new Error('useTable must be used within a <TableProvider/>')\n  }\n\n  return context\n}\n\nexport const TableProvider: FC<TableProviderProps> = ({ children, onSortChange, descriptor }) => {\n  const [state, dispatch] = useReducer(tableReducer, {\n    sortDescriptor: descriptor ?? null,\n  })\n\n  useEffect(() => {\n    onSortChange?.(state.sortDescriptor)\n  }, [JSON.stringify(state.sortDescriptor)])\n\n  const context = {\n    ...state,\n    dispatch,\n  } satisfies Context\n\n  return <TableContext.Provider value={context}>{children}</TableContext.Provider>\n}\n"],"mappings":"mEA4BA,IAAM,GAAwC,EAAO,IAAW,CAC9D,OAAQ,EAAO,KAAf,CACE,IAAK,wBACH,MAAO,CACL,GAAG,EACH,eAAgB,IAClB,EAEF,IAAK,yBACH,MAAO,CACL,GAAG,EACH,eAAgB,EAAO,OACzB,EAEF,QACE,OAAO,CACX,CACF,EAEM,GAAA,EAAA,EAAA,eAAkD,IAAA,EAAS,EAEpD,MAA0B,CACrC,IAAM,GAAA,EAAA,EAAA,YAAqB,CAAY,EAEvC,GAAI,CAAC,EACH,MAAU,MAAM,iDAAiD,EAGnE,OAAO,CACT,EAEa,GAAyC,CAAE,WAAU,eAAc,gBAAiB,CAC/F,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,YAAuB,EAAc,CACjD,eAAgB,GAAc,IAChC,CAAC,GAED,EAAA,EAAA,eAAgB,CACd,IAAe,EAAM,cAAc,CACrC,EAAG,CAAC,KAAK,UAAU,EAAM,cAAc,CAAC,CAAC,EAEzC,IAAM,EAAU,CACd,GAAG,EACH,UACF,EAEA,OAAO,EAAA,EAAA,KAAC,EAAa,SAAd,CAAuB,MAAO,EAAU,UAAgC,CAAA,CACjF"}

package/dist/components/table/TableProvider.js

@@ -1,41 +1,38 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import { useReducer as i, useEffect as l, useContext as a, createContext as p } from "react";
-const d = (e, r) => {
-  switch (r.type) {
-    case "CLEAR_SORT_DESCRIPTOR":
-      return {
-        ...e,
-        sortDescriptor: null
-      };
-    case "UPDATE_SORT_DESCRIPTOR":
-      return {
-        ...e,
-        sortDescriptor: r.payload
-      };
-    default:
-      return e;
-  }
-}, o = p(void 0), D = () => {
-  const e = a(o);
-  if (!e)
-    throw new Error("useTable must be used within a <TableProvider/>");
-  return e;
-}, b = ({ children: e, onSortChange: r, descriptor: s }) => {
-  const [t, c] = i(d, {
-    sortDescriptor: s ?? null
-  });
-  l(() => {
-    r?.(t.sortDescriptor);
-  }, [JSON.stringify(t.sortDescriptor)]);
-  const n = {
-    ...t,
-    dispatch: c
-  };
-  return /* @__PURE__ */ u(o.Provider, { value: n, children: e });
+import { createContext as e, useContext as t, useEffect as n, useReducer as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/table/TableProvider.tsx
+var a = (e, t) => {
+	switch (t.type) {
+		case "CLEAR_SORT_DESCRIPTOR": return {
+			...e,
+			sortDescriptor: null
+		};
+		case "UPDATE_SORT_DESCRIPTOR": return {
+			...e,
+			sortDescriptor: t.payload
+		};
+		default: return e;
+	}
+}, o = e(void 0), s = () => {
+	let e = t(o);
+	if (!e) throw Error("useTable must be used within a <TableProvider/>");
+	return e;
+}, c = ({ children: e, onSortChange: t, descriptor: s }) => {
+	let [c, l] = r(a, { sortDescriptor: s ?? null });
+	n(() => {
+		t?.(c.sortDescriptor);
+	}, [JSON.stringify(c.sortDescriptor)]);
+	let u = {
+		...c,
+		dispatch: l
+	};
+	return /* @__PURE__ */ i(o.Provider, {
+		value: u,
+		children: e
+	});
 };
-export {
-  b as TableProvider,
-  D as useTable
-};
-//# sourceMappingURL=TableProvider.js.map
+//#endregion
+export { c as TableProvider, s as useTable };
+
+//# sourceMappingURL=TableProvider.js.map

package/dist/components/table/TableProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableProvider.js","sources":["../../../src/components/table/TableProvider.tsx"],"sourcesContent":["import { createContext, Dispatch, FC, ReactNode, Reducer, useContext, useEffect, useReducer } from 'react'\nimport type { TableSortDescriptor } from './common'\n\ntype State = {\n  sortDescriptor: TableSortDescriptor\n}\n\ntype Action =\n  | {\n      type: 'UPDATE_SORT_DESCRIPTOR'\n      payload: TableSortDescriptor\n    }\n  | {\n      type: 'CLEAR_SORT_DESCRIPTOR'\n    }\n\ntype Context = State & {\n  dispatch: Dispatch<Action>\n}\n\nexport interface TableProviderProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onSortChange?: (descriptor: TableSortDescriptor<any>) => void\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  descriptor?: TableSortDescriptor<any>\n  children: ReactNode\n}\n\nconst tableReducer: Reducer<State, Action> = (state, action) => {\n  switch (action.type) {\n    case 'CLEAR_SORT_DESCRIPTOR': {\n      return {\n        ...state,\n        sortDescriptor: null,\n      }\n    }\n    case 'UPDATE_SORT_DESCRIPTOR': {\n      return {\n        ...state,\n        sortDescriptor: action.payload,\n      }\n    }\n    default:\n      return state\n  }\n}\n\nconst TableContext = createContext<Context | undefined>(undefined)\n\nexport const useTable = (): Context => {\n  const context = useContext(TableContext)\n\n  if (!context) {\n    throw new Error('useTable must be used within a <TableProvider/>')\n  }\n\n  return context\n}\n\nexport const TableProvider: FC<TableProviderProps> = ({ children, onSortChange, descriptor }) => {\n  const [state, dispatch] = useReducer(tableReducer, {\n    sortDescriptor: descriptor ?? null,\n  })\n\n  useEffect(() => {\n    onSortChange?.(state.sortDescriptor)\n  }, [JSON.stringify(state.sortDescriptor)])\n\n  const context = {\n    ...state,\n    dispatch,\n  } satisfies Context\n\n  return <TableContext.Provider value={context}>{children}</TableContext.Provider>\n}\n"],"names":["tableReducer","state","action","TableContext","createContext","useTable","context","useContext","TableProvider","children","onSortChange","descriptor","dispatch","useReducer","useEffect"],"mappings":";;;AA4BA,MAAMA,IAAuC,CAACC,GAAOC,MAAW;AAC9D,UAAQA,EAAO,MAAA;AAAA,IACb,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,gBAAgB;AAAA,MAAA;AAAA,IAGpB,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,gBAAgBC,EAAO;AAAA,MAAA;AAAA,IAG3B;AACE,aAAOD;AAAA,EAAA;AAEb,GAEME,IAAeC,EAAmC,MAAS,GAEpDC,IAAW,MAAe;AACrC,QAAMC,IAAUC,EAAWJ,CAAY;AAEvC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,iDAAiD;AAGnE,SAAOA;AACT,GAEaE,IAAwC,CAAC,EAAE,UAAAC,GAAU,cAAAC,GAAc,YAAAC,QAAiB;AAC/F,QAAM,CAACV,GAAOW,CAAQ,IAAIC,EAAWb,GAAc;AAAA,IACjD,gBAAgBW,KAAc;AAAA,EAAA,CAC/B;AAED,EAAAG,EAAU,MAAM;AACd,IAAAJ,IAAeT,EAAM,cAAc;AAAA,EACrC,GAAG,CAAC,KAAK,UAAUA,EAAM,cAAc,CAAC,CAAC;AAEzC,QAAMK,IAAU;AAAA,IACd,GAAGL;AAAA,IACH,UAAAW;AAAA,EAAA;AAGF,2BAAQT,EAAa,UAAb,EAAsB,OAAOG,GAAU,UAAAG,GAAS;AAC1D;"}
+{"version":3,"file":"TableProvider.js","names":[],"sources":["../../../src/components/table/TableProvider.tsx"],"sourcesContent":["import { createContext, Dispatch, FC, ReactNode, Reducer, useContext, useEffect, useReducer } from 'react'\nimport type { TableSortDescriptor } from './common'\n\ntype State = {\n  sortDescriptor: TableSortDescriptor\n}\n\ntype Action =\n  | {\n      type: 'UPDATE_SORT_DESCRIPTOR'\n      payload: TableSortDescriptor\n    }\n  | {\n      type: 'CLEAR_SORT_DESCRIPTOR'\n    }\n\ntype Context = State & {\n  dispatch: Dispatch<Action>\n}\n\nexport interface TableProviderProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onSortChange?: (descriptor: TableSortDescriptor<any>) => void\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  descriptor?: TableSortDescriptor<any>\n  children: ReactNode\n}\n\nconst tableReducer: Reducer<State, Action> = (state, action) => {\n  switch (action.type) {\n    case 'CLEAR_SORT_DESCRIPTOR': {\n      return {\n        ...state,\n        sortDescriptor: null,\n      }\n    }\n    case 'UPDATE_SORT_DESCRIPTOR': {\n      return {\n        ...state,\n        sortDescriptor: action.payload,\n      }\n    }\n    default:\n      return state\n  }\n}\n\nconst TableContext = createContext<Context | undefined>(undefined)\n\nexport const useTable = (): Context => {\n  const context = useContext(TableContext)\n\n  if (!context) {\n    throw new Error('useTable must be used within a <TableProvider/>')\n  }\n\n  return context\n}\n\nexport const TableProvider: FC<TableProviderProps> = ({ children, onSortChange, descriptor }) => {\n  const [state, dispatch] = useReducer(tableReducer, {\n    sortDescriptor: descriptor ?? null,\n  })\n\n  useEffect(() => {\n    onSortChange?.(state.sortDescriptor)\n  }, [JSON.stringify(state.sortDescriptor)])\n\n  const context = {\n    ...state,\n    dispatch,\n  } satisfies Context\n\n  return <TableContext.Provider value={context}>{children}</TableContext.Provider>\n}\n"],"mappings":";;;;AA4BA,IAAM,KAAwC,GAAO,MAAW;CAC9D,QAAQ,EAAO,MAAf;EACE,KAAK,yBACH,OAAO;GACL,GAAG;GACH,gBAAgB;EAClB;EAEF,KAAK,0BACH,OAAO;GACL,GAAG;GACH,gBAAgB,EAAO;EACzB;EAEF,SACE,OAAO;CACX;AACF,GAEM,IAAe,EAAmC,KAAA,CAAS,GAEpD,UAA0B;CACrC,IAAM,IAAU,EAAW,CAAY;CAEvC,IAAI,CAAC,GACH,MAAU,MAAM,iDAAiD;CAGnE,OAAO;AACT,GAEa,KAAyC,EAAE,aAAU,iBAAc,oBAAiB;CAC/F,IAAM,CAAC,GAAO,KAAY,EAAW,GAAc,EACjD,gBAAgB,KAAc,KAChC,CAAC;CAED,QAAgB;EACd,IAAe,EAAM,cAAc;CACrC,GAAG,CAAC,KAAK,UAAU,EAAM,cAAc,CAAC,CAAC;CAEzC,IAAM,IAAU;EACd,GAAG;EACH;CACF;CAEA,OAAO,kBAAC,EAAa,UAAd;EAAuB,OAAO;EAAU;CAAgC,CAAA;AACjF"}

package/dist/components/tabs/Tabs.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("@ark-ui/react"),b=require("react"),s=require("@stokelp/styled-system/jsx"),a=require("@stokelp/styled-system/recipes"),T=require("../../utils/slots.cjs"),{withProvider:l,withContext:e}=T.createStyleContext(a.tabs),d=l(s.styled(t.Tabs.Root),"root",{defaultProps:{lazyMount:!0}}),u=e(s.styled(t.Tabs.Content),"content"),y=e(s.styled(t.Tabs.Trigger),"trigger"),g=s.styled(t.ark.span,a.tabsChip),p=e(s.styled(t.Tabs.Indicator),"indicator"),o=b.forwardRef(({children:i,...n},c)=>r.jsxs(t.Tabs.List,{ref:c,...n,children:[i,r.jsx(p,{})]}));o.displayName=t.Tabs.List.displayName;const C=e(s.styled(o),"list");exports.Tabs=d;exports.TabsChip=g;exports.TabsContent=u;exports.TabsList=C;exports.TabsTrigger=y;
-//# sourceMappingURL=Tabs.cjs.map
+"use client";const e=require("../../utils/slots.cjs");let t=require("@ark-ui/react"),n=require("@stokelp/styled-system/jsx"),r=require("@stokelp/styled-system/recipes"),i=require("react"),a=require("react/jsx-runtime");var{withProvider:o,withContext:s}=e.createStyleContext(r.tabs),c=o((0,n.styled)(t.Tabs.Root),`root`,{defaultProps:{lazyMount:!0}}),l=s((0,n.styled)(t.Tabs.Content),`content`),u=s((0,n.styled)(t.Tabs.Trigger),`trigger`),d=(0,n.styled)(t.ark.span,r.tabsChip),f=s((0,n.styled)(t.Tabs.Indicator),`indicator`),p=(0,i.forwardRef)(({children:e,...n},r)=>(0,a.jsxs)(t.Tabs.List,{ref:r,...n,children:[e,(0,a.jsx)(f,{})]}));p.displayName=t.Tabs.List.displayName;var m=s((0,n.styled)(p),`list`);exports.Tabs=c,exports.TabsChip=d,exports.TabsContent=l,exports.TabsList=m,exports.TabsTrigger=u;
+//# 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 { ark, Tabs as ArkTab } from '@ark-ui/react'\nimport { ComponentProps, type ComponentPropsWithoutRef, type ElementRef, forwardRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { tabs, tabsChip } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots.tsx'\n\nconst { withProvider, withContext } = createStyleContext(tabs)\n\nexport const Tabs = withProvider(styled(ArkTab.Root), 'root', {\n  defaultProps: {\n    lazyMount: true,\n  },\n})\nexport const TabsContent = withContext(styled(ArkTab.Content), 'content')\nexport const TabsTrigger = withContext(styled(ArkTab.Trigger), 'trigger')\nexport const TabsChip = styled(ark.span, tabsChip)\n\nconst TabsIndicator = withContext(styled(ArkTab.Indicator), 'indicator')\n\nconst List = forwardRef<ElementRef<typeof ArkTab.List>, ComponentPropsWithoutRef<typeof ArkTab.List>>(\n  ({ children, ...props }, ref) => (\n    <ArkTab.List ref={ref} {...props}>\n      {children}\n      <TabsIndicator />\n    </ArkTab.List>\n  ),\n)\nList.displayName = ArkTab.List.displayName\n\nexport const TabsList = withContext(styled(List), 'list')\n\nexport interface TabsProps extends ComponentProps<typeof Tabs> {}\n\nexport interface TabsContentProps extends ComponentProps<typeof TabsContent> {}\n\nexport interface TabsIndicatorProps extends ComponentProps<typeof TabsIndicator> {}\n\nexport interface TabsListProps extends ComponentProps<typeof TabsList> {}\n\nexport interface TabsTriggerProps extends ComponentProps<typeof TabsTrigger> {}\n\nexport interface TabsChipProps extends ComponentProps<typeof TabsChip> {}\n"],"names":["withProvider","withContext","createStyleContext","tabs","Tabs","styled","ArkTab","TabsContent","TabsTrigger","TabsChip","ark","tabsChip","TabsIndicator","List","forwardRef","children","props","ref","jsxs","TabsList"],"mappings":"uSAMM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,IAAI,EAEhDC,EAAOJ,EAAaK,EAAAA,OAAOC,EAAAA,KAAO,IAAI,EAAG,OAAQ,CAC5D,aAAc,CACZ,UAAW,EAAA,CAEf,CAAC,EACYC,EAAcN,EAAYI,EAAAA,OAAOC,EAAAA,KAAO,OAAO,EAAG,SAAS,EAC3DE,EAAcP,EAAYI,EAAAA,OAAOC,EAAAA,KAAO,OAAO,EAAG,SAAS,EAC3DG,EAAWJ,EAAAA,OAAOK,MAAI,KAAMC,EAAAA,QAAQ,EAE3CC,EAAgBX,EAAYI,EAAAA,OAAOC,EAAAA,KAAO,SAAS,EAAG,WAAW,EAEjEO,EAAOC,EAAAA,WACX,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASC,IACvBC,EAAAA,KAACZ,EAAAA,KAAO,KAAP,CAAY,IAAAW,EAAW,GAAGD,EACxB,SAAA,CAAAD,QACAH,EAAA,CAAA,CAAc,CAAA,CAAA,CACjB,CAEJ,EACAC,EAAK,YAAcP,OAAO,KAAK,YAExB,MAAMa,EAAWlB,EAAYI,SAAOQ,CAAI,EAAG,MAAM"}
+{"version":3,"file":"Tabs.cjs","names":[],"sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import { ark, Tabs as ArkTab } from '@ark-ui/react'\nimport { ComponentProps, type ComponentPropsWithoutRef, type ElementRef, forwardRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { tabs, tabsChip } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots.tsx'\n\nconst { withProvider, withContext } = createStyleContext(tabs)\n\nexport const Tabs = withProvider(styled(ArkTab.Root), 'root', {\n  defaultProps: {\n    lazyMount: true,\n  },\n})\nexport const TabsContent = withContext(styled(ArkTab.Content), 'content')\nexport const TabsTrigger = withContext(styled(ArkTab.Trigger), 'trigger')\nexport const TabsChip = styled(ark.span, tabsChip)\n\nconst TabsIndicator = withContext(styled(ArkTab.Indicator), 'indicator')\n\nconst List = forwardRef<ElementRef<typeof ArkTab.List>, ComponentPropsWithoutRef<typeof ArkTab.List>>(\n  ({ children, ...props }, ref) => (\n    <ArkTab.List ref={ref} {...props}>\n      {children}\n      <TabsIndicator />\n    </ArkTab.List>\n  ),\n)\nList.displayName = ArkTab.List.displayName\n\nexport const TabsList = withContext(styled(List), 'list')\n\nexport interface TabsProps extends ComponentProps<typeof Tabs> {}\n\nexport interface TabsContentProps extends ComponentProps<typeof TabsContent> {}\n\nexport interface TabsIndicatorProps extends ComponentProps<typeof TabsIndicator> {}\n\nexport interface TabsListProps extends ComponentProps<typeof TabsList> {}\n\nexport interface TabsTriggerProps extends ComponentProps<typeof TabsTrigger> {}\n\nexport interface TabsChipProps extends ComponentProps<typeof TabsChip> {}\n"],"mappings":"2NAMA,GAAM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,IAAI,EAEhD,EAAO,GAAA,EAAA,EAAA,QAAoB,EAAA,KAAO,IAAI,EAAG,OAAQ,CAC5D,aAAc,CACZ,UAAW,EACb,CACF,CAAC,EACY,EAAc,GAAA,EAAA,EAAA,QAAmB,EAAA,KAAO,OAAO,EAAG,SAAS,EAC3D,EAAc,GAAA,EAAA,EAAA,QAAmB,EAAA,KAAO,OAAO,EAAG,SAAS,EAC3D,GAAA,EAAA,EAAA,QAAkB,EAAA,IAAI,KAAM,EAAA,QAAQ,EAE3C,EAAgB,GAAA,EAAA,EAAA,QAAmB,EAAA,KAAO,SAAS,EAAG,WAAW,EAEjE,GAAA,EAAA,EAAA,aACH,CAAE,WAAU,GAAG,GAAS,KACvB,EAAA,EAAA,MAAC,EAAA,KAAO,KAAR,CAAkB,MAAK,GAAI,WAA3B,CACG,GACD,EAAA,EAAA,KAAC,EAAD,CAAgB,CAAA,CACL,GAEjB,EACA,EAAK,YAAc,EAAA,KAAO,KAAK,YAE/B,IAAa,EAAW,GAAA,EAAA,EAAA,QAAmB,CAAI,EAAG,MAAM"}

package/dist/components/tabs/Tabs.d.ts

@@ -1,12 +1,16 @@
-import { Tabs as ArkTab, PolymorphicProps } from '@ark-ui/react';
-import { ComponentProps, ForwardRefExoticComponent, RefAttributes, ClassAttributes, HTMLAttributes } from 'react';
+import { Tabs as ArkTab } from '@ark-ui/react';
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { ComponentVariants } from '../../utils/slots.tsx';
 import { StyledComponent } from '@stokelp/styled-system/types';
-import { TabsRecipe, TabsChipVariantProps } from '@stokelp/styled-system/recipes';
+import { TabsRecipe } from '@stokelp/styled-system/recipes';
 export declare const Tabs: ComponentVariants<StyledComponent<ForwardRefExoticComponent<ArkTab.RootProps & RefAttributes<HTMLDivElement>>, {}>, TabsRecipe>;
 export declare const TabsContent: StyledComponent<ForwardRefExoticComponent<ArkTab.ContentProps & RefAttributes<HTMLDivElement>>, {}>;
 export declare const TabsTrigger: StyledComponent<ForwardRefExoticComponent<ArkTab.TriggerProps & RefAttributes<HTMLButtonElement>>, {}>;
-export declare const TabsChip: StyledComponent<ForwardRefExoticComponent< ClassAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement> & PolymorphicProps>, TabsChipVariantProps>;
+export declare const TabsChip: StyledComponent<any, {
+    [x: string]: unknown;
+    [x: number]: unknown;
+    colorScheme?: unknown;
+}>;
 declare const TabsIndicator: StyledComponent<ForwardRefExoticComponent<ArkTab.IndicatorProps & RefAttributes<HTMLDivElement>>, {}>;
 export declare const TabsList: StyledComponent<ForwardRefExoticComponent<Omit<ArkTab.ListProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>, {}>;
 export interface TabsProps extends ComponentProps<typeof Tabs> {

package/dist/components/tabs/Tabs.js

@@ -1,27 +1,19 @@
 "use client";
-import { jsxs as e, jsx as c } from "react/jsx-runtime";
-import { Tabs as t, ark as m } from "@ark-ui/react";
-import { forwardRef as p } from "react";
-import { styled as o } from "@stokelp/styled-system/jsx";
-import { tabsChip as b, tabs as d } from "@stokelp/styled-system/recipes";
-import { createStyleContext as T } from "../../utils/slots.js";
-const { withProvider: f, withContext: s } = T(d), L = f(o(t.Root), "root", {
-  defaultProps: {
-    lazyMount: !0
-  }
-}), w = s(o(t.Content), "content"), j = s(o(t.Trigger), "trigger"), I = o(m.span, b), l = s(o(t.Indicator), "indicator"), r = p(
-  ({ children: i, ...a }, n) => /* @__PURE__ */ e(t.List, { ref: n, ...a, children: [
-    i,
-    /* @__PURE__ */ c(l, {})
-  ] })
-);
-r.displayName = t.List.displayName;
-const N = s(o(r), "list");
-export {
-  L as Tabs,
-  I as TabsChip,
-  w as TabsContent,
-  N as TabsList,
-  j as TabsTrigger
-};
-//# sourceMappingURL=Tabs.js.map
+import { createStyleContext as e } from "../../utils/slots.js";
+import { Tabs as t, ark as n } from "@ark-ui/react";
+import { styled as r } from "@stokelp/styled-system/jsx";
+import { tabs as i, tabsChip as a } from "@stokelp/styled-system/recipes";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/tabs/Tabs.tsx
+var { withProvider: l, withContext: u } = e(i), d = l(r(t.Root), "root", { defaultProps: { lazyMount: !0 } }), f = u(r(t.Content), "content"), p = u(r(t.Trigger), "trigger"), m = r(n.span, a), h = u(r(t.Indicator), "indicator"), g = o(({ children: e, ...n }, r) => /* @__PURE__ */ c(t.List, {
+	ref: r,
+	...n,
+	children: [e, /* @__PURE__ */ s(h, {})]
+}));
+g.displayName = t.List.displayName;
+var _ = u(r(g), "list");
+//#endregion
+export { d as Tabs, m as TabsChip, f as TabsContent, _ as TabsList, p as TabsTrigger };
+
+//# 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 { ark, Tabs as ArkTab } from '@ark-ui/react'\nimport { ComponentProps, type ComponentPropsWithoutRef, type ElementRef, forwardRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { tabs, tabsChip } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots.tsx'\n\nconst { withProvider, withContext } = createStyleContext(tabs)\n\nexport const Tabs = withProvider(styled(ArkTab.Root), 'root', {\n  defaultProps: {\n    lazyMount: true,\n  },\n})\nexport const TabsContent = withContext(styled(ArkTab.Content), 'content')\nexport const TabsTrigger = withContext(styled(ArkTab.Trigger), 'trigger')\nexport const TabsChip = styled(ark.span, tabsChip)\n\nconst TabsIndicator = withContext(styled(ArkTab.Indicator), 'indicator')\n\nconst List = forwardRef<ElementRef<typeof ArkTab.List>, ComponentPropsWithoutRef<typeof ArkTab.List>>(\n  ({ children, ...props }, ref) => (\n    <ArkTab.List ref={ref} {...props}>\n      {children}\n      <TabsIndicator />\n    </ArkTab.List>\n  ),\n)\nList.displayName = ArkTab.List.displayName\n\nexport const TabsList = withContext(styled(List), 'list')\n\nexport interface TabsProps extends ComponentProps<typeof Tabs> {}\n\nexport interface TabsContentProps extends ComponentProps<typeof TabsContent> {}\n\nexport interface TabsIndicatorProps extends ComponentProps<typeof TabsIndicator> {}\n\nexport interface TabsListProps extends ComponentProps<typeof TabsList> {}\n\nexport interface TabsTriggerProps extends ComponentProps<typeof TabsTrigger> {}\n\nexport interface TabsChipProps extends ComponentProps<typeof TabsChip> {}\n"],"names":["withProvider","withContext","createStyleContext","tabs","Tabs","styled","ArkTab","TabsContent","TabsTrigger","TabsChip","ark","tabsChip","TabsIndicator","List","forwardRef","children","props","ref","jsxs","TabsList"],"mappings":";;;;;;;AAMA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAI,GAEhDC,IAAOJ,EAAaK,EAAOC,EAAO,IAAI,GAAG,QAAQ;AAAA,EAC5D,cAAc;AAAA,IACZ,WAAW;AAAA,EAAA;AAEf,CAAC,GACYC,IAAcN,EAAYI,EAAOC,EAAO,OAAO,GAAG,SAAS,GAC3DE,IAAcP,EAAYI,EAAOC,EAAO,OAAO,GAAG,SAAS,GAC3DG,IAAWJ,EAAOK,EAAI,MAAMC,CAAQ,GAE3CC,IAAgBX,EAAYI,EAAOC,EAAO,SAAS,GAAG,WAAW,GAEjEO,IAAOC;AAAA,EACX,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA,GAASC,MACvB,gBAAAC,EAACZ,EAAO,MAAP,EAAY,KAAAW,GAAW,GAAGD,GACxB,UAAA;AAAA,IAAAD;AAAA,sBACAH,GAAA,CAAA,CAAc;AAAA,EAAA,EAAA,CACjB;AAEJ;AACAC,EAAK,cAAcP,EAAO,KAAK;AAExB,MAAMa,IAAWlB,EAAYI,EAAOQ,CAAI,GAAG,MAAM;"}
+{"version":3,"file":"Tabs.js","names":[],"sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import { ark, Tabs as ArkTab } from '@ark-ui/react'\nimport { ComponentProps, type ComponentPropsWithoutRef, type ElementRef, forwardRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { tabs, tabsChip } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots.tsx'\n\nconst { withProvider, withContext } = createStyleContext(tabs)\n\nexport const Tabs = withProvider(styled(ArkTab.Root), 'root', {\n  defaultProps: {\n    lazyMount: true,\n  },\n})\nexport const TabsContent = withContext(styled(ArkTab.Content), 'content')\nexport const TabsTrigger = withContext(styled(ArkTab.Trigger), 'trigger')\nexport const TabsChip = styled(ark.span, tabsChip)\n\nconst TabsIndicator = withContext(styled(ArkTab.Indicator), 'indicator')\n\nconst List = forwardRef<ElementRef<typeof ArkTab.List>, ComponentPropsWithoutRef<typeof ArkTab.List>>(\n  ({ children, ...props }, ref) => (\n    <ArkTab.List ref={ref} {...props}>\n      {children}\n      <TabsIndicator />\n    </ArkTab.List>\n  ),\n)\nList.displayName = ArkTab.List.displayName\n\nexport const TabsList = withContext(styled(List), 'list')\n\nexport interface TabsProps extends ComponentProps<typeof Tabs> {}\n\nexport interface TabsContentProps extends ComponentProps<typeof TabsContent> {}\n\nexport interface TabsIndicatorProps extends ComponentProps<typeof TabsIndicator> {}\n\nexport interface TabsListProps extends ComponentProps<typeof TabsList> {}\n\nexport interface TabsTriggerProps extends ComponentProps<typeof TabsTrigger> {}\n\nexport interface TabsChipProps extends ComponentProps<typeof TabsChip> {}\n"],"mappings":";;;;;;;;AAMA,IAAM,EAAE,iBAAc,mBAAgB,EAAmB,CAAI,GAEhD,IAAO,EAAa,EAAO,EAAO,IAAI,GAAG,QAAQ,EAC5D,cAAc,EACZ,WAAW,GACb,EACF,CAAC,GACY,IAAc,EAAY,EAAO,EAAO,OAAO,GAAG,SAAS,GAC3D,IAAc,EAAY,EAAO,EAAO,OAAO,GAAG,SAAS,GAC3D,IAAW,EAAO,EAAI,MAAM,CAAQ,GAE3C,IAAgB,EAAY,EAAO,EAAO,SAAS,GAAG,WAAW,GAEjE,IAAO,GACV,EAAE,aAAU,GAAG,KAAS,MACvB,kBAAC,EAAO,MAAR;CAAkB;CAAK,GAAI;WAA3B,CACG,GACD,kBAAC,GAAD,CAAgB,CAAA,CACL;EAEjB;AACA,EAAK,cAAc,EAAO,KAAK;AAE/B,IAAa,IAAW,EAAY,EAAO,CAAI,GAAG,MAAM"}

package/dist/components/tag/Tag.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@stokelp/styled-system/css"),P=require("@ark-ui/react"),t=require("@stokelp/styled-system/jsx"),c=require("@stokelp/styled-system/recipes"),q=require("react"),x=q.forwardRef((o,a)=>{const[i,n]=c.tag.splitVariantProps(o),[l,u]=t.splitCssProps(n),{children:p,className:d,...g}=u,r=c.tag(i);return e.jsxs(P.ark.div,{ref:a,className:s.cx(r.root,s.css(l),d),...g,children:[p,e.jsx(t.Circle,{className:s.cx(r.badge),borderRadius:"full"})]})});exports.Tag=x;
-//# sourceMappingURL=Tag.cjs.map
+"use client";let e=require("@ark-ui/react"),t=require("@stokelp/styled-system/jsx"),n=require("@stokelp/styled-system/recipes"),r=require("react"),i=require("react/jsx-runtime"),a=require("@stokelp/styled-system/css");var o=(0,r.forwardRef)((r,o)=>{let[s,c]=n.tag.splitVariantProps(r),[l,u]=(0,t.splitCssProps)(c),{children:d,className:f,...p}=u,m=(0,n.tag)(s);return(0,i.jsxs)(e.ark.div,{ref:o,className:(0,a.cx)(m.root,(0,a.css)(l),f),...p,children:[d,(0,i.jsx)(t.Circle,{className:(0,a.cx)(m.badge),borderRadius:`full`})]})});exports.Tag=o;
+//# 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 { css, cx } from '@stokelp/styled-system/css'\nimport { ark, type HTMLArkProps } from '@ark-ui/react'\nimport { Circle, splitCssProps } from '@stokelp/styled-system/jsx'\nimport { tag, type TagVariantProps } from '@stokelp/styled-system/recipes'\nimport { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { forwardRef, type ReactNode } from 'react'\n\nexport interface TagProps extends Assign<JsxStyleProps, HTMLArkProps<'div'>>, TagVariantProps {\n  children: ReactNode\n}\n\nexport const Tag = forwardRef<HTMLDivElement, TagProps>((props, ref) => {\n  const [variantProps, tagProps] = tag.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(tagProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = tag(variantProps)\n\n  return (\n    <ark.div ref={ref} className={cx(styles.root, css(cssProps), className)} {...rootProps}>\n      {children}\n      <Circle className={cx(styles.badge)} borderRadius=\"full\" />\n    </ark.div>\n  )\n})\n"],"names":["Tag","forwardRef","props","ref","variantProps","tagProps","tag","cssProps","localProps","splitCssProps","children","className","rootProps","styles","jsxs","ark","cx","css","jsx","Circle"],"mappings":"4SAWaA,EAAMC,EAAAA,WAAqC,CAACC,EAAOC,IAAQ,CACtE,KAAM,CAACC,EAAcC,CAAQ,EAAIC,EAAAA,IAAI,kBAAkBJ,CAAK,EACtD,CAACK,EAAUC,CAAU,EAAIC,EAAAA,cAAcJ,CAAQ,EAC/C,CAAE,SAAAK,EAAU,UAAAC,EAAW,GAAGC,GAAcJ,EACxCK,EAASP,EAAAA,IAAIF,CAAY,EAE/B,OACEU,EAAAA,KAACC,EAAAA,IAAI,IAAJ,CAAQ,IAAAZ,EAAU,UAAWa,KAAGH,EAAO,KAAMI,EAAAA,IAAIV,CAAQ,EAAGI,CAAS,EAAI,GAAGC,EAC1E,SAAA,CAAAF,EACDQ,MAACC,EAAAA,QAAO,UAAWH,EAAAA,GAAGH,EAAO,KAAK,EAAG,aAAa,MAAA,CAAO,CAAA,EAC3D,CAEJ,CAAC"}
+{"version":3,"file":"Tag.cjs","names":[],"sources":["../../../src/components/tag/Tag.tsx"],"sourcesContent":["import { css, cx } from '@stokelp/styled-system/css'\nimport { ark, type HTMLArkProps } from '@ark-ui/react'\nimport { Circle, splitCssProps } from '@stokelp/styled-system/jsx'\nimport { tag, type TagVariantProps } from '@stokelp/styled-system/recipes'\nimport { Assign, JsxStyleProps } from '@stokelp/styled-system/types'\nimport { forwardRef, type ReactNode } from 'react'\n\nexport interface TagProps extends Assign<JsxStyleProps, HTMLArkProps<'div'>>, TagVariantProps {\n  children: ReactNode\n}\n\nexport const Tag = forwardRef<HTMLDivElement, TagProps>((props, ref) => {\n  const [variantProps, tagProps] = tag.splitVariantProps(props)\n  const [cssProps, localProps] = splitCssProps(tagProps)\n  const { children, className, ...rootProps } = localProps\n  const styles = tag(variantProps)\n\n  return (\n    <ark.div ref={ref} className={cx(styles.root, css(cssProps), className)} {...rootProps}>\n      {children}\n      <Circle className={cx(styles.badge)} borderRadius=\"full\" />\n    </ark.div>\n  )\n})\n"],"mappings":"0NAWA,IAAa,GAAA,EAAA,EAAA,aAA4C,EAAO,IAAQ,CACtE,GAAM,CAAC,EAAc,GAAY,EAAA,IAAI,kBAAkB,CAAK,EACtD,CAAC,EAAU,IAAA,EAAA,EAAA,eAA4B,CAAQ,EAC/C,CAAE,WAAU,YAAW,GAAG,GAAc,EACxC,GAAA,EAAA,EAAA,KAAa,CAAY,EAE/B,OACE,EAAA,EAAA,MAAC,EAAA,IAAI,IAAL,CAAc,MAAK,WAAA,EAAA,EAAA,IAAc,EAAO,MAAA,EAAA,EAAA,KAAU,CAAQ,EAAG,CAAS,EAAG,GAAI,WAA7E,CACG,GACD,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,WAAA,EAAA,EAAA,IAAc,EAAO,KAAK,EAAG,aAAa,MAAQ,CAAA,CACnD,GAEb,CAAC"}