@yahoo/uds 3.58.2-beta.1 → 3.59.0-beta.1

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

@@ -0,0 +1,85 @@
+import { UniversalTextProps } from "../../tokens/types.js";
+import "../../tokens/index.js";
+import { BoxProps } from "../Box.js";
+import { TextProps } from "../Text.js";
+import "../index.js";
+import React, { HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes } from "react";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/components/experimental/Table.d.ts
+/**
+ * TableColumn
+ * A TableColumn is a definition of a column in a table.
+ */
+type TableColumn<T> = {
+  title?: string;
+  dataIndex: keyof T;
+  render?: (value: T[keyof T], record: T, index: number) => React.ReactNode;
+};
+type TableRootProps = TableHTMLAttributes<HTMLTableElement> & BoxProps & {
+  /** Sets whether an element is treated as a block or inline box and the
+   *  layout used for its children, such as flow layout, grid or flex.
+   *  @default "table"
+   */
+  display?: BoxProps['display'];
+};
+type HTMLTableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>, 'color' | 'height' | 'width'>;
+interface TableCellProps extends Omit<UniversalTextProps, 'color'>, HTMLTableCellProps {
+  /** asHeaderCell will return a th element instead of a td element.
+   *  If asHeaderCell is row, it will return a th element with scope="row"
+   *  @default false
+   */
+  asHeaderCell?: boolean | 'column' | 'row';
+  color?: TextProps['color'];
+}
+/**
+ * Table component props
+ * @template T The type of data in the table.
+ */
+type TableProps<T> = {
+  /** An array of data for the table. Each item represents a row in the table.
+   * The keys of each item should match the `dataIndex` of the columns.
+   */
+  data: T[];
+  /** An array of columns for the table. Each item defines a column in the table.
+   * The `dataIndex` should match the key of the data item.
+   */
+  columns: TableColumn<T>[];
+} & TableRootProps;
+/**
+ * The Table component renders a table with the given data and columns.
+ * If you want more control over the table, or want to handle virtualization,
+ * drag-n-drop, etc, Please can use the sub-components directly and build your own!
+ */
+declare function Table<T>({
+  data,
+  columns,
+  ...props
+}: TableProps<T>): react_jsx_runtime1.JSX.Element;
+declare namespace Table {
+  var Root: React.ForwardRefExoticComponent<TableHTMLAttributes<HTMLTableElement> & BoxProps & {
+    /** Sets whether an element is treated as a block or inline box and the
+     *  layout used for its children, such as flow layout, grid or flex.
+     *  @default "table"
+     */
+    display?: BoxProps["display"];
+  } & {
+    children?: React.ReactNode | undefined;
+  } & React.RefAttributes<HTMLTableElement>>;
+  var Row: React.ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & BoxProps & {
+    children?: React.ReactNode | undefined;
+  } & React.RefAttributes<HTMLTableRowElement>>;
+  var Header: React.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
+    children?: React.ReactNode | undefined;
+  } & React.RefAttributes<HTMLTableSectionElement>>;
+  var Body: React.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
+    children?: React.ReactNode | undefined;
+  } & React.RefAttributes<HTMLTableSectionElement>>;
+  var Cell: React.ForwardRefExoticComponent<TableCellProps & {
+    children?: React.ReactNode | undefined;
+  } & React.RefAttributes<HTMLTableCellElement | HTMLTableHeaderCellElement>>;
+  var displayName: string;
+}
+//#endregion
+export { Table, type TableColumn, type TableProps };
+//# sourceMappingURL=Table.d.ts.map

package/dist/components/experimental/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","names":[],"sources":["../../../src/components/experimental/Table.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/components/experimental/Table.js

