@orcestr/ui 0.0.3 → 0.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPicker.d.ts","sourceRoot":"","sources":["../../../src/components/EntityPicker/EntityPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAGH,KAAK,eAAe,EACvB,MAAM,wCAAwC,CAAC;AAEhD,MAAM,MAAM,wBAAwB,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC9C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI;IACtC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACxE,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IAC1C,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,YAAY,CAAC,EAAE,wBAAwB,CAAC,CAAC,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC5B,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,EACL,aAAa,EACb,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAgB,EAChB,SAAgB,EAChB,WAAkB,EAClB,IAAQ,EACR,SAAe,EACf,aAAoB,EACpB,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,MAAM,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA8CtB"}
+{"version":3,"file":"EntityPicker.d.ts","sourceRoot":"","sources":["../../../src/components/EntityPicker/EntityPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAGH,KAAK,eAAe,EACvB,MAAM,wCAAwC,CAAC;AAEhD,MAAM,MAAM,wBAAwB,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC9C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI;IACtC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACxE,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IAC1C,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,YAAY,CAAC,EAAE,wBAAwB,CAAC,CAAC,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC5B,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,EACL,aAAa,EACb,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAgB,EAChB,SAAgB,EAChB,WAAkB,EAClB,OAAO,EACP,IAAQ,EACR,SAAe,EACf,aAAoB,EACpB,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,MAAM,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA+CtB"}

package/dist/components/EntityPicker/EntityPicker.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
 import { PaginatedCombobox, } from '../PaginatedCombobox/PaginatedCombobox';
-export function EntityPicker({ loadPage, getEntityId, renderEntity, renderValue, value, onValueChange, placeholder, emptyText, loadingText, errorText, retryLabel, disabled = false, clearable = true, showChevron = true, size = 3, maxHeight = 280, closeOnSelect = true, isEntitySelected, createAction, optionAction, resetKey, debounceMs, testId, }) {
+export function EntityPicker({ loadPage, getEntityId, renderEntity, renderValue, value, onValueChange, placeholder, emptyText, loadingText, errorText, retryLabel, disabled = false, clearable = true, showChevron = true, trigger, size = 3, maxHeight = 280, closeOnSelect = true, isEntitySelected, createAction, optionAction, resetKey, debounceMs, testId, }) {
     const { copy } = useOrcestrUiLocale();
     const searchAction = createAction
         ? {
@@ -13,5 +13,5 @@ export function EntityPicker({ loadPage, getEntityId, renderEntity, renderValue,
             onClick: (search) => createAction.onCreate(search),
         }
         : undefined;
-    return (_jsx(PaginatedCombobox, { loadPage: loadPage, getItemId: getEntityId, renderOption: (item) => (_jsx("div", { className: 'oui-entity-picker-option', children: renderEntity(item) })), renderSelectedLabel: (item) => (_jsx("span", { className: 'oui-entity-picker-value', children: renderValue?.(item) ?? renderEntity(item) })), value: value, onChange: onValueChange, placeholder: placeholder ?? copy.common.selectEntity, emptyText: emptyText ?? copy.common.noOptions, loadingText: loadingText, errorText: errorText, retryLabel: retryLabel, disabled: disabled, clearable: clearable, showChevron: showChevron, size: size, maxHeight: maxHeight, closeOnSelect: closeOnSelect, isItemSelected: isEntitySelected, searchAction: searchAction, optionAction: optionAction, resetKey: resetKey, debounceMs: debounceMs, testId: testId }));
+    return (_jsx(PaginatedCombobox, { loadPage: loadPage, getItemId: getEntityId, renderOption: (item) => (_jsx("div", { className: 'oui-entity-picker-option', children: renderEntity(item) })), renderSelectedLabel: (item) => (_jsx("span", { className: 'oui-entity-picker-value', children: renderValue?.(item) ?? renderEntity(item) })), value: value, onChange: onValueChange, placeholder: placeholder ?? copy.common.selectEntity, emptyText: emptyText ?? copy.common.noOptions, loadingText: loadingText, errorText: errorText, retryLabel: retryLabel, disabled: disabled, clearable: clearable, showChevron: showChevron, trigger: trigger, size: size, maxHeight: maxHeight, closeOnSelect: closeOnSelect, isItemSelected: isEntitySelected, searchAction: searchAction, optionAction: optionAction, resetKey: resetKey, debounceMs: debounceMs, testId: testId }));
 }

package/dist/components/Flex/Flex.d.ts

@@ -1,9 +1,13 @@
-import { type ComponentPropsWithoutRef } from 'react';
+import { type ComponentPropsWithoutRef, type ElementType } from 'react';
 import { type SystemProps } from '../../theme/systemProps';
 export type FlexProps = ComponentPropsWithoutRef<'div'> & SystemProps & {
+    as?: ElementType;
+    asChild?: boolean;
     testId?: string;
 };
 export declare const Flex: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SystemProps & {
+    as?: ElementType;
+    asChild?: boolean;
     testId?: string;
 } & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Flex.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAC,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAmB,KAAK,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAE3E,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACnD,WAAW,GAAG;IACV,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,IAAI;aAHA,MAAM;kDAiBrB,CAAC"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAEnB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAmB,KAAK,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAG3E,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACnD,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,IAAI;SALJ,WAAW;cACN,OAAO;aACR,MAAM;kDA8BrB,CAAC"}

package/dist/components/Flex/Flex.js

@@ -1,8 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import { forwardRef, } from 'react';
 import { cn } from '../../utils/cn';
 import { splitSystemProps } from '../../theme/systemProps';
-export const Flex = forwardRef(function Flex({ className, style, testId, ...props }, ref) {
+import { renderSlot } from '../../utils/slot';
+export const Flex = forwardRef(function Flex({ as: Component = 'div', asChild = false, className, style, testId, children, ...props }, ref) {
     const { systemStyle, restProps } = splitSystemProps(props);
-    return (_jsx("div", { ref: ref, className: cn('oui-flex', className), "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
+    const commonProps = {
+        className: cn('oui-flex', 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/Grid/Grid.d.ts

@@ -1,11 +1,18 @@
 import { type ComponentPropsWithoutRef } from 'react';
 import { type SystemProps } from '../../theme/systemProps';
 export type GridProps = ComponentPropsWithoutRef<'div'> & SystemProps & {
-    columns?: string;
+    columns?: GridColumns;
     testId?: string;
 };
+export type GridColumns = number | string | {
+    initial?: number | string;
+    sm?: number | string;
+    md?: number | string;
+    lg?: number | string;
+    xl?: number | string;
+};
 export declare const Grid: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SystemProps & {
-    columns?: string;
+    columns?: GridColumns;
     testId?: string;
 } & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Grid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAC,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAmB,KAAK,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAE3E,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACnD,WAAW,GAAG;IACV,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,IAAI;cAJC,MAAM;aACP,MAAM;kDAqBrB,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,wBAAwB,EAAC,MAAM,OAAO,CAAC;AAGpF,OAAO,EAAmB,KAAK,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAE3E,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACnD,WAAW,GAAG;IACV,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,MAAM,MAAM,WAAW,GACjB,MAAM,GACN,MAAM,GACN;IACE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEN,eAAO,MAAM,IAAI;cAfC,WAAW;aACZ,MAAM;kDAiCrB,CAAC"}

package/dist/components/Grid/Grid.js

@@ -4,9 +4,30 @@ import { cn } from '../../utils/cn';
 import { splitSystemProps } from '../../theme/systemProps';
 export const Grid = forwardRef(function Grid({ className, style, columns, testId, ...props }, ref) {
     const { systemStyle, restProps } = splitSystemProps(props);
+    const columnStyle = gridColumnStyle(columns);
     return (_jsx("div", { ref: ref, className: cn('oui-grid', className), "data-testid": testId, style: {
-            gridTemplateColumns: columns,
+            ...columnStyle,
             ...systemStyle,
             ...style,
         }, ...restProps }));
 });
+function gridColumnStyle(columns) {
+    if (columns === undefined)
+        return {};
+    if (typeof columns === 'number' || typeof columns === 'string') {
+        return { '--oui-grid-columns': columnValue(columns) };
+    }
+    return {
+        '--oui-grid-columns': columnValue(columns.initial ?? 1),
+        '--oui-grid-columns-sm': columns.sm ? columnValue(columns.sm) : undefined,
+        '--oui-grid-columns-md': columns.md ? columnValue(columns.md) : undefined,
+        '--oui-grid-columns-lg': columns.lg ? columnValue(columns.lg) : undefined,
+        '--oui-grid-columns-xl': columns.xl ? columnValue(columns.xl) : undefined,
+    };
+}
+function columnValue(value) {
+    const normalized = String(value).trim();
+    if (/^\d+$/.test(normalized))
+        return `repeat(${normalized}, minmax(0, 1fr))`;
+    return normalized;
+}

package/dist/components/IconButton/IconButton.d.ts

@@ -1,25 +1,37 @@
 import { type ButtonHTMLAttributes, type ReactNode } from 'react';
-import { type SystemProps, type Tone, type UiSize } from '../../theme/systemProps';
+import { type SystemProps, type ToneInput, type UiSize } from '../../theme/systemProps';
 import type { ButtonPressAnimation } from '../../theme/themeTypes';
 import type { ButtonVariant } from '../Button/Button';
-export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & SystemProps & {
+export type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & SystemProps & {
     size?: UiSize;
     v?: ButtonVariant;
-    tone?: Tone;
-    icon: ReactNode;
+    tone?: ToneInput;
+    icon?: ReactNode;
     loading?: boolean;
     round?: boolean;
+    badge?: ReactNode;
+    badgeTone?: ToneInput;
+    badgeMax?: number;
+    badgeTestId?: string;
     pressAnimation?: ButtonPressAnimation;
+    asChild?: boolean;
+    children?: ReactNode;
     testId?: string;
 };
-export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & SystemProps & {
+export declare const IconButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & SystemProps & {
     size?: UiSize;
     v?: ButtonVariant;
-    tone?: Tone;
-    icon: ReactNode;
+    tone?: ToneInput;
+    icon?: ReactNode;
     loading?: boolean;
     round?: boolean;
+    badge?: ReactNode;
+    badgeTone?: ToneInput;
+    badgeMax?: number;
+    badgeTestId?: string;
     pressAnimation?: ButtonPressAnimation;
+    asChild?: boolean;
+    children?: ReactNode;
     testId?: string;
 } & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=IconButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxF,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,IAAI,EACT,KAAK,MAAM,EACd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAGpD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GACnF,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,UAAU;WAVR,MAAM;QACT,aAAa;WACV,IAAI;UACL,SAAS;cACL,OAAO;YACT,OAAO;qBACE,oBAAoB;aAC5B,MAAM;qDA+CtB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKH,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EAEjB,MAAM,OAAO,CAAC;AAGf,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,MAAM,EAEd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAEjE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAGpD,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACjE,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAqBN,eAAO,MAAM,UAAU;WAnCR,MAAM;QACT,aAAa;WACV,SAAS;WACT,SAAS;cACN,OAAO;YACT,OAAO;YACP,SAAS;gBACL,SAAS;eACV,MAAM;kBACH,MAAM;qBACH,oBAAoB;cAC3B,OAAO;eACN,SAAS;aACX,MAAM;qDAoGtB,CAAC"}

package/dist/components/IconButton/IconButton.js

@@ -1,13 +1,48 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useContext } from 'react';
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { cloneElement, forwardRef, isValidElement, useContext, } from 'react';
 import { cn } from '../../utils/cn';
-import { splitSystemProps, } from '../../theme/systemProps';
+import { splitSystemProps, normalizeTone, } from '../../theme/systemProps';
 import { OrcestrThemeContext } from '../../theme/useTheme';
+import { renderSlot } from '../../utils/slot';
 import { Spinner } from '../Spinner/Spinner';
-export const IconButton = forwardRef(function IconButton({ className, style, size = 3, v = 'soft', tone = 'neutral', loading = false, round = true, pressAnimation, testId, icon, disabled, type = 'button', ...props }, ref) {
+function formatBadge(value, max) {
+    if (typeof value !== 'number')
+        return value;
+    return value > max ? `${max}+` : value;
+}
+function withBadge(children, badge) {
+    if (badge === null || badge === undefined || !isValidElement(children)) {
+        return children;
+    }
+    const child = children;
+    return cloneElement(child, undefined, (_jsxs(_Fragment, { children: [child.props.children, badge] })));
+}
+export const IconButton = forwardRef(function IconButton({ className, style, size = 3, v = 'soft', tone = 'neutral', loading = false, round = true, badge, badgeTone = 'danger', badgeMax = 99, badgeTestId, pressAnimation, asChild = false, testId, icon, children, disabled, type = 'button', ...props }, ref) {
     const themeContext = useContext(OrcestrThemeContext);
     const actualPressAnimation = pressAnimation ?? themeContext?.theme.motion.pressAnimation ?? 'soft';
     const { systemStyle, restProps } = splitSystemProps(props);
-    return (_jsx("button", { ref: ref, type: type, className: cn('oui-icon-button', className), "data-size": size, "data-variant": v, "data-tone": tone, "data-round": round ? 'true' : undefined, "data-press-animation": actualPressAnimation, "data-loading": loading ? 'true' : undefined, "data-testid": testId, "aria-busy": loading ? 'true' : undefined, disabled: disabled || loading, style: { ...systemStyle, ...style }, ...restProps, children: loading ? _jsx(Spinner, { size: 1 }) : icon }));
+    const commonProps = {
+        className: cn('oui-icon-button', className),
+        'data-size': size,
+        'data-variant': v,
+        'data-tone': normalizeTone(tone),
+        'data-round': round ? 'true' : undefined,
+        'data-press-animation': actualPressAnimation,
+        'data-loading': loading ? 'true' : undefined,
+        'data-testid': testId,
+        'aria-busy': loading || undefined,
+        style: { ...systemStyle, ...style },
+        ...restProps,
+    };
+    const badgeNode = badge === null || badge === undefined ? null : (_jsx("span", { className: 'oui-icon-button-badge', "data-tone": normalizeTone(badgeTone), "data-testid": badgeTestId, children: formatBadge(badge, badgeMax) }));
+    const content = (_jsxs(_Fragment, { children: [loading ? _jsx(Spinner, { size: 1 }) : icon ?? children, badgeNode] }));
+    if (asChild) {
+        return renderSlot(withBadge(children, badgeNode), {
+            ...commonProps,
+            ref: ref,
+            'aria-disabled': disabled || loading ? true : undefined,
+        });
+    }
+    return (_jsx("button", { ref: ref, type: type, ...commonProps, disabled: disabled || loading, children: content }));
 });

package/dist/components/IconTextButton/IconTextButton.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+import { type ButtonProps } from '../Button/Button';
+import { type LinkButtonProps } from '../LinkButton/LinkButton';
+type IconTextButtonOwnProps = {
+    icon?: ReactNode;
+    endIcon?: ReactNode;
+    iconSide?: 'start' | 'end';
+    iconClassName?: string;
+    labelClassName?: string;
+};
+type IconTextButtonButtonProps = Omit<ButtonProps, 'leftIcon' | 'rightIcon'> & {
+    href?: never;
+};
+type IconTextButtonLinkProps = Omit<LinkButtonProps, 'leftIcon' | 'rightIcon'> & {
+    href: string;
+};
+export type IconTextButtonProps = IconTextButtonOwnProps & (IconTextButtonButtonProps | IconTextButtonLinkProps);
+export declare const IconTextButton: import("react").ForwardRefExoticComponent<IconTextButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export {};
+//# sourceMappingURL=IconTextButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconTextButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconTextButton/IconTextButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAa,KAAK,eAAe,EAAC,MAAM,0BAA0B,CAAC;AAE1E,KAAK,sBAAsB,GAAG;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,KAAK,yBAAyB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,WAAW,CAAC,GAAG;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,KAAK,uBAAuB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,CAAC,GAAG;IAC7E,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GACpD,CAAC,yBAAyB,GAAG,uBAAuB,CAAC,CAAC;AAO1D,eAAO,MAAM,cAAc,uIAyDzB,CAAC"}

package/dist/components/IconTextButton/IconTextButton.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../utils/cn';
+import { Button } from '../Button/Button';
+import { LinkButton } from '../LinkButton/LinkButton';
+function iconNode(icon, className) {
+    if (!icon)
+        return undefined;
+    return _jsx("span", { className: cn('oui-icon-text-button-icon', className), children: icon });
+}
+export const IconTextButton = forwardRef(function IconTextButton({ className, icon, endIcon, iconSide = 'start', iconClassName, labelClassName, children, href, ...props }, ref) {
+    const startIcon = iconSide === 'start' ? iconNode(icon, iconClassName) : undefined;
+    const finishIcon = endIcon !== undefined
+        ? iconNode(endIcon, iconClassName)
+        : iconSide === 'end'
+            ? iconNode(icon, iconClassName)
+            : undefined;
+    const label = (_jsx("span", { className: cn('oui-icon-text-button-label', labelClassName), children: children }));
+    if (href !== undefined) {
+        return (_jsx(LinkButton, { ref: ref, href: href, className: cn('oui-icon-text-button', className), leftIcon: startIcon, rightIcon: finishIcon, ...props, children: label }));
+    }
+    return (_jsx(Button, { ref: ref, className: cn('oui-icon-text-button', className), leftIcon: startIcon, rightIcon: finishIcon, ...props, children: label }));
+});

package/dist/components/InlineEdit/InlineEdit.d.ts

@@ -0,0 +1,63 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import { type SystemProps } from '../../theme/systemProps';
+export type InlineEditFieldProps = SystemProps & {
+    label: ReactNode;
+    meta?: ReactNode;
+    action?: ReactNode;
+    editable?: boolean;
+    busy?: boolean;
+    disabled?: boolean;
+    clearable?: boolean;
+    onClear?: () => void;
+    onOpen?: () => void;
+    clearLabel?: string;
+    flash?: number;
+    className?: string;
+    style?: CSSProperties;
+    testId?: string;
+};
+export declare const InlineEditField: import("react").ForwardRefExoticComponent<SystemProps & {
+    label: ReactNode;
+    meta?: ReactNode;
+    action?: ReactNode;
+    editable?: boolean;
+    busy?: boolean;
+    disabled?: boolean;
+    clearable?: boolean;
+    onClear?: () => void;
+    onOpen?: () => void;
+    clearLabel?: string;
+    flash?: number;
+    className?: string;
+    style?: CSSProperties;
+    testId?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export type InlineEditMultiFieldProps = SystemProps & {
+    children?: ReactNode;
+    empty?: ReactNode;
+    action?: ReactNode;
+    col?: boolean;
+    editable?: boolean;
+    busy?: boolean;
+    disabled?: boolean;
+    onOpen?: () => void;
+    flash?: number;
+    className?: string;
+    style?: CSSProperties;
+    testId?: string;
+};
+export declare const InlineEditMultiField: import("react").ForwardRefExoticComponent<SystemProps & {
+    children?: ReactNode;
+    empty?: ReactNode;
+    action?: ReactNode;
+    col?: boolean;
+    editable?: boolean;
+    busy?: boolean;
+    disabled?: boolean;
+    onOpen?: () => void;
+    flash?: number;
+    className?: string;
+    style?: CSSProperties;
+    testId?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=InlineEdit.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEdit.d.ts","sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,aAAa,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAmB,KAAK,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAI3E,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC7C,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,eAAe;WAhBjB,SAAS;WACT,SAAS;aACP,SAAS;eACP,OAAO;WACX,OAAO;eACH,OAAO;gBACN,OAAO;cACT,MAAM,IAAI;aACX,MAAM,IAAI;iBACN,MAAM;YACX,MAAM;gBACF,MAAM;YACV,aAAa;aACZ,MAAM;kDA2IlB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,WAAW,GAAG;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB;eAdlB,SAAS;YACZ,SAAS;aACR,SAAS;UACZ,OAAO;eACF,OAAO;WACX,OAAO;eACH,OAAO;aACT,MAAM,IAAI;YACX,MAAM;gBACF,MAAM;YACV,aAAa;aACZ,MAAM;kDAiFjB,CAAC"}

package/dist/components/InlineEdit/InlineEdit.js

@@ -0,0 +1,98 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useLayoutEffect, useRef, useState, } from 'react';
+import { LuX } from 'react-icons/lu';
+import { cn } from '../../utils/cn';
+import { composeRefs } from '../../utils/composeRefs';
+import { splitSystemProps } from '../../theme/systemProps';
+import { IconButton } from '../IconButton/IconButton';
+import { Spinner } from '../Spinner/Spinner';
+export const InlineEditField = forwardRef(function InlineEditField({ label, meta, action, editable = true, busy = false, disabled = false, clearable = false, onClear, onOpen, clearLabel = 'Clear', flash = 0, className, style, testId, ...props }, ref) {
+    const innerRef = useRef(null);
+    const labelRef = useRef(null);
+    const extraRef = useRef(null);
+    const actionsRef = useRef(null);
+    const [compact, setCompact] = useState(false);
+    const { systemStyle, restProps } = splitSystemProps(props);
+    useEffect(() => {
+        if (!flash)
+            return;
+        const element = innerRef.current;
+        if (!element)
+            return;
+        element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        element.animate([
+            { backgroundColor: 'transparent', boxShadow: '0 0 0 0 var(--oui-primary-surface)' },
+            {
+                backgroundColor: 'var(--oui-primary-surface)',
+                boxShadow: '0 0 0 4px var(--oui-primary-surface)',
+            },
+            { backgroundColor: 'transparent', boxShadow: '0 0 0 0 var(--oui-primary-surface)' },
+            {
+                backgroundColor: 'var(--oui-primary-surface)',
+                boxShadow: '0 0 0 4px var(--oui-primary-surface)',
+            },
+            { backgroundColor: 'transparent', boxShadow: '0 0 0 0 var(--oui-primary-surface)' },
+        ], { duration: 1400, easing: 'ease-in-out' });
+    }, [flash]);
+    const showActions = editable && (!disabled || busy);
+    useLayoutEffect(() => {
+        const wrapper = innerRef.current;
+        if (!wrapper)
+            return;
+        const updateLayout = () => {
+            const availableWidth = wrapper.parentElement?.clientWidth || wrapper.clientWidth;
+            const labelWidth = labelRef.current?.scrollWidth ?? 0;
+            const extraWidth = extraRef.current?.offsetWidth ?? 0;
+            const actionsWidth = actionsRef.current?.offsetWidth ?? 0;
+            const visibleGaps = (extraWidth > 0 ? 6 : 0) + (actionsWidth > 0 ? 6 : 0);
+            const wideWidth = labelWidth + extraWidth + actionsWidth + visibleGaps + 8;
+            setCompact(wideWidth > availableWidth);
+        };
+        updateLayout();
+        const observer = new ResizeObserver(updateLayout);
+        observer.observe(wrapper);
+        if (wrapper.parentElement)
+            observer.observe(wrapper.parentElement);
+        if (labelRef.current)
+            observer.observe(labelRef.current);
+        if (extraRef.current)
+            observer.observe(extraRef.current);
+        if (actionsRef.current)
+            observer.observe(actionsRef.current);
+        return () => observer.disconnect();
+    }, [label, meta, action, clearable, editable, disabled, busy]);
+    return (_jsxs("div", { ref: composeRefs(innerRef, ref), className: cn('oui-inline-edit', compact && 'oui-inline-edit-compact', className), "data-busy": busy ? 'true' : undefined, "data-disabled": disabled ? 'true' : undefined, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [_jsx("button", { ref: labelRef, type: 'button', className: 'oui-inline-edit-label', disabled: !onOpen || disabled, onClick: onOpen, children: label }), meta || showActions ? (_jsxs("div", { className: 'oui-inline-edit-meta', children: [meta ? (_jsx("span", { ref: extraRef, className: 'oui-inline-edit-extra', children: meta })) : null, showActions ? (_jsxs("span", { ref: actionsRef, className: 'oui-inline-edit-actions', children: [busy ? _jsx(Spinner, { size: 1 }) : action, clearable && !busy ? (_jsx(IconButton, { type: 'button', v: 'ghost', tone: 'neutral', size: 1, "aria-label": clearLabel, className: 'oui-inline-edit-action', onClick: onClear, children: _jsx(LuX, {}) })) : null] })) : null] })) : null] }));
+});
+export const InlineEditMultiField = forwardRef(function InlineEditMultiField({ children, empty, action, col = false, editable = true, busy = false, disabled = false, onOpen, flash = 0, className, style, testId, ...props }, ref) {
+    const innerRef = useRef(null);
+    const { systemStyle, restProps } = splitSystemProps(props);
+    useEffect(() => {
+        if (!flash)
+            return;
+        const element = innerRef.current;
+        if (!element)
+            return;
+        element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        element.animate([
+            { backgroundColor: 'transparent', boxShadow: '0 0 0 0 var(--oui-primary-surface)' },
+            {
+                backgroundColor: 'var(--oui-primary-surface)',
+                boxShadow: '0 0 0 4px var(--oui-primary-surface)',
+            },
+            { backgroundColor: 'transparent', boxShadow: '0 0 0 0 var(--oui-primary-surface)' },
+        ], { duration: 1000, easing: 'ease-in-out' });
+    }, [flash]);
+    const showActions = editable && (!disabled || busy);
+    return (_jsxs("div", { ref: composeRefs(innerRef, ref), className: cn('oui-inline-edit-multi', className), "data-col": col ? 'true' : undefined, "data-busy": busy ? 'true' : undefined, "data-disabled": disabled ? 'true' : undefined, "data-clickable": onOpen && !disabled ? 'true' : undefined, "data-testid": testId, role: onOpen && !disabled ? 'button' : undefined, tabIndex: onOpen && !disabled ? 0 : undefined, style: { ...systemStyle, ...style }, onClick: () => {
+            if (!disabled)
+                onOpen?.();
+        }, onKeyDown: (event) => {
+            if (disabled || !onOpen)
+                return;
+            if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                onOpen();
+            }
+        }, ...restProps, children: [_jsx("div", { className: 'oui-inline-edit-multi-items', children: children ?? _jsx("span", { className: 'oui-inline-edit-empty', children: empty }) }), showActions ? (_jsx("div", { className: 'oui-inline-edit-multi-actions', children: busy ? _jsx(Spinner, { size: 1 }) : action })) : null] }));
+});

package/dist/components/LinkButton/LinkButton.d.ts

@@ -0,0 +1,25 @@
+import { type AnchorHTMLAttributes, type ReactNode } from 'react';
+import { type SystemProps, type ToneInput, type UiSize } from '../../theme/systemProps';
+import type { ButtonPressAnimation } from '../../theme/themeTypes';
+import type { ButtonVariant } from '../Button/Button';
+export type LinkButtonProps = AnchorHTMLAttributes<HTMLAnchorElement> & SystemProps & {
+    size?: UiSize;
+    v?: ButtonVariant;
+    tone?: ToneInput;
+    fullWidth?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    pressAnimation?: ButtonPressAnimation;
+    testId?: string;
+};
+export declare const LinkButton: import("react").ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & SystemProps & {
+    size?: UiSize;
+    v?: ButtonVariant;
+    tone?: ToneInput;
+    fullWidth?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    pressAnimation?: ButtonPressAnimation;
+    testId?: string;
+} & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=LinkButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAEH,KAAK,WAAW,EAEhB,KAAK,SAAS,EACd,KAAK,MAAM,EAEd,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAGjE,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACjE,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,UAAU;WAVR,MAAM;QACT,aAAa;WACV,SAAS;gBACJ,OAAO;eACR,SAAS;gBACR,SAAS;qBACJ,oBAAoB;aAC5B,MAAM;qDA4CtB,CAAC"}

package/dist/components/LinkButton/LinkButton.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useContext, } from 'react';
+import { splitSystemProps, normalizeTone, } from '../../theme/systemProps';
+import { OrcestrThemeContext } from '../../theme/useTheme';
+import { cn } from '../../utils/cn';
+export const LinkButton = forwardRef(function LinkButton({ className, style, size = 3, v = 'solid', tone = 'neutral', fullWidth = false, leftIcon, rightIcon, pressAnimation, testId, children, ...props }, ref) {
+    const themeContext = useContext(OrcestrThemeContext);
+    const actualPressAnimation = pressAnimation ?? themeContext?.theme.motion.pressAnimation ?? 'soft';
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsxs("a", { ref: ref, className: cn('oui-button', fullWidth && 'oui-button-full', className), "data-size": size, "data-variant": v, "data-tone": normalizeTone(tone), "data-press-animation": actualPressAnimation, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [leftIcon, _jsx("span", { className: 'oui-button-label', children: children }), rightIcon] }));
+});

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

@@ -1,12 +1,9 @@
-import { type CSSProperties, type ReactNode } from 'react';
+import { type ButtonHTMLAttributes, type CSSProperties, type KeyboardEventHandler, type ReactNode } from 'react';
 import type { ModalAnimation } from '../../theme/themeTypes';
 export type ModalProps = {
     open: boolean;
     onOpenChange: (open: boolean) => void;
-    title?: ReactNode;
-    description?: ReactNode;
     children: ReactNode;
-    footer?: ReactNode;
     maxWidth?: number | string;
     minHeight?: number | string;
     overlayColor?: string;
@@ -21,9 +18,35 @@ export type ModalProps = {
     overlayStyle?: CSSProperties;
     className?: string;
     contentClassName?: string;
-    bodyClassName?: string;
+    contentStyle?: CSSProperties;
+    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+    onOpenAutoFocus?: (event: {
+        preventDefault: () => void;
+    }) => void;
     closeOnOverlayClick?: boolean;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
     testId?: string;
 };
-export declare function Modal({ open, onOpenChange, title, description, children, footer, maxWidth, minHeight, overlayColor, overlayOpacity, overlayBlur, borderColor, radius, shadow, animationDuration, animation, overlayClassName, overlayStyle, className, contentClassName, bodyClassName, closeOnOverlayClick, testId, }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ModalRoot({ open, onOpenChange, children, maxWidth, minHeight, overlayColor, overlayOpacity, overlayBlur, borderColor, radius, shadow, animationDuration, animation, overlayClassName, overlayStyle, className, contentClassName, contentStyle, onKeyDown, onOpenAutoFocus, closeOnOverlayClick, ariaLabel, ariaLabelledBy, ariaDescribedBy, testId, }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+type ModalPartProps = {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+};
+declare function ModalHeader({ children, className, style }: ModalPartProps): import("react/jsx-runtime").JSX.Element;
+declare function ModalBody({ children, className, style }: ModalPartProps): import("react/jsx-runtime").JSX.Element;
+declare function ModalFooter({ children, className, style }: ModalPartProps): import("react/jsx-runtime").JSX.Element;
+type ModalCloseProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: false;
+};
+declare function ModalClose({ onClick, ...props }: ModalCloseProps): import("react/jsx-runtime").JSX.Element;
+export declare const Modal: typeof ModalRoot & {
+    Header: typeof ModalHeader;
+    Body: typeof ModalBody;
+    Footer: typeof ModalFooter;
+    Close: typeof ModalClose;
+};
+export {};
 //# sourceMappingURL=Modal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,aAAa,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;AAU3D,MAAM,MAAM,UAAU,GAAG;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAClB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,MAAM,EACN,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,mBAA0B,EAC1B,MAAM,GACT,EAAE,UAAU,kDAiKZ"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;AAU3D,MAAM,MAAM,UAAU,GAAG;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,IAAI,CAAA;KAAC,KAAK,IAAI,CAAC;IAChE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAQF,iBAAS,SAAS,CAAC,EACf,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,MAAM,EACN,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,eAAe,EACf,mBAA0B,EAC1B,SAAS,EACT,cAAc,EACd,eAAe,EACf,MAAM,GACT,EAAE,UAAU,kDA8IZ;AA4DD,KAAK,cAAc,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAC,EAAE,cAAc,2CAMhE;AAED,iBAAS,SAAS,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAC,EAAE,cAAc,2CAM9D;AAED,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAC,EAAE,cAAc,2CAMhE;AAED,KAAK,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAAC,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CAYvD;AAED,eAAO,MAAM,KAAK;;;;;CAKhB,CAAC"}