@optimum-intelligence/opti-ui 0.0.0-stage → 0.2.0

package/dist/components/stat-card/StatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.js","names":["React","cx","Card","CardProps","Skeleton","TrendingDownIcon","TrendingUpIcon","StatTrend","StatTone","StatCardProps","Omit","label","ReactNode","value","unit","delta","trend","tone","hint","icon","loading","StatCard","t0","$","_c","className","props","ref","resolvedTone","t1","t2","t3","t4","t5","t6","_c","_Fragment"],"sources":["../../../src/components/stat-card/StatCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cx } from '../../utils/cx';\nimport { Card, type CardProps } from '../card/Card';\nimport { Skeleton } from '../skeleton/Skeleton';\nimport { TrendingDownIcon, TrendingUpIcon } from '../../icons';\n\nexport type StatTrend = 'up' | 'down' | 'flat';\nexport type StatTone = 'positive' | 'negative' | 'neutral';\n\nexport interface StatCardProps extends Omit<CardProps, 'children'> {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  /** Small uppercase unit under the value, e.g. \"kWh\" or \"orders\". */\n  unit?: React.ReactNode;\n  /** Change indicator, e.g. \"+12.4%\". */\n  delta?: React.ReactNode;\n  trend?: StatTrend;\n  /** Color of the delta. Defaults to positive for `up`, negative for `down`. */\n  tone?: StatTone;\n  /** Supporting text under the value. */\n  hint?: React.ReactNode;\n  /** Icon tile shown in the top-right corner. */\n  icon?: React.ReactNode;\n  loading?: boolean;\n}\n\n/** KPI tile: label, large value, optional unit and trend. */\nexport function StatCard({\n  label,\n  value,\n  unit,\n  delta,\n  trend,\n  tone,\n  hint,\n  icon,\n  loading,\n  className,\n  ref,\n  ...props\n}: StatCardProps) {\n  const resolvedTone: StatTone = tone ?? (trend === 'up' ? 'positive' : trend === 'down' ? 'negative' : 'neutral');\n  return (\n    <Card ref={ref} className={cx('oui-stat', className)} {...props}>\n      <div className=\"oui-stat__header\">\n        <p className=\"oui-stat__label\">{label}</p>\n        {icon && <span className=\"oui-stat__icon\">{icon}</span>}\n      </div>\n      {loading ? (\n        <div className=\"oui-stat__loading\">\n          <Skeleton height=\"2.25rem\" width=\"55%\" />\n          <Skeleton height=\"0.9rem\" width=\"35%\" />\n        </div>\n      ) : (\n        <>\n          <div className=\"oui-stat__body\">\n            <p className=\"oui-stat__value\">{value}</p>\n            {unit && <p className=\"oui-stat__unit\">{unit}</p>}\n          </div>\n          {(delta || hint) && (\n            <div className=\"oui-stat__footer\">\n              {delta && (\n                <span className=\"oui-stat__delta\" data-tone={resolvedTone}>\n                  {trend === 'up' && <TrendingUpIcon />}\n                  {trend === 'down' && <TrendingDownIcon />}\n                  {delta}\n                </span>\n              )}\n              {hint && <span className=\"oui-stat__hint\">{hint}</span>}\n            </div>\n          )}\n        </>\n      )}\n    </Card>\n  );\n}\n"],"mappings":"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"}

package/dist/components/stepper/Stepper.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+export type StepStatus = 'complete' | 'current' | 'upcoming' | 'error';
+export interface StepItem {
+    /** Stable key; falls back to the index. */
+    id?: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    /** Overrides the status derived from `current`. */
+    status?: StepStatus;
+    /** Replaces the number / check mark inside the marker. */
+    icon?: React.ReactNode;
+}
+export interface StepperLabels {
+    complete: string;
+    current: string;
+    upcoming: string;
+    error: string;
+}
+export interface StepperProps extends React.OlHTMLAttributes<HTMLOListElement> {
+    ref?: React.Ref<HTMLOListElement>;
+    steps: StepItem[];
+    /** Index of the active step. Earlier steps are complete; `steps.length` completes all of them. */
+    current?: number;
+    orientation?: 'horizontal' | 'vertical';
+    size?: 'sm' | 'md';
+    /** Screen-reader text for each status. */
+    labels?: Partial<StepperLabels>;
+}
+/** Progress through an ordered sequence: a wizard, a checkout, a background job's phases. */
+export declare function Stepper({ steps, current, orientation, size, labels, className, ref, ...props }: StepperProps): React.JSX.Element;