@@ -0,0 +1,109 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { getStyles } from "../../styles/styler.js";
+import { Box } from "../Box.js";
+import { Text } from "../Text.js";
+import React, { forwardRef, isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/experimental/Table.tsx
+const TableRoot = forwardRef(function TableRoot$1({ children, className, display = "table", overflow = "hidden", borderColor = "muted", borderRadius = "md",...props }, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		asChild: true,
+		borderColor,
+		borderRadius,
+		className,
+		overflow,
+		display,
+		...props,
+		children: /* @__PURE__ */ jsx("table", {
+			ref,
+			children
+		})
+	});
+});
+TableRoot.displayName = "TableRoot";
+const TableRow = forwardRef(function TableRow$1({ children, display = "table-row",...props }, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		asChild: true,
+		display,
+		...props,
+		children: /* @__PURE__ */ jsx("tr", {
+			ref,
+			children
+		})
+	});
+});
+TableRow.displayName = "TableRow";
+const TableHeader = forwardRef(function TableHeader$1({ children, display = "table-header-group",...props }, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		asChild: true,
+		display,
+		...props,
+		children: /* @__PURE__ */ jsx("thead", {
+			ref,
+			children
+		})
+	});
+});
+TableHeader.displayName = "TableHeader";
+const TableBody = forwardRef(function TableBody$1({ children, display = "table-row-group",...props }, ref) {
+	return /* @__PURE__ */ jsx(Box, {
+		asChild: true,
+		display,
+		...props,
+		children: /* @__PURE__ */ jsx("tbody", {
+			ref,
+			children
+		})
+	});
+});
+TableBody.displayName = "TableBody";
+const TableCell = forwardRef(function TableCell$1({ asHeaderCell, className, display = "table-cell", spacing = "3", borderBottomColor = "muted", color = "primary",...props }, ref) {
+	const classNames = getStyles({
+		textAlign: "start",
+		className
+	});
+	return /* @__PURE__ */ jsx(Text, {
+		asChild: true,
+		variant: asHeaderCell ? "headline1" : "body1",
+		color,
+		display,
+		spacing,
+		borderBottomColor,
+		borderBottomWidth: "thin",
+		className: classNames,
+		children: /* @__PURE__ */ jsx(asHeaderCell ? "th" : "td", {
+			scope: asHeaderCell === "row" ? "row" : asHeaderCell ? "column" : void 0,
+			...props,
+			ref
+		})
+	});
+});
+TableCell.displayName = "TableCell";
+Table.Root = TableRoot;
+Table.Row = TableRow;
+Table.Header = TableHeader;
+Table.Body = TableBody;
+Table.Cell = TableCell;
+/**
+* The Table component renders a table with the given data and columns.
+* If you want more control over the table, or want to handle virtualization,
+* drag-n-drop, etc, Please can use the sub-components directly and build your own!
+*/
+function Table({ data, columns,...props }) {
+	return /* @__PURE__ */ jsxs(Table.Root, {
+		...props,
+		children: [/* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsx(Table.Row, { children: columns.map((column, index) => /* @__PURE__ */ jsx(Table.Cell, {
+			asHeaderCell: "column",
+			children: column.title
+		}, index)) }) }), /* @__PURE__ */ jsx(Table.Body, { children: data.map((record, rowIndex) => /* @__PURE__ */ jsx(Table.Row, { children: columns.map((column, colIndex) => {
+			const cellData = record[column.dataIndex];
+			return /* @__PURE__ */ jsx(Table.Cell, { children: column.render ? column.render(cellData, record, rowIndex) : isValidElement(cellData) ? cellData : String(cellData) }, colIndex);
+		}) }, rowIndex)) })]
+	});
+}
+Table.displayName = "Table";
+
+//#endregion
+export { Table };
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","names":["TableRoot","TableRow","TableHeader","TableBody","TableCell"],"sources":["../../../src/components/experimental/Table.tsx"],"sourcesContent":["/* eslint-disable react/no-multi-comp */\nimport type { UniversalTextProps } from '@yahoo/uds/tokens';\nimport type {\n  ForwardedRef,\n  HTMLAttributes,\n  PropsWithChildren,\n  TableHTMLAttributes,\n  TdHTMLAttributes,\n} from 'react';\nimport React, { forwardRef, isValidElement } from 'react';\n\nimport { getStyles } from '../../styles/styler';\nimport type { BoxProps, TextProps } from '..';\nimport { Box, Text } from '..';\n\n/**\n * TableColumn\n * A TableColumn is a definition of a column in a table.\n */\ntype TableColumn<T> = {\n  title?: string;\n  dataIndex: keyof T;\n  render?: (value: T[keyof T], record: T, index: number) => React.ReactNode;\n};\n\ntype TableRootProps = TableHTMLAttributes<HTMLTableElement> &\n  BoxProps & {\n    /** Sets whether an element is treated as a block or inline box and the\n     *  layout used for its children, such as flow layout, grid or flex.\n     *  @default \"table\"\n     */\n    display?: BoxProps['display'];\n  };\nconst TableRoot = forwardRef(function TableRoot(\n  {\n    children,\n    className,\n    display = 'table',\n    overflow = 'hidden',\n    borderColor = 'muted',\n    borderRadius = 'md',\n    ...props\n  }: PropsWithChildren<TableRootProps>,\n  ref: ForwardedRef<HTMLTableElement>,\n) {\n  return (\n    <Box\n      asChild\n      borderColor={borderColor}\n      borderRadius={borderRadius}\n      className={className}\n      overflow={overflow}\n      display={display}\n      {...props}\n    >\n      <table ref={ref}>{children}</table>\n    </Box>\n  );\n});\n\nTableRoot.displayName = 'TableRoot';\n\n/* -------------------------------------------------------------------------- */\n/*                                  Table.Row                                 */\n/* -------------------------------------------------------------------------- */\ntype TableRowProps = HTMLAttributes<HTMLTableRowElement> & BoxProps;\nconst TableRow = forwardRef(function TableRow(\n  { children, display = 'table-row', ...props }: PropsWithChildren<TableRowProps>,\n  ref: ForwardedRef<HTMLTableRowElement>,\n) {\n  return (\n    <Box asChild display={display} {...props}>\n      <tr ref={ref}>{children}</tr>\n    </Box>\n  );\n});\n\nTableRow.displayName = 'TableRow';\n\n/* -------------------------------------------------------------------------- */\n/*                                Table.Header                                */\n/* -------------------------------------------------------------------------- */\ntype TableHeaderProps = HTMLAttributes<HTMLTableSectionElement> & BoxProps;\nconst TableHeader = forwardRef(function TableHeader(\n  { children, display = 'table-header-group', ...props }: PropsWithChildren<TableHeaderProps>,\n  ref: ForwardedRef<HTMLTableSectionElement>,\n) {\n  return (\n    <Box asChild display={display} {...props}>\n      <thead ref={ref}>{children}</thead>\n    </Box>\n  );\n});\n\nTableHeader.displayName = 'TableHeader';\n\n/* -------------------------------------------------------------------------- */\n/*                                 Table.Body                                 */\n/* -------------------------------------------------------------------------- */\ntype TableBodyProps = HTMLAttributes<HTMLTableSectionElement> & BoxProps;\nconst TableBody = forwardRef(function TableBody(\n  { children, display = 'table-row-group', ...props }: PropsWithChildren<TableBodyProps>,\n  ref: ForwardedRef<HTMLTableSectionElement>,\n) {\n  return (\n    <Box asChild display={display} {...props}>\n      <tbody ref={ref}>{children}</tbody>\n    </Box>\n  );\n});\n\nTableBody.displayName = 'TableBody';\n\n/* -------------------------------------------------------------------------- */\n/*                                 Table.Cell                                 */\n/* -------------------------------------------------------------------------- */\ntype HTMLTableCellProps = Omit<\n  TdHTMLAttributes<HTMLTableCellElement>,\n  'color' | 'height' | 'width'\n>;\ninterface TableCellProps extends Omit<UniversalTextProps, 'color'>, HTMLTableCellProps {\n  /** asHeaderCell will return a th element instead of a td element.\n   *  If asHeaderCell is row, it will return a th element with scope=\"row\"\n   *  @default false\n   */\n  asHeaderCell?: boolean | 'column' | 'row';\n  color?: TextProps['color'];\n}\n\nconst TableCell = forwardRef(function TableCell(\n  {\n    // TODO: spread props here like we do in Text\n    // Or setup a macro to collect all the props into buckets\n    // @example: https://gist.github.com/jakeleboeuf/f3d871efdb74947105e8c1185fa8e82e\n    // TextProps\n    asHeaderCell,\n    className,\n    display = 'table-cell',\n    spacing = '3',\n    borderBottomColor = 'muted',\n    color = 'primary',\n    // TableCellProps\n    ...props\n  }: PropsWithChildren<TableCellProps>,\n  ref: ForwardedRef<HTMLTableCellElement | HTMLTableHeaderCellElement>,\n) {\n  const classNames = getStyles({ textAlign: 'start', className });\n  const CellComponent = asHeaderCell ? 'th' : 'td';\n  const cellScope = asHeaderCell === 'row' ? 'row' : asHeaderCell ? 'column' : undefined;\n  const textVariant: TextProps['variant'] = asHeaderCell ? 'headline1' : 'body1';\n\n  return (\n    <Text\n      asChild\n      variant={textVariant}\n      color={color}\n      display={display}\n      spacing={spacing}\n      borderBottomColor={borderBottomColor}\n      borderBottomWidth=\"thin\"\n      className={classNames}\n    >\n      <CellComponent scope={cellScope} {...props} ref={ref} />\n    </Text>\n  );\n});\n\nTableCell.displayName = 'TableCell';\n\n/* -------------------------------------------------------------------------- */\n/*              Assign the sub-components to the Table component              */\n/* -------------------------------------------------------------------------- */\nTable.Root = TableRoot;\nTable.Row = TableRow;\nTable.Header = TableHeader;\nTable.Body = TableBody;\nTable.Cell = TableCell;\n\n/* -------------------------------------------------------------------------- */\n/*                                    Table                                   */\n/* -------------------------------------------------------------------------- */\n\n/**\n * Table component props\n * @template T The type of data in the table.\n */\ntype TableProps<T> = {\n  /** An array of data for the table. Each item represents a row in the table.\n   * The keys of each item should match the `dataIndex` of the columns.\n   */\n  data: T[];\n  /** An array of columns for the table. Each item defines a column in the table.\n   * The `dataIndex` should match the key of the data item.\n   */\n  columns: TableColumn<T>[];\n} & TableRootProps;\n\n/**\n * The Table component renders a table with the given data and columns.\n * If you want more control over the table, or want to handle virtualization,\n * drag-n-drop, etc, Please can use the sub-components directly and build your own!\n */\nfunction Table<T>({ data, columns, ...props }: TableProps<T>) {\n  return (\n    <Table.Root {...props}>\n      <Table.Header>\n        <Table.Row>\n          {columns.map((column, index) => (\n            <Table.Cell key={index} asHeaderCell=\"column\">\n              {column.title}\n            </Table.Cell>\n          ))}\n        </Table.Row>\n      </Table.Header>\n      <Table.Body>\n        {data.map((record, rowIndex) => (\n          <Table.Row key={rowIndex}>\n            {columns.map((column, colIndex) => {\n              const cellData = record[column.dataIndex];\n              return (\n                <Table.Cell key={colIndex}>\n                  {column.render\n                    ? column.render(cellData, record, rowIndex)\n                    : isValidElement(cellData)\n                      ? cellData\n                      : String(cellData)}\n                </Table.Cell>\n              );\n            })}\n          </Table.Row>\n        ))}\n      </Table.Body>\n    </Table.Root>\n  );\n}\n\nTable.displayName = 'Table';\n\nexport { Table, type TableColumn, type TableProps };\n"],"mappings":";;;;;;;;AAiCA,MAAM,YAAY,WAAW,SAASA,YACpC,EACE,UACA,WACA,UAAU,SACV,WAAW,UACX,cAAc,SACd,eAAe,KACf,GAAG,SAEL,KACA;AACA,QACE,oBAAC;EACC;EACa;EACC;EACH;EACD;EACD;EACT,GAAI;YAEJ,oBAAC;GAAW;GAAM;IAAiB;GAC/B;EAER;AAEF,UAAU,cAAc;AAMxB,MAAM,WAAW,WAAW,SAASC,WACnC,EAAE,UAAU,UAAU,YAAa,GAAG,SACtC,KACA;AACA,QACE,oBAAC;EAAI;EAAiB;EAAS,GAAI;YACjC,oBAAC;GAAQ;GAAM;IAAc;GACzB;EAER;AAEF,SAAS,cAAc;AAMvB,MAAM,cAAc,WAAW,SAASC,cACtC,EAAE,UAAU,UAAU,qBAAsB,GAAG,SAC/C,KACA;AACA,QACE,oBAAC;EAAI;EAAiB;EAAS,GAAI;YACjC,oBAAC;GAAW;GAAM;IAAiB;GAC/B;EAER;AAEF,YAAY,cAAc;AAM1B,MAAM,YAAY,WAAW,SAASC,YACpC,EAAE,UAAU,UAAU,kBAAmB,GAAG,SAC5C,KACA;AACA,QACE,oBAAC;EAAI;EAAiB;EAAS,GAAI;YACjC,oBAAC;GAAW;GAAM;IAAiB;GAC/B;EAER;AAEF,UAAU,cAAc;AAkBxB,MAAM,YAAY,WAAW,SAASC,YACpC,EAKE,cACA,WACA,UAAU,cACV,UAAU,KACV,oBAAoB,SACpB,QAAQ,UAER,GAAG,SAEL,KACA;CACA,MAAM,aAAa,UAAU;EAAE,WAAW;EAAS;EAAW,CAAC;AAK/D,QACE,oBAAC;EACC;EACA,SALsC,eAAe,cAAc;EAM5D;EACE;EACA;EACU;EACnB,mBAAkB;EAClB,WAAW;YAEX,oBAfkB,eAAe,OAAO;GAezB,OAdD,iBAAiB,QAAQ,QAAQ,eAAe,WAAW;GAcxC,GAAI;GAAY;IAAO;GACnD;EAET;AAEF,UAAU,cAAc;AAKxB,MAAM,OAAO;AACb,MAAM,MAAM;AACZ,MAAM,SAAS;AACf,MAAM,OAAO;AACb,MAAM,OAAO;;;;;;AA0Bb,SAAS,MAAS,EAAE,MAAM,QAAS,GAAG,SAAwB;AAC5D,QACE,qBAAC,MAAM;EAAK,GAAI;aACd,oBAAC,MAAM,oBACL,oBAAC,MAAM,iBACJ,QAAQ,KAAK,QAAQ,UACpB,oBAAC,MAAM;GAAiB,cAAa;aAClC,OAAO;KADO,MAEJ,CACb,GACQ,GACC,EACf,oBAAC,MAAM,kBACJ,KAAK,KAAK,QAAQ,aACjB,oBAAC,MAAM,iBACJ,QAAQ,KAAK,QAAQ,aAAa;GACjC,MAAM,WAAW,OAAO,OAAO;AAC/B,UACE,oBAAC,MAAM,kBACJ,OAAO,SACJ,OAAO,OAAO,UAAU,QAAQ,SAAS,GACzC,eAAe,SAAS,GACtB,WACA,OAAO,SAAS,IALP,SAMJ;IAEf,IAZY,SAaJ,CACZ,GACS;GACF;;AAIjB,MAAM,cAAc"}

package/dist/components/experimental/Table.mocks.cjs

@@ -0,0 +1,58 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/experimental/Table.mocks.tsx
+const data = [{
+	id: 1,
+	name: "John Doe"
+}, {
+	id: 2,
+	name: "Jane Doe"
+}];
+const columns = [
+	{
+		title: "ID",
+		dataIndex: "id"
+	},
+	{
+		title: "Name",
+		dataIndex: "name"
+	},
+	{
+		title: "Actions",
+		dataIndex: "actions",
+		render: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", { children: "Edit" })
+	}
+];
+const productsData = [
+	{
+		id: 1,
+		product: "Laptop",
+		price: 1200,
+		inStock: true
+	},
+	{
+		id: 2,
+		product: "Smartphone",
+		price: 800,
+		inStock: false
+	},
+	{
+		id: 3,
+		product: "Tablet",
+		price: 700,
+		inStock: true
+	},
+	{
+		id: 4,
+		product: "Vision Pro",
+		price: 4700,
+		inStock: false
+	}
+];
+
+//#endregion
+exports.columns = columns;
+exports.data = data;
+exports.productsData = productsData;

package/dist/components/experimental/Table.mocks.d.cts

@@ -0,0 +1,20 @@
+import { TableColumn } from "./Table.cjs";
+
+//#region src/components/experimental/Table.mocks.d.ts
+type MockData = {
+  id: number;
+  name: string;
+  actions?: () => JSX.Element;
+};
+declare const data: MockData[];
+declare const columns: TableColumn<MockData>[];
+type ProductMockData = {
+  id: number;
+  product: string;
+  price: number;
+  inStock: boolean;
+};
+declare const productsData: ProductMockData[];
+//#endregion
+export { MockData, ProductMockData, columns, data, productsData };
+//# sourceMappingURL=Table.mocks.d.cts.map

package/dist/components/experimental/Table.mocks.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.mocks.d.cts","names":[],"sources":["../../../src/components/experimental/Table.mocks.tsx"],"sourcesContent":[],"mappings":";;;KAEY,QAAA,CAAA,CAAA;;EAAA,IAAA,CAAA,CAAA,MAAQ;EAMP,OAGZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CANiB,GAAA,CAAI,OAGH;AAKnB,CAAA;AAWY,OAAA,CAAA,KAAA,CAhBC,IAgBc,CAAA,CAhBR,QAgBQ,CAAA,CAAA;AAQd,OAAA,CAAA,KAAA,CAnBA,OAwBZ,CAAA,CAxBqB,WAmBK,CAnBO,QAmBQ,CAAA,CAAA,CAAA;KAR9B,eAAA,CAAA,CAAA;;;;;;cAQC,cAAc"}

package/dist/components/experimental/Table.mocks.d.ts

@@ -0,0 +1,20 @@
+import { TableColumn } from "./Table.js";
+
+//#region src/components/experimental/Table.mocks.d.ts
+type MockData = {
+  id: number;
+  name: string;
+  actions?: () => JSX.Element;
+};
+declare const data: MockData[];
+declare const columns: TableColumn<MockData>[];
+type ProductMockData = {
+  id: number;
+  product: string;
+  price: number;
+  inStock: boolean;
+};
+declare const productsData: ProductMockData[];
+//#endregion
+export { MockData, ProductMockData, columns, data, productsData };
+//# sourceMappingURL=Table.mocks.d.ts.map

package/dist/components/experimental/Table.mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.mocks.d.ts","names":[],"sources":["../../../src/components/experimental/Table.mocks.tsx"],"sourcesContent":[],"mappings":";;;KAEY,QAAA,CAAA,CAAA;;EAAA,IAAA,CAAA,CAAA,MAAQ;EAMP,OAGZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CANiB,GAAA,CAAI,OAGH;AAKnB,CAAA;AAWY,OAAA,CAAA,KAAA,CAhBC,IAgBc,CAAA,CAhBR,QAgBQ,CAAA,CAAA;AAQd,OAAA,CAAA,KAAA,CAnBA,OAwBZ,CAAA,CAxBqB,WAmBK,CAnBO,QAmBQ,CAAA,CAAA,CAAA;KAR9B,eAAA,CAAA,CAAA;;;;;;cAQC,cAAc"}

package/dist/components/experimental/Table.mocks.js

@@ -0,0 +1,56 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/experimental/Table.mocks.tsx
+const data = [{
+	id: 1,
+	name: "John Doe"
+}, {
+	id: 2,
+	name: "Jane Doe"
+}];
+const columns = [
+	{
+		title: "ID",
+		dataIndex: "id"
+	},
+	{
+		title: "Name",
+		dataIndex: "name"
+	},
+	{
+		title: "Actions",
+		dataIndex: "actions",
+		render: () => /* @__PURE__ */ jsx("button", { children: "Edit" })
+	}
+];
+const productsData = [
+	{
+		id: 1,
+		product: "Laptop",
+		price: 1200,
+		inStock: true
+	},
+	{
+		id: 2,
+		product: "Smartphone",
+		price: 800,
+		inStock: false
+	},
+	{
+		id: 3,
+		product: "Tablet",
+		price: 700,
+		inStock: true
+	},
+	{
+		id: 4,
+		product: "Vision Pro",
+		price: 4700,
+		inStock: false
+	}
+];
+
+//#endregion
+export { columns, data, productsData };
+//# sourceMappingURL=Table.mocks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.mocks.js","names":["data: MockData[]","columns: TableColumn<MockData>[]","productsData: ProductMockData[]"],"sources":["../../../src/components/experimental/Table.mocks.tsx"],"sourcesContent":["import type { TableColumn } from './Table';\n\nexport type MockData = {\n  id: number;\n  name: string;\n  actions?: () => JSX.Element;\n};\n\nexport const data: MockData[] = [\n  { id: 1, name: 'John Doe' },\n  { id: 2, name: 'Jane Doe' },\n];\n\nexport const columns: TableColumn<MockData>[] = [\n  { title: 'ID', dataIndex: 'id' },\n  { title: 'Name', dataIndex: 'name' },\n  {\n    title: 'Actions',\n    dataIndex: 'actions',\n    render: () => <button>Edit</button>, // Assuming you want a static button for demonstration\n  },\n];\n\n// Sample data type\nexport type ProductMockData = {\n  id: number;\n  product: string;\n  price: number;\n  inStock: boolean;\n};\n\n// Sample data\nexport const productsData: ProductMockData[] = [\n  { id: 1, product: 'Laptop', price: 1200, inStock: true },\n  { id: 2, product: 'Smartphone', price: 800, inStock: false },\n  { id: 3, product: 'Tablet', price: 700, inStock: true },\n  { id: 4, product: 'Vision Pro', price: 4700, inStock: false },\n];\n"],"mappings":";;;;AAQA,MAAaA,OAAmB,CAC9B;CAAE,IAAI;CAAG,MAAM;CAAY,EAC3B;CAAE,IAAI;CAAG,MAAM;CAAY,CAC5B;AAED,MAAaC,UAAmC;CAC9C;EAAE,OAAO;EAAM,WAAW;EAAM;CAChC;EAAE,OAAO;EAAQ,WAAW;EAAQ;CACpC;EACE,OAAO;EACP,WAAW;EACX,cAAc,oBAAC,sBAAO,SAAa;EACpC;CACF;AAWD,MAAaC,eAAkC;CAC7C;EAAE,IAAI;EAAG,SAAS;EAAU,OAAO;EAAM,SAAS;EAAM;CACxD;EAAE,IAAI;EAAG,SAAS;EAAc,OAAO;EAAK,SAAS;EAAO;CAC5D;EAAE,IAAI;EAAG,SAAS;EAAU,OAAO;EAAK,SAAS;EAAM;CACvD;EAAE,IAAI;EAAG,SAAS;EAAc,OAAO;EAAM,SAAS;EAAO;CAC9D"}

package/dist/components/experimental/client/Accordion.cjs

@@ -0,0 +1,79 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_styles_styler = require('../../../styles/styler.cjs');
+const require_components_Text = require('../../Text.cjs');
+const require_components_VStack = require('../../VStack.cjs');
+const require_components_Icon = require('../../Icon.cjs');
+const require_components_client_SpringMotionConfig = require('../../client/SpringMotionConfig.cjs');
+const require_components_client_Pressable = require('../../client/Pressable.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let __yahoo_uds_icons = require("@yahoo/uds-icons");
+let motion_react = require("motion/react");
+
+//#region src/components/experimental/client/Accordion.tsx
+function Accordion({ label, children, onClick, open, spacingHorizontal = "4", _content, className, textProps,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_client_SpringMotionConfig.SpringMotionConfig, {
+		layoutVariant: "smooth",
+		layoutSpeed: "3",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_client_Pressable.Pressable, {
+			display: "flex",
+			flexDirection: "row",
+			alignItems: "center",
+			justifyContent: "space-between",
+			spacingVertical: "4",
+			spacingHorizontal,
+			borderRadius: "md",
+			onClick,
+			className: require_styles_styler.cx("hover:bg-secondary/80", "w-full", className),
+			...props,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+				variant: "title4",
+				color: "primary",
+				...textProps || {},
+				children: label
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.AnimatePresence, {
+				initial: false,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.m.div, {
+					initial: "collapsed",
+					animate: open ? "open" : "collapsed",
+					exit: "collapsed",
+					variants: {
+						open: { rotate: 90 },
+						collapsed: { rotate: 0 }
+					},
+					"data-testid": "chevron-motion",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
+						name: __yahoo_uds_icons.ChevronRight,
+						variant: "fill",
+						size: "sm",
+						color: "primary"
+					})
+				})
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.AnimatePresence, {
+			initial: false,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.m.div, {
+				initial: "collapsed",
+				animate: open ? "open" : "collapsed",
+				exit: "collapsed",
+				variants: {
+					open: { height: "auto" },
+					collapsed: {
+						height: 0,
+						overflow: "hidden"
+					}
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_VStack.VStack, {
+					spacingHorizontal,
+					..._content,
+					children
+				})
+			}, "content")
+		})]
+	});
+}
+Accordion.displayName = "Accordion";
+
+//#endregion
+exports.Accordion = Accordion;

