jaci-ui 0.1.0

package/dist/components/table/table.cjs

@@ -0,0 +1,196 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_table = require("../../styled-system/recipes/table.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/table/table.tsx
+const TableContainer = (0, react.forwardRef)(function TableContainer({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_table.table().container, className),
+		"data-jaci-component": "table",
+		"data-slot": "table-container"
+	});
+});
+const TableRoot = (0, react.forwardRef)(function TableRoot({ bordered = false, className, density = "comfortable", stickyHeader = false, striped = false, ...props }, ref) {
+	const styles = require_table.table({
+		bordered,
+		density,
+		stickyHeader,
+		striped
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
+		...props,
+		ref,
+		className: require_cx.cx(styles.root, className),
+		"data-jaci-component": "table",
+		"data-slot": "table"
+	});
+});
+const TableCaption = (0, react.forwardRef)(function TableCaption({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("caption", {
+		...props,
+		ref,
+		className: require_cx.cx(require_table.table().caption, className),
+		"data-slot": "table-caption"
+	});
+});
+const TableHeader = (0, react.forwardRef)(function TableHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
+		...props,
+		ref,
+		className: require_cx.cx(require_table.table().header, className),
+		"data-slot": "table-header"
+	});
+});
+const TableBody = (0, react.forwardRef)(function TableBody({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
+		...props,
+		ref,
+		className: require_cx.cx(require_table.table().body, className),
+		"data-slot": "table-body"
+	});
+});
+const TableFooter = (0, react.forwardRef)(function TableFooter({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tfoot", {
+		...props,
+		ref,
+		className: require_cx.cx(require_table.table().footer, className),
+		"data-slot": "table-footer"
+	});
+});
+const TableRow = (0, react.forwardRef)(function TableRow({ className, selected = false, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+		...props,
+		ref,
+		"aria-selected": selected || void 0,
+		className: require_cx.cx(require_table.table().row, className),
+		"data-selected": selected || void 0,
+		"data-slot": "table-row"
+	});
+});
+const TableHead = (0, react.forwardRef)(function TableHead({ children, className, onSort, sortDirection = "none", sortable = false, ...props }, ref) {
+	const styles = require_table.table();
+	const ariaSort = sortable ? sortDirection : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+		...props,
+		ref,
+		"aria-sort": ariaSort,
+		className: require_cx.cx(styles.head, className),
+		"data-sort-direction": sortable ? sortDirection : void 0,
+		"data-slot": "table-head",
+		scope: props.scope ?? "col",
+		children: sortable ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			"aria-label": props["aria-label"] ?? `Sort by ${typeof children === "string" ? children : "column"}`,
+			className: styles.sortButton,
+			onClick: onSort,
+			type: "button",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"aria-hidden": "true",
+				children: sortDirection === "ascending" ? "↑" : sortDirection === "descending" ? "↓" : "↕"
+			})]
+		}) : children
+	});
+});
+const TableCell = (0, react.forwardRef)(function TableCell({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+		...props,
+		ref,
+		className: require_cx.cx(require_table.table().cell, className),
+		"data-slot": "table-cell"
+	});
+});
+function SelectionInput({ "aria-label": ariaLabel, checked, indeterminate = false, inputProps, onCheckedChange }) {
+	const ref = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		if (ref.current) ref.current.indeterminate = indeterminate;
+	}, [indeterminate]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		...inputProps,
+		ref,
+		"aria-label": ariaLabel ?? inputProps?.["aria-label"],
+		"aria-checked": indeterminate ? "mixed" : checked,
+		checked,
+		onChange: (event) => onCheckedChange?.(event.currentTarget.checked),
+		type: "checkbox"
+	});
+}
+const TableSelectionHeader = (0, react.forwardRef)(function TableSelectionHeader({ checked, className, indeterminate, inputProps, onCheckedChange, ...props }, ref) {
+	const ariaLabel = props["aria-label"] ?? inputProps?.["aria-label"] ?? "Select all rows";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+		...props,
+		ref,
+		"aria-label": ariaLabel,
+		className: require_cx.cx(require_table.table().selection, className),
+		"data-slot": "table-selection-header",
+		scope: "col",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionInput, {
+			"aria-label": ariaLabel,
+			checked,
+			inputProps,
+			indeterminate,
+			onCheckedChange
+		})
+	});
+});
+const TableSelectionCell = (0, react.forwardRef)(function TableSelectionCell({ checked, className, indeterminate, inputProps, onCheckedChange, ...props }, ref) {
+	const ariaLabel = props["aria-label"] ?? inputProps?.["aria-label"] ?? "Select row";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+		...props,
+		ref,
+		className: require_cx.cx(require_table.table().selection, className),
+		"data-slot": "table-selection-cell",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectionInput, {
+			"aria-label": ariaLabel,
+			checked,
+			inputProps,
+			indeterminate,
+			onCheckedChange
+		})
+	});
+});
+const TableEmpty = (0, react.forwardRef)(function TableEmpty({ children = "No results found.", className, colSpan = 1, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+		...props,
+		ref,
+		className: require_cx.cx(require_table.table().row, className),
+		"data-slot": "table-empty-row",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+			className: require_table.table().empty,
+			colSpan,
+			"data-slot": "table-empty",
+			children
+		})
+	});
+});
+const Table = {
+	Container: TableContainer,
+	Root: TableRoot,
+	Caption: TableCaption,
+	Header: TableHeader,
+	Body: TableBody,
+	Footer: TableFooter,
+	Row: TableRow,
+	Head: TableHead,
+	Cell: TableCell,
+	SelectionHeader: TableSelectionHeader,
+	SelectionCell: TableSelectionCell,
+	Empty: TableEmpty
+};
+//#endregion
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableContainer = TableContainer;
+exports.TableEmpty = TableEmpty;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRoot = TableRoot;
+exports.TableRow = TableRow;
+exports.TableSelectionCell = TableSelectionCell;
+exports.TableSelectionHeader = TableSelectionHeader;
+
+//# sourceMappingURL=table.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.cjs","names":["cx","table"],"sources":["../../../src/components/table/table.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, useRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { table } from \"../../styled-system/recipes\";\n\nexport type TableSortDirection = \"none\" | \"ascending\" | \"descending\";\nexport type TableDensity = \"compact\" | \"comfortable\";\n\nexport interface TableContainerProps extends ComponentPropsWithoutRef<\"div\"> {}\n\nexport const TableContainer = forwardRef<HTMLDivElement, TableContainerProps>(\n  function TableContainer({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(table().container, className)}\n        data-jaci-component=\"table\"\n        data-slot=\"table-container\"\n      />\n    );\n  },\n);\n\nexport interface TableRootProps extends ComponentPropsWithoutRef<\"table\"> {\n  bordered?: boolean;\n  density?: TableDensity;\n  stickyHeader?: boolean;\n  striped?: boolean;\n}\n\nexport const TableRoot = forwardRef<HTMLTableElement, TableRootProps>(function TableRoot(\n  {\n    bordered = false,\n    className,\n    density = \"comfortable\",\n    stickyHeader = false,\n    striped = false,\n    ...props\n  },\n  ref,\n) {\n  const styles = table({ bordered, density, stickyHeader, striped });\n\n  return (\n    <table\n      {...props}\n      ref={ref}\n      className={cx(styles.root, className)}\n      data-jaci-component=\"table\"\n      data-slot=\"table\"\n    />\n  );\n});\n\nexport type TableCaptionProps = ComponentPropsWithoutRef<\"caption\">;\n\nexport const TableCaption = forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\n  function TableCaption({ className, ...props }, ref) {\n    return (\n      <caption\n        {...props}\n        ref={ref}\n        className={cx(table().caption, className)}\n        data-slot=\"table-caption\"\n      />\n    );\n  },\n);\n\nexport type TableHeaderProps = ComponentPropsWithoutRef<\"thead\">;\nexport const TableHeader = forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  function TableHeader({ className, ...props }, ref) {\n    return (\n      <thead\n        {...props}\n        ref={ref}\n        className={cx(table().header, className)}\n        data-slot=\"table-header\"\n      />\n    );\n  },\n);\n\nexport type TableBodyProps = ComponentPropsWithoutRef<\"tbody\">;\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(function TableBody(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <tbody {...props} ref={ref} className={cx(table().body, className)} data-slot=\"table-body\" />\n  );\n});\n\nexport type TableFooterProps = ComponentPropsWithoutRef<\"tfoot\">;\nexport const TableFooter = forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  function TableFooter({ className, ...props }, ref) {\n    return (\n      <tfoot\n        {...props}\n        ref={ref}\n        className={cx(table().footer, className)}\n        data-slot=\"table-footer\"\n      />\n    );\n  },\n);\n\nexport interface TableRowProps extends ComponentPropsWithoutRef<\"tr\"> {\n  selected?: boolean;\n}\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  { className, selected = false, ...props },\n  ref,\n) {\n  return (\n    <tr\n      {...props}\n      ref={ref}\n      aria-selected={selected || undefined}\n      className={cx(table().row, className)}\n      data-selected={selected || undefined}\n      data-slot=\"table-row\"\n    />\n  );\n});\n\nexport interface TableHeadProps extends ComponentPropsWithoutRef<\"th\"> {\n  onSort?: () => void;\n  sortDirection?: TableSortDirection;\n  sortable?: boolean;\n}\n\nexport const TableHead = forwardRef<HTMLTableCellElement, TableHeadProps>(function TableHead(\n  { children, className, onSort, sortDirection = \"none\", sortable = false, ...props },\n  ref,\n) {\n  const styles = table();\n  const ariaSort = sortable ? sortDirection : undefined;\n\n  return (\n    <th\n      {...props}\n      ref={ref}\n      aria-sort={ariaSort}\n      className={cx(styles.head, className)}\n      data-sort-direction={sortable ? sortDirection : undefined}\n      data-slot=\"table-head\"\n      scope={props.scope ?? \"col\"}\n    >\n      {sortable ? (\n        <button\n          aria-label={\n            props[\"aria-label\"] ?? `Sort by ${typeof children === \"string\" ? children : \"column\"}`\n          }\n          className={styles.sortButton}\n          onClick={onSort}\n          type=\"button\"\n        >\n          <span>{children}</span>\n          <span aria-hidden=\"true\">\n            {sortDirection === \"ascending\" ? \"↑\" : sortDirection === \"descending\" ? \"↓\" : \"↕\"}\n          </span>\n        </button>\n      ) : (\n        children\n      )}\n    </th>\n  );\n});\n\nexport interface TableCellProps extends ComponentPropsWithoutRef<\"td\"> {}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  { className, ...props },\n  ref,\n) {\n  return <td {...props} ref={ref} className={cx(table().cell, className)} data-slot=\"table-cell\" />;\n});\n\ninterface TableSelectionInputProps {\n  \"aria-label\"?: string | undefined;\n  checked?: boolean | undefined;\n  indeterminate?: boolean | undefined;\n  inputProps?:\n    | Omit<ComponentPropsWithoutRef<\"input\">, \"checked\" | \"defaultChecked\" | \"onChange\" | \"type\">\n    | undefined;\n  onCheckedChange?: ((checked: boolean) => void) | undefined;\n}\n\nfunction SelectionInput({\n  \"aria-label\": ariaLabel,\n  checked,\n  indeterminate = false,\n  inputProps,\n  onCheckedChange,\n}: TableSelectionInputProps) {\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  return (\n    <input\n      {...inputProps}\n      ref={ref}\n      aria-label={ariaLabel ?? inputProps?.[\"aria-label\"]}\n      aria-checked={indeterminate ? \"mixed\" : checked}\n      checked={checked}\n      onChange={(event) => onCheckedChange?.(event.currentTarget.checked)}\n      type=\"checkbox\"\n    />\n  );\n}\n\nexport interface TableSelectionHeaderProps\n  extends Omit<ComponentPropsWithoutRef<\"th\">, \"children\">,\n    TableSelectionInputProps {}\n\nexport const TableSelectionHeader = forwardRef<HTMLTableCellElement, TableSelectionHeaderProps>(\n  function TableSelectionHeader(\n    { checked, className, indeterminate, inputProps, onCheckedChange, ...props },\n    ref,\n  ) {\n    const ariaLabel = props[\"aria-label\"] ?? inputProps?.[\"aria-label\"] ?? \"Select all rows\";\n\n    return (\n      <th\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel}\n        className={cx(table().selection, className)}\n        data-slot=\"table-selection-header\"\n        scope=\"col\"\n      >\n        <SelectionInput\n          aria-label={ariaLabel}\n          checked={checked}\n          inputProps={inputProps}\n          indeterminate={indeterminate}\n          onCheckedChange={onCheckedChange}\n        />\n      </th>\n    );\n  },\n);\n\nexport interface TableSelectionCellProps\n  extends Omit<ComponentPropsWithoutRef<\"td\">, \"children\">,\n    TableSelectionInputProps {}\n\nexport const TableSelectionCell = forwardRef<HTMLTableCellElement, TableSelectionCellProps>(\n  function TableSelectionCell(\n    { checked, className, indeterminate, inputProps, onCheckedChange, ...props },\n    ref,\n  ) {\n    const ariaLabel = props[\"aria-label\"] ?? inputProps?.[\"aria-label\"] ?? \"Select row\";\n\n    return (\n      <td\n        {...props}\n        ref={ref}\n        className={cx(table().selection, className)}\n        data-slot=\"table-selection-cell\"\n      >\n        <SelectionInput\n          aria-label={ariaLabel}\n          checked={checked}\n          inputProps={inputProps}\n          indeterminate={indeterminate}\n          onCheckedChange={onCheckedChange}\n        />\n      </td>\n    );\n  },\n);\n\nexport interface TableEmptyProps extends Omit<ComponentPropsWithoutRef<\"tr\">, \"children\"> {\n  children?: ReactNode;\n  colSpan?: number;\n}\n\nexport const TableEmpty = forwardRef<HTMLTableRowElement, TableEmptyProps>(function TableEmpty(\n  { children = \"No results found.\", className, colSpan = 1, ...props },\n  ref,\n) {\n  return (\n    <tr {...props} ref={ref} className={cx(table().row, className)} data-slot=\"table-empty-row\">\n      <td className={table().empty} colSpan={colSpan} data-slot=\"table-empty\">\n        {children}\n      </td>\n    </tr>\n  );\n});\n\nexport const Table = {\n  Container: TableContainer,\n  Root: TableRoot,\n  Caption: TableCaption,\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  Head: TableHead,\n  Cell: TableCell,\n  SelectionHeader: TableSelectionHeader,\n  SelectionCell: TableSelectionCell,\n  Empty: TableEmpty,\n};\n"],"mappings":"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"}

