@orcestr/ui 0.0.3 → 0.1.0

package/dist/components/State/State.d.ts

@@ -1,18 +1,25 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 import type { SystemProps, Tone } from '../../theme/systemProps';
+import { type IconTextProps } from '../IconText/IconText';
+import { type TextProps } from '../Text/Text';
 export type StateCardTone = Tone;
+export type StateCardVariant = 'soft' | 'surface' | 'outline' | 'ghost';
 export type StateCardProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
     tone?: StateCardTone;
+    v?: StateCardVariant;
     icon?: ReactNode;
+    iconTone?: IconTextProps['iconTone'];
     title?: ReactNode;
+    titleTone?: TextProps['tone'];
     description?: ReactNode;
+    descriptionTone?: TextProps['tone'];
     titleFs?: SystemProps['fs'];
     descriptionFs?: SystemProps['fs'];
     action?: ReactNode;
     compact?: boolean;
     testId?: string;
 };
-export declare function StateCard({ tone, icon, title, description, titleFs, descriptionFs, action, compact, className, children, testId, ...props }: StateCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function StateCard({ tone, v, icon, iconTone, title, titleTone, description, descriptionTone, titleFs, descriptionFs, action, compact, className, children, testId, ...props }: StateCardProps): import("react/jsx-runtime").JSX.Element;
 export declare function EmptyState({ title, ...props }: Omit<StateCardProps, 'tone'>): import("react/jsx-runtime").JSX.Element;
 export declare function LoadingState({ title, description, ...props }: Omit<StateCardProps, 'icon' | 'tone'>): import("react/jsx-runtime").JSX.Element;
 export declare function ErrorState({ title, retryLabel, onRetry, action, ...props }: Omit<StateCardProps, 'tone'> & {

package/dist/components/State/State.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../src/components/State/State.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAKrD,OAAO,KAAK,EAAC,WAAW,EAAE,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAO/D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IACzE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC5B,aAAa,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACtB,IAAgB,EAChB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,aAAsB,EACtB,MAAM,EACN,OAAe,EACf,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACX,EAAE,cAAc,2CAkChB;AAED,wBAAgB,UAAU,CAAC,EAAC,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,2CAGzE;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC,2CAWvC;AAED,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,UAAU,EACV,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,2CAgBA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC,2CAE7E"}
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../src/components/State/State.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAKrD,OAAO,KAAK,EAAC,WAAW,EAAE,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAE/D,OAAO,EAAW,KAAK,aAAa,EAAC,MAAM,sBAAsB,CAAC;AAElE,OAAO,EAAO,KAAK,SAAS,EAAC,MAAM,cAAc,CAAC;AAGlD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC;AACjC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IACzE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,CAAC,CAAC,EAAE,gBAAgB,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC5B,aAAa,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACtB,IAAgB,EAChB,CAAU,EACV,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,WAAW,EACX,eAAe,EACf,OAAO,EACP,aAAsB,EACtB,MAAM,EACN,OAAe,EACf,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACX,EAAE,cAAc,2CAwChB;AAED,wBAAgB,UAAU,CAAC,EAAC,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,2CAGzE;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC,2CAWvC;AAED,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,UAAU,EACV,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,2CAgBA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC,2CAE7E"}

package/dist/components/State/State.js

@@ -8,10 +8,10 @@ import { IconText } from '../IconText/IconText';
 import { Spinner } from '../Spinner/Spinner';
 import { Text } from '../Text/Text';
 import { stateIcon } from './stateIcon';
-export function StateCard({ tone = 'neutral', icon, title, description, titleFs, descriptionFs = '13px', action, compact = false, className, children, testId, ...props }) {
+export function StateCard({ tone = 'neutral', v = 'soft', icon, iconTone, title, titleTone, description, descriptionTone, titleFs, descriptionFs = '13px', action, compact = false, className, children, testId, ...props }) {
     const hasBody = description || children;
     const actualTitleFs = titleFs ?? (compact ? '14px' : '15px');
-    return (_jsxs("div", { className: cn('oui-state-card', className), "data-tone": tone, "data-compact": compact ? 'true' : undefined, "data-testid": testId, ...props, children: [_jsxs("div", { className: 'oui-state-card-main', children: [_jsx(IconText, { fw: 760, fs: actualTitleFs, icon: icon ?? stateIcon(tone), iconTone: tone === 'neutral' ? 'muted' : tone, children: title }), hasBody ? (_jsxs("div", { className: 'oui-state-card-body', children: [description ? (_jsx(Text, { className: 'oui-state-card-description', fs: descriptionFs, children: description })) : null, children] })) : null] }), action ? _jsx("div", { className: 'oui-state-card-action', children: action }) : null] }));
+    return (_jsxs("div", { className: cn('oui-state-card', className), "data-tone": tone, "data-variant": v, "data-compact": compact ? 'true' : undefined, "data-testid": testId, ...props, children: [_jsxs("div", { className: 'oui-state-card-main', children: [_jsx(IconText, { fw: 760, fs: actualTitleFs, icon: icon ?? stateIcon(tone), iconTone: iconTone ?? (tone === 'neutral' ? 'muted' : tone), tone: titleTone, children: title }), hasBody ? (_jsxs("div", { className: 'oui-state-card-body', children: [description ? (_jsx(Text, { className: 'oui-state-card-description', fs: descriptionFs, tone: descriptionTone, children: description })) : null, children] })) : null] }), action ? _jsx("div", { className: 'oui-state-card-action', children: action }) : null] }));
 }
 export function EmptyState({ title, ...props }) {
     const { copy } = useOrcestrUiLocale();

package/dist/components/Switch/Switch.d.ts

@@ -1,10 +1,12 @@
 import { type InputHTMLAttributes, type ReactNode } from 'react';
 export type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     label?: ReactNode;
+    onCheckedChange?: (checked: boolean) => void;
     testId?: string;
 };
 export declare const Switch: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
     label?: ReactNode;
+    onCheckedChange?: (checked: boolean) => void;
     testId?: string;
 } & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Switch.d.ts.map

package/dist/components/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC5E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,MAAM;YAJP,SAAS;aACR,MAAM;oDA6CjB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC5E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,MAAM;YALP,SAAS;sBACC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;aACnC,MAAM;oDAgDjB,CAAC"}

package/dist/components/Switch/Switch.js

@@ -2,13 +2,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, } from 'react';
 import { cn } from '../../utils/cn';
-export const Switch = forwardRef(function Switch({ className, label, children, checked, defaultChecked, disabled, onChange, testId, ...props }, ref) {
+export const Switch = forwardRef(function Switch({ className, label, children, checked, defaultChecked, disabled, onChange, onCheckedChange, testId, dangerouslySetInnerHTML: _dangerouslySetInnerHTML, ...props }, ref) {
     const [internalChecked, setInternalChecked] = useState(Boolean(defaultChecked));
     const actualChecked = checked ?? internalChecked;
     const handleChange = (event) => {
         if (checked === undefined)
             setInternalChecked(event.target.checked);
         onChange?.(event);
+        onCheckedChange?.(event.target.checked);
     };
     return (_jsxs("label", { className: cn('oui-switch', className), "data-checked": actualChecked ? 'true' : undefined, "data-disabled": disabled ? 'true' : undefined, "data-testid": testId, children: [_jsx("input", { ref: ref, type: 'checkbox', checked: actualChecked, disabled: disabled, onChange: handleChange, ...props }), _jsx("span", { className: 'oui-switch-track', children: _jsx("span", { className: 'oui-switch-thumb' }) }), label || children ? _jsx("span", { children: label ?? children }) : null] }));
 });

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

@@ -0,0 +1,64 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import { type SystemProps, type UiSize } from '../../theme/systemProps';
+type Align = 'left' | 'center' | 'right';
+export type TableRootProps = ComponentPropsWithoutRef<'table'> & SystemProps & {
+    size?: UiSize;
+    v?: 'ghost' | 'surface';
+    testId?: string;
+};
+export declare const TableRoot: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & SystemProps & {
+    size?: UiSize;
+    v?: "ghost" | "surface";
+    testId?: string;
+} & import("react").RefAttributes<HTMLTableElement>>;
+export declare const TableHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare const TableRow: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & import("react").RefAttributes<HTMLTableRowElement>>;
+export type TableCellProps = ComponentPropsWithoutRef<'td'> & SystemProps & {
+    align?: Align;
+    testId?: string;
+};
+export declare const TableCell: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & SystemProps & {
+    align?: Align;
+    testId?: string;
+} & import("react").RefAttributes<HTMLTableCellElement>>;
+export type TableHeaderCellProps = ComponentPropsWithoutRef<'th'> & SystemProps & {
+    align?: Align;
+    testId?: string;
+};
+export declare const TableColumnHeaderCell: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & SystemProps & {
+    align?: Align;
+    testId?: string;
+} & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const TableRowHeaderCell: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & SystemProps & {
+    align?: Align;
+    testId?: string;
+} & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const Table: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & SystemProps & {
+    size?: UiSize;
+    v?: "ghost" | "surface";
+    testId?: string;
+} & import("react").RefAttributes<HTMLTableElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & SystemProps & {
+        size?: UiSize;
+        v?: "ghost" | "surface";
+        testId?: string;
+    } & import("react").RefAttributes<HTMLTableElement>>;
+    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>>;
+    Row: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & import("react").RefAttributes<HTMLTableRowElement>>;
+    Cell: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & SystemProps & {
+        align?: Align;
+        testId?: string;
+    } & import("react").RefAttributes<HTMLTableCellElement>>;
+    ColumnHeaderCell: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & SystemProps & {
+        align?: Align;
+        testId?: string;
+    } & import("react").RefAttributes<HTMLTableCellElement>>;
+    RowHeaderCell: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & SystemProps & {
+        align?: Align;
+        testId?: string;
+    } & import("react").RefAttributes<HTMLTableCellElement>>;
+};
+export {};
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAC,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAGxF,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,OAAO,CAAC,GAC1D,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,SAAS;WALP,MAAM;QACT,OAAO,GAAG,SAAS;aACd,MAAM;oDAkBtB,CAAC;AAEF,eAAO,MAAM,WAAW,sOAKtB,CAAC;AAEH,eAAO,MAAM,SAAS,sOAKpB,CAAC;AAEH,eAAO,MAAM,QAAQ,0NAIpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,IAAI,CAAC,GACvD,WAAW,GAAG;IACV,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,SAAS;YAJN,KAAK;aACJ,MAAM;wDAiBtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC,IAAI,CAAC,GAC7D,WAAW,GAAG;IACV,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,qBAAqB;YAJlB,KAAK;aACJ,MAAM;wDAmBrB,CAAC;AAEH,eAAO,MAAM,kBAAkB;YAtBf,KAAK;aACJ,MAAM;wDAoCtB,CAAC;AAEF,eAAO,MAAM,KAAK;WAzGH,MAAM;QACT,OAAO,GAAG,SAAS;aACd,MAAM;;;eAFR,MAAM;YACT,OAAO,GAAG,SAAS;iBACd,MAAM;;;;;;gBA0CP,KAAK;iBACJ,MAAM;;;gBAqBP,KAAK;iBACJ,MAAM;;;gBADP,KAAK;iBACJ,MAAM;;CA8CrB,CAAC"}

package/dist/components/Table/Table.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { splitSystemProps } from '../../theme/systemProps';
+import { cn } from '../../utils/cn';
+export const TableRoot = forwardRef(function TableRoot({ className, style, size = 2, v = 'ghost', testId, ...props }, ref) {
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsx("table", { ref: ref, className: cn('oui-table', className), "data-size": size, "data-variant": v, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
+});
+export const TableHeader = forwardRef(function TableHeader({ className, ...props }, ref) {
+    return _jsx("thead", { ref: ref, className: cn('oui-table-header', className), ...props });
+});
+export const TableBody = forwardRef(function TableBody({ className, ...props }, ref) {
+    return _jsx("tbody", { ref: ref, className: cn('oui-table-body', className), ...props });
+});
+export const TableRow = forwardRef(function TableRow({ className, ...props }, ref) {
+    return _jsx("tr", { ref: ref, className: cn('oui-table-row', className), ...props });
+});
+export const TableCell = forwardRef(function TableCell({ className, style, align, testId, ...props }, ref) {
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsx("td", { ref: ref, className: cn('oui-table-cell', className), "data-align": align, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
+});
+export const TableColumnHeaderCell = forwardRef(function TableColumnHeaderCell({ className, style, align, testId, ...props }, ref) {
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsx("th", { ref: ref, scope: 'col', className: cn('oui-table-column-header-cell', className), "data-align": align, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
+});
+export const TableRowHeaderCell = forwardRef(function TableRowHeaderCell({ className, style, align, testId, ...props }, ref) {
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsx("th", { ref: ref, scope: 'row', className: cn('oui-table-row-header-cell', className), "data-align": align, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
+});
+export const Table = Object.assign(TableRoot, {
+    Root: TableRoot,
+    Header: TableHeader,
+    Body: TableBody,
+    Row: TableRow,
+    Cell: TableCell,
+    ColumnHeaderCell: TableColumnHeaderCell,
+    RowHeaderCell: TableRowHeaderCell,
+});

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
 export type TabItem = {
     value: string;
     label: ReactNode;
@@ -6,7 +6,7 @@ export type TabItem = {
     icon?: ReactNode;
     badge?: ReactNode;
 };
-export declare function Tabs({ items, value, onValueChange, className, listClassName, contentClassName, testId, }: {
+declare function ItemTabs({ items, value, onValueChange, className, listClassName, contentClassName, testId, }: {
     items: ReadonlyArray<TabItem>;
     value: string;
     onValueChange: (value: string) => void;
@@ -15,4 +15,35 @@ export declare function Tabs({ items, value, onValueChange, className, listClass
     contentClassName?: string;
     testId?: string;
 }): import("react/jsx-runtime").JSX.Element | null;
+type RootProps = Omit<ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'onChange'> & {
+    children: ReactNode;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+declare function Root({ value, defaultValue, onValueChange, children, className, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+type ListProps = Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onWheel'> & {
+    children: ReactNode;
+    indicatorPaddingY?: number;
+};
+declare function List({ children, indicatorPaddingY, className, style, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
+type TriggerProps = Omit<ComponentPropsWithoutRef<'button'>, 'value'> & {
+    value: string;
+    children: ReactNode;
+    icon?: ReactNode;
+    size?: '2' | '3';
+};
+declare function Trigger({ value, children, icon, size, className, onMouseEnter, onClick, ...props }: TriggerProps): import("react/jsx-runtime").JSX.Element;
+type ContentProps = Omit<ComponentPropsWithoutRef<'div'>, 'value'> & {
+    value: string;
+    mountOnActive?: boolean;
+};
+declare function Content({ value, children, className, mountOnActive, ...props }: ContentProps): import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: typeof ItemTabs & {
+    Root: typeof Root;
+    List: typeof List;
+    Trigger: typeof Trigger;
+    Content: typeof Content;
+};
+export {};
 //# sourceMappingURL=Tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,OAAO,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AASF,wBAAgB,IAAI,CAAC,EACjB,KAAK,EACL,KAAK,EACL,aAAa,EACb,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,MAAM,GACT,EAAE;IACC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,kDAgKA"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,wBAAwB,EAU7B,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,OAAO,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AASF,iBAAS,QAAQ,CAAC,EACd,KAAK,EACL,KAAK,EACL,aAAa,EACb,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,MAAM,GACT,EAAE;IACC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,kDAiKA;AAkBD,KAAK,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,GAAG;IAClF,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,iBAAS,IAAI,CAAC,EACV,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACX,EAAE,SAAS,2CAmDX;AAED,KAAK,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAC7E,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,iBAAS,IAAI,CAAC,EACV,QAAQ,EACR,iBAAqB,EACrB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACX,EAAE,SAAS,2CAsKX;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,GAAG;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,iBAAS,OAAO,CAAC,EACb,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,IAAU,EACV,SAAS,EACT,YAAY,EACZ,OAAO,EACP,GAAG,KAAK,EACX,EAAE,YAAY,2CAwCd;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,iBAAS,OAAO,CAAC,EACb,KAAK,EACL,QAAQ,EACR,SAAS,EACT,aAAqB,EACrB,GAAG,KAAK,EACX,EAAE,YAAY,2CA4Bd;AAoBD,eAAO,MAAM,IAAI;;;;;CAKf,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -1,9 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useLayoutEffect, useRef, useState, } from 'react';
+import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import { LuChevronLeft, LuChevronRight } from 'react-icons/lu';
 import { cn } from '../../utils/cn';
 import { Collapse } from '../Collapse/Collapse';
-export function Tabs({ items, value, onValueChange, className, listClassName, contentClassName, testId, }) {
+import { IconButton } from '../IconButton/IconButton';
+function ItemTabs({ items, value, onValueChange, className, listClassName, contentClassName, testId, }) {
     const active = items.find((item) => item.value === value) ?? items[0];
     const listRef = useRef(null);
     const triggerRefs = useRef(new Map());
@@ -29,8 +31,9 @@ export function Tabs({ items, value, onValueChange, className, listClassName, co
             };
         };
         setActiveRect(readRect(active?.value));
-        setHoverRect((current) => readRect(hoveredValue) ?? current);
-        setHoverVisible(Boolean(hoveredValue && readRect(hoveredValue)));
+        const nextHoverRect = readRect(hoveredValue);
+        setHoverRect((current) => nextHoverRect ?? current);
+        setHoverVisible(Boolean(hoveredValue && nextHoverRect && hoveredValue !== active?.value));
     }, [active?.value, hoveredValue]);
     const moveFocus = (currentValue, direction) => {
         const currentIndex = items.findIndex((item) => item.value === currentValue);
@@ -94,6 +97,174 @@ export function Tabs({ items, value, onValueChange, className, listClassName, co
                     return (_jsx(Collapse, { open: open, children: _jsx("div", { role: 'tabpanel', className: 'oui-tabs-panel', "data-active": open ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}-panel` : undefined, children: item.content }) }, item.value));
                 }) })] }));
 }
+const TabsCtx = createContext(null);
+function useTabsCtx() {
+    const ctx = useContext(TabsCtx);
+    if (!ctx)
+        throw new Error('Tabs.* must be used inside <Tabs.Root>.');
+    return ctx;
+}
+function Root({ value, defaultValue, onValueChange, children, className, ...props }) {
+    const [uncontrolled, setUncontrolled] = useState(defaultValue);
+    const isControlled = value !== undefined;
+    const currentValue = isControlled ? value : uncontrolled;
+    const [hoveredValue, setHoveredValue] = useState(null);
+    const triggersRef = useRef(new Map());
+    const [, setTriggersVersion] = useState(0);
+    const registerTrigger = useCallback((nextValue, element) => {
+        const triggers = triggersRef.current;
+        if (element) {
+            if (triggers.get(nextValue) === element)
+                return;
+            triggers.set(nextValue, element);
+        }
+        else {
+            if (!triggers.has(nextValue))
+                return;
+            triggers.delete(nextValue);
+        }
+        setTriggersVersion((current) => current + 1);
+    }, []);
+    const handleChange = useCallback((nextValue) => {
+        if (!isControlled)
+            setUncontrolled(nextValue);
+        onValueChange?.(nextValue);
+    }, [isControlled, onValueChange]);
+    const ctxValue = useMemo(() => ({
+        activeValue: currentValue,
+        hoveredValue,
+        setHoveredValue,
+        setActiveValue: handleChange,
+        registerTrigger,
+    }), [currentValue, handleChange, hoveredValue, registerTrigger]);
+    return (_jsx(TabsCtx.Provider, { value: ctxValue, children: _jsx("div", { className: cn('oui-tabs-compound', className), "data-tabs-root": true, "data-value": currentValue, ...props, children: children }) }));
+}
+function List({ children, indicatorPaddingY = 4, className, style, ...props }) {
+    const ctx = useTabsCtx();
+    const listRef = useRef(null);
+    const [hoverRect, setHoverRect] = useState(null);
+    const [hoverVisible, setHoverVisible] = useState(false);
+    const [activeRect, setActiveRect] = useState(null);
+    const [canScrollLeft, setCanScrollLeft] = useState(false);
+    const [canScrollRight, setCanScrollRight] = useState(false);
+    const measure = useCallback(() => {
+        const list = listRef.current;
+        if (!list)
+            return;
+        const triggers = list.querySelectorAll('[data-tabs-trigger]');
+        let hover = null;
+        let active = null;
+        triggers.forEach((element) => {
+            const nextValue = element.dataset.tabsTrigger;
+            if (!nextValue)
+                return;
+            const rect = {
+                left: element.offsetLeft,
+                top: element.offsetTop,
+                width: element.offsetWidth,
+                height: element.offsetHeight,
+            };
+            if (nextValue === ctx.hoveredValue)
+                hover = rect;
+            if (nextValue === ctx.activeValue)
+                active = rect;
+        });
+        setHoverRect((current) => hover ?? current);
+        setHoverVisible(Boolean(hover && ctx.hoveredValue !== ctx.activeValue));
+        setActiveRect(active);
+        setCanScrollLeft(list.scrollLeft > 1);
+        setCanScrollRight(list.scrollLeft + list.clientWidth < list.scrollWidth - 1);
+    }, [ctx.activeValue, ctx.hoveredValue]);
+    useLayoutEffect(() => {
+        measure();
+    }, [measure]);
+    useEffect(() => {
+        const list = listRef.current;
+        if (!list)
+            return;
+        const observer = new ResizeObserver(() => measure());
+        observer.observe(list);
+        list.querySelectorAll('[data-tabs-trigger]').forEach((element) => observer.observe(element));
+        list.addEventListener('scroll', measure, { passive: true });
+        return () => {
+            observer.disconnect();
+            list.removeEventListener('scroll', measure);
+        };
+    }, [children, measure]);
+    const scrollList = (direction) => {
+        const list = listRef.current;
+        if (!list)
+            return;
+        list.scrollBy({
+            left: direction * Math.max(Math.round(list.clientWidth * 0.6), 160),
+            behavior: 'smooth',
+        });
+    };
+    const handleWheel = useCallback((event) => {
+        if (event.defaultPrevented)
+            return;
+        const list = listRef.current;
+        if (!list || list.scrollWidth <= list.clientWidth + 1)
+            return;
+        const rawDelta = Math.abs(event.deltaY) >= Math.abs(event.deltaX)
+            ? event.deltaY
+            : event.deltaX;
+        if (rawDelta === 0)
+            return;
+        const delta = event.deltaMode === 1
+            ? rawDelta * 32
+            : event.deltaMode === 2
+                ? rawDelta * list.clientWidth
+                : rawDelta;
+        const maxScrollLeft = list.scrollWidth - list.clientWidth;
+        const canScroll = delta < 0 ? list.scrollLeft > 1 : list.scrollLeft < maxScrollLeft - 1;
+        if (!canScroll)
+            return;
+        event.preventDefault();
+        list.scrollBy({ left: delta, behavior: 'smooth' });
+    }, []);
+    useEffect(() => {
+        const list = listRef.current;
+        if (!list)
+            return;
+        list.addEventListener('wheel', handleWheel, { passive: false });
+        return () => list.removeEventListener('wheel', handleWheel);
+    }, [handleWheel]);
+    const hasOverflowControls = canScrollLeft || canScrollRight;
+    return (_jsxs("div", { className: 'oui-tabs-compound-shell', children: [canScrollLeft ? (_jsx("span", { "aria-hidden": true, className: 'oui-tabs-edge oui-tabs-edge-left' })) : null, canScrollRight ? (_jsx("span", { "aria-hidden": true, className: 'oui-tabs-edge oui-tabs-edge-right' })) : null, canScrollLeft ? (_jsx(IconButton, { type: 'button', v: 'soft', tone: 'neutral', round: true, size: 1, onClick: () => scrollList(-1), "aria-label": 'Scroll tabs left', className: 'oui-tabs-scroll-button oui-tabs-scroll-button-left', children: _jsx(LuChevronLeft, { size: 16 }) })) : null, canScrollRight ? (_jsx(IconButton, { type: 'button', v: 'soft', tone: 'neutral', round: true, size: 1, onClick: () => scrollList(1), "aria-label": 'Scroll tabs right', className: 'oui-tabs-scroll-button oui-tabs-scroll-button-right', children: _jsx(LuChevronRight, { size: 16 }) })) : null, _jsxs("div", { ref: listRef, role: 'tablist', onMouseLeave: () => ctx.setHoveredValue(null), className: cn('oui-tabs-list-scroll', className), "data-overflow": hasOverflowControls ? 'true' : undefined, style: style, ...props, children: [activeRect ? (_jsx("span", { "aria-hidden": true, className: 'oui-tabs-compound-active-indicator', style: compoundIndicatorStyle(activeRect, indicatorPaddingY) })) : null, hoverRect ? (_jsx("span", { "aria-hidden": true, className: 'oui-tabs-compound-hover-indicator', "data-visible": hoverVisible ? 'true' : undefined, style: compoundIndicatorStyle(hoverRect, indicatorPaddingY) })) : null, children] })] }));
+}
+function Trigger({ value, children, icon, size = '2', className, onMouseEnter, onClick, ...props }) {
+    const ctx = useTabsCtx();
+    const ref = useRef(null);
+    const isActive = ctx.activeValue === value;
+    useEffect(() => {
+        ctx.registerTrigger(value, ref.current);
+        return () => ctx.registerTrigger(value, null);
+    }, [ctx, value]);
+    return (_jsxs("button", { ref: ref, type: 'button', role: 'tab', "aria-selected": isActive, className: cn('oui-tabs-trigger', className), "data-active": isActive ? 'true' : undefined, "data-size": size, "data-tabs-trigger": value, onMouseEnter: (event) => {
+            ctx.setHoveredValue(value);
+            onMouseEnter?.(event);
+        }, onClick: (event) => {
+            onClick?.(event);
+            if (event.defaultPrevented)
+                return;
+            ctx.setHoveredValue(value);
+            ctx.setActiveValue(value);
+        }, ...props, children: [icon ? (_jsx("span", { className: 'oui-tabs-trigger-icon', "aria-hidden": true, children: icon })) : null, children] }));
+}
+function Content({ value, children, className, mountOnActive = false, ...props }) {
+    const ctx = useTabsCtx();
+    const open = ctx.activeValue === value;
+    const [mounted, setMounted] = useState(open);
+    useEffect(() => {
+        if (!open || mounted)
+            return;
+        const frameId = window.requestAnimationFrame(() => setMounted(true));
+        return () => window.cancelAnimationFrame(frameId);
+    }, [mounted, open]);
+    const shouldRenderChildren = !mountOnActive || mounted || open;
+    return (_jsx("div", { role: 'tabpanel', className: cn('oui-tabs-compound-panel', className), "data-tabs-content": value, hidden: !open, ...props, children: _jsx(Collapse, { open: open, children: _jsx("div", { className: 'oui-tabs-compound-panel-inner', children: shouldRenderChildren ? children : null }) }) }));
+}
 function indicatorStyle(rect) {
     return {
         left: rect.left,
@@ -102,3 +273,17 @@ function indicatorStyle(rect) {
         height: Math.max(0, rect.height - 8),
     };
 }
+function compoundIndicatorStyle(rect, paddingY) {
+    return {
+        left: rect.left,
+        top: rect.top + paddingY,
+        width: rect.width,
+        height: Math.max(0, rect.height - paddingY * 2),
+    };
+}
+export const Tabs = Object.assign(ItemTabs, {
+    Root,
+    List,
+    Trigger,
+    Content,
+});

package/dist/components/Text/Text.d.ts

@@ -1,13 +1,23 @@
 import { type ComponentPropsWithoutRef, type ElementType } from 'react';
-import { type SystemProps, type Tone } from '../../theme/systemProps';
+import { type SystemProps, type ToneInput } from '../../theme/systemProps';
 export type TextProps = ComponentPropsWithoutRef<'span'> & SystemProps & {
     as?: ElementType;
-    tone?: Tone | 'muted';
+    tone?: ToneInput;
+    asChild?: boolean;
+    href?: string;
+    target?: string;
+    rel?: string;
+    trim?: string;
     testId?: string;
 };
 export declare const Text: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & SystemProps & {
     as?: ElementType;
-    tone?: Tone | "muted";
+    tone?: ToneInput;
+    asChild?: boolean;
+    href?: string;
+    target?: string;
+    rel?: string;
+    trim?: string;
     testId?: string;
 } & import("react").RefAttributes<HTMLElement>>;
 //# sourceMappingURL=Text.d.ts.map

package/dist/components/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EACnB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAEtF,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,MAAM,CAAC,GACpD,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,IAAI;SALJ,WAAW;WACT,IAAI,GAAG,OAAO;aACZ,MAAM;+CAiBrB,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEnB,MAAM,OAAO,CAAC;AAGf,OAAO,EAGH,KAAK,WAAW,EAChB,KAAK,SAAS,EACjB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,MAAM,CAAC,GACpD,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,IAAI;SAVJ,WAAW;WACT,SAAS;cACN,OAAO;WACV,MAAM;aACJ,MAAM;UACT,MAAM;WACL,MAAM;aACJ,MAAM;+CA2CrB,CAAC"}

package/dist/components/Text/Text.js

@@ -1,8 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, } from 'react';
 import { cn } from '../../utils/cn';
-import { splitSystemProps } from '../../theme/systemProps';
-export const Text = forwardRef(function Text({ as: Component = 'span', className, style, tone, testId, ...props }, ref) {
+import { normalizeTone, splitSystemProps, } from '../../theme/systemProps';
+import { renderSlot } from '../../utils/slot';
+export const Text = forwardRef(function Text({ as: Component = 'span', className, style, tone, asChild = false, testId, children, ...props }, ref) {
     const { systemStyle, restProps } = splitSystemProps(props);
-    return (_jsx(Component, { ref: ref, className: cn('oui-text', tone && `oui-text-${tone}`, className), "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
+    const commonProps = {
+        className: cn('oui-text', tone && `oui-text-${tone === 'muted' ? 'muted' : normalizeTone(tone)}`, className),
+        'data-testid': testId,
+        style: { ...systemStyle, ...style },
+        ...restProps,
+    };
+    if (asChild) {
+        return renderSlot(children, {
+            ...commonProps,
+            ref: ref,
+        });
+    }
+    return (_jsx(Component, { ref: ref, ...commonProps, children: children }));
 });

package/dist/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,sBAAsB,EAC9B,MAAM,OAAO,CAAC;AAIf,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,MAAM,EACd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GACnE,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,QAAQ;WANN,MAAM;cACH,OAAO;iBACJ,OAAO;aACX,MAAM;uDAwCtB,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,sBAAsB,EAC9B,MAAM,OAAO,CAAC;AAIf,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,MAAM,EACd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GACnE,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,QAAQ;WANN,MAAM;cACH,OAAO;iBACJ,OAAO;aACX,MAAM;uDA0CtB,CAAC"}

package/dist/components/TextArea/TextArea.js

@@ -4,7 +4,7 @@ import { forwardRef, useLayoutEffect, useRef, } from 'react';
 import { cn } from '../../utils/cn';
 import { composeRefs } from '../../utils/composeRefs';
 import { splitSystemProps, } from '../../theme/systemProps';
-export const TextArea = forwardRef(function TextArea({ className, style, size = 2, invalid = false, autoResize = false, value, testId, ...props }, ref) {
+export const TextArea = forwardRef(function TextArea({ className, style, size = 2, invalid = false, autoResize = false, value, testId, children: _children, dangerouslySetInnerHTML: _dangerouslySetInnerHTML, ...props }, ref) {
     const localRef = useRef(null);
     const { systemStyle, restProps } = splitSystemProps(props);
     useLayoutEffect(() => {

package/dist/components/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAMf,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,MAAM,EACd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG,IAAI,CAC7B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACT,GACG,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,SAAS;WAXP,MAAM;cACH,OAAO;gBACL,OAAO;eACR,SAAS;gBACR,SAAS;gBACT,OAAO;cACT,MAAM,IAAI;iBACP,MAAM;aACV,MAAM;oDA4FtB,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAMf,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,MAAM,EACd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG,IAAI,CAC7B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACT,GACG,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,SAAS;WAXP,MAAM;cACH,OAAO;gBACL,OAAO;eACR,SAAS;gBACR,SAAS;gBACT,OAAO;cACT,MAAM,IAAI;iBACP,MAAM;aACV,MAAM;oDA8FtB,CAAC"}

package/dist/components/TextField/TextField.js

@@ -6,7 +6,7 @@ import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
 import { cn } from '../../utils/cn';
 import { composeRefs } from '../../utils/composeRefs';
 import { splitSystemProps, } from '../../theme/systemProps';
-export const TextField = forwardRef(function TextField({ className, style, size = 3, invalid = false, fullWidth = true, leftSlot, rightSlot, clearable = false, onClear, clearLabel, testId, value, defaultValue, onChange, disabled, id, ...props }, ref) {
+export const TextField = forwardRef(function TextField({ className, style, size = 3, invalid = false, fullWidth = true, leftSlot, rightSlot, clearable = false, onClear, clearLabel, testId, value, defaultValue, onChange, disabled, id, children: _children, dangerouslySetInnerHTML: _dangerouslySetInnerHTML, ...props }, ref) {
     const { copy } = useOrcestrUiLocale();
     const generatedId = useId();
     const inputId = id ?? generatedId;

package/dist/components/Toast/Toast.d.ts

@@ -10,6 +10,7 @@ export type ToastOptions = {
     title: ReactNode;
     message?: ReactNode;
     tone?: ToastTone;
+    icon?: ReactNode | false;
     position?: ToastPosition;
     background?: string;
     blur?: number | string | false;

package/dist/components/Toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EASH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AASf,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAClE,MAAM,MAAM,aAAa,GACnB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAErB,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,CAAC;AAU/C,KAAK,iBAAiB,GAAG;IACrB,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,SAAS,KAAK,MAAM,CAAC;IACtD,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACvC,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACrC,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAmCF,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,eAAwC,EACxC,UAA+B,EAC/B,MAAM,GACT,EAAE;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAoJA;AAED,wBAAgB,QAAQ,sBAMvB"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EASH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AASf,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAClE,MAAM,MAAM,aAAa,GACnB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAErB,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACzB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,CAAC;AAU/C,KAAK,iBAAiB,GAAG;IACrB,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,SAAS,KAAK,MAAM,CAAC;IACtD,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACvC,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACrC,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAmCF,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,eAAwC,EACxC,UAA+B,EAC/B,MAAM,GACT,EAAE;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAoJA;AAED,wBAAgB,QAAQ,sBAMvB"}