package/dist/components/experimental/client/Accordion.d.cts

@@ -0,0 +1,31 @@
+import { TextProps } from "../../Text.cjs";
+import { VStackProps } from "../../VStack.cjs";
+import { PressableProps } from "../../client/Pressable.cjs";
+import "../../index.cjs";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/experimental/client/Accordion.d.ts
+interface AccordionProps extends PressableProps {
+  label: string;
+  open?: boolean;
+  onClick?: () => void;
+  _content?: VStackProps;
+  textProps?: TextProps;
+}
+declare function Accordion({
+  label,
+  children,
+  onClick,
+  open,
+  spacingHorizontal,
+  _content,
+  className,
+  textProps,
+  ...props
+}: AccordionProps): react_jsx_runtime6.JSX.Element;
+declare namespace Accordion {
+  var displayName: string;
+}
+//#endregion
+export { Accordion, type AccordionProps };
+//# sourceMappingURL=Accordion.d.cts.map

package/dist/components/experimental/client/Accordion.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.cts","names":[],"sources":["../../../../src/components/experimental/client/Accordion.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAQU,cAAA,CAAA,OAAA,CAAuB;;;;aAIpB;cACC;AARsD;iBAW3D,SAAA,CAJI;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,IAAA;EAAA,iBAAA;EAAA,QAAA;EAAA,SAAA;EAAA,SAAA;EAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAcV,cAdU,CAAA,CAAA,CAcI,kBAAA,CAAA,GAAA,CAAA,OAdJ;kBAIJ,SAAA,CAHK;EALmB,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA"}