package/dist/components/table/table.d.cts

@@ -0,0 +1,66 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/table/table.d.ts
+type TableSortDirection = "none" | "ascending" | "descending";
+type TableDensity = "compact" | "comfortable";
+interface TableContainerProps extends ComponentPropsWithoutRef<"div"> {}
+declare const TableContainer: import("react").ForwardRefExoticComponent<TableContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+interface TableRootProps extends ComponentPropsWithoutRef<"table"> {
+  bordered?: boolean;
+  density?: TableDensity;
+  stickyHeader?: boolean;
+  striped?: boolean;
+}
+declare const TableRoot: import("react").ForwardRefExoticComponent<TableRootProps & import("react").RefAttributes<HTMLTableElement>>;
+type TableCaptionProps = ComponentPropsWithoutRef<"caption">;
+declare const TableCaption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLTableCaptionElement>>;
+type TableHeaderProps = ComponentPropsWithoutRef<"thead">;
+declare const TableHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+type TableBodyProps = ComponentPropsWithoutRef<"tbody">;
+declare const TableBody: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+type TableFooterProps = ComponentPropsWithoutRef<"tfoot">;
+declare const TableFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+interface TableRowProps extends ComponentPropsWithoutRef<"tr"> {
+  selected?: boolean;
+}
+declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+interface TableHeadProps extends ComponentPropsWithoutRef<"th"> {
+  onSort?: () => void;
+  sortDirection?: TableSortDirection;
+  sortable?: boolean;
+}
+declare const TableHead: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<HTMLTableCellElement>>;
+interface TableCellProps extends ComponentPropsWithoutRef<"td"> {}
+declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+interface TableSelectionInputProps {
+  "aria-label"?: string | undefined;
+  checked?: boolean | undefined;
+  indeterminate?: boolean | undefined;
+  inputProps?: Omit<ComponentPropsWithoutRef<"input">, "checked" | "defaultChecked" | "onChange" | "type"> | undefined;
+  onCheckedChange?: ((checked: boolean) => void) | undefined;
+}
+interface TableSelectionHeaderProps extends Omit<ComponentPropsWithoutRef<"th">, "children">, TableSelectionInputProps {}
+declare const TableSelectionHeader: import("react").ForwardRefExoticComponent<TableSelectionHeaderProps & import("react").RefAttributes<HTMLTableCellElement>>;
+interface TableSelectionCellProps extends Omit<ComponentPropsWithoutRef<"td">, "children">, TableSelectionInputProps {}
+declare const TableSelectionCell: import("react").ForwardRefExoticComponent<TableSelectionCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+interface TableEmptyProps extends Omit<ComponentPropsWithoutRef<"tr">, "children"> {
+  children?: ReactNode;
+  colSpan?: number;
+}
+declare const TableEmpty: import("react").ForwardRefExoticComponent<TableEmptyProps & import("react").RefAttributes<HTMLTableRowElement>>;
+declare const Table: {
+  Container: import("react").ForwardRefExoticComponent<TableContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+  Root: import("react").ForwardRefExoticComponent<TableRootProps & import("react").RefAttributes<HTMLTableElement>>;
+  Caption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLTableCaptionElement>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+  Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+  Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+  Row: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+  Head: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<HTMLTableCellElement>>;
+  Cell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+  SelectionHeader: import("react").ForwardRefExoticComponent<TableSelectionHeaderProps & import("react").RefAttributes<HTMLTableCellElement>>;
+  SelectionCell: import("react").ForwardRefExoticComponent<TableSelectionCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+  Empty: import("react").ForwardRefExoticComponent<TableEmptyProps & import("react").RefAttributes<HTMLTableRowElement>>;
+};
+//#endregion
+export { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableDensity, TableEmpty, TableEmptyProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSelectionCell, TableSelectionCellProps, TableSelectionHeader, TableSelectionHeaderProps, TableSortDirection };
+//# sourceMappingURL=table.d.cts.map

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