package/dist/components/stepper/Stepper.js

@@ -0,0 +1,131 @@
+"use client";
+import { cx } from "../../utils/cx.js";
+import { CheckIcon, XIcon } from "../../icons/index.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/stepper/Stepper.tsx
+var defaultLabels = {
+	complete: "Completed",
+	current: "Current",
+	upcoming: "Not started",
+	error: "Failed"
+};
+/** Progress through an ordered sequence: a wizard, a checkout, a background job's phases. */
+function Stepper(t0) {
+	const $ = c(27);
+	let className;
+	let labels;
+	let props;
+	let ref;
+	let steps;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({steps, current: t1, orientation: t2, size: t3, labels, className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = labels;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = steps;
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t3;
+	} else {
+		className = $[1];
+		labels = $[2];
+		props = $[3];
+		ref = $[4];
+		steps = $[5];
+		t1 = $[6];
+		t2 = $[7];
+		t3 = $[8];
+	}
+	const current = t1 === void 0 ? 0 : t1;
+	const orientation = t2 === void 0 ? "horizontal" : t2;
+	const size = t3 === void 0 ? "md" : t3;
+	let t4;
+	if ($[9] !== labels) {
+		t4 = {
+			...defaultLabels,
+			...labels
+		};
+		$[9] = labels;
+		$[10] = t4;
+	} else t4 = $[10];
+	const text = t4;
+	let t5;
+	if ($[11] !== className) {
+		t5 = cx("oui-stepper", className);
+		$[11] = className;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== current || $[14] !== steps || $[15] !== text) {
+		let t7;
+		if ($[17] !== current || $[18] !== text) {
+			t7 = (step, index) => {
+				const status = step.status ?? (index < current ? "complete" : index === current ? "current" : "upcoming");
+				return /* @__PURE__ */ jsxs("li", {
+					className: "oui-stepper__step",
+					"data-status": status,
+					"aria-current": status === "current" ? "step" : void 0,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "oui-stepper__marker",
+						"aria-hidden": true,
+						children: step.icon ?? (status === "complete" ? /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 3 }) : status === "error" ? /* @__PURE__ */ jsx(XIcon, { strokeWidth: 3 }) : index + 1)
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "oui-stepper__text",
+						children: [/* @__PURE__ */ jsxs("span", {
+							className: "oui-stepper__label",
+							children: [step.label, /* @__PURE__ */ jsxs("span", {
+								className: "oui-visually-hidden",
+								children: [
+									" (",
+									text[status],
+									")"
+								]
+							})]
+						}), step.description && /* @__PURE__ */ jsx("span", {
+							className: "oui-stepper__description",
+							children: step.description
+						})]
+					})]
+				}, step.id ?? index);
+			};
+			$[17] = current;
+			$[18] = text;
+			$[19] = t7;
+		} else t7 = $[19];
+		t6 = steps.map(t7);
+		$[13] = current;
+		$[14] = steps;
+		$[15] = text;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[20] !== orientation || $[21] !== props || $[22] !== ref || $[23] !== size || $[24] !== t5 || $[25] !== t6) {
+		t7 = /* @__PURE__ */ jsx("ol", {
+			ref,
+			className: t5,
+			"data-orientation": orientation,
+			"data-size": size,
+			...props,
+			children: t6
+		});
+		$[20] = orientation;
+		$[21] = props;
+		$[22] = ref;
+		$[23] = size;
+		$[24] = t5;
+		$[25] = t6;
+		$[26] = t7;
+	} else t7 = $[26];
+	return t7;
+}
+//#endregion
+export { Stepper };
+
+//# sourceMappingURL=Stepper.js.map