package/dist/components/experimental/client/Accordion.d.ts

@@ -0,0 +1,31 @@
+import { TextProps } from "../../Text.js";
+import { VStackProps } from "../../VStack.js";
+import { PressableProps } from "../../client/Pressable.js";
+import "../../index.js";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
+
+//#region src/components/experimental/client/Accordion.d.ts
+interface AccordionProps extends PressableProps {
+  label: string;
+  open?: boolean;
+  onClick?: () => void;
+  _content?: VStackProps;
+  textProps?: TextProps;
+}
+declare function Accordion({
+  label,
+  children,
+  onClick,
+  open,
+  spacingHorizontal,
+  _content,
+  className,
+  textProps,
+  ...props
+}: AccordionProps): react_jsx_runtime15.JSX.Element;
+declare namespace Accordion {
+  var displayName: string;
+}
+//#endregion
+export { Accordion, type AccordionProps };
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/experimental/client/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","names":[],"sources":["../../../../src/components/experimental/client/Accordion.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAQU,cAAA,CAAA,OAAA,CAAuB;;;;aAIpB;cACC;AARsD;iBAW3D,SAAA,CAJI;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,IAAA;EAAA,iBAAA;EAAA,QAAA;EAAA,SAAA;EAAA,SAAA;EAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAcV,cAdU,CAAA,CAAA,CAcI,mBAAA,CAAA,GAAA,CAAA,OAdJ;kBAIJ,SAAA,CAHK;EALmB,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA"}

