@mortenbrudvik/waveui 0.7.0 → 0.8.0

package/dist/components/table/Table.mjs

@@ -2,98 +2,99 @@
 import { cn as e } from "../../lib/cn.mjs";
 import { flattenChildren as t, isElementOfType as n } from "../../lib/children.mjs";
 import { warnDeprecated as r, warnOnce as i } from "../../lib/dev.mjs";
-import { useId as a } from "../../hooks/useId.mjs";
-import { useMergedRefs as o } from "../../hooks/useMergedRefs.mjs";
+import { tableBodyClassNames as a, tableCellClassNames as o, tableClassNames as s, tableHeaderCellClassNames as c, tableHeaderClassNames as l, tableRowClassNames as u } from "../../lib/classNames.mjs";
+import { useId as d } from "../../hooks/useId.mjs";
+import { useMergedRefs as f } from "../../hooks/useMergedRefs.mjs";
 import "../../lib/styles.mjs";
-import * as s from "react";
-import { jsx as c } from "react/jsx-runtime";
+import * as p from "react";
+import { jsx as m } from "react/jsx-runtime";
 //#region src/components/table/Table.tsx
-var l = () => () => {};
-function u(e) {
-	let t = s.useCallback((t) => {
+var h = () => () => {};
+function g(e) {
+	let t = p.useCallback((t) => {
 		if (!e || typeof ResizeObserver > "u") return () => {};
 		let n = new ResizeObserver(t);
 		n.observe(e);
 		for (let t of Array.from(e.children)) n.observe(t);
 		return () => n.disconnect();
-	}, [e]), n = s.useCallback(() => e ? e.scrollWidth > e.clientWidth : !1, [e]);
-	return s.useSyncExternalStore(e ? t : l, n, () => !1);
+	}, [e]), n = p.useCallback(() => e ? e.scrollWidth > e.clientWidth : !1, [e]);
+	return p.useSyncExternalStore(e ? t : h, n, () => !1);
 }
-function d(e) {
+function _(e) {
 	return n(e, "caption");
 }
-var f = ({ striped: n = !1, containerProps: r, children: l, className: f, ref: p, ...m }) => {
-	let { className: h, ref: g, "aria-label": _, "aria-labelledby": v, ...y } = r ?? {}, [b, x] = s.useState(null), S = o(g, x), C = u(b), w = a("wave-table-caption"), T = t(l), E = T.findIndex(({ node: e }) => d(e)), D = E >= 0 ? T[E].node : null, O = D ? D.props.id ?? w : void 0, k = D && D.props.id === void 0 ? T.map(({ key: e, node: t }, n) => /* @__PURE__ */ c(s.Fragment, { children: n === E ? s.cloneElement(D, { id: w }) : t }, e)) : l, A = _ ? void 0 : v ?? O, j = !!(_ || A), M = C && j, N = y.role;
-	return s.useEffect(() => {
-		C && !j && i("Table:unnamed-scroll-region", "Table: the table scrolls horizontally but its scroll region has no name. Add a <caption> or containerProps[\"aria-label\"].");
-	}, [C, j]), /* @__PURE__ */ c("div", {
-		...y,
-		ref: S,
-		role: M ? "region" : N,
-		tabIndex: C ? 0 : y.tabIndex,
-		"aria-label": C || N !== void 0 ? _ : void 0,
-		"aria-labelledby": M ? A : N === void 0 ? void 0 : v,
-		className: e("overflow-x-auto rounded-md border border-border", C && "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", h),
-		children: /* @__PURE__ */ c("table", {
-			ref: p,
+var v = ({ striped: n = !1, containerProps: r, children: a, className: o, ref: c, ...l }) => {
+	let { className: u, ref: h, "aria-label": v, "aria-labelledby": y, ...b } = r ?? {}, [x, S] = p.useState(null), C = f(h, S), w = g(x), T = d("wave-table-caption"), E = t(a), D = E.findIndex(({ node: e }) => _(e)), O = D >= 0 ? E[D].node : null, k = O ? O.props.id ?? T : void 0, A = O && O.props.id === void 0 ? E.map(({ key: e, node: t }, n) => /* @__PURE__ */ m(p.Fragment, { children: n === D ? p.cloneElement(O, { id: T }) : t }, e)) : a, j = v ? void 0 : y ?? k, M = !!(v || j), N = w && M, P = b.role;
+	return p.useEffect(() => {
+		w && !M && i("Table:unnamed-scroll-region", "Table: the table scrolls horizontally but its scroll region has no name. Add a <caption> or containerProps[\"aria-label\"].");
+	}, [w, M]), /* @__PURE__ */ m("div", {
+		...b,
+		ref: C,
+		role: N ? "region" : P,
+		tabIndex: w ? 0 : b.tabIndex,
+		"aria-label": w || P !== void 0 ? v : void 0,
+		"aria-labelledby": N ? j : P === void 0 ? void 0 : y,
+		className: e(s.container, "overflow-x-auto rounded-md border border-border", w && "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", u),
+		children: /* @__PURE__ */ m("table", {
+			ref: c,
 			"data-striped": n ? "" : void 0,
-			className: e("w-full border-separate border-spacing-0", n && "[:where(&>tbody>tr:nth-child(odd))]:bg-card", f),
-			...m,
-			children: k
+			className: e(s.root, "w-full border-separate border-spacing-0", n && "[:where(&>tbody>tr:nth-child(odd))]:bg-card", o),
+			...l,
+			children: A
 		})
 	});
 };
-f.displayName = "Table";
-var p = ({ children: t, className: n, ref: r, ...i }) => /* @__PURE__ */ c("thead", {
+v.displayName = "Table";
+var y = ({ children: t, className: n, ref: r, ...i }) => /* @__PURE__ */ m("thead", {
 	ref: r,
 	...i,
-	className: e("bg-card", n),
+	className: e(l.root, "bg-card", n),
 	children: t
 });
-p.displayName = "TableHeader";
-var m = ({ children: t, className: n, ref: r, ...i }) => /* @__PURE__ */ c("th", {
+y.displayName = "TableHeader";
+var b = ({ children: t, className: n, ref: r, ...i }) => /* @__PURE__ */ m("th", {
 	ref: r,
 	scope: "col",
-	className: e("px-4 py-3 text-start font-semibold text-caption-1 uppercase tracking-wider border-b border-border", n),
+	className: e(c.root, "px-4 py-3 text-start font-semibold text-caption-1 uppercase tracking-wider border-b border-border", n),
 	...i,
 	children: t
 });
-m.displayName = "TableHeaderCell";
-var h = (e) => (r("Table", "Table.Head", "Table.Header"), /* @__PURE__ */ c(p, { ...e }));
-h.displayName = "TableHead";
-var g = (e) => (r("Table", "Table.HeadCell", "Table.HeaderCell"), /* @__PURE__ */ c(m, { ...e }));
-g.displayName = "TableHeadCell";
-var _ = ({ children: e, className: t, ref: n, ...r }) => /* @__PURE__ */ c("tbody", {
-	ref: n,
-	...r,
-	className: t,
-	children: e
+b.displayName = "TableHeaderCell";
+var x = (e) => (r("Table", "Table.Head", "Table.Header"), /* @__PURE__ */ m(y, { ...e }));
+x.displayName = "TableHead";
+var S = (e) => (r("Table", "Table.HeadCell", "Table.HeaderCell"), /* @__PURE__ */ m(b, { ...e }));
+S.displayName = "TableHeadCell";
+var C = ({ children: t, className: n, ref: r, ...i }) => /* @__PURE__ */ m("tbody", {
+	ref: r,
+	...i,
+	className: e(a.root, n),
+	children: t
 });
-_.displayName = "TableBody";
-var v = ({ children: t, className: n, ref: r, ...i }) => /* @__PURE__ */ c("tr", {
+C.displayName = "TableBody";
+var w = ({ children: t, className: n, ref: r, ...i }) => /* @__PURE__ */ m("tr", {
 	ref: r,
-	className: e("hover:bg-subtle-hover transition-colors motion-reduce:transition-none", n),
+	className: e(u.root, "hover:bg-subtle-hover transition-colors motion-reduce:transition-none", n),
 	...i,
 	children: t
 });
-v.displayName = "TableRow";
-var y = ({ children: t, className: n, ref: r, ...i }) => /* @__PURE__ */ c("td", {
+w.displayName = "TableRow";
+var T = ({ children: t, className: n, ref: r, ...i }) => /* @__PURE__ */ m("td", {
 	ref: r,
-	className: e("px-4 py-3 text-body-1 border-b border-border", n),
+	className: e(o.root, "px-4 py-3 text-body-1 border-b border-border", n),
 	...i,
 	children: t
 });
-y.displayName = "TableCell";
-var b = /* @__PURE__ */ Object.assign(f, {
-	Header: p,
-	HeaderCell: m,
-	Head: h,
-	HeadCell: g,
-	Body: _,
-	Row: v,
-	Cell: y
+T.displayName = "TableCell";
+var E = /* @__PURE__ */ Object.assign(v, {
+	Header: y,
+	HeaderCell: b,
+	Head: x,
+	HeadCell: S,
+	Body: C,
+	Row: w,
+	Cell: T
 });
 //#endregion
-export { b as Table, _ as TableBody, y as TableCell, h as TableHead, g as TableHeadCell, p as TableHeader, m as TableHeaderCell, v as TableRow };
+export { E as Table, C as TableBody, T as TableCell, x as TableHead, S as TableHeadCell, y as TableHeader, b as TableHeaderCell, w as TableRow };
 
 //# sourceMappingURL=Table.mjs.map

package/dist/components/table/Table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.mjs","names":["useId","useId$1","React","noopSubscribe","useHorizontalOverflow","subscribe","wrapper","observer","onChange","child","getSnapshot","isCaption","isElementOfType","node","TableRoot","props","containerClassName","containerRef","containerLabel","containerLabelledBy","containerRest","containerProps","setWrapper","wrapperRef","useMergedRefs","scrollable","generatedCaptionId","flatChildren","flattenChildren","children","captionIndex","caption","captionId","content","index","key","regionLabelledBy","named","isRegion","consumerRole","warnOnce","cn","striped","className","TableHeader","rest","TableHeaderCell","TableHead","warnDeprecated","TableHeadCell","TableBody","TableRow","TableCell","Table"],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { warnDeprecated, warnOnce } from '../../lib/dev';\nimport { focusRing } from '../../lib/styles';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\n\n/** Properties for the Table component. */\nexport interface TableProps extends React.HTMLAttributes<HTMLTableElement> {\n  /**\n   * Whether to apply alternating row background colors (odd body rows). The stripe has zero\n   * specificity, so a row's own background class (`<Table.Row className=\"bg-selected\">`) and its\n   * hover color win over it.\n   * @default false\n   */\n  striped?: boolean;\n  /**\n   * Props for the wrapper `<div>` around the `<table>`: a horizontally scrollable container\n   * (`overflow-x-auto`). Use it for its className, style, ref or `aria-label`. While the table\n   * scrolls horizontally, the wrapper is a keyboard-focusable `role=\"region\"` named by\n   * `containerProps['aria-label']`/`['aria-labelledby']`, else by the table's `<caption>`. While\n   * it does not scroll, the wrapper has no role and its `aria-label`/`aria-labelledby` are left\n   * off, unless you also pass a `role` in `containerProps` (then they are always applied).\n   */\n  containerProps?: Omit<React.ComponentPropsWithRef<'div'>, 'children'>;\n  /** Table caption, header, body and row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<table>` element. */\n  ref?: React.Ref<HTMLTableElement>;\n}\n\n/** Properties for the TableHeader sub-component. */\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /** Table header row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<thead>` element. */\n  ref?: React.Ref<HTMLTableSectionElement>;\n}\n\n/** Properties for the TableHeaderCell sub-component. */\nexport interface TableHeaderCellProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  /** Header cell content. */\n  children: React.ReactNode;\n  /** Ref to the `<th>` element. */\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\n/** @deprecated Use `TableHeaderProps` (`Table.Header`). */\nexport type TableHeadProps = TableHeaderProps;\n\n/** @deprecated Use `TableHeaderCellProps` (`Table.HeaderCell`). */\nexport type TableHeadCellProps = TableHeaderCellProps;\n\n/** Properties for the TableBody sub-component. */\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /** Table row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<tbody>` element. */\n  ref?: React.Ref<HTMLTableSectionElement>;\n}\n\n/** Properties for the TableRow sub-component. */\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  /** Table cell elements. */\n  children: React.ReactNode;\n  /** Ref to the `<tr>` element. */\n  ref?: React.Ref<HTMLTableRowElement>;\n}\n\n/** Properties for the TableCell sub-component. */\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  /** Cell content. */\n  children: React.ReactNode;\n  /** Ref to the `<td>` element. */\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\nconst noopSubscribe = () => () => {};\n\n/**\n * Whether `wrapper` scrolls horizontally, as an external store: a `ResizeObserver` on the wrapper\n * and the table re-checks `scrollWidth > clientWidth`. Without `ResizeObserver` (server, old\n * browsers, jsdom) the value is read on each render.\n */\nfunction useHorizontalOverflow(wrapper: HTMLDivElement | null): boolean {\n  const subscribe = React.useCallback(\n    (onChange: () => void) => {\n      if (!wrapper || typeof ResizeObserver === 'undefined') return () => {};\n      const observer = new ResizeObserver(onChange);\n      observer.observe(wrapper);\n      for (const child of Array.from(wrapper.children)) observer.observe(child);\n      return () => observer.disconnect();\n    },\n    [wrapper],\n  );\n  const getSnapshot = React.useCallback(\n    () => (wrapper ? wrapper.scrollWidth > wrapper.clientWidth : false),\n    [wrapper],\n  );\n  return React.useSyncExternalStore(wrapper ? subscribe : noopSubscribe, getSnapshot, () => false);\n}\n\nfunction isCaption(node: React.ReactNode): node is React.ReactElement<{ id?: string }> {\n  return isElementOfType(node, 'caption');\n}\n\n// The component-level JSDoc sits on the exported `Table` below.\nconst TableRoot = ({\n  striped = false,\n  containerProps,\n  children,\n  className,\n  ref,\n  ...props\n}: TableProps) => {\n  const {\n    className: containerClassName,\n    ref: containerRef,\n    'aria-label': containerLabel,\n    'aria-labelledby': containerLabelledBy,\n    ...containerRest\n  } = containerProps ?? {};\n\n  const [wrapper, setWrapper] = React.useState<HTMLDivElement | null>(null);\n  const wrapperRef = useMergedRefs<HTMLDivElement>(containerRef, setWrapper);\n  const scrollable = useHorizontalOverflow(wrapper);\n\n  // Name the scroll region after the caption (also one inside a Fragment): keep its id, or give it\n  // one. The flattened children are then rendered under their flattened keys.\n  const generatedCaptionId = useId('wave-table-caption');\n  const flatChildren = flattenChildren(children);\n  const captionIndex = flatChildren.findIndex(({ node }) => isCaption(node));\n  const caption =\n    captionIndex >= 0\n      ? (flatChildren[captionIndex].node as React.ReactElement<{ id?: string }>)\n      : null;\n  const captionId = caption ? (caption.props.id ?? generatedCaptionId) : undefined;\n  const content =\n    caption && caption.props.id === undefined\n      ? flatChildren.map(({ key, node }, index) => (\n          <React.Fragment key={key}>\n            {index === captionIndex\n              ? React.cloneElement(caption, { id: generatedCaptionId })\n              : node}\n          </React.Fragment>\n        ))\n      : children;\n\n  const regionLabelledBy = containerLabel ? undefined : (containerLabelledBy ?? captionId);\n  const named = Boolean(containerLabel || regionLabelledBy);\n  const isRegion = scrollable && named;\n  /** A role the consumer gave the wrapper: their name goes with it even while nothing scrolls. */\n  const consumerRole = containerRest.role;\n\n  React.useEffect(() => {\n    if (scrollable && !named) {\n      warnOnce(\n        'Table:unnamed-scroll-region',\n        'Table: the table scrolls horizontally but its scroll region has no name. Add a <caption> or containerProps[\"aria-label\"].',\n      );\n    }\n  }, [scrollable, named]);\n\n  return (\n    <div\n      {...containerRest}\n      ref={wrapperRef}\n      role={isRegion ? 'region' : consumerRole}\n      tabIndex={scrollable ? 0 : containerRest.tabIndex}\n      aria-label={scrollable || consumerRole !== undefined ? containerLabel : undefined}\n      aria-labelledby={\n        isRegion ? regionLabelledBy : consumerRole !== undefined ? containerLabelledBy : undefined\n      }\n      className={cn(\n        'overflow-x-auto rounded-md border border-border',\n        scrollable && focusRing,\n        containerClassName,\n      )}\n    >\n      <table\n        ref={ref}\n        data-striped={striped ? '' : undefined}\n        className={cn(\n          'w-full border-separate border-spacing-0',\n          // `:where()` keeps the stripe at specificity 0, so any row class wins (C-CLASS).\n          striped && '[:where(&>tbody>tr:nth-child(odd))]:bg-card',\n          className,\n        )}\n        {...props}\n      >\n        {content}\n      </table>\n    </div>\n  );\n};\nTableRoot.displayName = 'Table';\n\n/** The table's `<thead>`. */\nconst TableHeader = ({ children, className, ref, ...rest }: TableHeaderProps) => (\n  <thead ref={ref} {...rest} className={cn('bg-card', className)}>\n    {children}\n  </thead>\n);\nTableHeader.displayName = 'TableHeader';\n\n/** A column header cell (`<th scope=\"col\">`). */\nconst TableHeaderCell = ({ children, className, ref, ...props }: TableHeaderCellProps) => (\n  <th\n    ref={ref}\n    scope=\"col\"\n    className={cn(\n      'px-4 py-3 text-start font-semibold text-caption-1 uppercase tracking-wider border-b border-border',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </th>\n);\nTableHeaderCell.displayName = 'TableHeaderCell';\n\n/** @deprecated Use `Table.Header` (`TableHeader`). */\nconst TableHead = (props: TableHeadProps) => {\n  warnDeprecated('Table', 'Table.Head', 'Table.Header');\n  return <TableHeader {...props} />;\n};\nTableHead.displayName = 'TableHead';\n\n/** @deprecated Use `Table.HeaderCell` (`TableHeaderCell`). */\nconst TableHeadCell = (props: TableHeadCellProps) => {\n  warnDeprecated('Table', 'Table.HeadCell', 'Table.HeaderCell');\n  return <TableHeaderCell {...props} />;\n};\nTableHeadCell.displayName = 'TableHeadCell';\n\n/** The table's `<tbody>`. */\nconst TableBody = ({ children, className, ref, ...rest }: TableBodyProps) => (\n  <tbody ref={ref} {...rest} className={className}>\n    {children}\n  </tbody>\n);\nTableBody.displayName = 'TableBody';\n\n/** A table row. Striping comes from the table (`striped`), so rows need no context. */\nconst TableRow = ({ children, className, ref, ...props }: TableRowProps) => (\n  <tr\n    ref={ref}\n    className={cn(\n      'hover:bg-subtle-hover transition-colors motion-reduce:transition-none',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </tr>\n);\nTableRow.displayName = 'TableRow';\n\n/** A data cell (`<td>`). */\nconst TableCell = ({ children, className, ref, ...props }: TableCellProps) => (\n  <td\n    ref={ref}\n    className={cn('px-4 py-3 text-body-1 border-b border-border', className)}\n    {...props}\n  >\n    {children}\n  </td>\n);\nTableCell.displayName = 'TableCell';\n\nexport { TableHeader, TableHeaderCell, TableHead, TableHeadCell, TableBody, TableRow, TableCell };\n\n/**\n * A non-interactive data table with an optional striped body. The table sits in a horizontally\n * scrollable wrapper; while it scrolls, the wrapper is a focusable region (named by\n * `containerProps` or the `<caption>`) so keyboard users can scroll it.\n *\n * Sub-components are available as `Table.Header`, `Table.HeaderCell`, `Table.Body`, `Table.Row`\n * and `Table.Cell` in client components, and as the flat exports `TableHeader`,\n * `TableHeaderCell`, `TableBody`, `TableRow` and `TableCell` (the form React Server Components\n * can import). `Table.Head`/`Table.HeadCell` (`TableHead`/`TableHeadCell`) are deprecated aliases.\n */\nexport const Table = /* @__PURE__ */ Object.assign(TableRoot, {\n  Header: TableHeader,\n  HeaderCell: TableHeaderCell,\n  /** @deprecated Use `Table.Header`. */\n  Head: TableHead,\n  /** @deprecated Use `Table.HeaderCell`. */\n  HeadCell: TableHeadCell,\n  Body: TableBody,\n  Row: TableRow,\n  Cell: TableCell,\n});\n"],"mappings":";;;;;;;;;;AA8EA,IAAMG,gBAA4B,CAAC;AAOnC,SAASC,EAAsB,GAAyC;CACtE,IAAMC,IAAYH,EAAM,aACrB,MAAyB;EACxB,IAAI,CAACI,KAAW,OAAO,iBAAmB,KAAa,aAAa,CAAC;EACrE,IAAMC,IAAW,IAAI,eAAeC,CAAQ;EAC5C,EAAS,QAAQF,CAAO;EACxB,KAAK,IAAMG,KAAS,MAAM,KAAKH,EAAQ,QAAQ,GAAG,EAAS,QAAQG,CAAK;EACxE,aAAaF,EAAS,WAAW;CACnC,GACA,CAACD,CAAO,CACV,GACMI,IAAcR,EAAM,kBACjBI,IAAUA,EAAQ,cAAcA,EAAQ,cAAc,IAC7D,CAACA,CAAO,CACV;CACA,OAAOJ,EAAM,qBAAqBI,IAAUD,IAAYF,GAAeO,SAAmB,EAAK;AACjG;AAEA,SAASC,EAAU,GAAoE;CACrF,OAAOC,EAAgBC,GAAM,SAAS;AACxC;AAGA,IAAMC,KAAa,EACjB,aAAU,IACV,mBACA,aACA,cACA,QACA,GAAGC,QACa;CAChB,IAAM,EACJ,WAAWC,GACX,KAAKC,GACL,cAAcC,GACd,mBAAmBC,GACnB,GAAGC,MACDC,KAAkB,CAAC,GAEjB,CAACf,GAASgB,KAAcpB,EAAM,SAAgC,IAAI,GAClEqB,IAAaC,EAA8BP,GAAcK,CAAU,GACnEG,IAAarB,EAAsBE,CAAO,GAI1CoB,IAAqB1B,EAAM,oBAAoB,GAC/C2B,IAAeC,EAAgBC,CAAQ,GACvCC,IAAeH,EAAa,WAAW,EAAE,cAAWhB,EAAUE,CAAI,CAAC,GACnEkB,IACJD,KAAgB,IACXH,EAAaG,EAAa,CAAC,OAC5B,MACAE,IAAYD,IAAWA,EAAQ,MAAM,MAAML,IAAsB,KAAA,GACjEO,IACJF,KAAWA,EAAQ,MAAM,OAAO,KAAA,IAC5BJ,EAAa,KAAK,EAAE,QAAK,WAAQ,MAC/B,kBAACzB,EAAM,UAAP,EAAA,UACGgC,MAAUJ,IACP5B,EAAM,aAAa6B,GAAS,EAAE,IAAIL,EAAmB,CAAC,IACtDb,EACU,GAJKsB,CAIL,CACjB,IACDN,GAEAO,IAAmBlB,IAAiB,KAAA,IAAaC,KAAuBa,GACxEK,IAAQ,GAAQnB,KAAkBkB,IAClCE,IAAWb,KAAcY,GAEzBE,IAAenB,EAAc;CAWnC,OATAlB,EAAM,gBAAgB;EACpB,AAAIuB,KAAc,CAACY,KACjBG,EACE,+BACA,6HACF;CAEJ,GAAG,CAACf,GAAYY,CAAK,CAAC,GAGpB,kBAAC,OAAD;EACE,GAAIjB;EACJ,KAAKG;EACL,MAAMe,IAAW,WAAWC;EAC5B,UAAUd,IAAa,IAAIL,EAAc;EACzC,cAAYK,KAAcc,MAAiB,KAAA,IAAYrB,IAAiB,KAAA;EACxE,mBACEoB,IAAWF,IAAmBG,MAAiB,KAAA,IAAkC,KAAA,IAAtBpB;EAE7D,WAAWsB,EACT,mDACAhB,KAAA,qFACAT,CACF;EAEA,UAAA,kBAAC,SAAD;GACO;GACL,gBAAc0B,IAAU,KAAK,KAAA;GAC7B,WAAWD,EACT,2CAEAC,KAAW,+CACXC,CACF;GACA,GAAI5B;GAEH,UAAAkB;EACI,CAAA;CACJ,CAAA;AAET;AACA,EAAU,cAAc;AAGxB,IAAMW,KAAe,EAAE,aAAU,cAAW,QAAK,GAAGC,QAClD,kBAAC,SAAD;CAAY;CAAK,GAAIA;CAAM,WAAWJ,EAAG,WAAWE,CAAS;CAC1D;AACI,CAAA;AAET,EAAY,cAAc;AAG1B,IAAMG,KAAmB,EAAE,aAAU,cAAW,QAAK,GAAG/B,QACtD,kBAAC,MAAD;CACO;CACL,OAAM;CACN,WAAW0B,EACT,qGACAE,CACF;CACA,GAAI5B;CAEH;AACC,CAAA;AAEN,EAAgB,cAAc;AAG9B,IAAMgC,KAAa,OACjBC,EAAe,SAAS,cAAc,cAAc,GAC7C,kBAACJ,GAAD,EAAa,GAAI7B,EAAQ,CAAA;AAElC,EAAU,cAAc;AAGxB,IAAMkC,KAAiB,OACrBD,EAAe,SAAS,kBAAkB,kBAAkB,GACrD,kBAACF,GAAD,EAAiB,GAAI/B,EAAQ,CAAA;AAEtC,EAAc,cAAc;AAG5B,IAAMmC,KAAa,EAAE,aAAU,cAAW,QAAK,GAAGL,QAChD,kBAAC,SAAD;CAAY;CAAK,GAAIA;CAAiB;CACnC;AACI,CAAA;AAET,EAAU,cAAc;AAGxB,IAAMM,KAAY,EAAE,aAAU,cAAW,QAAK,GAAGpC,QAC/C,kBAAC,MAAD;CACO;CACL,WAAW0B,EACT,yEACAE,CACF;CACA,GAAI5B;CAEH;AACC,CAAA;AAEN,EAAS,cAAc;AAGvB,IAAMqC,KAAa,EAAE,aAAU,cAAW,QAAK,GAAGrC,QAChD,kBAAC,MAAD;CACO;CACL,WAAW0B,EAAG,gDAAgDE,CAAS;CACvE,GAAI5B;CAEH;AACC,CAAA;AAEN,EAAU,cAAc;AAcxB,IAAasC,IAAwB,uBAAO,OAAOvC,GAAW;CAC5D,QAAQ8B;CACR,YAAYE;CAEZ,MAAMC;CAEN,UAAUE;CACV,MAAMC;CACN,KAAKC;CACL,MAAMC;AACR,CAAC"}
+{"version":3,"file":"Table.mjs","names":["useId","useId$1","React","noopSubscribe","useHorizontalOverflow","subscribe","wrapper","observer","onChange","child","getSnapshot","isCaption","isElementOfType","node","TableRoot","props","containerClassName","containerRef","containerLabel","containerLabelledBy","containerRest","containerProps","setWrapper","wrapperRef","useMergedRefs","scrollable","generatedCaptionId","flatChildren","flattenChildren","children","captionIndex","caption","captionId","content","index","key","regionLabelledBy","named","isRegion","consumerRole","warnOnce","cn","tableClassNames","striped","className","TableHeader","rest","tableHeaderClassNames","TableHeaderCell","tableHeaderCellClassNames","TableHead","warnDeprecated","TableHeadCell","TableBody","tableBodyClassNames","TableRow","tableRowClassNames","TableCell","tableCellClassNames","Table"],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport {\n  tableBodyClassNames,\n  tableCellClassNames,\n  tableClassNames,\n  tableHeaderCellClassNames,\n  tableHeaderClassNames,\n  tableRowClassNames,\n} from '../../lib/classNames';\nimport { warnDeprecated, warnOnce } from '../../lib/dev';\nimport { focusRing } from '../../lib/styles';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\n\n/** Properties for the Table component. */\nexport interface TableProps extends React.HTMLAttributes<HTMLTableElement> {\n  /**\n   * Whether to apply alternating row background colors (odd body rows). The stripe has zero\n   * specificity, so a row's own background class (`<Table.Row className=\"bg-selected\">`) and its\n   * hover color win over it.\n   * @default false\n   */\n  striped?: boolean;\n  /**\n   * Props for the wrapper `<div>` around the `<table>`: a horizontally scrollable container\n   * (`overflow-x-auto`). Use it for its className, style, ref or `aria-label`. While the table\n   * scrolls horizontally, the wrapper is a keyboard-focusable `role=\"region\"` named by\n   * `containerProps['aria-label']`/`['aria-labelledby']`, else by the table's `<caption>`. While\n   * it does not scroll, the wrapper has no role and its `aria-label`/`aria-labelledby` are left\n   * off, unless you also pass a `role` in `containerProps` (then they are always applied).\n   */\n  containerProps?: Omit<React.ComponentPropsWithRef<'div'>, 'children'>;\n  /** Table caption, header, body and row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<table>` element. */\n  ref?: React.Ref<HTMLTableElement>;\n}\n\n/** Properties for the TableHeader sub-component. */\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /** Table header row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<thead>` element. */\n  ref?: React.Ref<HTMLTableSectionElement>;\n}\n\n/** Properties for the TableHeaderCell sub-component. */\nexport interface TableHeaderCellProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  /** Header cell content. */\n  children: React.ReactNode;\n  /** Ref to the `<th>` element. */\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\n/** @deprecated Use `TableHeaderProps` (`Table.Header`). */\nexport type TableHeadProps = TableHeaderProps;\n\n/** @deprecated Use `TableHeaderCellProps` (`Table.HeaderCell`). */\nexport type TableHeadCellProps = TableHeaderCellProps;\n\n/** Properties for the TableBody sub-component. */\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /** Table row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<tbody>` element. */\n  ref?: React.Ref<HTMLTableSectionElement>;\n}\n\n/** Properties for the TableRow sub-component. */\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  /** Table cell elements. */\n  children: React.ReactNode;\n  /** Ref to the `<tr>` element. */\n  ref?: React.Ref<HTMLTableRowElement>;\n}\n\n/** Properties for the TableCell sub-component. */\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  /** Cell content. */\n  children: React.ReactNode;\n  /** Ref to the `<td>` element. */\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\nconst noopSubscribe = () => () => {};\n\n/**\n * Whether `wrapper` scrolls horizontally, as an external store: a `ResizeObserver` on the wrapper\n * and the table re-checks `scrollWidth > clientWidth`. Without `ResizeObserver` (server, old\n * browsers, jsdom) the value is read on each render.\n */\nfunction useHorizontalOverflow(wrapper: HTMLDivElement | null): boolean {\n  const subscribe = React.useCallback(\n    (onChange: () => void) => {\n      if (!wrapper || typeof ResizeObserver === 'undefined') return () => {};\n      const observer = new ResizeObserver(onChange);\n      observer.observe(wrapper);\n      for (const child of Array.from(wrapper.children)) observer.observe(child);\n      return () => observer.disconnect();\n    },\n    [wrapper],\n  );\n  const getSnapshot = React.useCallback(\n    () => (wrapper ? wrapper.scrollWidth > wrapper.clientWidth : false),\n    [wrapper],\n  );\n  return React.useSyncExternalStore(wrapper ? subscribe : noopSubscribe, getSnapshot, () => false);\n}\n\nfunction isCaption(node: React.ReactNode): node is React.ReactElement<{ id?: string }> {\n  return isElementOfType(node, 'caption');\n}\n\n// The component-level JSDoc sits on the exported `Table` below.\nconst TableRoot = ({\n  striped = false,\n  containerProps,\n  children,\n  className,\n  ref,\n  ...props\n}: TableProps) => {\n  const {\n    className: containerClassName,\n    ref: containerRef,\n    'aria-label': containerLabel,\n    'aria-labelledby': containerLabelledBy,\n    ...containerRest\n  } = containerProps ?? {};\n\n  const [wrapper, setWrapper] = React.useState<HTMLDivElement | null>(null);\n  const wrapperRef = useMergedRefs<HTMLDivElement>(containerRef, setWrapper);\n  const scrollable = useHorizontalOverflow(wrapper);\n\n  // Name the scroll region after the caption (also one inside a Fragment): keep its id, or give it\n  // one. The flattened children are then rendered under their flattened keys.\n  const generatedCaptionId = useId('wave-table-caption');\n  const flatChildren = flattenChildren(children);\n  const captionIndex = flatChildren.findIndex(({ node }) => isCaption(node));\n  const caption =\n    captionIndex >= 0\n      ? (flatChildren[captionIndex].node as React.ReactElement<{ id?: string }>)\n      : null;\n  const captionId = caption ? (caption.props.id ?? generatedCaptionId) : undefined;\n  const content =\n    caption && caption.props.id === undefined\n      ? flatChildren.map(({ key, node }, index) => (\n          <React.Fragment key={key}>\n            {index === captionIndex\n              ? React.cloneElement(caption, { id: generatedCaptionId })\n              : node}\n          </React.Fragment>\n        ))\n      : children;\n\n  const regionLabelledBy = containerLabel ? undefined : (containerLabelledBy ?? captionId);\n  const named = Boolean(containerLabel || regionLabelledBy);\n  const isRegion = scrollable && named;\n  /** A role the consumer gave the wrapper: their name goes with it even while nothing scrolls. */\n  const consumerRole = containerRest.role;\n\n  React.useEffect(() => {\n    if (scrollable && !named) {\n      warnOnce(\n        'Table:unnamed-scroll-region',\n        'Table: the table scrolls horizontally but its scroll region has no name. Add a <caption> or containerProps[\"aria-label\"].',\n      );\n    }\n  }, [scrollable, named]);\n\n  return (\n    <div\n      {...containerRest}\n      ref={wrapperRef}\n      role={isRegion ? 'region' : consumerRole}\n      tabIndex={scrollable ? 0 : containerRest.tabIndex}\n      aria-label={scrollable || consumerRole !== undefined ? containerLabel : undefined}\n      aria-labelledby={\n        isRegion ? regionLabelledBy : consumerRole !== undefined ? containerLabelledBy : undefined\n      }\n      className={cn(\n        tableClassNames.container,\n        'overflow-x-auto rounded-md border border-border',\n        scrollable && focusRing,\n        containerClassName,\n      )}\n    >\n      <table\n        ref={ref}\n        data-striped={striped ? '' : undefined}\n        className={cn(\n          tableClassNames.root,\n          'w-full border-separate border-spacing-0',\n          // `:where()` keeps the stripe at specificity 0, so any row class wins (C-CLASS).\n          striped && '[:where(&>tbody>tr:nth-child(odd))]:bg-card',\n          className,\n        )}\n        {...props}\n      >\n        {content}\n      </table>\n    </div>\n  );\n};\nTableRoot.displayName = 'Table';\n\n/** The table's `<thead>`. */\nconst TableHeader = ({ children, className, ref, ...rest }: TableHeaderProps) => (\n  <thead ref={ref} {...rest} className={cn(tableHeaderClassNames.root, 'bg-card', className)}>\n    {children}\n  </thead>\n);\nTableHeader.displayName = 'TableHeader';\n\n/** A column header cell (`<th scope=\"col\">`). */\nconst TableHeaderCell = ({ children, className, ref, ...props }: TableHeaderCellProps) => (\n  <th\n    ref={ref}\n    scope=\"col\"\n    className={cn(\n      tableHeaderCellClassNames.root,\n      'px-4 py-3 text-start font-semibold text-caption-1 uppercase tracking-wider border-b border-border',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </th>\n);\nTableHeaderCell.displayName = 'TableHeaderCell';\n\n/** @deprecated Use `Table.Header` (`TableHeader`). */\nconst TableHead = (props: TableHeadProps) => {\n  warnDeprecated('Table', 'Table.Head', 'Table.Header');\n  return <TableHeader {...props} />;\n};\nTableHead.displayName = 'TableHead';\n\n/** @deprecated Use `Table.HeaderCell` (`TableHeaderCell`). */\nconst TableHeadCell = (props: TableHeadCellProps) => {\n  warnDeprecated('Table', 'Table.HeadCell', 'Table.HeaderCell');\n  return <TableHeaderCell {...props} />;\n};\nTableHeadCell.displayName = 'TableHeadCell';\n\n/** The table's `<tbody>`. */\nconst TableBody = ({ children, className, ref, ...rest }: TableBodyProps) => (\n  <tbody ref={ref} {...rest} className={cn(tableBodyClassNames.root, className)}>\n    {children}\n  </tbody>\n);\nTableBody.displayName = 'TableBody';\n\n/** A table row. Striping comes from the table (`striped`), so rows need no context. */\nconst TableRow = ({ children, className, ref, ...props }: TableRowProps) => (\n  <tr\n    ref={ref}\n    className={cn(\n      tableRowClassNames.root,\n      'hover:bg-subtle-hover transition-colors motion-reduce:transition-none',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </tr>\n);\nTableRow.displayName = 'TableRow';\n\n/** A data cell (`<td>`). */\nconst TableCell = ({ children, className, ref, ...props }: TableCellProps) => (\n  <td\n    ref={ref}\n    className={cn(\n      tableCellClassNames.root,\n      'px-4 py-3 text-body-1 border-b border-border',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </td>\n);\nTableCell.displayName = 'TableCell';\n\nexport { TableHeader, TableHeaderCell, TableHead, TableHeadCell, TableBody, TableRow, TableCell };\n\n/**\n * A non-interactive data table with an optional striped body. The table sits in a horizontally\n * scrollable wrapper; while it scrolls, the wrapper is a focusable region (named by\n * `containerProps` or the `<caption>`) so keyboard users can scroll it.\n *\n * Sub-components are available as `Table.Header`, `Table.HeaderCell`, `Table.Body`, `Table.Row`\n * and `Table.Cell` in client components, and as the flat exports `TableHeader`,\n * `TableHeaderCell`, `TableBody`, `TableRow` and `TableCell` (the form React Server Components\n * can import). `Table.Head`/`Table.HeadCell` (`TableHead`/`TableHeadCell`) are deprecated aliases.\n */\nexport const Table = /* @__PURE__ */ Object.assign(TableRoot, {\n  Header: TableHeader,\n  HeaderCell: TableHeaderCell,\n  /** @deprecated Use `Table.Header`. */\n  Head: TableHead,\n  /** @deprecated Use `Table.HeaderCell`. */\n  HeadCell: TableHeadCell,\n  Body: TableBody,\n  Row: TableRow,\n  Cell: TableCell,\n});\n"],"mappings":"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"}

package/dist/components/typography/Text.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={"caption-2":`text-caption-2`,"caption-1":`text-caption-1`,"body-1":`text-body-1`,"body-2":`text-body-2`,"subtitle-2":`text-subtitle-2`,"subtitle-1":`text-subtitle-1`,"title-3":`text-title-3`,"title-2":`text-title-2`,"title-1":`text-title-1`,"large-title":`text-large-title`,display:`text-display`},o={regular:`font-normal`,semibold:`font-semibold`,bold:`font-bold`},s={400:`regular`,600:`semibold`,700:`bold`},c=e=>{let{as:r,variant:c=`body-1`,weight:l,className:u,...d}=e,f;return typeof l==`number`?(f=Object.hasOwn(s,l)?s[l]:void 0,f&&n.warnDeprecated(`Text`,`weight={${l}}`,`weight="${f}"`)):l!==void 0&&Object.hasOwn(o,l)&&(f=l),(0,i.jsx)(r??`span`,{...d,className:t.cn(a[c],f&&o[f],u)})};c.displayName=`Text`,exports.Text=c;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/classNames.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={"caption-2":`text-caption-2`,"caption-1":`text-caption-1`,"body-1":`text-body-1`,"body-2":`text-body-2`,"subtitle-2":`text-subtitle-2`,"subtitle-1":`text-subtitle-1`,"title-3":`text-title-3`,"title-2":`text-title-2`,"title-1":`text-title-1`,"large-title":`text-large-title`,display:`text-display`},s={regular:`font-normal`,semibold:`font-semibold`,bold:`font-bold`},c={400:`regular`,600:`semibold`,700:`bold`},l=e=>{let{as:i,variant:l=`body-1`,weight:u,className:d,...f}=e,p;return typeof u==`number`?(p=Object.hasOwn(c,u)?c[u]:void 0,p&&n.warnDeprecated(`Text`,`weight={${u}}`,`weight="${p}"`)):u!==void 0&&Object.hasOwn(s,u)&&(p=u),(0,a.jsx)(i??`span`,{...f,className:t.cn(r.textClassNames.root,o[l],p&&s[p],d)})};l.displayName=`Text`,exports.Text=l;
 //# sourceMappingURL=Text.cjs.map

package/dist/components/typography/Text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","names":["cn","require_runtime","require_cn","require_dev","react","react_jsx_runtime","variantClasses","weightClasses","numericWeights","Text","rest","props","resolvedWeight","weight","as","variant","className"],"sources":["../../../src/components/typography/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { warnDeprecated } from '../../lib/dev';\nimport type { PolymorphicComponent, PolymorphicProps } from '../../lib/polymorphic';\nimport type { TextWeight, TypographyVariant } from '../../lib/types';\n\n/**\n * The Text's own props (the XOwnProps rule of `PolymorphicProps`: component-specific props only).\n * Every other prop comes from the rendered element (`as`, default `'span'`).\n */\nexport interface TextOwnProps {\n  /** Typography variant controlling font size and line height (the Wave type ramp).\n   * @default 'body-1'\n   */\n  variant?: TypographyVariant;\n  /**\n   * Font weight: `'regular'`, `'semibold'` or `'bold'`. Unset, the variant's own weight applies:\n   * semibold for `'subtitle-2'` and every larger variant (`'subtitle-1'`, the titles,\n   * `'large-title'`, `'display'`), inherited for the caption and body variants. Pass `'regular'`\n   * for a title at regular weight. The numeric 0.4 values `400`, `600` and `700` still work but\n   * are deprecated.\n   */\n  weight?: TextWeight | 400 | 600 | 700;\n}\n\n/**\n * The 0.4 numeric weights, kept as deprecated aliases of {@link TextWeight} (written out in\n * {@link TextOwnProps}, not a public name).\n */\ntype DeprecatedNumericWeight = Exclude<NonNullable<TextOwnProps['weight']>, TextWeight>;\n\n/**\n * Props of {@link Text} rendered as `C` (default `'span'`). `TextProps` without a type argument\n * is the 0.4 name: the props of a Text rendered as a `<span>`, including `ref`.\n */\nexport type TextProps<C extends React.ElementType = 'span'> = PolymorphicProps<C, TextOwnProps>;\n\n/** The props the implementation reads, for any `as`. */\ntype TextImplProps = TextOwnProps & {\n  as?: React.ElementType;\n  className?: string;\n};\n\nconst variantClasses: Record<TypographyVariant, string> = {\n  'caption-2': 'text-caption-2',\n  'caption-1': 'text-caption-1',\n  'body-1': 'text-body-1',\n  'body-2': 'text-body-2',\n  'subtitle-2': 'text-subtitle-2',\n  'subtitle-1': 'text-subtitle-1',\n  'title-3': 'text-title-3',\n  'title-2': 'text-title-2',\n  'title-1': 'text-title-1',\n  'large-title': 'text-large-title',\n  display: 'text-display',\n};\n\nconst weightClasses: Record<TextWeight, string> = {\n  regular: 'font-normal',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n};\n\nconst numericWeights: Record<DeprecatedNumericWeight, TextWeight> = {\n  400: 'regular',\n  600: 'semibold',\n  700: 'bold',\n};\n\n/**\n * Text in the Wave type ramp. Renders a `<span>` by default; `as` renders any element with\n * correctly typed props (`<Text as=\"h1\" variant=\"title-1\">`, `<Text as=\"label\" htmlFor=\"…\">`).\n *\n * Text sets no color: it inherits the surrounding color (the provider's foreground by default),\n * so it follows the theme. Add a color with `className` (`text-muted-foreground`); the variant\n * stays applied.\n *\n * @example\n * <Text as=\"h2\" variant=\"title-2\">Settings</Text>\n * <Text variant=\"body-1\" weight=\"semibold\">Unsaved changes</Text>\n * <Text variant=\"caption-1\" className=\"text-muted-foreground\">Last saved 2 minutes ago</Text>\n */\nexport const Text: PolymorphicComponent<'span', TextOwnProps> = (props) => {\n  const { as, variant = 'body-1', weight, className, ...rest } = props as TextImplProps;\n\n  let resolvedWeight: TextWeight | undefined;\n  if (typeof weight === 'number') {\n    resolvedWeight = Object.hasOwn(numericWeights, weight) ? numericWeights[weight] : undefined;\n    // Warn-once during render is the sanctioned alias pattern (C-DEV).\n    if (resolvedWeight) warnDeprecated('Text', `weight={${weight}}`, `weight=\"${resolvedWeight}\"`);\n  } else if (weight !== undefined && Object.hasOwn(weightClasses, weight)) {\n    resolvedWeight = weight;\n  }\n\n  const Component: React.ElementType = as ?? 'span';\n  return (\n    <Component\n      {...rest}\n      className={cn(\n        variantClasses[variant],\n        resolvedWeight && weightClasses[resolvedWeight],\n        className,\n      )}\n    />\n  );\n};\n\nText.displayName = 'Text';\n"],"mappings":"6MA2CA,IAAMM,EAAoD,CACxD,YAAa,iBACb,YAAa,iBACb,SAAU,cACV,SAAU,cACV,aAAc,kBACd,aAAc,kBACd,UAAW,eACX,UAAW,eACX,UAAW,eACX,cAAe,mBACf,QAAS,cACX,EAEMC,EAA4C,CAChD,QAAS,cACT,SAAU,gBACV,KAAM,WACR,EAEMC,EAA8D,CAClE,IAAK,UACL,IAAK,WACL,IAAK,MACP,EAeaC,EAAoD,GAAU,CACzE,GAAM,CAAE,KAAI,UAAU,SAAU,SAAQ,YAAW,GAAGC,GAASC,EAE3DC,EAUJ,OATI,OAAOC,GAAW,UACpB,EAAiB,OAAO,OAAOL,EAAgBK,CAAM,EAAIL,EAAeK,GAAU,IAAA,GAE9ED,GAAgBT,EAAA,eAAe,OAAQ,WAAWU,EAAO,GAAI,WAAWD,EAAe,EAAE,GACpFC,IAAW,IAAA,IAAa,OAAO,OAAON,EAAeM,CAAM,IACpE,EAAiBA,IAKjB,EAAAR,EAAA,IAAA,CAFmCS,GAAM,OAEzC,CACE,GAAIJ,EACJ,UAAWV,EAAAA,GACTM,EAAeS,GACfH,GAAkBL,EAAcK,GAChCI,CACF,CACD,CAAA,CAEL,EAEA,EAAK,YAAc"}
+{"version":3,"file":"Text.cjs","names":["cn","textClassNames","require_runtime","require_cn","require_dev","require_classNames","react","react_jsx_runtime","variantClasses","weightClasses","numericWeights","Text","rest","props","resolvedWeight","weight","as","variant","className"],"sources":["../../../src/components/typography/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { warnDeprecated } from '../../lib/dev';\nimport { textClassNames } from '../../lib/classNames';\nimport type { PolymorphicComponent, PolymorphicProps } from '../../lib/polymorphic';\nimport type { TextWeight, TypographyVariant } from '../../lib/types';\n\n/**\n * The Text's own props (the XOwnProps rule of `PolymorphicProps`: component-specific props only).\n * Every other prop comes from the rendered element (`as`, default `'span'`).\n */\nexport interface TextOwnProps {\n  /** Typography variant controlling font size and line height (the Wave type ramp).\n   * @default 'body-1'\n   */\n  variant?: TypographyVariant;\n  /**\n   * Font weight: `'regular'`, `'semibold'` or `'bold'`. Unset, the variant's own weight applies:\n   * semibold for `'subtitle-2'` and every larger variant (`'subtitle-1'`, the titles,\n   * `'large-title'`, `'display'`), inherited for the caption and body variants. Pass `'regular'`\n   * for a title at regular weight. The numeric 0.4 values `400`, `600` and `700` still work but\n   * are deprecated.\n   */\n  weight?: TextWeight | 400 | 600 | 700;\n}\n\n/**\n * The 0.4 numeric weights, kept as deprecated aliases of {@link TextWeight} (written out in\n * {@link TextOwnProps}, not a public name).\n */\ntype DeprecatedNumericWeight = Exclude<NonNullable<TextOwnProps['weight']>, TextWeight>;\n\n/**\n * Props of {@link Text} rendered as `C` (default `'span'`). `TextProps` without a type argument\n * is the 0.4 name: the props of a Text rendered as a `<span>`, including `ref`.\n */\nexport type TextProps<C extends React.ElementType = 'span'> = PolymorphicProps<C, TextOwnProps>;\n\n/** The props the implementation reads, for any `as`. */\ntype TextImplProps = TextOwnProps & {\n  as?: React.ElementType;\n  className?: string;\n};\n\nconst variantClasses: Record<TypographyVariant, string> = {\n  'caption-2': 'text-caption-2',\n  'caption-1': 'text-caption-1',\n  'body-1': 'text-body-1',\n  'body-2': 'text-body-2',\n  'subtitle-2': 'text-subtitle-2',\n  'subtitle-1': 'text-subtitle-1',\n  'title-3': 'text-title-3',\n  'title-2': 'text-title-2',\n  'title-1': 'text-title-1',\n  'large-title': 'text-large-title',\n  display: 'text-display',\n};\n\nconst weightClasses: Record<TextWeight, string> = {\n  regular: 'font-normal',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n};\n\nconst numericWeights: Record<DeprecatedNumericWeight, TextWeight> = {\n  400: 'regular',\n  600: 'semibold',\n  700: 'bold',\n};\n\n/**\n * Text in the Wave type ramp. Renders a `<span>` by default; `as` renders any element with\n * correctly typed props (`<Text as=\"h1\" variant=\"title-1\">`, `<Text as=\"label\" htmlFor=\"…\">`).\n *\n * Text sets no color: it inherits the surrounding color (the provider's foreground by default),\n * so it follows the theme. Add a color with `className` (`text-muted-foreground`); the variant\n * stays applied.\n *\n * @example\n * <Text as=\"h2\" variant=\"title-2\">Settings</Text>\n * <Text variant=\"body-1\" weight=\"semibold\">Unsaved changes</Text>\n * <Text variant=\"caption-1\" className=\"text-muted-foreground\">Last saved 2 minutes ago</Text>\n */\nexport const Text: PolymorphicComponent<'span', TextOwnProps> = (props) => {\n  const { as, variant = 'body-1', weight, className, ...rest } = props as TextImplProps;\n\n  let resolvedWeight: TextWeight | undefined;\n  if (typeof weight === 'number') {\n    resolvedWeight = Object.hasOwn(numericWeights, weight) ? numericWeights[weight] : undefined;\n    // Warn-once during render is the sanctioned alias pattern (C-DEV).\n    if (resolvedWeight) warnDeprecated('Text', `weight={${weight}}`, `weight=\"${resolvedWeight}\"`);\n  } else if (weight !== undefined && Object.hasOwn(weightClasses, weight)) {\n    resolvedWeight = weight;\n  }\n\n  const Component: React.ElementType = as ?? 'span';\n  return (\n    <Component\n      {...rest}\n      className={cn(\n        textClassNames.root,\n        variantClasses[variant],\n        resolvedWeight && weightClasses[resolvedWeight],\n        className,\n      )}\n    />\n  );\n};\n\nText.displayName = 'Text';\n"],"mappings":"mPA4CA,IAAMQ,EAAoD,CACxD,YAAa,iBACb,YAAa,iBACb,SAAU,cACV,SAAU,cACV,aAAc,kBACd,aAAc,kBACd,UAAW,eACX,UAAW,eACX,UAAW,eACX,cAAe,mBACf,QAAS,cACX,EAEMC,EAA4C,CAChD,QAAS,cACT,SAAU,gBACV,KAAM,WACR,EAEMC,EAA8D,CAClE,IAAK,UACL,IAAK,WACL,IAAK,MACP,EAeaC,EAAoD,GAAU,CACzE,GAAM,CAAE,KAAI,UAAU,SAAU,SAAQ,YAAW,GAAGC,GAASC,EAE3DC,EAUJ,OATI,OAAOC,GAAW,UACpB,EAAiB,OAAO,OAAOL,EAAgBK,CAAM,EAAIL,EAAeK,GAAU,IAAA,GAE9ED,GAAgBV,EAAA,eAAe,OAAQ,WAAWW,EAAO,GAAI,WAAWD,EAAe,EAAE,GACpFC,IAAW,IAAA,IAAa,OAAO,OAAON,EAAeM,CAAM,IACpE,EAAiBA,IAKjB,EAAAR,EAAA,IAAA,CAFmCS,GAAM,OAEzC,CACE,GAAIJ,EACJ,UAAWZ,EAAAA,GACTC,EAAAA,eAAe,KACfO,EAAeS,GACfH,GAAkBL,EAAcK,GAChCI,CACF,CACD,CAAA,CAEL,EAEA,EAAK,YAAc"}

package/dist/components/typography/Text.mjs

@@ -1,10 +1,11 @@
 "use client";
 import { cn as e } from "../../lib/cn.mjs";
 import { warnDeprecated as t } from "../../lib/dev.mjs";
+import { textClassNames as n } from "../../lib/classNames.mjs";
 import "react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/typography/Text.tsx
-var r = {
+var i = {
 	"caption-2": "text-caption-2",
 	"caption-1": "text-caption-1",
 	"body-1": "text-body-1",
@@ -16,23 +17,23 @@ var r = {
 	"title-1": "text-title-1",
 	"large-title": "text-large-title",
 	display: "text-display"
-}, i = {
+}, a = {
 	regular: "font-normal",
 	semibold: "font-semibold",
 	bold: "font-bold"
-}, a = {
+}, o = {
 	400: "regular",
 	600: "semibold",
 	700: "bold"
-}, o = (o) => {
-	let { as: s, variant: c = "body-1", weight: l, className: u, ...d } = o, f;
-	return typeof l == "number" ? (f = Object.hasOwn(a, l) ? a[l] : void 0, f && t("Text", `weight={${l}}`, `weight="${f}"`)) : l !== void 0 && Object.hasOwn(i, l) && (f = l), /* @__PURE__ */ n(s ?? "span", {
-		...d,
-		className: e(r[c], f && i[f], u)
+}, s = (s) => {
+	let { as: c, variant: l = "body-1", weight: u, className: d, ...f } = s, p;
+	return typeof u == "number" ? (p = Object.hasOwn(o, u) ? o[u] : void 0, p && t("Text", `weight={${u}}`, `weight="${p}"`)) : u !== void 0 && Object.hasOwn(a, u) && (p = u), /* @__PURE__ */ r(c ?? "span", {
+		...f,
+		className: e(n.root, i[l], p && a[p], d)
 	});
 };
-o.displayName = "Text";
+s.displayName = "Text";
 //#endregion
-export { o as Text };
+export { s as Text };
 
 //# sourceMappingURL=Text.mjs.map

package/dist/components/typography/Text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","names":["variantClasses","weightClasses","numericWeights","Text","rest","props","resolvedWeight","weight","warnDeprecated","as","cn","variant","className"],"sources":["../../../src/components/typography/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { warnDeprecated } from '../../lib/dev';\nimport type { PolymorphicComponent, PolymorphicProps } from '../../lib/polymorphic';\nimport type { TextWeight, TypographyVariant } from '../../lib/types';\n\n/**\n * The Text's own props (the XOwnProps rule of `PolymorphicProps`: component-specific props only).\n * Every other prop comes from the rendered element (`as`, default `'span'`).\n */\nexport interface TextOwnProps {\n  /** Typography variant controlling font size and line height (the Wave type ramp).\n   * @default 'body-1'\n   */\n  variant?: TypographyVariant;\n  /**\n   * Font weight: `'regular'`, `'semibold'` or `'bold'`. Unset, the variant's own weight applies:\n   * semibold for `'subtitle-2'` and every larger variant (`'subtitle-1'`, the titles,\n   * `'large-title'`, `'display'`), inherited for the caption and body variants. Pass `'regular'`\n   * for a title at regular weight. The numeric 0.4 values `400`, `600` and `700` still work but\n   * are deprecated.\n   */\n  weight?: TextWeight | 400 | 600 | 700;\n}\n\n/**\n * The 0.4 numeric weights, kept as deprecated aliases of {@link TextWeight} (written out in\n * {@link TextOwnProps}, not a public name).\n */\ntype DeprecatedNumericWeight = Exclude<NonNullable<TextOwnProps['weight']>, TextWeight>;\n\n/**\n * Props of {@link Text} rendered as `C` (default `'span'`). `TextProps` without a type argument\n * is the 0.4 name: the props of a Text rendered as a `<span>`, including `ref`.\n */\nexport type TextProps<C extends React.ElementType = 'span'> = PolymorphicProps<C, TextOwnProps>;\n\n/** The props the implementation reads, for any `as`. */\ntype TextImplProps = TextOwnProps & {\n  as?: React.ElementType;\n  className?: string;\n};\n\nconst variantClasses: Record<TypographyVariant, string> = {\n  'caption-2': 'text-caption-2',\n  'caption-1': 'text-caption-1',\n  'body-1': 'text-body-1',\n  'body-2': 'text-body-2',\n  'subtitle-2': 'text-subtitle-2',\n  'subtitle-1': 'text-subtitle-1',\n  'title-3': 'text-title-3',\n  'title-2': 'text-title-2',\n  'title-1': 'text-title-1',\n  'large-title': 'text-large-title',\n  display: 'text-display',\n};\n\nconst weightClasses: Record<TextWeight, string> = {\n  regular: 'font-normal',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n};\n\nconst numericWeights: Record<DeprecatedNumericWeight, TextWeight> = {\n  400: 'regular',\n  600: 'semibold',\n  700: 'bold',\n};\n\n/**\n * Text in the Wave type ramp. Renders a `<span>` by default; `as` renders any element with\n * correctly typed props (`<Text as=\"h1\" variant=\"title-1\">`, `<Text as=\"label\" htmlFor=\"…\">`).\n *\n * Text sets no color: it inherits the surrounding color (the provider's foreground by default),\n * so it follows the theme. Add a color with `className` (`text-muted-foreground`); the variant\n * stays applied.\n *\n * @example\n * <Text as=\"h2\" variant=\"title-2\">Settings</Text>\n * <Text variant=\"body-1\" weight=\"semibold\">Unsaved changes</Text>\n * <Text variant=\"caption-1\" className=\"text-muted-foreground\">Last saved 2 minutes ago</Text>\n */\nexport const Text: PolymorphicComponent<'span', TextOwnProps> = (props) => {\n  const { as, variant = 'body-1', weight, className, ...rest } = props as TextImplProps;\n\n  let resolvedWeight: TextWeight | undefined;\n  if (typeof weight === 'number') {\n    resolvedWeight = Object.hasOwn(numericWeights, weight) ? numericWeights[weight] : undefined;\n    // Warn-once during render is the sanctioned alias pattern (C-DEV).\n    if (resolvedWeight) warnDeprecated('Text', `weight={${weight}}`, `weight=\"${resolvedWeight}\"`);\n  } else if (weight !== undefined && Object.hasOwn(weightClasses, weight)) {\n    resolvedWeight = weight;\n  }\n\n  const Component: React.ElementType = as ?? 'span';\n  return (\n    <Component\n      {...rest}\n      className={cn(\n        variantClasses[variant],\n        resolvedWeight && weightClasses[resolvedWeight],\n        className,\n      )}\n    />\n  );\n};\n\nText.displayName = 'Text';\n"],"mappings":";;;;;;AA2CA,IAAMA,IAAoD;CACxD,aAAa;CACb,aAAa;CACb,UAAU;CACV,UAAU;CACV,cAAc;CACd,cAAc;CACd,WAAW;CACX,WAAW;CACX,WAAW;CACX,eAAe;CACf,SAAS;AACX,GAEMC,IAA4C;CAChD,SAAS;CACT,UAAU;CACV,MAAM;AACR,GAEMC,IAA8D;CAClE,KAAK;CACL,KAAK;CACL,KAAK;AACP,GAeaC,KAAoD,MAAU;CACzE,IAAM,EAAE,OAAI,aAAU,UAAU,WAAQ,cAAW,GAAGC,MAASC,GAE3DC;CAUJ,OATI,OAAOC,KAAW,YACpB,IAAiB,OAAO,OAAOL,GAAgBK,CAAM,IAAIL,EAAeK,KAAU,KAAA,GAE9ED,KAAgBE,EAAe,QAAQ,WAAWD,EAAO,IAAI,WAAWD,EAAe,EAAE,KACpFC,MAAW,KAAA,KAAa,OAAO,OAAON,GAAeM,CAAM,MACpE,IAAiBA,IAKjB,kBAFmCE,KAAM,QAEzC;EACE,GAAIL;EACJ,WAAWM,EACTV,EAAeW,IACfL,KAAkBL,EAAcK,IAChCM,CACF;CACD,CAAA;AAEL;AAEA,EAAK,cAAc"}
+{"version":3,"file":"Text.mjs","names":["variantClasses","weightClasses","numericWeights","Text","rest","props","resolvedWeight","weight","warnDeprecated","as","cn","textClassNames","variant","className"],"sources":["../../../src/components/typography/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { warnDeprecated } from '../../lib/dev';\nimport { textClassNames } from '../../lib/classNames';\nimport type { PolymorphicComponent, PolymorphicProps } from '../../lib/polymorphic';\nimport type { TextWeight, TypographyVariant } from '../../lib/types';\n\n/**\n * The Text's own props (the XOwnProps rule of `PolymorphicProps`: component-specific props only).\n * Every other prop comes from the rendered element (`as`, default `'span'`).\n */\nexport interface TextOwnProps {\n  /** Typography variant controlling font size and line height (the Wave type ramp).\n   * @default 'body-1'\n   */\n  variant?: TypographyVariant;\n  /**\n   * Font weight: `'regular'`, `'semibold'` or `'bold'`. Unset, the variant's own weight applies:\n   * semibold for `'subtitle-2'` and every larger variant (`'subtitle-1'`, the titles,\n   * `'large-title'`, `'display'`), inherited for the caption and body variants. Pass `'regular'`\n   * for a title at regular weight. The numeric 0.4 values `400`, `600` and `700` still work but\n   * are deprecated.\n   */\n  weight?: TextWeight | 400 | 600 | 700;\n}\n\n/**\n * The 0.4 numeric weights, kept as deprecated aliases of {@link TextWeight} (written out in\n * {@link TextOwnProps}, not a public name).\n */\ntype DeprecatedNumericWeight = Exclude<NonNullable<TextOwnProps['weight']>, TextWeight>;\n\n/**\n * Props of {@link Text} rendered as `C` (default `'span'`). `TextProps` without a type argument\n * is the 0.4 name: the props of a Text rendered as a `<span>`, including `ref`.\n */\nexport type TextProps<C extends React.ElementType = 'span'> = PolymorphicProps<C, TextOwnProps>;\n\n/** The props the implementation reads, for any `as`. */\ntype TextImplProps = TextOwnProps & {\n  as?: React.ElementType;\n  className?: string;\n};\n\nconst variantClasses: Record<TypographyVariant, string> = {\n  'caption-2': 'text-caption-2',\n  'caption-1': 'text-caption-1',\n  'body-1': 'text-body-1',\n  'body-2': 'text-body-2',\n  'subtitle-2': 'text-subtitle-2',\n  'subtitle-1': 'text-subtitle-1',\n  'title-3': 'text-title-3',\n  'title-2': 'text-title-2',\n  'title-1': 'text-title-1',\n  'large-title': 'text-large-title',\n  display: 'text-display',\n};\n\nconst weightClasses: Record<TextWeight, string> = {\n  regular: 'font-normal',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n};\n\nconst numericWeights: Record<DeprecatedNumericWeight, TextWeight> = {\n  400: 'regular',\n  600: 'semibold',\n  700: 'bold',\n};\n\n/**\n * Text in the Wave type ramp. Renders a `<span>` by default; `as` renders any element with\n * correctly typed props (`<Text as=\"h1\" variant=\"title-1\">`, `<Text as=\"label\" htmlFor=\"…\">`).\n *\n * Text sets no color: it inherits the surrounding color (the provider's foreground by default),\n * so it follows the theme. Add a color with `className` (`text-muted-foreground`); the variant\n * stays applied.\n *\n * @example\n * <Text as=\"h2\" variant=\"title-2\">Settings</Text>\n * <Text variant=\"body-1\" weight=\"semibold\">Unsaved changes</Text>\n * <Text variant=\"caption-1\" className=\"text-muted-foreground\">Last saved 2 minutes ago</Text>\n */\nexport const Text: PolymorphicComponent<'span', TextOwnProps> = (props) => {\n  const { as, variant = 'body-1', weight, className, ...rest } = props as TextImplProps;\n\n  let resolvedWeight: TextWeight | undefined;\n  if (typeof weight === 'number') {\n    resolvedWeight = Object.hasOwn(numericWeights, weight) ? numericWeights[weight] : undefined;\n    // Warn-once during render is the sanctioned alias pattern (C-DEV).\n    if (resolvedWeight) warnDeprecated('Text', `weight={${weight}}`, `weight=\"${resolvedWeight}\"`);\n  } else if (weight !== undefined && Object.hasOwn(weightClasses, weight)) {\n    resolvedWeight = weight;\n  }\n\n  const Component: React.ElementType = as ?? 'span';\n  return (\n    <Component\n      {...rest}\n      className={cn(\n        textClassNames.root,\n        variantClasses[variant],\n        resolvedWeight && weightClasses[resolvedWeight],\n        className,\n      )}\n    />\n  );\n};\n\nText.displayName = 'Text';\n"],"mappings":";;;;;;;AA4CA,IAAMA,IAAoD;CACxD,aAAa;CACb,aAAa;CACb,UAAU;CACV,UAAU;CACV,cAAc;CACd,cAAc;CACd,WAAW;CACX,WAAW;CACX,WAAW;CACX,eAAe;CACf,SAAS;AACX,GAEMC,IAA4C;CAChD,SAAS;CACT,UAAU;CACV,MAAM;AACR,GAEMC,IAA8D;CAClE,KAAK;CACL,KAAK;CACL,KAAK;AACP,GAeaC,KAAoD,MAAU;CACzE,IAAM,EAAE,OAAI,aAAU,UAAU,WAAQ,cAAW,GAAGC,MAASC,GAE3DC;CAUJ,OATI,OAAOC,KAAW,YACpB,IAAiB,OAAO,OAAOL,GAAgBK,CAAM,IAAIL,EAAeK,KAAU,KAAA,GAE9ED,KAAgBE,EAAe,QAAQ,WAAWD,EAAO,IAAI,WAAWD,EAAe,EAAE,KACpFC,MAAW,KAAA,KAAa,OAAO,OAAON,GAAeM,CAAM,MACpE,IAAiBA,IAKjB,kBAFmCE,KAAM,QAEzC;EACE,GAAIL;EACJ,WAAWM,EACTC,EAAe,MACfX,EAAeY,IACfN,KAAkBL,EAAcK,IAChCO,CACF;CACD,CAAA;AAEL;AAEA,EAAK,cAAc"}

package/dist/hooks/useMediaQuery.cjs

@@ -0,0 +1,2 @@
+"use client";let e=require("react");function t(e){return typeof window>`u`||typeof window.matchMedia!=`function`?null:window.matchMedia(e)}function n(){return!1}function r(r){let i=(0,e.useCallback)(e=>{let n=t(r);return n?typeof n.addEventListener==`function`?(n.addEventListener(`change`,e),()=>n.removeEventListener(`change`,e)):(n.addListener(e),()=>n.removeListener(e)):()=>{}},[r]),a=(0,e.useCallback)(()=>t(r)?.matches??!1,[r]);return(0,e.useSyncExternalStore)(i,a,n)}exports.useMediaQuery=r;
+//# sourceMappingURL=useMediaQuery.cjs.map

package/dist/hooks/useMediaQuery.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.cjs","names":["useCallback","useSyncExternalStore","react","getMediaQueryList","query","getServerSnapshot","useMediaQuery","subscribe","mql","notify","getSnapshot"],"sources":["../../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from 'react';\n\nfunction getMediaQueryList(query: string): MediaQueryList | null {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return null;\n  return window.matchMedia(query);\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\n/**\n * `true` while `query` matches, updated when the answer changes. `false` on the server and where\n * `matchMedia` is unavailable. Internal: shared `useSyncExternalStore` plumbing for hooks and\n * components that need one media query, so they never duplicate it (`usePrefersReducedMotion`,\n * ColorArea's coarse-primary-pointer check).\n */\nexport function useMediaQuery(query: string): boolean {\n  const subscribe = useCallback(\n    (notify: () => void): (() => void) => {\n      const mql = getMediaQueryList(query);\n      if (!mql) return () => {};\n      if (typeof mql.addEventListener === 'function') {\n        mql.addEventListener('change', notify);\n        return () => mql.removeEventListener('change', notify);\n      }\n      // Safari < 14\n      mql.addListener(notify);\n      return () => mql.removeListener(notify);\n    },\n    [query],\n  );\n  const getSnapshot = useCallback(() => getMediaQueryList(query)?.matches ?? false, [query]);\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"mappings":"oCAEA,SAASG,EAAkB,EAAsC,CAE/D,OADI,OAAO,OAAW,KAAe,OAAO,OAAO,YAAe,WAAmB,KAC9E,OAAO,WAAWC,CAAK,CAChC,CAEA,SAASC,GAA6B,CACpC,MAAO,EACT,CAQA,SAAgBC,EAAc,EAAwB,CACpD,IAAMC,GAAA,EAAYP,EAAAA,YAAAA,CACf,GAAqC,CACpC,IAAMQ,EAAML,EAAkBC,CAAK,EAQnC,OAPKI,EACD,OAAOA,EAAI,kBAAqB,YAClCA,EAAI,iBAAiB,SAAUC,CAAM,MACxBD,EAAI,oBAAoB,SAAUC,CAAM,IAGvDD,EAAI,YAAYC,CAAM,MACTD,EAAI,eAAeC,CAAM,OAPf,CAAC,CAQ1B,EACA,CAACL,CAAK,CACR,EACMM,GAAA,EAAcV,EAAAA,YAAAA,KAAkBG,EAAkBC,CAAK,CAAC,EAAE,SAAW,GAAO,CAACA,CAAK,CAAC,EACzF,OAAA,EAAOH,EAAAA,qBAAAA,CAAqBM,EAAWG,EAAaL,CAAiB,CACvE"}

package/dist/hooks/useMediaQuery.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { useCallback as e, useSyncExternalStore as t } from "react";
+//#region src/hooks/useMediaQuery.ts
+function n(e) {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(e);
+}
+function r() {
+	return !1;
+}
+function i(i) {
+	let a = e((e) => {
+		let t = n(i);
+		return t ? typeof t.addEventListener == "function" ? (t.addEventListener("change", e), () => t.removeEventListener("change", e)) : (t.addListener(e), () => t.removeListener(e)) : () => {};
+	}, [i]), o = e(() => n(i)?.matches ?? !1, [i]);
+	return t(a, o, r);
+}
+//#endregion
+export { i as useMediaQuery };
+
+//# sourceMappingURL=useMediaQuery.mjs.map

package/dist/hooks/useMediaQuery.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.mjs","names":["getMediaQueryList","query","getServerSnapshot","useMediaQuery","subscribe","useCallback","mql","notify","getSnapshot","useSyncExternalStore"],"sources":["../../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from 'react';\n\nfunction getMediaQueryList(query: string): MediaQueryList | null {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return null;\n  return window.matchMedia(query);\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\n/**\n * `true` while `query` matches, updated when the answer changes. `false` on the server and where\n * `matchMedia` is unavailable. Internal: shared `useSyncExternalStore` plumbing for hooks and\n * components that need one media query, so they never duplicate it (`usePrefersReducedMotion`,\n * ColorArea's coarse-primary-pointer check).\n */\nexport function useMediaQuery(query: string): boolean {\n  const subscribe = useCallback(\n    (notify: () => void): (() => void) => {\n      const mql = getMediaQueryList(query);\n      if (!mql) return () => {};\n      if (typeof mql.addEventListener === 'function') {\n        mql.addEventListener('change', notify);\n        return () => mql.removeEventListener('change', notify);\n      }\n      // Safari < 14\n      mql.addListener(notify);\n      return () => mql.removeListener(notify);\n    },\n    [query],\n  );\n  const getSnapshot = useCallback(() => getMediaQueryList(query)?.matches ?? false, [query]);\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"mappings":";;;AAEA,SAASA,EAAkB,GAAsC;CAE/D,OADI,OAAO,SAAW,OAAe,OAAO,OAAO,cAAe,aAAmB,OAC9E,OAAO,WAAWC,CAAK;AAChC;AAEA,SAASC,IAA6B;CACpC,OAAO;AACT;AAQA,SAAgBC,EAAc,GAAwB;CACpD,IAAMC,IAAYC,GACf,MAAqC;EACpC,IAAMC,IAAMN,EAAkBC,CAAK;EAQnC,OAPKK,IACD,OAAOA,EAAI,oBAAqB,cAClCA,EAAI,iBAAiB,UAAUC,CAAM,SACxBD,EAAI,oBAAoB,UAAUC,CAAM,MAGvDD,EAAI,YAAYC,CAAM,SACTD,EAAI,eAAeC,CAAM,WAPf,CAAC;CAQ1B,GACA,CAACN,CAAK,CACR,GACMO,IAAcH,QAAkBL,EAAkBC,CAAK,CAAC,EAAE,WAAW,IAAO,CAACA,CAAK,CAAC;CACzF,OAAOQ,EAAqBL,GAAWI,GAAaN,CAAiB;AACvE"}

package/dist/hooks/usePrefersReducedMotion.cjs

@@ -1,2 +1,2 @@
-"use client";let e=require("react");var t=`(prefers-reduced-motion: reduce)`;function n(){return typeof window>`u`||typeof window.matchMedia!=`function`?null:window.matchMedia(t)}function r(e){let t=n();return t?typeof t.addEventListener==`function`?(t.addEventListener(`change`,e),()=>t.removeEventListener(`change`,e)):(t.addListener(e),()=>t.removeListener(e)):()=>{}}function i(){return n()?.matches??!1}function a(){return!1}function o(){return(0,e.useSyncExternalStore)(r,i,a)}exports.usePrefersReducedMotion=o;
+"use client";const e=require("./useMediaQuery.cjs");function t(){return e.useMediaQuery(`(prefers-reduced-motion: reduce)`)}exports.usePrefersReducedMotion=t;
 //# sourceMappingURL=usePrefersReducedMotion.cjs.map

package/dist/hooks/usePrefersReducedMotion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePrefersReducedMotion.cjs","names":["useSyncExternalStore","react","QUERY","getMediaQueryList","subscribe","mql","notify","getSnapshot","getServerSnapshot","usePrefersReducedMotion"],"sources":["../../src/hooks/usePrefersReducedMotion.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst QUERY = '(prefers-reduced-motion: reduce)';\n\nfunction getMediaQueryList(): MediaQueryList | null {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return null;\n  return window.matchMedia(QUERY);\n}\n\nfunction subscribe(notify: () => void): () => void {\n  const mql = getMediaQueryList();\n  if (!mql) return () => {};\n  if (typeof mql.addEventListener === 'function') {\n    mql.addEventListener('change', notify);\n    return () => mql.removeEventListener('change', notify);\n  }\n  // Safari < 14\n  mql.addListener(notify);\n  return () => mql.removeListener(notify);\n}\n\nfunction getSnapshot(): boolean {\n  return getMediaQueryList()?.matches ?? false;\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\n/**\n * `true` while the user asks for reduced motion (`prefers-reduced-motion: reduce`), updated when\n * the preference changes. `false` on the server and where `matchMedia` is unavailable.\n *\n * Use it for behaviour that CSS `motion-reduce:` variants cannot express, e.g. starting a carousel\n * paused.\n */\nexport function usePrefersReducedMotion(): boolean {\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"mappings":"oCAEA,IAAME,EAAQ,mCAEd,SAASC,GAA2C,CAElD,OADI,OAAO,OAAW,KAAe,OAAO,OAAO,YAAe,WAAmB,KAC9E,OAAO,WAAWD,CAAK,CAChC,CAEA,SAASE,EAAU,EAAgC,CACjD,IAAMC,EAAMF,EAAkB,EAQ9B,OAPKE,EACD,OAAOA,EAAI,kBAAqB,YAClCA,EAAI,iBAAiB,SAAUC,CAAM,MACxBD,EAAI,oBAAoB,SAAUC,CAAM,IAGvDD,EAAI,YAAYC,CAAM,MACTD,EAAI,eAAeC,CAAM,OAPf,CAAC,CAQ1B,CAEA,SAASC,GAAuB,CAC9B,OAAOJ,EAAkB,CAAC,EAAE,SAAW,EACzC,CAEA,SAASK,GAA6B,CACpC,MAAO,EACT,CASA,SAAgBC,GAAmC,CACjD,OAAA,EAAOT,EAAAA,qBAAAA,CAAqBI,EAAWG,EAAaC,CAAiB,CACvE"}
+{"version":3,"file":"usePrefersReducedMotion.cjs","names":["useMediaQuery","require_useMediaQuery","usePrefersReducedMotion"],"sources":["../../src/hooks/usePrefersReducedMotion.ts"],"sourcesContent":["import { useMediaQuery } from './useMediaQuery';\n\n/**\n * `true` while the user asks for reduced motion (`prefers-reduced-motion: reduce`), updated when\n * the preference changes. `false` on the server and where `matchMedia` is unavailable.\n *\n * Use it for behaviour that CSS `motion-reduce:` variants cannot express, e.g. starting a carousel\n * paused.\n */\nexport function usePrefersReducedMotion(): boolean {\n  return useMediaQuery('(prefers-reduced-motion: reduce)');\n}\n"],"mappings":"oDASA,SAAgBE,GAAmC,CACjD,OAAOF,EAAAA,cAAc,kCAAkC,CACzD"}

package/dist/hooks/usePrefersReducedMotion.mjs

@@ -1,24 +1,10 @@
 "use client";
-import { useSyncExternalStore as e } from "react";
+import { useMediaQuery as e } from "./useMediaQuery.mjs";
 //#region src/hooks/usePrefersReducedMotion.ts
-var t = "(prefers-reduced-motion: reduce)";
-function n() {
-	return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(t);
-}
-function r(e) {
-	let t = n();
-	return t ? typeof t.addEventListener == "function" ? (t.addEventListener("change", e), () => t.removeEventListener("change", e)) : (t.addListener(e), () => t.removeListener(e)) : () => {};
-}
-function i() {
-	return n()?.matches ?? !1;
-}
-function a() {
-	return !1;
-}
-function o() {
-	return e(r, i, a);
+function t() {
+	return e("(prefers-reduced-motion: reduce)");
 }
 //#endregion
-export { o as usePrefersReducedMotion };
+export { t as usePrefersReducedMotion };
 
 //# sourceMappingURL=usePrefersReducedMotion.mjs.map

package/dist/hooks/usePrefersReducedMotion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePrefersReducedMotion.mjs","names":["QUERY","getMediaQueryList","subscribe","mql","notify","getSnapshot","getServerSnapshot","usePrefersReducedMotion","useSyncExternalStore"],"sources":["../../src/hooks/usePrefersReducedMotion.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst QUERY = '(prefers-reduced-motion: reduce)';\n\nfunction getMediaQueryList(): MediaQueryList | null {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return null;\n  return window.matchMedia(QUERY);\n}\n\nfunction subscribe(notify: () => void): () => void {\n  const mql = getMediaQueryList();\n  if (!mql) return () => {};\n  if (typeof mql.addEventListener === 'function') {\n    mql.addEventListener('change', notify);\n    return () => mql.removeEventListener('change', notify);\n  }\n  // Safari < 14\n  mql.addListener(notify);\n  return () => mql.removeListener(notify);\n}\n\nfunction getSnapshot(): boolean {\n  return getMediaQueryList()?.matches ?? false;\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\n/**\n * `true` while the user asks for reduced motion (`prefers-reduced-motion: reduce`), updated when\n * the preference changes. `false` on the server and where `matchMedia` is unavailable.\n *\n * Use it for behaviour that CSS `motion-reduce:` variants cannot express, e.g. starting a carousel\n * paused.\n */\nexport function usePrefersReducedMotion(): boolean {\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"mappings":";;;AAEA,IAAMA,IAAQ;AAEd,SAASC,IAA2C;CAElD,OADI,OAAO,SAAW,OAAe,OAAO,OAAO,cAAe,aAAmB,OAC9E,OAAO,WAAWD,CAAK;AAChC;AAEA,SAASE,EAAU,GAAgC;CACjD,IAAMC,IAAMF,EAAkB;CAQ9B,OAPKE,IACD,OAAOA,EAAI,oBAAqB,cAClCA,EAAI,iBAAiB,UAAUC,CAAM,SACxBD,EAAI,oBAAoB,UAAUC,CAAM,MAGvDD,EAAI,YAAYC,CAAM,SACTD,EAAI,eAAeC,CAAM,WAPf,CAAC;AAQ1B;AAEA,SAASC,IAAuB;CAC9B,OAAOJ,EAAkB,CAAC,EAAE,WAAW;AACzC;AAEA,SAASK,IAA6B;CACpC,OAAO;AACT;AASA,SAAgBC,IAAmC;CACjD,OAAOC,EAAqBN,GAAWG,GAAaC,CAAiB;AACvE"}
+{"version":3,"file":"usePrefersReducedMotion.mjs","names":["usePrefersReducedMotion","useMediaQuery"],"sources":["../../src/hooks/usePrefersReducedMotion.ts"],"sourcesContent":["import { useMediaQuery } from './useMediaQuery';\n\n/**\n * `true` while the user asks for reduced motion (`prefers-reduced-motion: reduce`), updated when\n * the preference changes. `false` on the server and where `matchMedia` is unavailable.\n *\n * Use it for behaviour that CSS `motion-reduce:` variants cannot express, e.g. starting a carousel\n * paused.\n */\nexport function usePrefersReducedMotion(): boolean {\n  return useMediaQuery('(prefers-reduced-motion: reduce)');\n}\n"],"mappings":";;;AASA,SAAgBA,IAAmC;CACjD,OAAOC,EAAc,kCAAkC;AACzD"}

package/dist/hooks/useRovingTabIndex.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../lib/dev.cjs"),n=require("../lib/mergeRefs.cjs"),r=require("./useEventCallback.cjs"),i=require("../lib/direction.cjs"),a=require("../lib/focus.cjs"),o=require("./useTypeahead.cjs");let s=require("react");s=e.__toESM(s,1);var c=`[data-roving-value]`,l=new Set([`radiogroup`,`listbox`,`grid`,`treegrid`,`tablist`,`menu`,`menubar`,`tree`,`spinbutton`]),u=new Set([`slider`,`spinbutton`,`textbox`,`searchbox`]),d=new Set([`button`,`checkbox`,`color`,`file`,`hidden`,`image`,`radio`,`reset`,`submit`]),f=[`disabled`,`aria-disabled`,`data-disabled-focusable`,`data-roving-disabled`,`data-roving-value`,`data-roving-container`,`data-roving-transparent`,`tabindex`,`hidden`,`inert`,`role`,`type`,`contenteditable`];function p(e,t){if(e.hasAttribute(`data-roving-container`))return!0;if(!t||e.hasAttribute(`data-roving-transparent`))return!1;let n=e.getAttribute(`role`);return n!==null&&l.has(n)}function m(e,t,n){for(let r=e;r&&r!==t;r=r.parentElement)if(p(r,n))return!0;return!1}function h(e){return e.tabIndex>=0&&!e.hasAttribute(`disabled`)}function g(e){let{element:t}=e;if(!e.nested||h(t))return t;let n=t.querySelector(`[tabindex="0"]`);if(n)return n;let r=a.getFirstTabbable(t);return r instanceof HTMLElement?r:null}function _(e){let t=e.getAttribute(`data-roving-disabled`);return t!==null&&t!==`false`||v(e)?!0:!e.hasAttribute(`data-disabled-focusable`)&&e.getAttribute(`aria-disabled`)===`true`}function v(e){if(e.disabled===!0)return!0;try{return e.matches(`:disabled`)}catch{return!1}}function y(e){if(!e||e.nodeType!==1)return!1;let t=e,n=t.getAttribute(`role`);if(n!==null&&u.has(n))return!0;let r=t.localName;if(r===`textarea`||r===`select`)return!0;if(r===`input`)return!d.has(t.type);let i=t.closest(`[contenteditable]`);return i!==null&&i.getAttribute(`contenteditable`)!==`false`}function b(e){return!e.nested&&!y(e.element)}function x(e,t,n){let r=e.ownerDocument.defaultView;if(!r)return!1;for(let i=e;i&&i!==t;i=i.parentElement){let e=n.get(i);if(e===void 0){let t=i.parentElement;e=r.getComputedStyle(i).display===`none`||t!==null&&t.localName===`details`&&!t.hasAttribute(`open`)&&Array.from(t.children).find(e=>e.localName===`summary`)!==i,n.set(i,e)}if(e)return!0}let{visibility:i}=r.getComputedStyle(e);return i!==`hidden`&&i!==`collapse`?!1:r.getComputedStyle(t).visibility===`visible`}function S(e){let t=e.getRootNode().activeElement;return!!t&&e.contains(t)}function C(e){try{return document.createDocumentFragment().querySelector(e),!0}catch{return!1}}function w(e){return[e.value,e.disabled?0:b(e)?1:2]}function T(e,t,n,r){let i=e.some(([,e])=>e===1)?1:2,a=e.filter(([,e])=>e===i).map(([e])=>e);return n===`last-focused`&&r!==null&&a.includes(r)?r:t!==null&&t!==``&&a.includes(t)?t:a[0]??null}function E(e,t){if(!t)return e;let n=new Map(e.map(e=>[e.value,e])),r=[];for(let e of t){let t=n.get(e);t&&r.push(t)}return r}var ee=class{container=null;lastFocused=null;options={itemSelector:c,manageTabIndex:!1,items:void 0,activeValue:null,tabStop:`active`,roleComposites:!0};stamped=new WeakMap;autoValues=new WeakMap;autoCounter=0;notify=null;observer=null;dirty=!0;snapshot=``;subscribe=e=>(this.notify=e,this.observe(),()=>{this.notify=null,this.disconnect()});getSnapshot=()=>this.container?(this.dirty&&(this.dirty=!1,this.snapshot=JSON.stringify(this.resolveOwn().map(w))),this.snapshot):``;getServerSnapshot=()=>``;setContainer(e){e!==this.container&&(this.disconnect(),this.container=e,this.dirty=!0,this.notify&&(this.observe(),this.notify()))}recordFocus(e){b(e)&&(this.lastFocused=e.value)}setOptions(e){let t=this.options;this.options=e,(t.itemSelector!==e.itemSelector||t.manageTabIndex!==e.manageTabIndex||t.roleComposites!==e.roleComposites)&&(this.dirty=!0,this.notify?.())}resolve(e=this.container){return E(this.resolveOwn(e),this.options.items)}resolveOwn(e=this.container){if(!e)return[];let{itemSelector:t,manageTabIndex:n,roleComposites:r}=this.options,i;try{i=Array.from(e.querySelectorAll(t))}catch{return[]}let o=[],s=new Set,c=new Map;for(let t of i){let i=null,l=!1;for(let n=t;n&&n!==e;n=n.parentElement)p(n,r)&&(i=n),(n.hidden||n.hasAttribute(`inert`))&&(l=!0);if(l)continue;let u=i??t;if(s.has(u))continue;let d=i!==null;if(!d&&n&&(t.getAttribute(`tabindex`)===`-1`&&!this.stamped.has(t)||a.isHiddenInput(t)))continue;s.add(u);let f={value:this.valueOf(u,d),element:u,nested:d,disabled:_(u)};d&&!f.disabled&&!g(f)&&(f.disabled=!0),n&&!f.disabled&&x(u,e,c)&&(f.disabled=!0),o.push(f)}return o}stamp(){if(!this.options.manageTabIndex||!this.container)return;this.release(this.container);let e=this.resolve(),t=T(e.map(w),this.options.activeValue,this.options.tabStop,this.lastFocused);for(let n of e){if(n.nested)continue;let{element:e}=n,r=this.stamped.get(e);r||(r={tabIndex:e.getAttribute(`tabindex`),addedValue:!e.hasAttribute(`data-roving-value`)},this.stamped.set(e,r));let i=n.value===t?`0`:`-1`;e.getAttribute(`tabindex`)!==i&&e.setAttribute(`tabindex`,i),e.hasAttribute(`data-roving-value`)||e.setAttribute(`data-roving-value`,n.value)}}release(e){let t;try{t=Array.from(e.querySelectorAll(this.options.itemSelector))}catch{return}for(let n of t){let t=this.stamped.get(n);t&&m(n,e,this.options.roleComposites)&&(this.stamped.delete(n),t.tabIndex===null?n.removeAttribute(`tabindex`):n.setAttribute(`tabindex`,t.tabIndex),t.addedValue&&n.removeAttribute(`data-roving-value`))}}valueOf(e,t){let n=t?null:e.getAttribute(`data-roving-value`);if(n!==null)return n;let r=this.autoValues.get(e);return r===void 0&&(this.autoCounter+=1,r=`auto-${this.autoCounter}`,this.autoValues.set(e,r)),r}observe(){this.container&&!this.observer&&typeof MutationObserver<`u`&&(this.observer=new MutationObserver(()=>{this.stamp(),this.dirty=!0,this.notify?.()}),this.observer.observe(this.container,{subtree:!0,childList:!0,attributes:!0,attributeFilter:f}),this.dirty=!0)}disconnect(){this.observer?.disconnect(),this.observer=null}};function D(e){if(e===``)return null;try{return JSON.parse(e)}catch{return null}}function O(e){return e.getAttribute(`data-roving-text`)??e.textContent??``}function k(e,t){return!t||typeof t.nodeType!=`number`?!1:t===e||e.contains(t)}function A(e,t,n){if(e.length===0||!t||typeof t.nodeType!=`number`)return null;let r=new Map(e.map(e=>[e.element,e]));for(let e=t;e&&e!==n;e=e.parentNode){let t=r.get(e);if(t)return t}return null}function j(e,t,n){return e?t===g(e):t===n}function M(e,a){let l=a===void 0?void 0:e,{activeValue:u=null,items:d,orientation:f=`horizontal`,loop:p=!0,dir:m,itemSelector:h=c,typeahead:_=!1,homeEndKeys:v=!0,tabStop:x=`active`,manageTabIndex:w=!1,onFocusMove:E}=a??e,[M]=s.useState(()=>new ee),N=s.useSyncExternalStore(M.subscribe,M.getSnapshot,M.getServerSnapshot),[P,F]=s.useState(null),[I,L]=s.useState(null),R=l===void 0&&d===void 0;s.useLayoutEffect(()=>{M.setOptions({itemSelector:h,manageTabIndex:w,items:d,activeValue:u,tabStop:x,roleComposites:R}),l&&M.setContainer(l.current),M.stamp()}),s.useEffect(()=>{t.isDev&&!C(h)&&t.warnOnce(`useRovingTabIndex:itemSelector:${h}`,`useRovingTabIndex: itemSelector "${h}" is not a valid CSS selector in this browser; no item is navigable or tabbable.`)},[h]);let z=s.useMemo(()=>D(N),[N]),B=s.useMemo(()=>{if(!d)return z;if(z){let e=new Map(z),t=d.flatMap(t=>{let n=e.get(t);return n===void 0?[]:[[t,n]]});if(t.length>0)return t}return d.map(e=>[e,1])},[d,z]),V=B?T(B,u,x,I):u||null,H=s.useCallback(e=>e===V?0:-1,[V]),U=s.useCallback(e=>{M.setContainer(e),l&&n.setRef(l,e)},[M,l]),W=s.useRef([]),G=s.useRef([]),{onTypeahead:K,isSearching:q}=o.useTypeahead({getItems:()=>W.current,onMatch:(e,t)=>{G.current=t}}),J=e=>{if(!e||e.disabled)return!1;let t=g(e);return!t||(t.focus(),!S(t))?!1:(M.recordFocus(e),!0)},Y=e=>{for(let t of e)if(J(t))return},X=r.useEventCallback((e,t)=>{let n=e.metaKey||(e.altKey||e.ctrlKey)&&!o.isAltGraphCharacter(e);if(e.defaultPrevented||n||y(e.target))return;let r=M.container??e.currentTarget;if(!k(r,e.target))return;let a=M.resolve(r),s=a.filter(e=>!e.disabled);if(s.length===0)return;let c=A(a,e.target,r),l=!1,u=[],d=t?null:i.getArrowIntent(e.key,{orientation:f,dir:m??i.getDirection(e.currentTarget)});if(d){if(l=!0,!c)u=d===`next`?s:[...s].reverse();else{let e=d===`next`?1:-1,t=a.length,n=a.indexOf(c);for(let r=1;r<t;r++){if(n+=e,n<0||n>=t){if(!p)break;n=(n+t)%t}a[n].disabled||u.push(a[n])}}}else!t&&v&&(e.key===`Home`||e.key===`End`)?(l=!0,u=e.key===`Home`?s:[...s].reverse()):_&&j(c,e.target,r)&&(W.current=a.map(e=>({value:e.value,text:O(e.element),disabled:e.disabled})),G.current=[],K(e,c?.value??null)&&(l=!0,u=G.current.flatMap(e=>s.filter(t=>t.value===e))));if(l){e.preventDefault();for(let t of u){if(t===c)return;if(J(t)){E?.(t.value,e);return}}}}),Z=r.useEventCallback(e=>X(e,!1)),Q=r.useEventCallback(e=>{_&&e.key===` `&&q()&&X(e,!0)}),$=r.useEventCallback(e=>{let t=M.container??e.currentTarget;if(!k(t,e.target))return;let n=A(M.resolve(t),e.target,t);n&&(M.recordFocus(n),F(n.value),b(n)&&L(n.value),M.stamp())}),te=r.useEventCallback(e=>{J(M.resolve().find(t=>t.value===e))}),ne=r.useEventCallback(()=>{Y(M.resolve().filter(e=>!e.disabled))}),re=r.useEventCallback(()=>{Y(M.resolve().filter(e=>!e.disabled).reverse())});return{containerProps:s.useMemo(()=>({ref:U,"data-roving-container":``,onKeyDown:Z,onKeyDownCapture:Q,onFocus:$}),[U,Z,Q,$]),handleKeyDown:Z,handleKeyDownCapture:Q,handleFocus:$,getTabIndex:H,focusedValue:P,focusValue:te,focusFirst:ne,focusLast:re}}exports.useRovingTabIndex=M;
+"use client";const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../lib/dev.cjs"),n=require("../lib/mergeRefs.cjs"),r=require("./useEventCallback.cjs"),i=require("../lib/direction.cjs"),a=require("../lib/focus.cjs"),o=require("./useTypeahead.cjs");let s=require("react");s=e.__toESM(s,1);var c=`[data-roving-value]`,l=new Set([`radiogroup`,`listbox`,`grid`,`treegrid`,`tablist`,`menu`,`menubar`,`tree`,`spinbutton`]),u=new Set([`slider`,`spinbutton`,`textbox`,`searchbox`]),d=new Set([`button`,`checkbox`,`color`,`file`,`hidden`,`image`,`radio`,`reset`,`submit`]),f=[`disabled`,`aria-disabled`,`data-disabled-focusable`,`data-roving-disabled`,`data-roving-value`,`data-roving-container`,`data-roving-transparent`,`tabindex`,`hidden`,`inert`,`role`,`type`,`contenteditable`];function p(e,t){if(e.hasAttribute(`data-roving-container`))return!0;if(!t||e.hasAttribute(`data-roving-transparent`))return!1;let n=e.getAttribute(`role`);return n!==null&&l.has(n)}function m(e,t,n){for(let r=e;r&&r!==t;r=r.parentElement)if(p(r,n))return!0;return!1}function h(e){return e.tabIndex>=0&&!e.hasAttribute(`disabled`)}function g(e){let{element:t}=e;if(!e.nested||h(t))return t;let n=t.querySelector(`[tabindex="0"]`);if(n)return n;let r=a.getFirstTabbable(t);return r instanceof HTMLElement?r:null}function _(e){let t=e.getAttribute(`data-roving-disabled`);return t!==null&&t!==`false`||v(e)?!0:!e.hasAttribute(`data-disabled-focusable`)&&e.getAttribute(`aria-disabled`)===`true`}function v(e){if(e.disabled===!0)return!0;try{return e.matches(`:disabled`)}catch{return!1}}function y(e){if(!e||e.nodeType!==1)return!1;let t=e,n=t.getAttribute(`role`);if(n!==null&&u.has(n))return!0;let r=t.localName;if(r===`textarea`||r===`select`)return!0;if(r===`input`)return!d.has(t.type);let i=t.closest(`[contenteditable]`);return i!==null&&i.getAttribute(`contenteditable`)!==`false`}function b(e){return!e.nested&&!y(e.element)}function x(e,t,n){let r=e.ownerDocument.defaultView;if(!r)return!1;for(let i=e;i&&i!==t;i=i.parentElement){let e=n.get(i);if(e===void 0){let t=i.parentElement;e=r.getComputedStyle(i).display===`none`||t!==null&&t.localName===`details`&&!t.hasAttribute(`open`)&&Array.from(t.children).find(e=>e.localName===`summary`)!==i,n.set(i,e)}if(e)return!0}let{visibility:i}=r.getComputedStyle(e);return i!==`hidden`&&i!==`collapse`?!1:r.getComputedStyle(t).visibility===`visible`}function S(e){let t=e.getRootNode().activeElement;return!!t&&e.contains(t)}function C(e){try{return document.createDocumentFragment().querySelector(e),!0}catch{return!1}}function w(e){return[e.value,e.disabled?0:b(e)?1:2]}function T(e,t,n,r){let i=e.some(([,e])=>e===1)?1:2,a=e.filter(([,e])=>e===i).map(([e])=>e);return n===`last-focused`&&r!==null&&a.includes(r)?r:t!==null&&t!==``&&a.includes(t)?t:a[0]??null}function E(e,t){if(!t)return e;let n=new Map(e.map(e=>[e.value,e])),r=[];for(let e of t){let t=n.get(e);t&&r.push(t)}return r}var D=class{container=null;lastFocused=null;options={itemSelector:c,manageTabIndex:!1,items:void 0,activeValue:null,tabStop:`active`,roleComposites:!0};stamped=new WeakMap;autoValues=new WeakMap;autoCounter=0;notify=null;observer=null;dirty=!0;snapshot=``;subscribe=e=>(this.notify=e,this.observe(),()=>{this.notify=null,this.disconnect()});getSnapshot=()=>this.container?(this.dirty&&(this.dirty=!1,this.snapshot=JSON.stringify(this.resolveOwn().map(w))),this.snapshot):``;getServerSnapshot=()=>``;setContainer(e){e!==this.container&&(this.disconnect(),this.container=e,this.dirty=!0,this.notify&&(this.observe(),this.notify()))}recordFocus(e){b(e)&&(this.lastFocused=e.value)}setOptions(e){let t=this.options;this.options=e,(t.itemSelector!==e.itemSelector||t.manageTabIndex!==e.manageTabIndex||t.roleComposites!==e.roleComposites)&&(this.dirty=!0,this.notify?.())}resolve(e=this.container){return E(this.resolveOwn(e),this.options.items)}resolveOwn(e=this.container){if(!e)return[];let{itemSelector:t,manageTabIndex:n,roleComposites:r}=this.options,i;try{i=Array.from(e.querySelectorAll(t))}catch{return[]}let o=[],s=new Set,c=new Map;for(let t of i){let i=null,l=!1;for(let n=t;n&&n!==e;n=n.parentElement)p(n,r)&&(i=n),(n.hidden||n.hasAttribute(`inert`))&&(l=!0);if(l)continue;let u=i??t;if(s.has(u))continue;let d=i!==null;if(!d&&n&&(t.getAttribute(`tabindex`)===`-1`&&!this.stamped.has(t)||a.isHiddenInput(t)))continue;s.add(u);let f={value:this.valueOf(u,d),element:u,nested:d,disabled:_(u)};d&&!f.disabled&&!g(f)&&(f.disabled=!0),n&&!f.disabled&&x(u,e,c)&&(f.disabled=!0),o.push(f)}return o}stamp(){if(!this.options.manageTabIndex||!this.container)return;this.release(this.container);let e=this.resolve(),t=this.options.tabStop===`none`?null:T(e.map(w),this.options.activeValue,this.options.tabStop,this.lastFocused);for(let n of e){if(n.nested)continue;let{element:e}=n,r=this.stamped.get(e);r||(r={tabIndex:e.getAttribute(`tabindex`),addedValue:!e.hasAttribute(`data-roving-value`)},this.stamped.set(e,r));let i=n.value===t?`0`:`-1`;e.getAttribute(`tabindex`)!==i&&e.setAttribute(`tabindex`,i),e.hasAttribute(`data-roving-value`)||e.setAttribute(`data-roving-value`,n.value)}}release(e){let t;try{t=Array.from(e.querySelectorAll(this.options.itemSelector))}catch{return}for(let n of t){let t=this.stamped.get(n);t&&m(n,e,this.options.roleComposites)&&(this.stamped.delete(n),t.tabIndex===null?n.removeAttribute(`tabindex`):n.setAttribute(`tabindex`,t.tabIndex),t.addedValue&&n.removeAttribute(`data-roving-value`))}}valueOf(e,t){let n=t?null:e.getAttribute(`data-roving-value`);if(n!==null)return n;let r=this.autoValues.get(e);return r===void 0&&(this.autoCounter+=1,r=`auto-${this.autoCounter}`,this.autoValues.set(e,r)),r}observe(){this.container&&!this.observer&&typeof MutationObserver<`u`&&(this.observer=new MutationObserver(()=>{this.stamp(),this.dirty=!0,this.notify?.()}),this.observer.observe(this.container,{subtree:!0,childList:!0,attributes:!0,attributeFilter:f}),this.dirty=!0)}disconnect(){this.observer?.disconnect(),this.observer=null}};function ee(e){if(e===``)return null;try{return JSON.parse(e)}catch{return null}}function O(e){return e.getAttribute(`data-roving-text`)??e.textContent??``}function k(e,t){return!t||typeof t.nodeType!=`number`?!1:t===e||e.contains(t)}function A(e,t,n){if(e.length===0||!t||typeof t.nodeType!=`number`)return null;let r=new Map(e.map(e=>[e.element,e]));for(let e=t;e&&e!==n;e=e.parentNode){let t=r.get(e);if(t)return t}return null}function j(e,t,n){return e?t===g(e):t===n}function M(e,a){let l=a===void 0?void 0:e,{activeValue:u=null,items:d,orientation:f=`horizontal`,loop:p=!0,dir:m,itemSelector:h=c,typeahead:_=!1,homeEndKeys:v=!0,tabStop:x=`active`,manageTabIndex:w=!1,onFocusMove:E}=a??e,[M]=s.useState(()=>new D),N=s.useSyncExternalStore(M.subscribe,M.getSnapshot,M.getServerSnapshot),[P,F]=s.useState(null),[I,L]=s.useState(null),R=l===void 0&&d===void 0;s.useLayoutEffect(()=>{M.setOptions({itemSelector:h,manageTabIndex:w,items:d,activeValue:u,tabStop:x,roleComposites:R}),l&&M.setContainer(l.current),M.stamp()}),s.useEffect(()=>{t.isDev&&!C(h)&&t.warnOnce(`useRovingTabIndex:itemSelector:${h}`,`useRovingTabIndex: itemSelector "${h}" is not a valid CSS selector in this browser; no item is navigable or tabbable.`)},[h]);let z=s.useMemo(()=>ee(N),[N]),B=s.useMemo(()=>{if(!d)return z;if(z){let e=new Map(z),t=d.flatMap(t=>{let n=e.get(t);return n===void 0?[]:[[t,n]]});if(t.length>0)return t}return d.map(e=>[e,1])},[d,z]),V=x===`none`?null:B?T(B,u,x,I):u||null,H=s.useCallback(e=>e===V?0:-1,[V]),U=s.useCallback(e=>{M.setContainer(e),l&&n.setRef(l,e)},[M,l]),W=s.useRef([]),G=s.useRef([]),{onTypeahead:K,isSearching:q}=o.useTypeahead({getItems:()=>W.current,onMatch:(e,t)=>{G.current=t}}),J=e=>{if(!e||e.disabled)return!1;let t=g(e);return!t||(t.focus(),!S(t))?!1:(M.recordFocus(e),!0)},Y=e=>{for(let t of e)if(J(t))return},X=r.useEventCallback((e,t)=>{let n=e.metaKey||(e.altKey||e.ctrlKey)&&!o.isAltGraphCharacter(e);if(e.defaultPrevented||n||y(e.target))return;let r=M.container??e.currentTarget;if(!k(r,e.target))return;let a=M.resolve(r),s=a.filter(e=>!e.disabled);if(s.length===0)return;let c=A(a,e.target,r),l=!1,u=[],d=t?null:i.getArrowIntent(e.key,{orientation:f,dir:m??i.getDirection(e.currentTarget)});if(d){if(l=!0,!c)u=d===`next`?s:[...s].reverse();else{let e=d===`next`?1:-1,t=a.length,n=a.indexOf(c);for(let r=1;r<t;r++){if(n+=e,n<0||n>=t){if(!p)break;n=(n+t)%t}a[n].disabled||u.push(a[n])}}}else!t&&v&&(e.key===`Home`||e.key===`End`)?(l=!0,u=e.key===`Home`?s:[...s].reverse()):_&&j(c,e.target,r)&&(W.current=a.map(e=>({value:e.value,text:O(e.element),disabled:e.disabled})),G.current=[],K(e,c?.value??null)&&(l=!0,u=G.current.flatMap(e=>s.filter(t=>t.value===e))));if(l){e.preventDefault();for(let t of u){if(t===c)return;if(J(t)){E?.(t.value,e);return}}}}),Z=r.useEventCallback(e=>X(e,!1)),Q=r.useEventCallback(e=>{_&&e.key===` `&&q()&&X(e,!0)}),$=r.useEventCallback(e=>{let t=M.container??e.currentTarget;if(!k(t,e.target))return;let n=A(M.resolve(t),e.target,t);n&&(M.recordFocus(n),F(n.value),b(n)&&L(n.value),M.stamp())}),te=r.useEventCallback(e=>{J(M.resolve().find(t=>t.value===e))}),ne=r.useEventCallback(()=>{Y(M.resolve().filter(e=>!e.disabled))}),re=r.useEventCallback(()=>{Y(M.resolve().filter(e=>!e.disabled).reverse())});return{containerProps:s.useMemo(()=>({ref:U,"data-roving-container":``,onKeyDown:Z,onKeyDownCapture:Q,onFocus:$}),[U,Z,Q,$]),handleKeyDown:Z,handleKeyDownCapture:Q,handleFocus:$,getTabIndex:H,focusedValue:P,focusValue:te,focusFirst:ne,focusLast:re}}exports.isHiddenByCss=x,exports.useRovingTabIndex=M;
 //# sourceMappingURL=useRovingTabIndex.cjs.map