package/dist/components/stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","names":["React","cx","CheckIcon","XIcon","StepStatus","StepItem","id","label","ReactNode","description","status","icon","StepperLabels","complete","current","upcoming","error","defaultLabels","StepperProps","OlHTMLAttributes","HTMLOListElement","ref","Ref","steps","orientation","size","labels","Partial","Stepper","t0","$","_c","className","props","t1","t2","t3","undefined","t4","text","t5","t6","t7","step","index","map","_c"],"sources":["../../../src/components/stepper/Stepper.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cx } from '../../utils/cx';\nimport { CheckIcon, XIcon } from '../../icons';\n\nexport type StepStatus = 'complete' | 'current' | 'upcoming' | 'error';\n\nexport interface StepItem {\n  /** Stable key; falls back to the index. */\n  id?: string;\n  label: React.ReactNode;\n  description?: React.ReactNode;\n  /** Overrides the status derived from `current`. */\n  status?: StepStatus;\n  /** Replaces the number / check mark inside the marker. */\n  icon?: React.ReactNode;\n}\n\nexport interface StepperLabels {\n  complete: string;\n  current: string;\n  upcoming: string;\n  error: string;\n}\n\nconst defaultLabels: StepperLabels = {\n  complete: 'Completed',\n  current: 'Current',\n  upcoming: 'Not started',\n  error: 'Failed',\n};\n\nexport interface StepperProps extends React.OlHTMLAttributes<HTMLOListElement> {\n  ref?: React.Ref<HTMLOListElement>;\n  steps: StepItem[];\n  /** Index of the active step. Earlier steps are complete; `steps.length` completes all of them. */\n  current?: number;\n  orientation?: 'horizontal' | 'vertical';\n  size?: 'sm' | 'md';\n  /** Screen-reader text for each status. */\n  labels?: Partial<StepperLabels>;\n}\n\n/** Progress through an ordered sequence: a wizard, a checkout, a background job's phases. */\nexport function Stepper({\n  steps,\n  current = 0,\n  orientation = 'horizontal',\n  size = 'md',\n  labels,\n  className,\n  ref,\n  ...props\n}: StepperProps) {\n  const text = { ...defaultLabels, ...labels };\n  return (\n    <ol ref={ref} className={cx('oui-stepper', className)} data-orientation={orientation} data-size={size} {...props}>\n      {steps.map((step, index) => {\n        const status: StepStatus =\n          step.status ?? (index < current ? 'complete' : index === current ? 'current' : 'upcoming');\n        return (\n          <li\n            key={step.id ?? index}\n            className=\"oui-stepper__step\"\n            data-status={status}\n            aria-current={status === 'current' ? 'step' : undefined}\n          >\n            <span className=\"oui-stepper__marker\" aria-hidden>\n              {step.icon ?? (status === 'complete' ? <CheckIcon strokeWidth={3} /> : status === 'error' ? <XIcon strokeWidth={3} /> : index + 1)}\n            </span>\n            <span className=\"oui-stepper__text\">\n              <span className=\"oui-stepper__label\">\n                {step.label}\n                <span className=\"oui-visually-hidden\"> ({text[status]})</span>\n              </span>\n              {step.description && <span className=\"oui-stepper__description\">{step.description}</span>}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"mappings":"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"}

package/dist/components/table/Table.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
+    ref?: React.Ref<HTMLTableElement>;
+    /** Row height. */
+    density?: 'compact' | 'normal' | 'comfortable';
+    /** Alternating row background. */
+    striped?: boolean;
+    /** Highlight rows on hover. */
+    hoverable?: boolean;
+    /** Keep the header visible while the wrapper scrolls (set a max height on it). */
+    stickyHeader?: boolean;
+    /** Props for the horizontally scrolling wrapper. */
+    wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
+}
+export declare function Table({ density, striped, hoverable, stickyHeader, wrapperProps, className, ref, ...props }: TableProps): React.JSX.Element;
+export declare const TableHeader: {
+    (props: import("../../utils/primitive").PrimitiveProps<"thead">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+export declare const TableBody: {
+    (props: import("../../utils/primitive").PrimitiveProps<"tbody">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+export declare const TableFooter: {
+    (props: import("../../utils/primitive").PrimitiveProps<"tfoot">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+export declare const TableRow: {
+    (props: import("../../utils/primitive").PrimitiveProps<"tr">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+export declare const TableCaption: {
+    (props: import("../../utils/primitive").PrimitiveProps<"caption">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+type Align = 'start' | 'center' | 'end';
+export type SortDirection = 'asc' | 'desc' | false;
+export interface TableHeadProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'align'> {
+    ref?: React.Ref<HTMLTableCellElement>;
+    align?: Align;
+    /** Current sort of this column. Passing it (even `false`) makes the header sortable. */
+    sort?: SortDirection;
+    onSort?: () => void;
+}
+export declare function TableHead({ align, sort, onSort, className, children, ref, ...props }: TableHeadProps): React.JSX.Element;
+export interface TableCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'align'> {
+    ref?: React.Ref<HTMLTableCellElement>;
+    align?: Align;
+    /** Tabular figures for numeric columns. */
+    numeric?: boolean;
+}
+export declare function TableCell({ align, numeric, className, ref, ...props }: TableCellProps): React.JSX.Element;
+export {};

package/dist/components/table/Table.js

@@ -0,0 +1,221 @@
+"use client";
+import { cx } from "../../utils/cx.js";
+import { createPrimitive } from "../../utils/primitive.js";
+import { ArrowDownIcon, ArrowUpIcon, ChevronsUpDownIcon } from "../../icons/index.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/table/Table.tsx
+function Table(t0) {
+	const $ = c(25);
+	let className;
+	let props;
+	let ref;
+	let stickyHeader;
+	let striped;
+	let t1;
+	let t2;
+	let wrapperProps;
+	if ($[0] !== t0) {
+		({density: t1, striped, hoverable: t2, stickyHeader, wrapperProps, className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+		$[4] = stickyHeader;
+		$[5] = striped;
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = wrapperProps;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+		stickyHeader = $[4];
+		striped = $[5];
+		t1 = $[6];
+		t2 = $[7];
+		wrapperProps = $[8];
+	}
+	const density = t1 === void 0 ? "normal" : t1;
+	const hoverable = t2 === void 0 ? true : t2;
+	const t3 = wrapperProps?.className;
+	let t4;
+	if ($[9] !== t3) {
+		t4 = cx("oui-table-wrap", t3);
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== className) {
+		t5 = cx("oui-table", className);
+		$[11] = className;
+		$[12] = t5;
+	} else t5 = $[12];
+	const t6 = striped || void 0;
+	const t7 = hoverable || void 0;
+	const t8 = stickyHeader || void 0;
+	let t9;
+	if ($[13] !== density || $[14] !== props || $[15] !== ref || $[16] !== t5 || $[17] !== t6 || $[18] !== t7 || $[19] !== t8) {
+		t9 = /* @__PURE__ */ jsx("table", {
+			ref,
+			className: t5,
+			"data-density": density,
+			"data-striped": t6,
+			"data-hoverable": t7,
+			"data-sticky-header": t8,
+			...props
+		});
+		$[13] = density;
+		$[14] = props;
+		$[15] = ref;
+		$[16] = t5;
+		$[17] = t6;
+		$[18] = t7;
+		$[19] = t8;
+		$[20] = t9;
+	} else t9 = $[20];
+	let t10;
+	if ($[21] !== t4 || $[22] !== t9 || $[23] !== wrapperProps) {
+		t10 = /* @__PURE__ */ jsx("div", {
+			...wrapperProps,
+			className: t4,
+			children: t9
+		});
+		$[21] = t4;
+		$[22] = t9;
+		$[23] = wrapperProps;
+		$[24] = t10;
+	} else t10 = $[24];
+	return t10;
+}
+var TableHeader = createPrimitive("thead", "oui-table__header", "TableHeader");
+var TableBody = createPrimitive("tbody", "oui-table__body", "TableBody");
+var TableFooter = createPrimitive("tfoot", "oui-table__footer", "TableFooter");
+var TableRow = createPrimitive("tr", "oui-table__row", "TableRow");
+var TableCaption = createPrimitive("caption", "oui-table__caption", "TableCaption");
+function TableHead(t0) {
+	const $ = c(22);
+	let children;
+	let className;
+	let onSort;
+	let props;
+	let ref;
+	let sort;
+	let t1;
+	if ($[0] !== t0) {
+		({align: t1, sort, onSort, className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = onSort;
+		$[4] = props;
+		$[5] = ref;
+		$[6] = sort;
+		$[7] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		onSort = $[3];
+		props = $[4];
+		ref = $[5];
+		sort = $[6];
+		t1 = $[7];
+	}
+	const align = t1 === void 0 ? "start" : t1;
+	const sortable = sort !== void 0;
+	let t2;
+	if ($[8] !== className) {
+		t2 = cx("oui-table__head", className);
+		$[8] = className;
+		$[9] = t2;
+	} else t2 = $[9];
+	const t3 = sort === "asc" ? "ascending" : sort === "desc" ? "descending" : void 0;
+	let t4;
+	if ($[10] !== children || $[11] !== onSort || $[12] !== sort || $[13] !== sortable) {
+		t4 = sortable ? /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: "oui-table__sort",
+			"data-active": sort ? "" : void 0,
+			onClick: onSort,
+			children: [children, sort === "asc" ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : sort === "desc" ? /* @__PURE__ */ jsx(ArrowDownIcon, {}) : /* @__PURE__ */ jsx(ChevronsUpDownIcon, {})]
+		}) : children;
+		$[10] = children;
+		$[11] = onSort;
+		$[12] = sort;
+		$[13] = sortable;
+		$[14] = t4;
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== align || $[16] !== props || $[17] !== ref || $[18] !== t2 || $[19] !== t3 || $[20] !== t4) {
+		t5 = /* @__PURE__ */ jsx("th", {
+			ref,
+			scope: "col",
+			className: t2,
+			"data-align": align,
+			"aria-sort": t3,
+			...props,
+			children: t4
+		});
+		$[15] = align;
+		$[16] = props;
+		$[17] = ref;
+		$[18] = t2;
+		$[19] = t3;
+		$[20] = t4;
+		$[21] = t5;
+	} else t5 = $[21];
+	return t5;
+}
+function TableCell(t0) {
+	const $ = c(14);
+	let align;
+	let className;
+	let numeric;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({align, numeric, className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = align;
+		$[2] = className;
+		$[3] = numeric;
+		$[4] = props;
+		$[5] = ref;
+	} else {
+		align = $[1];
+		className = $[2];
+		numeric = $[3];
+		props = $[4];
+		ref = $[5];
+	}
+	let t1;
+	if ($[6] !== className) {
+		t1 = cx("oui-table__cell", className);
+		$[6] = className;
+		$[7] = t1;
+	} else t1 = $[7];
+	const t2 = align ?? (numeric ? "end" : "start");
+	const t3 = numeric || void 0;
+	let t4;
+	if ($[8] !== props || $[9] !== ref || $[10] !== t1 || $[11] !== t2 || $[12] !== t3) {
+		t4 = /* @__PURE__ */ jsx("td", {
+			ref,
+			className: t1,
+			"data-align": t2,
+			"data-numeric": t3,
+			...props
+		});
+		$[8] = props;
+		$[9] = ref;
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+	} else t4 = $[13];
+	return t4;
+}
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","names":["React","cx","createPrimitive","ArrowDownIcon","ArrowUpIcon","ChevronsUpDownIcon","TableProps","TableHTMLAttributes","HTMLTableElement","ref","Ref","density","striped","hoverable","stickyHeader","wrapperProps","HTMLAttributes","HTMLDivElement","Table","t0","$","_c","className","props","t1","t2","undefined","t3","t4","t5","t6","t7","t8","t9","t10","TableHeader","TableBody","TableFooter","TableRow","TableCaption","Align","SortDirection","TableHeadProps","Omit","ThHTMLAttributes","HTMLTableCellElement","align","sort","onSort","TableHead","children","sortable","TableCellProps","TdHTMLAttributes","numeric","TableCell","_c"],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cx } from '../../utils/cx';\nimport { createPrimitive } from '../../utils/primitive';\nimport { ArrowDownIcon, ArrowUpIcon, ChevronsUpDownIcon } from '../../icons';\n\nexport interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {\n  ref?: React.Ref<HTMLTableElement>;\n  /** Row height. */\n  density?: 'compact' | 'normal' | 'comfortable';\n  /** Alternating row background. */\n  striped?: boolean;\n  /** Highlight rows on hover. */\n  hoverable?: boolean;\n  /** Keep the header visible while the wrapper scrolls (set a max height on it). */\n  stickyHeader?: boolean;\n  /** Props for the horizontally scrolling wrapper. */\n  wrapperProps?: React.HTMLAttributes<HTMLDivElement>;\n}\n\nexport function Table({\n  density = 'normal',\n  striped,\n  hoverable = true,\n  stickyHeader,\n  wrapperProps,\n  className,\n  ref,\n  ...props\n}: TableProps) {\n  return (\n    <div {...wrapperProps} className={cx('oui-table-wrap', wrapperProps?.className)}>\n      <table\n        ref={ref}\n        className={cx('oui-table', className)}\n        data-density={density}\n        data-striped={striped || undefined}\n        data-hoverable={hoverable || undefined}\n        data-sticky-header={stickyHeader || undefined}\n        {...props}\n      />\n    </div>\n  );\n}\n\nexport const TableHeader = createPrimitive('thead', 'oui-table__header', 'TableHeader');\nexport const TableBody = createPrimitive('tbody', 'oui-table__body', 'TableBody');\nexport const TableFooter = createPrimitive('tfoot', 'oui-table__footer', 'TableFooter');\nexport const TableRow = createPrimitive('tr', 'oui-table__row', 'TableRow');\nexport const TableCaption = createPrimitive('caption', 'oui-table__caption', 'TableCaption');\n\ntype Align = 'start' | 'center' | 'end';\nexport type SortDirection = 'asc' | 'desc' | false;\n\nexport interface TableHeadProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'align'> {\n  ref?: React.Ref<HTMLTableCellElement>;\n  align?: Align;\n  /** Current sort of this column. Passing it (even `false`) makes the header sortable. */\n  sort?: SortDirection;\n  onSort?: () => void;\n}\n\nexport function TableHead({ align = 'start', sort, onSort, className, children, ref, ...props }: TableHeadProps) {\n  const sortable = sort !== undefined;\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      className={cx('oui-table__head', className)}\n      data-align={align}\n      aria-sort={sort === 'asc' ? 'ascending' : sort === 'desc' ? 'descending' : undefined}\n      {...props}\n    >\n      {sortable ? (\n        <button type=\"button\" className=\"oui-table__sort\" data-active={sort ? '' : undefined} onClick={onSort}>\n          {children}\n          {sort === 'asc' ? <ArrowUpIcon /> : sort === 'desc' ? <ArrowDownIcon /> : <ChevronsUpDownIcon />}\n        </button>\n      ) : (\n        children\n      )}\n    </th>\n  );\n}\n\nexport interface TableCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'align'> {\n  ref?: React.Ref<HTMLTableCellElement>;\n  align?: Align;\n  /** Tabular figures for numeric columns. */\n  numeric?: boolean;\n}\n\nexport function TableCell({ align, numeric, className, ref, ...props }: TableCellProps) {\n  return (\n    <td\n      ref={ref}\n      className={cx('oui-table__cell', className)}\n      data-align={align ?? (numeric ? 'end' : 'start')}\n      data-numeric={numeric || undefined}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+import { Tabs as BaseTabs } from '@base-ui/react/tabs';
+export type TabsVariant = 'underline' | 'segmented';
+export interface TabsListProps extends BaseTabs.List.Props {
+    /** `underline` (default) for page sections, `segmented` for compact switchers. */
+    variant?: TabsVariant;
+    size?: 'sm' | 'md';
+}
+declare function TabsRoot({ className, ref, ...props }: BaseTabs.Root.Props): import("react").JSX.Element;
+declare function TabsList({ variant, size, className, children, ref, ...props }: TabsListProps): import("react").JSX.Element;
+declare function TabsTab({ className, ref, ...props }: BaseTabs.Tab.Props): import("react").JSX.Element;
+declare function TabsPanel({ className, ref, ...props }: BaseTabs.Panel.Props): import("react").JSX.Element;
+/** `Tabs.Root` › `Tabs.List` › `Tabs.Tab`, then one `Tabs.Panel` per value. */
+export declare const Tabs: {
+    Root: typeof TabsRoot;
+    List: typeof TabsList;
+    Tab: typeof TabsTab;
+    Panel: typeof TabsPanel;
+};
+export {};