package/dist/components/experimental/client/Accordion.js

@@ -0,0 +1,79 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { cx } from "../../../styles/styler.js";
+import { Text } from "../../Text.js";
+import { VStack } from "../../VStack.js";
+import { Icon } from "../../Icon.js";
+import { SpringMotionConfig } from "../../client/SpringMotionConfig.js";
+import { Pressable } from "../../client/Pressable.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "@yahoo/uds-icons";
+import { AnimatePresence, m } from "motion/react";
+
+//#region src/components/experimental/client/Accordion.tsx
+function Accordion({ label, children, onClick, open, spacingHorizontal = "4", _content, className, textProps,...props }) {
+	return /* @__PURE__ */ jsxs(SpringMotionConfig, {
+		layoutVariant: "smooth",
+		layoutSpeed: "3",
+		children: [/* @__PURE__ */ jsxs(Pressable, {
+			display: "flex",
+			flexDirection: "row",
+			alignItems: "center",
+			justifyContent: "space-between",
+			spacingVertical: "4",
+			spacingHorizontal,
+			borderRadius: "md",
+			onClick,
+			className: cx("hover:bg-secondary/80", "w-full", className),
+			...props,
+			children: [/* @__PURE__ */ jsx(Text, {
+				variant: "title4",
+				color: "primary",
+				...textProps || {},
+				children: label
+			}), /* @__PURE__ */ jsx(AnimatePresence, {
+				initial: false,
+				children: /* @__PURE__ */ jsx(m.div, {
+					initial: "collapsed",
+					animate: open ? "open" : "collapsed",
+					exit: "collapsed",
+					variants: {
+						open: { rotate: 90 },
+						collapsed: { rotate: 0 }
+					},
+					"data-testid": "chevron-motion",
+					children: /* @__PURE__ */ jsx(Icon, {
+						name: ChevronRight,
+						variant: "fill",
+						size: "sm",
+						color: "primary"
+					})
+				})
+			})]
+		}), /* @__PURE__ */ jsx(AnimatePresence, {
+			initial: false,
+			children: /* @__PURE__ */ jsx(m.div, {
+				initial: "collapsed",
+				animate: open ? "open" : "collapsed",
+				exit: "collapsed",
+				variants: {
+					open: { height: "auto" },
+					collapsed: {
+						height: 0,
+						overflow: "hidden"
+					}
+				},
+				children: /* @__PURE__ */ jsx(VStack, {
+					spacingHorizontal,
+					..._content,
+					children
+				})
+			}, "content")
+		})]
+	});
+}
+Accordion.displayName = "Accordion";
+
+//#endregion
+export { Accordion };
+//# sourceMappingURL=Accordion.js.map

