@orcestr/ui 0.0.3 → 0.1.1

package/dist/components/Select/Select.d.ts

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import type { UiSize } from '../../theme/systemProps';
+import { type CSSProperties, type ReactNode } from 'react';
+import { type SystemProps, type UiSize } from '../../theme/systemProps';
 export type SelectItem<V extends string = string> = {
     value: V;
     label: ReactNode;
@@ -7,7 +7,7 @@ export type SelectItem<V extends string = string> = {
     triggerLabel?: ReactNode;
     disabled?: boolean;
 };
-export declare function Select<V extends string = string>({ items, value, onValueChange, placeholder, selectedFallbackLabel, clearable, disabled, emptyText, size, maxHeight, onClear, className, showChevron, clearLabel, testId, }: {
+export declare function Select<V extends string = string>({ items, value, onValueChange, placeholder, selectedFallbackLabel, clearable, disabled, emptyText, size, maxHeight, onClear, className, style, showChevron, clearLabel, testId, ...props }: {
     items: ReadonlyArray<SelectItem<V>>;
     value: V | null;
     onValueChange: (value: V | null) => void;
@@ -20,8 +20,40 @@ export declare function Select<V extends string = string>({ items, value, onValu
     maxHeight?: number;
     onClear?: () => void;
     className?: string;
+    style?: CSSProperties;
     showChevron?: boolean;
     clearLabel?: string;
     testId?: string;
-}): import("react/jsx-runtime").JSX.Element;
+} & SystemProps): import("react/jsx-runtime").JSX.Element;
+type SelectRootProps<V extends string = string> = {
+    value: V | null;
+    onValueChange?: (value: V) => void;
+    disabled?: boolean;
+    children: ReactNode;
+};
+type SelectTriggerProps = {
+    placeholder?: string;
+    style?: CSSProperties;
+    width?: number | string;
+    size?: UiSize;
+};
+type SelectContentProps = {
+    children: ReactNode;
+};
+type SelectItemProps<V extends string = string> = {
+    value: V;
+    disabled?: boolean;
+    children: ReactNode;
+};
+declare function SelectRoot<V extends string = string>({ value, onValueChange, disabled, children, }: SelectRootProps<V>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger(_props: SelectTriggerProps): null;
+declare function SelectContent(_props: SelectContentProps): null;
+declare function SelectItem<V extends string = string>(_props: SelectItemProps<V>): null;
+export declare namespace Select {
+    const Root: typeof SelectRoot;
+    const Trigger: typeof SelectTrigger;
+    const Content: typeof SelectContent;
+    const Item: typeof SelectItem;
+}
+export {};
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAKpD,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAChD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAC9C,KAAK,EACL,KAAK,EACL,aAAa,EACb,WAAW,EACX,qBAAqB,EACrB,SAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,IAAQ,EACR,SAAe,EACf,OAAO,EACP,SAAS,EACT,WAAkB,EAClB,UAAU,EACV,MAAM,GACT,EAAE;IACC,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAoNA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}

package/dist/components/Select/Select.js

@@ -1,13 +1,14 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useId, useMemo, useRef, useState, } from 'react';
+import { useCallback, useEffect, useId, useMemo, useRef, useState, Children, isValidElement, } from 'react';
 import { LuCheck, LuChevronsUpDown, LuX } from 'react-icons/lu';
 import { Button } from '../Button/Button';
 import { Popover } from '../Popover/Popover';
+import { splitSystemProps } from '../../theme/systemProps';
 import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
 import { useListNavigation } from '../../hooks/useListNavigation';
 import { useTypeahead } from '../../hooks/useTypeahead';
-export function Select({ items, value, onValueChange, placeholder, selectedFallbackLabel, clearable = false, disabled = false, emptyText, size = 3, maxHeight = 280, onClear, className, showChevron = true, clearLabel, testId, }) {
+export function Select({ items, value, onValueChange, placeholder, selectedFallbackLabel, clearable = false, disabled = false, emptyText, size = 3, maxHeight = 280, onClear, className, style, showChevron = true, clearLabel, testId, ...props }) {
     const { copy } = useOrcestrUiLocale();
     const actualPlaceholder = placeholder ?? copy.common.selectValue;
     const actualEmptyText = emptyText ?? copy.common.noOptions;
@@ -89,11 +90,12 @@ export function Select({ items, value, onValueChange, placeholder, selectedFallb
     const hasSelectedValue = value !== null;
     const canClear = clearable && hasSelectedValue && !disabled;
     const triggerLabel = selected?.triggerLabel ?? selected?.label ?? selectedFallbackLabel ?? null;
+    const { systemStyle } = splitSystemProps(props);
     return (_jsx(Popover, { open: open, onOpenChange: (next) => {
             setOpen(next);
             if (!next)
                 navigation.reset();
-        }, trigger: _jsx(Button, { type: 'button', v: 'surface', size: size, disabled: disabled, fullWidth: true, pressAnimation: 'none', className: 'oui-combobox-trigger', "data-state": open ? 'open' : 'closed', testId: testId, "aria-haspopup": 'listbox', "aria-expanded": open, "aria-controls": listboxId, onKeyDown: handleKeyDown, rightIcon: _jsxs("span", { className: 'oui-combobox-trigger-actions', children: [canClear ? (_jsx("span", { "aria-label": clearLabel ?? copy.common.clear, className: 'oui-combobox-clear', onPointerDown: (event) => {
+        }, trigger: _jsx(Button, { type: 'button', v: 'surface', size: size, disabled: disabled, fullWidth: true, pressAnimation: 'none', className: 'oui-combobox-trigger', "data-state": open ? 'open' : 'closed', testId: testId, style: { ...systemStyle, ...style }, "aria-haspopup": 'listbox', "aria-expanded": open, "aria-controls": listboxId, onKeyDown: handleKeyDown, rightIcon: _jsxs("span", { className: 'oui-combobox-trigger-actions', children: [canClear ? (_jsx("span", { "aria-label": clearLabel ?? copy.common.clear, className: 'oui-combobox-clear', onPointerDown: (event) => {
                             event.preventDefault();
                             event.stopPropagation();
                         }, onClick: (event) => {
@@ -117,6 +119,71 @@ export function Select({ items, value, onValueChange, placeholder, selectedFallb
                     }, children: [_jsx("span", { className: 'oui-combobox-option-main', children: item.label }), isSelected ? (_jsx(LuCheck, { className: 'oui-combobox-check', size: 15 })) : null] }, item.value));
             })) }) }));
 }
+function SelectRoot({ value, onValueChange, disabled, children, }) {
+    const trigger = findChild(children, SelectTrigger);
+    const content = findChild(children, SelectContent);
+    const items = collectSelectItems(content?.props.children);
+    const triggerStyle = {
+        ...trigger?.props.style,
+        width: trigger?.props.width,
+    };
+    return (_jsx(Select, { items: items, value: value, onValueChange: (next) => {
+            if (next !== null)
+                onValueChange?.(next);
+        }, disabled: disabled, placeholder: trigger?.props.placeholder, size: trigger?.props.size, style: triggerStyle }));
+}
+function SelectTrigger(_props) {
+    return null;
+}
+function SelectContent(_props) {
+    return null;
+}
+function SelectItem(_props) {
+    return null;
+}
+function collectSelectItems(children) {
+    const items = [];
+    Children.forEach(children, (child) => {
+        if (!isValidElement(child))
+            return;
+        if (child.type === SelectItem) {
+            const props = child.props;
+            items.push({
+                value: props.value,
+                label: props.children,
+                disabled: props.disabled,
+            });
+        }
+        else {
+            const props = child.props;
+            if (props && 'children' in props) {
+                items.push(...collectSelectItems(props.children));
+            }
+        }
+    });
+    return items;
+}
+function findChild(children, type) {
+    let found = null;
+    Children.forEach(children, (child) => {
+        if (!found && isValidElement(child) && child.type === type) {
+            found = child;
+        }
+    });
+    return found;
+}
+Object.assign(Select, {
+    Root: SelectRoot,
+    Trigger: SelectTrigger,
+    Content: SelectContent,
+    Item: SelectItem,
+});
+(function (Select) {
+    Select.Root = SelectRoot;
+    Select.Trigger = SelectTrigger;
+    Select.Content = SelectContent;
+    Select.Item = SelectItem;
+})(Select || (Select = {}));
 function labelText(item) {
     if (item.searchText)
         return item.searchText;

package/dist/components/Separator/Separator.d.ts

@@ -1,4 +1,6 @@
-export declare function Separator({ orientation, className, testId, }: {
+import type { HTMLAttributes } from 'react';
+import { type SystemProps } from '../../theme/systemProps';
+export declare function Separator({ orientation, className, style, testId, ...props }: HTMLAttributes<HTMLSpanElement> & SystemProps & {
     orientation?: 'horizontal' | 'vertical';
     className?: string;
     testId?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CAAC,EACtB,WAA0B,EAC1B,SAAS,EACT,MAAM,GACT,EAAE;IACC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAUA"}
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAmB,KAAK,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAG3E,wBAAgB,SAAS,CAAC,EACtB,WAA0B,EAC1B,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG,WAAW,GAAG;IAC/C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAaA"}

package/dist/components/Separator/Separator.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { splitSystemProps } from '../../theme/systemProps';
 import { cn } from '../../utils/cn';
-export function Separator({ orientation = 'horizontal', className, testId, }) {
-    return (_jsx("span", { className: cn('oui-separator', className), "data-orientation": orientation, "data-testid": testId, role: 'separator', "aria-orientation": orientation }));
+export function Separator({ orientation = 'horizontal', className, style, testId, ...props }) {
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsx("span", { className: cn('oui-separator', className), "data-orientation": orientation, "data-testid": testId, role: 'separator', "aria-orientation": orientation, style: { ...systemStyle, ...style }, ...restProps }));
 }

package/dist/components/SpecialModal/SpecialModal.d.ts

@@ -0,0 +1,43 @@
+import { type ComponentPropsWithoutRef, type CSSProperties, type ReactNode } from 'react';
+import { type ModalProps } from '../Modal/Modal';
+export type SpecialModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type SpecialModalScroll = 'body' | 'content';
+export type SpecialModalDensity = 'regular' | 'compact';
+export type SpecialModalProps = Omit<ModalProps, 'maxWidth'> & {
+    size?: SpecialModalSize;
+    maxW?: number | string;
+    scroll?: SpecialModalScroll;
+    density?: SpecialModalDensity;
+};
+declare function SpecialModalRoot({ size, maxW, scroll, density, className, contentClassName, children, ...props }: SpecialModalProps): import("react/jsx-runtime").JSX.Element;
+type SpecialModalPartProps = ComponentPropsWithoutRef<'div'> & {
+    testId?: string;
+};
+export type SpecialModalHeaderProps = SpecialModalPartProps & {
+    title?: ReactNode;
+    meta?: ReactNode;
+    actions?: ReactNode;
+};
+type SpecialModalCloseProps = Omit<ComponentPropsWithoutRef<'button'>, 'children'> & {
+    children?: ReactNode;
+};
+declare function SpecialModalClose({ className, children, 'aria-label': ariaLabel, ...props }: SpecialModalCloseProps): import("react/jsx-runtime").JSX.Element;
+export declare const SpecialModal: typeof SpecialModalRoot & {
+    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        testId?: string;
+    } & {
+        title?: ReactNode;
+        meta?: ReactNode;
+        actions?: ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        testId?: string;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        testId?: string;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Close: typeof SpecialModalClose;
+};
+export type SpecialModalContentStyle = CSSProperties;
+export {};
+//# sourceMappingURL=SpecialModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpecialModal.d.ts","sourceRoot":"","sources":["../../../src/components/SpecialModal/SpecialModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,aAAa,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CACjC,CAAC;AAUF,iBAAS,gBAAgB,CAAC,EACtB,IAAW,EACX,IAAI,EACJ,MAAe,EACf,OAAmB,EACnB,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,iBAAiB,2CAiBnB;AAED,KAAK,qBAAqB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,qBAAqB,GAAG;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AA4DF,KAAK,sBAAsB,GAAG,IAAI,CAC9B,wBAAwB,CAAC,QAAQ,CAAC,EAClC,UAAU,CACb,GAAG;IACA,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,SAAmB,EACjC,GAAG,KAAK,EACX,EAAE,sBAAsB,2CAcxB;AAED,eAAO,MAAM,YAAY;;iBA/FZ,MAAM;;gBAIP,SAAS;eACV,SAAS;kBACN,SAAS;;;iBANV,MAAM;;;iBAAN,MAAM;;;CAoGjB,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,aAAa,CAAC"}

package/dist/components/SpecialModal/SpecialModal.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, } from 'react';
+import { LuX } from 'react-icons/lu';
+import { cn } from '../../utils/cn';
+import { Modal } from '../Modal/Modal';
+const sizeMaxWidth = {
+    sm: '420px',
+    md: '640px',
+    lg: '960px',
+    xl: 'min(1480px, calc(100vw - 48px))',
+    full: 'calc(100vw - 48px)',
+};
+function SpecialModalRoot({ size = 'lg', maxW, scroll = 'body', density = 'regular', className, contentClassName, children, ...props }) {
+    return (_jsx(Modal, { ...props, maxWidth: maxW ?? sizeMaxWidth[size], className: cn('oui-special-modal-layer', className), contentClassName: cn('oui-special-modal', `oui-special-modal-size-${size}`, `oui-special-modal-scroll-${scroll}`, `oui-special-modal-density-${density}`, contentClassName), children: children }));
+}
+const SpecialModalHeader = forwardRef(function SpecialModalHeader({ className, title, meta, actions, children, testId, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn('oui-special-modal-header', className), "data-testid": testId, ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'oui-special-modal-title-wrap', children: [title ? (_jsx("h2", { className: 'oui-special-modal-title', children: title })) : null, meta ? (_jsx("div", { className: 'oui-special-modal-meta', children: meta })) : null] }), actions ? (_jsx("div", { className: 'oui-special-modal-actions', children: actions })) : null] })) }));
+});
+const SpecialModalBody = forwardRef(function SpecialModalBody({ className, testId, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn('oui-special-modal-body', className), "data-testid": testId, ...props }));
+});
+const SpecialModalFooter = forwardRef(function SpecialModalFooter({ className, testId, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn('oui-special-modal-footer', className), "data-testid": testId, ...props }));
+});
+function SpecialModalClose({ className, children, 'aria-label': ariaLabel = 'Close', ...props }) {
+    return (_jsx(Modal.Close, { ...props, className: cn('oui-icon-button oui-special-modal-close', className), "aria-label": ariaLabel, "data-size": '2', "data-variant": 'ghost', "data-tone": 'neutral', "data-round": 'true', children: children ?? _jsx(LuX, { size: 18 }) }));
+}
+export const SpecialModal = Object.assign(SpecialModalRoot, {
+    Header: SpecialModalHeader,
+    Body: SpecialModalBody,
+    Footer: SpecialModalFooter,
+    Close: SpecialModalClose,
+});

package/dist/components/Spinner/Spinner.d.ts

@@ -1,7 +1,9 @@
 import type { UiSize } from '../../theme/systemProps';
-export declare function Spinner({ size, className, testId, }: {
+import type { CSSProperties } from 'react';
+export declare function Spinner({ size, className, style, testId, }: {
     size?: UiSize;
     className?: string;
+    style?: CSSProperties;
     testId?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Spinner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAEpD,wBAAgB,OAAO,CAAC,EACpB,IAAQ,EACR,SAAS,EACT,MAAM,GACT,EAAE;IACC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAEA"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEzC,wBAAgB,OAAO,CAAC,EACpB,IAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,GACT,EAAE;IACC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAEA"}

package/dist/components/Spinner/Spinner.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '../../utils/cn';
-export function Spinner({ size = 2, className, testId, }) {
-    return _jsx("span", { className: cn('oui-spinner', className), "data-size": size, "data-testid": testId });
+export function Spinner({ size = 2, className, style, testId, }) {
+    return _jsx("span", { className: cn('oui-spinner', className), "data-size": size, "data-testid": testId, style: style });
 }

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;AAsBF,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"}