@@ -0,0 +1,66 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/table/table.d.ts
+type TableSortDirection = "none" | "ascending" | "descending";
+type TableDensity = "compact" | "comfortable";
+interface TableContainerProps extends ComponentPropsWithoutRef<"div"> {}
+declare const TableContainer: import("react").ForwardRefExoticComponent<TableContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+interface TableRootProps extends ComponentPropsWithoutRef<"table"> {
+  bordered?: boolean;
+  density?: TableDensity;
+  stickyHeader?: boolean;
+  striped?: boolean;
+}
+declare const TableRoot: import("react").ForwardRefExoticComponent<TableRootProps & import("react").RefAttributes<HTMLTableElement>>;
+type TableCaptionProps = ComponentPropsWithoutRef<"caption">;
+declare const TableCaption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLTableCaptionElement>>;
+type TableHeaderProps = ComponentPropsWithoutRef<"thead">;
+declare const TableHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+type TableBodyProps = ComponentPropsWithoutRef<"tbody">;
+declare const TableBody: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+type TableFooterProps = ComponentPropsWithoutRef<"tfoot">;
+declare const TableFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+interface TableRowProps extends ComponentPropsWithoutRef<"tr"> {
+  selected?: boolean;
+}
+declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+interface TableHeadProps extends ComponentPropsWithoutRef<"th"> {
+  onSort?: () => void;
+  sortDirection?: TableSortDirection;
+  sortable?: boolean;
+}
+declare const TableHead: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<HTMLTableCellElement>>;
+interface TableCellProps extends ComponentPropsWithoutRef<"td"> {}
+declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+interface TableSelectionInputProps {
+  "aria-label"?: string | undefined;
+  checked?: boolean | undefined;
+  indeterminate?: boolean | undefined;
+  inputProps?: Omit<ComponentPropsWithoutRef<"input">, "checked" | "defaultChecked" | "onChange" | "type"> | undefined;
+  onCheckedChange?: ((checked: boolean) => void) | undefined;
+}
+interface TableSelectionHeaderProps extends Omit<ComponentPropsWithoutRef<"th">, "children">, TableSelectionInputProps {}
+declare const TableSelectionHeader: import("react").ForwardRefExoticComponent<TableSelectionHeaderProps & import("react").RefAttributes<HTMLTableCellElement>>;
+interface TableSelectionCellProps extends Omit<ComponentPropsWithoutRef<"td">, "children">, TableSelectionInputProps {}
+declare const TableSelectionCell: import("react").ForwardRefExoticComponent<TableSelectionCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+interface TableEmptyProps extends Omit<ComponentPropsWithoutRef<"tr">, "children"> {
+  children?: ReactNode;
+  colSpan?: number;
+}
+declare const TableEmpty: import("react").ForwardRefExoticComponent<TableEmptyProps & import("react").RefAttributes<HTMLTableRowElement>>;
+declare const Table: {
+  Container: import("react").ForwardRefExoticComponent<TableContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+  Root: import("react").ForwardRefExoticComponent<TableRootProps & import("react").RefAttributes<HTMLTableElement>>;
+  Caption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLTableCaptionElement>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+  Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+  Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+  Row: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+  Head: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<HTMLTableCellElement>>;
+  Cell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+  SelectionHeader: import("react").ForwardRefExoticComponent<TableSelectionHeaderProps & import("react").RefAttributes<HTMLTableCellElement>>;
+  SelectionCell: import("react").ForwardRefExoticComponent<TableSelectionCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+  Empty: import("react").ForwardRefExoticComponent<TableEmptyProps & import("react").RefAttributes<HTMLTableRowElement>>;
+};
+//#endregion
+export { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableDensity, TableEmpty, TableEmptyProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSelectionCell, TableSelectionCellProps, TableSelectionHeader, TableSelectionHeaderProps, TableSortDirection };
+//# sourceMappingURL=table.d.ts.map