package/dist/components/experimental/client/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../../src/components/experimental/client/Accordion.tsx"],"sourcesContent":["import { ChevronRight } from '@yahoo/uds-icons';\n// SpringMotionConfig is in the global App scope, so we must use `m` from `motion/react` instead of `motion` (https://motion.dev/docs/react-reduce-bundle-size#reduce-size).\nimport { AnimatePresence, m } from 'motion/react';\n\nimport { cx } from '../../../styles/styler';\nimport type { PressableProps, TextProps, VStackProps } from '../..';\nimport { Icon, Pressable, SpringMotionConfig, Text, VStack } from '../..';\n\ninterface AccordionProps extends PressableProps {\n  label: string;\n  open?: boolean;\n  onClick?: () => void;\n  _content?: VStackProps;\n  textProps?: TextProps;\n}\n\nfunction Accordion({\n  label,\n  children,\n  onClick,\n  open,\n  spacingHorizontal = '4',\n  _content,\n  className,\n  textProps,\n  ...props\n}: AccordionProps) {\n  return (\n    <SpringMotionConfig layoutVariant=\"smooth\" layoutSpeed=\"3\">\n      <Pressable\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        spacingVertical=\"4\"\n        spacingHorizontal={spacingHorizontal}\n        borderRadius=\"md\"\n        onClick={onClick}\n        className={cx('hover:bg-secondary/80', 'w-full', className)}\n        {...props}\n      >\n        <Text variant=\"title4\" color=\"primary\" {...(textProps || {})}>\n          {label}\n        </Text>\n\n        <AnimatePresence initial={false}>\n          <m.div\n            initial=\"collapsed\"\n            animate={open ? 'open' : 'collapsed'}\n            exit=\"collapsed\"\n            variants={{ open: { rotate: 90 }, collapsed: { rotate: 0 } }}\n            data-testid=\"chevron-motion\"\n          >\n            <Icon name={ChevronRight} variant=\"fill\" size=\"sm\" color=\"primary\" />\n          </m.div>\n        </AnimatePresence>\n      </Pressable>\n      <AnimatePresence initial={false}>\n        <m.div\n          key=\"content\"\n          initial=\"collapsed\"\n          animate={open ? 'open' : 'collapsed'}\n          exit=\"collapsed\"\n          variants={{ open: { height: 'auto' }, collapsed: { height: 0, overflow: 'hidden' } }}\n        >\n          <VStack spacingHorizontal={spacingHorizontal} {..._content}>\n            {children}\n          </VStack>\n        </m.div>\n      </AnimatePresence>\n    </SpringMotionConfig>\n  );\n}\n\nAccordion.displayName = 'Accordion';\n\nexport { Accordion, type AccordionProps };\n"],"mappings":";;;;;;;;;;;;AAgBA,SAAS,UAAU,EACjB,OACA,UACA,SACA,MACA,oBAAoB,KACpB,UACA,WACA,UACA,GAAG,SACc;AACjB,QACE,qBAAC;EAAmB,eAAc;EAAS,aAAY;aACrD,qBAAC;GACC,SAAQ;GACR,eAAc;GACd,YAAW;GACX,gBAAe;GACf,iBAAgB;GACG;GACnB,cAAa;GACJ;GACT,WAAW,GAAG,yBAAyB,UAAU,UAAU;GAC3D,GAAI;cAEJ,oBAAC;IAAK,SAAQ;IAAS,OAAM;IAAU,GAAK,aAAa,EAAE;cACxD;KACI,EAEP,oBAAC;IAAgB,SAAS;cACxB,oBAAC,EAAE;KACD,SAAQ;KACR,SAAS,OAAO,SAAS;KACzB,MAAK;KACL,UAAU;MAAE,MAAM,EAAE,QAAQ,IAAI;MAAE,WAAW,EAAE,QAAQ,GAAG;MAAE;KAC5D,eAAY;eAEZ,oBAAC;MAAK,MAAM;MAAc,SAAQ;MAAO,MAAK;MAAK,OAAM;OAAY;MAC/D;KACQ;IACR,EACZ,oBAAC;GAAgB,SAAS;aACxB,oBAAC,EAAE;IAED,SAAQ;IACR,SAAS,OAAO,SAAS;IACzB,MAAK;IACL,UAAU;KAAE,MAAM,EAAE,QAAQ,QAAQ;KAAE,WAAW;MAAE,QAAQ;MAAG,UAAU;MAAU;KAAE;cAEpF,oBAAC;KAA0B;KAAmB,GAAI;KAC/C;MACM;MARL,UASE;IACQ;GACC;;AAIzB,UAAU,cAAc"}

package/dist/components/experimental/client/AvoidMotionLibraryProvider.cjs

@@ -0,0 +1,15 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/components/experimental/client/AvoidMotionLibraryProvider.tsx
+const AvoidMotionLibrary = (0, react.createContext)(false);
+const AvoidMotionLibraryProvider = AvoidMotionLibrary.Provider;
+const useAvoidMotionLibrary = () => {
+	return (0, react.useContext)(AvoidMotionLibrary);
+};
+
+//#endregion
+exports.AvoidMotionLibraryProvider = AvoidMotionLibraryProvider;
+exports.useAvoidMotionLibrary = useAvoidMotionLibrary;