@yahoo/uds 3.59.0-beta.1 → 3.59.0

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

@@ -1 +0,0 @@
-{"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

@@ -1,58 +0,0 @@
-/*! © 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

@@ -1,20 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,56 +0,0 @@
-/*! © 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

@@ -1 +0,0 @@
-{"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

@@ -1,79 +0,0 @@
-"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

@@ -1,31 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,31 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,79 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,15 +0,0 @@
-"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;

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

@@ -1,8 +0,0 @@
-import * as react35 from "react";
-
-//#region src/components/experimental/client/AvoidMotionLibraryProvider.d.ts
-declare const AvoidMotionLibraryProvider: react35.Provider<boolean>;
-declare const useAvoidMotionLibrary: () => boolean;
-//#endregion
-export { AvoidMotionLibraryProvider, useAvoidMotionLibrary };
-//# sourceMappingURL=AvoidMotionLibraryProvider.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvoidMotionLibraryProvider.d.cts","names":[],"sources":["../../../../src/components/experimental/client/AvoidMotionLibraryProvider.tsx"],"sourcesContent":[],"mappings":";;;cAGM,4BAAwD,OAAA,CAA9B;cAE1B"}

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

@@ -1,8 +0,0 @@
-import * as react53 from "react";
-
-//#region src/components/experimental/client/AvoidMotionLibraryProvider.d.ts
-declare const AvoidMotionLibraryProvider: react53.Provider<boolean>;
-declare const useAvoidMotionLibrary: () => boolean;
-//#endregion
-export { AvoidMotionLibraryProvider, useAvoidMotionLibrary };
-//# sourceMappingURL=AvoidMotionLibraryProvider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvoidMotionLibraryProvider.d.ts","names":[],"sources":["../../../../src/components/experimental/client/AvoidMotionLibraryProvider.tsx"],"sourcesContent":[],"mappings":";;;cAGM,4BAAwD,OAAA,CAA9B;cAE1B"}

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

@@ -1,14 +0,0 @@
-"use client";
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-import { createContext, useContext } from "react";
-
-//#region src/components/experimental/client/AvoidMotionLibraryProvider.tsx
-const AvoidMotionLibrary = createContext(false);
-const AvoidMotionLibraryProvider = AvoidMotionLibrary.Provider;
-const useAvoidMotionLibrary = () => {
-	return useContext(AvoidMotionLibrary);
-};
-
-//#endregion
-export { AvoidMotionLibraryProvider, useAvoidMotionLibrary };
-//# sourceMappingURL=AvoidMotionLibraryProvider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvoidMotionLibraryProvider.js","names":[],"sources":["../../../../src/components/experimental/client/AvoidMotionLibraryProvider.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst AvoidMotionLibrary = createContext<boolean>(false);\nconst AvoidMotionLibraryProvider = AvoidMotionLibrary.Provider;\n\nconst useAvoidMotionLibrary = () => {\n  return useContext(AvoidMotionLibrary);\n};\n\nexport { AvoidMotionLibraryProvider, useAvoidMotionLibrary };\n"],"mappings":";;;;AAEA,MAAM,qBAAqB,cAAuB,MAAM;AACxD,MAAM,6BAA6B,mBAAmB;AAEtD,MAAM,8BAA8B;AAClC,QAAO,WAAW,mBAAmB"}

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

@@ -1,61 +0,0 @@
-"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_HStack = require('../../HStack.cjs');
-const require_components_Text = require('../../Text.cjs');
-const require_components_VStack = require('../../VStack.cjs');
-const require_components_client_IconButton = require('../../client/IconButton.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-let __yahoo_uds_icons = require("@yahoo/uds-icons");
-let __ariakit_react = require("@ariakit/react");
-
-//#region src/components/experimental/client/Modal.tsx
-function useModalStore(params) {
-	return (0, __ariakit_react.useDialogStore)({
-		animated: true,
-		...params
-	});
-}
-function ModalHeader({ children, handleClose }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_HStack.HStack, {
-		alignItems: "center",
-		justifyContent: "space-between",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
-			variant: "headline1",
-			color: "primary",
-			children
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_IconButton.IconButton, {
-			"aria-label": "Close",
-			size: "sm",
-			variant: "tertiary",
-			name: __yahoo_uds_icons.Cross,
-			onClick: handleClose
-		})]
-	});
-}
-ModalHeader.displayName = "ModalHeader";
-function Modal({ className,...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_VStack.VStack, {
-		borderRadius: "md",
-		position: "fixed",
-		backgroundColor: "primary",
-		dropShadow: "md",
-		className: require_styles_styler.cx("inset-8 top-[250px] z-50 mx-auto h-fit w-[600px] origin-center scale-95 opacity-0 transition duration-150 data-[enter]:scale-100 data-[enter]:opacity-100", className),
-		spacing: "8",
-		asChild: true,
-		overflow: "hidden",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ariakit_react.Dialog, {
-			backdrop: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "data-[enter]:bg-primary opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-60 data-[enter]:backdrop-blur-sm" }),
-			...props
-		})
-	});
-}
-Modal.displayName = "Modal";
-const ModalDismiss = __ariakit_react.DialogDismiss;
-
-//#endregion
-exports.Modal = Modal;
-exports.ModalDismiss = ModalDismiss;
-exports.ModalHeader = ModalHeader;
-exports.useModalStore = useModalStore;

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

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
-import { DialogDismiss, DialogProps, DialogStore as ModalStore, useDialogStore } from "@ariakit/react";
-
-//#region src/components/experimental/client/Modal.d.ts
-type ModalProps = DialogProps;
-declare function useModalStore(params?: Parameters<typeof useDialogStore>[0]): ModalStore;
-interface ModalHeaderProps extends React.PropsWithChildren {
-  handleClose?: () => void;
-}
-declare function ModalHeader({
-  children,
-  handleClose
-}: ModalHeaderProps): react_jsx_runtime7.JSX.Element;
-declare namespace ModalHeader {
-  var displayName: string;
-}
-declare function Modal({
-  className,
-  ...props
-}: ModalProps): react_jsx_runtime7.JSX.Element;
-declare namespace Modal {
-  var displayName: string;
-}
-declare const ModalDismiss: typeof DialogDismiss;
-//#endregion
-export { Modal, ModalDismiss, ModalHeader, type ModalProps, type ModalStore, useModalStore };
-//# sourceMappingURL=Modal.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.cts","names":[],"sources":["../../../../src/components/experimental/client/Modal.tsx"],"sourcesContent":[],"mappings":";;;;KASK,UAAA,CAAA,CAAA,CAAa;iBAET,aAAA,UAAuB,kBAAkB,qBAAkB;AATG,SAAA,CAa7D,gBAAA,CAAA,OAAA,CAAyB,KAAA,CAAM,iBANZ,CAAA;EAEpB,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,IAAA;;iBAQb,WAAA,CARuB;EAAA,QAAA;EAAA;AAAA,CAAA,CAAA,CAQgB,gBARhB,CAAA,CAAA,CAQgC,kBAAA,CAAA,GAAA,CAAA,OARhC;kBAQvB,WAAA,CAR2D;EAAA,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA;AAAA;AAIV,OAAA,CAAA,QAAA,CAuBjD,KAAA,CAnBW;EAAA,SAAA;EAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAmBoB,UAnBpB,CAAA,CAAA,CAmB8B,kBAAA,CAAA,GAAA,CAAA,OAnB9B;kBAmBX,KAAA,CAnBc;EAAU,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA;;cA8C3B,YA9C0D,CAAA,CAAA,MAAA,CA8CrC,aA9CqC"}

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

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
-import { DialogDismiss, DialogProps, DialogStore as ModalStore, useDialogStore } from "@ariakit/react";
-
-//#region src/components/experimental/client/Modal.d.ts
-type ModalProps = DialogProps;
-declare function useModalStore(params?: Parameters<typeof useDialogStore>[0]): ModalStore;
-interface ModalHeaderProps extends React.PropsWithChildren {
-  handleClose?: () => void;
-}
-declare function ModalHeader({
-  children,
-  handleClose
-}: ModalHeaderProps): react_jsx_runtime16.JSX.Element;
-declare namespace ModalHeader {
-  var displayName: string;
-}
-declare function Modal({
-  className,
-  ...props
-}: ModalProps): react_jsx_runtime16.JSX.Element;
-declare namespace Modal {
-  var displayName: string;
-}
-declare const ModalDismiss: typeof DialogDismiss;
-//#endregion
-export { Modal, ModalDismiss, ModalHeader, type ModalProps, type ModalStore, useModalStore };
-//# sourceMappingURL=Modal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","names":[],"sources":["../../../../src/components/experimental/client/Modal.tsx"],"sourcesContent":[],"mappings":";;;;KASK,UAAA,CAAA,CAAA,CAAa;iBAET,aAAA,UAAuB,kBAAkB,qBAAkB;AATG,SAAA,CAa7D,gBAAA,CAAA,OAAA,CAAyB,KAAA,CAAM,iBANZ,CAAA;EAEpB,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,IAAA;;iBAQb,WAAA,CARuB;EAAA,QAAA;EAAA;AAAA,CAAA,CAAA,CAQgB,gBARhB,CAAA,CAAA,CAQgC,mBAAA,CAAA,GAAA,CAAA,OARhC;kBAQvB,WAAA,CAR2D;EAAA,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA;AAAA;AAIV,OAAA,CAAA,QAAA,CAuBjD,KAAA,CAnBW;EAAA,SAAA;EAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAmBoB,UAnBpB,CAAA,CAAA,CAmB8B,mBAAA,CAAA,GAAA,CAAA,OAnB9B;kBAmBX,KAAA,CAnBc;EAAU,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA;;cA8C3B,YA9C0D,CAAA,CAAA,MAAA,CA8CrC,aA9CqC"}