package/dist/components/table/table.js

@@ -0,0 +1,184 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { table } from "../../styled-system/recipes/table.js";
+import { forwardRef, useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/table/table.tsx
+const TableContainer = forwardRef(function TableContainer({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(table().container, className),
+		"data-jaci-component": "table",
+		"data-slot": "table-container"
+	});
+});
+const TableRoot = forwardRef(function TableRoot({ bordered = false, className, density = "comfortable", stickyHeader = false, striped = false, ...props }, ref) {
+	const styles = table({
+		bordered,
+		density,
+		stickyHeader,
+		striped
+	});
+	return /* @__PURE__ */ jsx("table", {
+		...props,
+		ref,
+		className: cx(styles.root, className),
+		"data-jaci-component": "table",
+		"data-slot": "table"
+	});
+});
+const TableCaption = forwardRef(function TableCaption({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("caption", {
+		...props,
+		ref,
+		className: cx(table().caption, className),
+		"data-slot": "table-caption"
+	});
+});
+const TableHeader = forwardRef(function TableHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("thead", {
+		...props,
+		ref,
+		className: cx(table().header, className),
+		"data-slot": "table-header"
+	});
+});
+const TableBody = forwardRef(function TableBody({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("tbody", {
+		...props,
+		ref,
+		className: cx(table().body, className),
+		"data-slot": "table-body"
+	});
+});
+const TableFooter = forwardRef(function TableFooter({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		...props,
+		ref,
+		className: cx(table().footer, className),
+		"data-slot": "table-footer"
+	});
+});
+const TableRow = forwardRef(function TableRow({ className, selected = false, ...props }, ref) {
+	return /* @__PURE__ */ jsx("tr", {
+		...props,
+		ref,
+		"aria-selected": selected || void 0,
+		className: cx(table().row, className),
+		"data-selected": selected || void 0,
+		"data-slot": "table-row"
+	});
+});
+const TableHead = forwardRef(function TableHead({ children, className, onSort, sortDirection = "none", sortable = false, ...props }, ref) {
+	const styles = table();
+	const ariaSort = sortable ? sortDirection : void 0;
+	return /* @__PURE__ */ jsx("th", {
+		...props,
+		ref,
+		"aria-sort": ariaSort,
+		className: cx(styles.head, className),
+		"data-sort-direction": sortable ? sortDirection : void 0,
+		"data-slot": "table-head",
+		scope: props.scope ?? "col",
+		children: sortable ? /* @__PURE__ */ jsxs("button", {
+			"aria-label": props["aria-label"] ?? `Sort by ${typeof children === "string" ? children : "column"}`,
+			className: styles.sortButton,
+			onClick: onSort,
+			type: "button",
+			children: [/* @__PURE__ */ jsx("span", { children }), /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				children: sortDirection === "ascending" ? "↑" : sortDirection === "descending" ? "↓" : "↕"
+			})]
+		}) : children
+	});
+});
+const TableCell = forwardRef(function TableCell({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("td", {
+		...props,
+		ref,
+		className: cx(table().cell, className),
+		"data-slot": "table-cell"
+	});
+});
+function SelectionInput({ "aria-label": ariaLabel, checked, indeterminate = false, inputProps, onCheckedChange }) {
+	const ref = useRef(null);
+	useEffect(() => {
+		if (ref.current) ref.current.indeterminate = indeterminate;
+	}, [indeterminate]);
+	return /* @__PURE__ */ jsx("input", {
+		...inputProps,
+		ref,
+		"aria-label": ariaLabel ?? inputProps?.["aria-label"],
+		"aria-checked": indeterminate ? "mixed" : checked,
+		checked,
+		onChange: (event) => onCheckedChange?.(event.currentTarget.checked),
+		type: "checkbox"
+	});
+}
+const TableSelectionHeader = forwardRef(function TableSelectionHeader({ checked, className, indeterminate, inputProps, onCheckedChange, ...props }, ref) {
+	const ariaLabel = props["aria-label"] ?? inputProps?.["aria-label"] ?? "Select all rows";
+	return /* @__PURE__ */ jsx("th", {
+		...props,
+		ref,
+		"aria-label": ariaLabel,
+		className: cx(table().selection, className),
+		"data-slot": "table-selection-header",
+		scope: "col",
+		children: /* @__PURE__ */ jsx(SelectionInput, {
+			"aria-label": ariaLabel,
+			checked,
+			inputProps,
+			indeterminate,
+			onCheckedChange
+		})
+	});
+});
+const TableSelectionCell = forwardRef(function TableSelectionCell({ checked, className, indeterminate, inputProps, onCheckedChange, ...props }, ref) {
+	const ariaLabel = props["aria-label"] ?? inputProps?.["aria-label"] ?? "Select row";
+	return /* @__PURE__ */ jsx("td", {
+		...props,
+		ref,
+		className: cx(table().selection, className),
+		"data-slot": "table-selection-cell",
+		children: /* @__PURE__ */ jsx(SelectionInput, {
+			"aria-label": ariaLabel,
+			checked,
+			inputProps,
+			indeterminate,
+			onCheckedChange
+		})
+	});
+});
+const TableEmpty = forwardRef(function TableEmpty({ children = "No results found.", className, colSpan = 1, ...props }, ref) {
+	return /* @__PURE__ */ jsx("tr", {
+		...props,
+		ref,
+		className: cx(table().row, className),
+		"data-slot": "table-empty-row",
+		children: /* @__PURE__ */ jsx("td", {
+			className: table().empty,
+			colSpan,
+			"data-slot": "table-empty",
+			children
+		})
+	});
+});
+const Table = {
+	Container: TableContainer,
+	Root: TableRoot,
+	Caption: TableCaption,
+	Header: TableHeader,
+	Body: TableBody,
+	Footer: TableFooter,
+	Row: TableRow,
+	Head: TableHead,
+	Cell: TableCell,
+	SelectionHeader: TableSelectionHeader,
+	SelectionCell: TableSelectionCell,
+	Empty: TableEmpty
+};
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableContainer, TableEmpty, TableFooter, TableHead, TableHeader, TableRoot, TableRow, TableSelectionCell, TableSelectionHeader };
+
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":[],"sources":["../../../src/components/table/table.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, useRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { table } from \"../../styled-system/recipes\";\n\nexport type TableSortDirection = \"none\" | \"ascending\" | \"descending\";\nexport type TableDensity = \"compact\" | \"comfortable\";\n\nexport interface TableContainerProps extends ComponentPropsWithoutRef<\"div\"> {}\n\nexport const TableContainer = forwardRef<HTMLDivElement, TableContainerProps>(\n  function TableContainer({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(table().container, className)}\n        data-jaci-component=\"table\"\n        data-slot=\"table-container\"\n      />\n    );\n  },\n);\n\nexport interface TableRootProps extends ComponentPropsWithoutRef<\"table\"> {\n  bordered?: boolean;\n  density?: TableDensity;\n  stickyHeader?: boolean;\n  striped?: boolean;\n}\n\nexport const TableRoot = forwardRef<HTMLTableElement, TableRootProps>(function TableRoot(\n  {\n    bordered = false,\n    className,\n    density = \"comfortable\",\n    stickyHeader = false,\n    striped = false,\n    ...props\n  },\n  ref,\n) {\n  const styles = table({ bordered, density, stickyHeader, striped });\n\n  return (\n    <table\n      {...props}\n      ref={ref}\n      className={cx(styles.root, className)}\n      data-jaci-component=\"table\"\n      data-slot=\"table\"\n    />\n  );\n});\n\nexport type TableCaptionProps = ComponentPropsWithoutRef<\"caption\">;\n\nexport const TableCaption = forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\n  function TableCaption({ className, ...props }, ref) {\n    return (\n      <caption\n        {...props}\n        ref={ref}\n        className={cx(table().caption, className)}\n        data-slot=\"table-caption\"\n      />\n    );\n  },\n);\n\nexport type TableHeaderProps = ComponentPropsWithoutRef<\"thead\">;\nexport const TableHeader = forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  function TableHeader({ className, ...props }, ref) {\n    return (\n      <thead\n        {...props}\n        ref={ref}\n        className={cx(table().header, className)}\n        data-slot=\"table-header\"\n      />\n    );\n  },\n);\n\nexport type TableBodyProps = ComponentPropsWithoutRef<\"tbody\">;\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(function TableBody(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <tbody {...props} ref={ref} className={cx(table().body, className)} data-slot=\"table-body\" />\n  );\n});\n\nexport type TableFooterProps = ComponentPropsWithoutRef<\"tfoot\">;\nexport const TableFooter = forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  function TableFooter({ className, ...props }, ref) {\n    return (\n      <tfoot\n        {...props}\n        ref={ref}\n        className={cx(table().footer, className)}\n        data-slot=\"table-footer\"\n      />\n    );\n  },\n);\n\nexport interface TableRowProps extends ComponentPropsWithoutRef<\"tr\"> {\n  selected?: boolean;\n}\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  { className, selected = false, ...props },\n  ref,\n) {\n  return (\n    <tr\n      {...props}\n      ref={ref}\n      aria-selected={selected || undefined}\n      className={cx(table().row, className)}\n      data-selected={selected || undefined}\n      data-slot=\"table-row\"\n    />\n  );\n});\n\nexport interface TableHeadProps extends ComponentPropsWithoutRef<\"th\"> {\n  onSort?: () => void;\n  sortDirection?: TableSortDirection;\n  sortable?: boolean;\n}\n\nexport const TableHead = forwardRef<HTMLTableCellElement, TableHeadProps>(function TableHead(\n  { children, className, onSort, sortDirection = \"none\", sortable = false, ...props },\n  ref,\n) {\n  const styles = table();\n  const ariaSort = sortable ? sortDirection : undefined;\n\n  return (\n    <th\n      {...props}\n      ref={ref}\n      aria-sort={ariaSort}\n      className={cx(styles.head, className)}\n      data-sort-direction={sortable ? sortDirection : undefined}\n      data-slot=\"table-head\"\n      scope={props.scope ?? \"col\"}\n    >\n      {sortable ? (\n        <button\n          aria-label={\n            props[\"aria-label\"] ?? `Sort by ${typeof children === \"string\" ? children : \"column\"}`\n          }\n          className={styles.sortButton}\n          onClick={onSort}\n          type=\"button\"\n        >\n          <span>{children}</span>\n          <span aria-hidden=\"true\">\n            {sortDirection === \"ascending\" ? \"↑\" : sortDirection === \"descending\" ? \"↓\" : \"↕\"}\n          </span>\n        </button>\n      ) : (\n        children\n      )}\n    </th>\n  );\n});\n\nexport interface TableCellProps extends ComponentPropsWithoutRef<\"td\"> {}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  { className, ...props },\n  ref,\n) {\n  return <td {...props} ref={ref} className={cx(table().cell, className)} data-slot=\"table-cell\" />;\n});\n\ninterface TableSelectionInputProps {\n  \"aria-label\"?: string | undefined;\n  checked?: boolean | undefined;\n  indeterminate?: boolean | undefined;\n  inputProps?:\n    | Omit<ComponentPropsWithoutRef<\"input\">, \"checked\" | \"defaultChecked\" | \"onChange\" | \"type\">\n    | undefined;\n  onCheckedChange?: ((checked: boolean) => void) | undefined;\n}\n\nfunction SelectionInput({\n  \"aria-label\": ariaLabel,\n  checked,\n  indeterminate = false,\n  inputProps,\n  onCheckedChange,\n}: TableSelectionInputProps) {\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  return (\n    <input\n      {...inputProps}\n      ref={ref}\n      aria-label={ariaLabel ?? inputProps?.[\"aria-label\"]}\n      aria-checked={indeterminate ? \"mixed\" : checked}\n      checked={checked}\n      onChange={(event) => onCheckedChange?.(event.currentTarget.checked)}\n      type=\"checkbox\"\n    />\n  );\n}\n\nexport interface TableSelectionHeaderProps\n  extends Omit<ComponentPropsWithoutRef<\"th\">, \"children\">,\n    TableSelectionInputProps {}\n\nexport const TableSelectionHeader = forwardRef<HTMLTableCellElement, TableSelectionHeaderProps>(\n  function TableSelectionHeader(\n    { checked, className, indeterminate, inputProps, onCheckedChange, ...props },\n    ref,\n  ) {\n    const ariaLabel = props[\"aria-label\"] ?? inputProps?.[\"aria-label\"] ?? \"Select all rows\";\n\n    return (\n      <th\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel}\n        className={cx(table().selection, className)}\n        data-slot=\"table-selection-header\"\n        scope=\"col\"\n      >\n        <SelectionInput\n          aria-label={ariaLabel}\n          checked={checked}\n          inputProps={inputProps}\n          indeterminate={indeterminate}\n          onCheckedChange={onCheckedChange}\n        />\n      </th>\n    );\n  },\n);\n\nexport interface TableSelectionCellProps\n  extends Omit<ComponentPropsWithoutRef<\"td\">, \"children\">,\n    TableSelectionInputProps {}\n\nexport const TableSelectionCell = forwardRef<HTMLTableCellElement, TableSelectionCellProps>(\n  function TableSelectionCell(\n    { checked, className, indeterminate, inputProps, onCheckedChange, ...props },\n    ref,\n  ) {\n    const ariaLabel = props[\"aria-label\"] ?? inputProps?.[\"aria-label\"] ?? \"Select row\";\n\n    return (\n      <td\n        {...props}\n        ref={ref}\n        className={cx(table().selection, className)}\n        data-slot=\"table-selection-cell\"\n      >\n        <SelectionInput\n          aria-label={ariaLabel}\n          checked={checked}\n          inputProps={inputProps}\n          indeterminate={indeterminate}\n          onCheckedChange={onCheckedChange}\n        />\n      </td>\n    );\n  },\n);\n\nexport interface TableEmptyProps extends Omit<ComponentPropsWithoutRef<\"tr\">, \"children\"> {\n  children?: ReactNode;\n  colSpan?: number;\n}\n\nexport const TableEmpty = forwardRef<HTMLTableRowElement, TableEmptyProps>(function TableEmpty(\n  { children = \"No results found.\", className, colSpan = 1, ...props },\n  ref,\n) {\n  return (\n    <tr {...props} ref={ref} className={cx(table().row, className)} data-slot=\"table-empty-row\">\n      <td className={table().empty} colSpan={colSpan} data-slot=\"table-empty\">\n        {children}\n      </td>\n    </tr>\n  );\n});\n\nexport const Table = {\n  Container: TableContainer,\n  Root: TableRoot,\n  Caption: TableCaption,\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  Head: TableHead,\n  Cell: TableCell,\n  SelectionHeader: TableSelectionHeader,\n  SelectionCell: TableSelectionCell,\n  Empty: TableEmpty,\n};\n"],"mappings":"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"}

package/dist/components/tabs/index.d.cts

@@ -0,0 +1,2 @@
+import { Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsRoot, TabsRootProps, TabsTab, TabsTabProps, TabsVariant } from "./tabs.cjs";
+export { Tabs, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, TabsRoot, type TabsRootProps, TabsTab, type TabsTabProps, type TabsVariant };

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

@@ -0,0 +1,2 @@
+import { Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsRoot, TabsRootProps, TabsTab, TabsTabProps, TabsVariant } from "./tabs.js";
+export { Tabs, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, TabsRoot, type TabsRootProps, TabsTab, type TabsTabProps, type TabsVariant };