@povio/ui 2.1.21 → 2.2.0

package/dist/components/inputs/shared/input.cva.d.ts

@@ -2,13 +2,13 @@ import { VariantProps } from 'class-variance-authority';
 import { ClassProp } from 'class-variance-authority/types';
 export declare const inputBase: (props?: ({
     variant?: "outlined" | "filled" | null | undefined;
-    as?: "default" | "filter" | "inline" | "floating" | null | undefined;
+    as?: "default" | "filter" | "floating" | "inline" | null | undefined;
 } & ClassProp) | undefined) => string;
 export interface InputBaseProps extends VariantProps<typeof inputBase> {
 }
 export declare const inputSize: (props?: ({
     size?: "default" | "small" | "extra-small" | "large" | null | undefined;
-    as?: "default" | "filter" | "inline" | "floating" | null | undefined;
+    as?: "default" | "filter" | "floating" | "inline" | null | undefined;
 } & ClassProp) | undefined) => string;
 export interface InputSizeProps extends VariantProps<typeof inputSize> {
 }

package/dist/components/inputs/shared/label.cva.d.ts

@@ -1,10 +1,10 @@
 import { VariantProps } from 'class-variance-authority';
 import { TypographyVariantProps } from '../../text/Typography/typography.cva';
 export declare const labelBase: (props?: ({
-    as?: "default" | "filter" | "inline" | "floating" | null | undefined;
+    as?: "default" | "filter" | "floating" | "inline" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface LabelBaseProps extends VariantProps<typeof labelBase> {
 }
 export declare const labelTypography: (props: {
-    as?: "default" | "filter" | "inline" | "floating" | null | undefined;
+    as?: "default" | "filter" | "floating" | "inline" | null | undefined;
 }) => TypographyVariantProps | undefined;

package/dist/components/navigation/Accordion/Accordion.d.ts

@@ -0,0 +1,3 @@
+import { AccordionProps } from './accordion.types';
+export declare const Accordion: ({ items, variant, actionPosition, allowsMultipleExpanded, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export type { AccordionItemProps, AccordionProps } from './accordion.types';

package/dist/components/navigation/Accordion/AccordionItem.d.ts

@@ -0,0 +1,2 @@
+import { AccordionItemProps } from './accordion.types';
+export declare const AccordionItem: ({ id, disabled, heading, subheading, children, icon: Icon, variant, actionPosition, isSingle, }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/Accordion/accordion.cva.d.ts

@@ -0,0 +1,45 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const accordionCva: (props?: ({
+    variant?: "outlined" | "filled" | null | undefined;
+    singleItem?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AccordionVariantProps extends VariantProps<typeof accordionCva> {
+}
+export declare const accordionItemCva: (props?: ({
+    variant?: "outlined" | "filled" | null | undefined;
+    singleItem?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AccordionItemVariantProps extends VariantProps<typeof accordionItemCva> {
+}
+export declare const accordionTriggerCva: (props?: ({
+    variant?: "outlined" | "filled" | null | undefined;
+    actionPosition?: "left" | "right" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AccordionTriggerVariantProps extends VariantProps<typeof accordionTriggerCva> {
+}
+export declare const accordionHeadingCva: (props?: ({} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AccordionHeadingVariantProps extends VariantProps<typeof accordionHeadingCva> {
+}
+export declare const accordionHeadingTitleCva: (props?: ({} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AccordionHeadingTitleVariantProps extends VariantProps<typeof accordionHeadingTitleCva> {
+}
+export declare const accordionHeadingSubtitleCva: (props?: ({} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AccordionHeadingSubtitleVariantProps extends VariantProps<typeof accordionHeadingSubtitleCva> {
+}
+export declare const accordionChevronCva: (props?: ({
+    isExpanded?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AccordionChevronVariantProps extends VariantProps<typeof accordionChevronCva> {
+}
+export declare const accordionIconCva: (props?: ({} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AccordionIconVariantProps extends VariantProps<typeof accordionIconCva> {
+}
+export declare const accordionPanelCva: (props?: ({
+    isExpanded?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AccordionPanelVariantProps extends VariantProps<typeof accordionPanelCva> {
+}
+export declare const accordionPanelContentCva: (props?: ({} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AccordionPanelContentVariantProps extends VariantProps<typeof accordionPanelContentCva> {
+}

package/dist/components/navigation/Accordion/accordion.types.d.ts

@@ -0,0 +1,52 @@
+import { FC, ReactNode, SVGProps } from 'react';
+import { Key } from 'react-aria-components';
+export interface AccordionItem {
+    /** Unique identifier for the item */
+    id: Key;
+    /** Main heading text */
+    heading: string;
+    /** Optional subheading text */
+    subheading?: string;
+    /** Content displayed when expanded */
+    children: ReactNode;
+    /** Optional leading icon */
+    icon?: FC<SVGProps<SVGSVGElement>>;
+    disabled?: boolean;
+}
+export interface AccordionProps {
+    /** Array of accordion items */
+    items: AccordionItem[];
+    /** Visual style variant */
+    variant?: "filled" | "outlined";
+    /** Position of the expand/collapse chevron */
+    actionPosition?: "left" | "right";
+    /** Allow multiple items to be expanded simultaneously */
+    allowsMultipleExpanded?: boolean;
+    /** Controlled expanded keys */
+    expandedKeys?: Iterable<Key>;
+    /** Default expanded keys (uncontrolled) */
+    defaultExpandedKeys?: Iterable<Key>;
+    /** Callback when expansion state changes */
+    onExpandedChange?: (keys: Set<Key>) => void;
+    /** Additional CSS class */
+    className?: string;
+    disabled?: boolean;
+}
+export interface AccordionItemProps {
+    /** Unique identifier for the item */
+    id: Key;
+    /** Main heading text */
+    heading: string;
+    /** Optional subheading text */
+    subheading?: string;
+    /** Content displayed when expanded */
+    children: ReactNode;
+    /** Optional leading icon */
+    icon?: FC<SVGProps<SVGSVGElement>>;
+    /** Visual style variant */
+    variant?: "filled" | "outlined";
+    /** Position of the expand/collapse chevron */
+    actionPosition?: "left" | "right";
+    disabled?: boolean;
+    isSingle?: boolean;
+}

package/dist/components/navigation/Stepper/Stepper.d.ts

@@ -0,0 +1,2 @@
+import { StepperProps } from './stepper.types';
+export declare const Stepper: ({ steps, currentStep, orientation, contentOrientation, iconsOnly, titlesOnly, onStepClick, className, }: StepperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/Stepper/StepperItem.d.ts

@@ -0,0 +1,2 @@
+import { StepperItemProps } from './stepper.types';
+export declare const StepperItem: ({ step, stepNumber, status, contentOrientation, iconsOnly, titlesOnly, onPress, }: StepperItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/Stepper/StepperSeparator.d.ts

@@ -0,0 +1,5 @@
+import { StepperSeparatorVariantProps } from './stepper.cva';
+interface StepperSeparatorProps extends StepperSeparatorVariantProps {
+}
+export declare const StepperSeparator: ({ orientation, contentOrientation }: StepperSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/navigation/Stepper/stepper.cva.d.ts

@@ -0,0 +1,37 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const stepperCva: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface StepperVariantProps extends VariantProps<typeof stepperCva> {
+}
+export declare const stepperItemCva: (props?: ({
+    contentOrientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface StepperItemVariantProps extends VariantProps<typeof stepperItemCva> {
+}
+export declare const stepperIconCva: (props?: ({
+    status?: "completed" | "active" | "todo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface StepperIconVariantProps extends VariantProps<typeof stepperIconCva> {
+}
+export declare const stepperNumberCva: (props?: ({
+    status?: "completed" | "active" | "todo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface StepperNumberVariantProps extends VariantProps<typeof stepperNumberCva> {
+}
+export declare const stepperTitleCva: (props?: ({
+    status?: "completed" | "active" | "todo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface StepperTitleVariantProps extends VariantProps<typeof stepperTitleCva> {
+}
+export declare const stepperSubtextCva: (props?: ({
+    status?: "completed" | "active" | "todo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface StepperSubtextVariantProps extends VariantProps<typeof stepperSubtextCva> {
+}
+export declare const stepperSeparatorCva: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    contentOrientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface StepperSeparatorVariantProps extends VariantProps<typeof stepperSeparatorCva> {
+}

package/dist/components/navigation/Stepper/stepper.types.d.ts

@@ -0,0 +1,41 @@
+import { StepperItemVariantProps, StepperVariantProps } from './stepper.cva';
+/** A single step definition passed by the consumer. */
+export interface StepItem {
+    /** Unique key for React rendering. */
+    id: string;
+    /** Step title text. Rendered unless iconsOnly is true. */
+    title: string;
+    /** Optional subtext beneath the title. Only rendered in default (full) mode. */
+    subtext?: string;
+}
+/** Derived step status, computed from currentStep index. */
+export type StepStatus = "completed" | "active" | "todo";
+/** Public props for the Stepper component. */
+export interface StepperProps extends StepperVariantProps, StepperItemVariantProps {
+    /** Array of step definitions. Order determines step numbering (1-based). */
+    steps: StepItem[];
+    /**
+     * The current active step index (0-based).
+     * - Steps at index < currentStep are "completed"
+     * - Step at index === currentStep is "active"
+     * - Steps at index > currentStep are "todo"
+     */
+    currentStep: number;
+    /** When true, only step indicator icons are rendered (no title or subtext). */
+    iconsOnly?: boolean;
+    /** When true, step indicator icons and titles are rendered (no subtext). Takes no effect if iconsOnly is true. */
+    titlesOnly?: boolean;
+    /** Callback when a completed step is clicked. Receives the 0-based step index. */
+    onStepClick?: (stepIndex: number) => void;
+    /** Optional className for the root container. */
+    className?: string;
+}
+/** Internal props for StepperItem sub-component. */
+export interface StepperItemProps extends StepperItemVariantProps {
+    step: StepItem;
+    stepNumber: number;
+    status: StepStatus;
+    iconsOnly?: boolean;
+    titlesOnly?: boolean;
+    onPress?: () => void;
+}

package/dist/config/i18n.d.ts

@@ -155,14 +155,6 @@ export declare const resources: {
                     smallerThan: string;
                 };
             };
-            sharedErrors: {
-                dataValidation: string;
-                internalError: string;
-                networkError: string;
-                canceledError: string;
-                unknownError: string;
-                unknownErrorWithCode: string;
-            };
         };
     };
     readonly sl: {
@@ -316,13 +308,6 @@ export declare const resources: {
                     smallerThan: string;
                 };
             };
-            sharedErrors: {
-                dataValidation: string;
-                internalError: string;
-                networkError: string;
-                canceledError: string;
-                unknownError: string;
-            };
         };
     };
 };

package/dist/config/uiStyle.context.d.ts

@@ -1,5 +1,6 @@
 import { ClassProp } from 'class-variance-authority/types';
 import { PropsWithChildren } from 'react';
+import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps } from '../components/Breadcrumbs/breadcrumbs.cva';
 import { ButtonVariantProps } from '../components/buttons/Button/button.cva';
 import { PillButtonVariants } from '../components/buttons/PillButton/pillButton.cva';
 import { CheckboxIconVariantProps, CheckboxVariantProps } from '../components/inputs/Checkbox/checkbox.cva';
@@ -8,6 +9,8 @@ import { InputBaseProps, InputSideProps, InputSizeProps } from '../components/in
 import { LabelBaseProps } from '../components/inputs/shared/label.cva';
 import { ToggleVariantProps } from '../components/inputs/Toggle/toggle.cva';
 import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps } from '../components/Menu/menu.cva';
+import { AccordionChevronVariantProps, AccordionHeadingSubtitleVariantProps, AccordionHeadingTitleVariantProps, AccordionHeadingVariantProps, AccordionIconVariantProps, AccordionItemVariantProps, AccordionPanelContentVariantProps, AccordionPanelVariantProps, AccordionTriggerVariantProps, AccordionVariantProps } from '../components/navigation/Accordion/accordion.cva';
+import { StepperIconVariantProps, StepperItemVariantProps, StepperNumberVariantProps, StepperSeparatorVariantProps, StepperSubtextVariantProps, StepperTitleVariantProps, StepperVariantProps } from '../components/navigation/Stepper/stepper.cva';
 import { ModalVariantProps } from '../components/overlays/Modal/modal.cva';
 import { TooltipPointerHorizontalVariantProps, TooltipPointerVerticalVariantProps, TooltipTextVariantProps, TooltipVariantProps } from '../components/overlays/Tooltip/tooltip.cva';
 import { SegmentItemVariantProps, SegmentVariantProps } from '../components/segment/segment.cva';
@@ -101,6 +104,34 @@ export declare namespace UIStyle {
             cva?: Cva<SegmentVariantProps>;
             itemCva?: Cva<SegmentItemVariantProps>;
         };
+        stepper: {
+            cva?: Cva<StepperVariantProps>;
+            itemCva?: Cva<StepperItemVariantProps>;
+            iconCva?: Cva<StepperIconVariantProps>;
+            numberCva?: Cva<StepperNumberVariantProps>;
+            titleCva?: Cva<StepperTitleVariantProps>;
+            subtextCva?: Cva<StepperSubtextVariantProps>;
+            separatorCva?: Cva<StepperSeparatorVariantProps>;
+        };
+        accordion: {
+            cva?: Cva<AccordionVariantProps>;
+            itemCva?: Cva<AccordionItemVariantProps>;
+            triggerCva?: Cva<AccordionTriggerVariantProps>;
+            headingCva?: Cva<AccordionHeadingVariantProps>;
+            headingTitleCva?: Cva<AccordionHeadingTitleVariantProps>;
+            headingSubtitleCva?: Cva<AccordionHeadingSubtitleVariantProps>;
+            chevronCva?: Cva<AccordionChevronVariantProps>;
+            iconCva?: Cva<AccordionIconVariantProps>;
+            panelCva?: Cva<AccordionPanelVariantProps>;
+            panelContentCva?: Cva<AccordionPanelContentVariantProps>;
+        };
+        breadcrumbs: {
+            cva?: Cva<BreadcrumbsVariantProps>;
+            itemCva?: Cva<BreadcrumbItemVariantProps>;
+            segmentCva?: Cva<BreadcrumbSegmentVariantProps>;
+            chevronCva?: Cva<BreadcrumbChevronVariantProps>;
+            iconCva?: Cva<BreadcrumbIconVariantProps>;
+        };
     }
     interface ProviderProps {
         config?: Partial<Options>;

package/dist/index.d.ts

@@ -23,6 +23,7 @@ export { CloseIcon } from './assets/icons/Close';
 export { DateTimeIcon } from './assets/icons/DateTime';
 export { HighlightIcon } from './assets/icons/Highlight';
 export { HighlightOnIcon } from './assets/icons/HighlightOn';
+export { HomeIcon } from './assets/icons/Home';
 export { InfoIcon } from './assets/icons/Info';
 export { ItalicIcon } from './assets/icons/Italic';
 export { LinkIcon } from './assets/icons/Link';
@@ -34,8 +35,11 @@ export { SendIcon } from './assets/icons/Send';
 export { StrikethroughIcon } from './assets/icons/Strikethrough';
 export { TextColorIcon } from './assets/icons/TextColor';
 export { UnderlinedIcon } from './assets/icons/Underlined';
-export { ViewIcon } from './assets/icons/View';
-export { ViewOffIcon } from './assets/icons/ViewOff';
+export { VisibilityIcon } from './assets/icons/Visibility';
+export { VisibilityOffIcon } from './assets/icons/VisibilityOff';
+export type { BreadcrumbItem, BreadcrumbsProps } from './components/Breadcrumbs/Breadcrumbs';
+export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
+export type { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps, } from './components/Breadcrumbs/breadcrumbs.cva';
 export type { ButtonProps } from './components/buttons/Button/Button';
 export { Button } from './components/buttons/Button/Button';
 export type { ButtonVariantProps } from './components/buttons/Button/button.cva';
@@ -103,6 +107,13 @@ export { MenuItem, type MenuListItemProps } from './components/Menu/MenuItem';
 export type { MenuPopoverProps } from './components/Menu/MenuPopover';
 export { MenuPopover } from './components/Menu/MenuPopover';
 export type { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps, } from './components/Menu/menu.cva';
+export type { AccordionItemProps, AccordionProps } from './components/navigation/Accordion/Accordion';
+export { Accordion } from './components/navigation/Accordion/Accordion';
+export type { AccordionVariantProps } from './components/navigation/Accordion/accordion.cva';
+export type { AccordionItem } from './components/navigation/Accordion/accordion.types';
+export { Stepper } from './components/navigation/Stepper/Stepper';
+export type { StepperVariantProps } from './components/navigation/Stepper/stepper.cva';
+export type { StepItem, StepperProps } from './components/navigation/Stepper/stepper.types';
 export { uiOutlineClass } from './components/outline.clsx';
 export type { ActionModalProps } from './components/overlays/ActionModal/ActionModal';
 export { ActionModal } from './components/overlays/ActionModal/ActionModal';
@@ -186,7 +197,6 @@ export { useTableColumnConfig } from './hooks/useTableColumnConfig';
 export { useTableNav } from './hooks/useTableNav';
 export { useTranslationMemo } from './hooks/useTranslationMemo';
 export type { Function, HasRequiredProperty, IfAny, IsAny, IsRequiredChildrenProperty, IsUnknown, OmitDiscriminatedUnion, } from './types/common';
-export type { AppInfiniteQueryOptions, AppMutationOptions, AppQueryOptions } from './types/react-query';
 export { ArrayUtils } from './utils/array.utils';
 export { type CompoundMapper, compoundMapper } from './utils/compoundMapper';
 export { DateUtils } from './utils/date.utils';
@@ -200,7 +210,3 @@ export { QueriesUtils } from './utils/queries.utils';
 export { RestUtils } from './utils/rest.utils';
 export { RoutingUtils } from './utils/routing.utils';
 export { StringUtils } from './utils/string.utils';
-export type { GeneralErrorCodes } from './utils/vendor/error-handling';
-export { ApplicationException, ErrorHandler, SharedErrorHandler } from './utils/vendor/error-handling';
-export type { RequestConfig, RequestInfo, Response, RestClient as IRestClient, } from './utils/vendor/rest-client.types';
-export { RestInterceptor } from './utils/vendor/rest-interceptor';

package/dist/index.js

@@ -23,6 +23,7 @@ import { CloseIcon } from "./Close.js";
 import { DateTimeIcon } from "./DateTime.js";
 import { HighlightIcon } from "./Highlight.js";
 import { HighlightOnIcon } from "./HighlightOn.js";
+import { HomeIcon } from "./Home.js";
 import { InfoIcon } from "./Info.js";
 import { ItalicIcon } from "./Italic.js";
 import { LinkIcon } from "./Link.js";
@@ -34,22 +35,23 @@ import { SendIcon } from "./Send.js";
 import { StrikethroughIcon } from "./Strikethrough.js";
 import { TextColorIcon } from "./TextColor.js";
 import { UnderlinedIcon } from "./Underlined.js";
-import { ViewIcon } from "./View.js";
-import { ViewOffIcon } from "./ViewOff.js";
-import { Loader } from "./Loader.js";
+import { VisibilityIcon } from "./Visibility.js";
+import { VisibilityOffIcon } from "./VisibilityOff.js";
 import { UIStyle } from "./uiStyle.context.js";
+import { MenuItem } from "./MenuItem.js";
+import { MenuPopover } from "./MenuPopover.js";
 import { Typography } from "./Typography.js";
 import { Tooltip } from "./Tooltip.js";
-import { TooltipEllipsis } from "./TooltipEllipsis.js";
 import { LinkContext } from "./link.context.js";
+import { Breadcrumbs } from "./Breadcrumbs.js";
+import { Loader } from "./Loader.js";
+import { TooltipEllipsis } from "./TooltipEllipsis.js";
 import { uiOutlineClass } from "./outline.clsx.js";
 import { compoundMapper } from "./compoundMapper.js";
 import { Button } from "./Button.js";
 import { IconButton } from "./IconButton.js";
 import { InlineIconButton } from "./InlineIconButton.js";
 import { PillButton } from "./PillButton.js";
-import { MenuItem } from "./MenuItem.js";
-import { MenuPopover } from "./MenuPopover.js";
 import { DomUtils } from "./dom.utils.js";
 import { BottomSheet } from "./BottomSheet.js";
 import { useBreakpoint } from "./useBreakpoint.js";
@@ -95,6 +97,8 @@ import { dynamicInputs } from "./dynamicInputs.js";
 import { Form } from "./Form.js";
 import { Inputs } from "./Inputs.js";
 import { RadioGroup } from "./RadioGroup.js";
+import { Accordion } from "./Accordion.js";
+import { Stepper } from "./Stepper.js";
 import { Modal } from "./Modal.js";
 import { ActionModal } from "./ActionModal.js";
 import { Drawer } from "./Drawer.js";
@@ -131,6 +135,4 @@ import { useTableColumnConfig } from "./useTableColumnConfig.js";
 import { ArrayUtils } from "./array.utils.js";
 import { QueriesUtils } from "./queries.utils.js";
 import { RoutingUtils } from "./routing.utils.js";
-import { ApplicationException, ErrorHandler, SharedErrorHandler } from "./error-handling.js";
-import { RestInterceptor } from "./rest-interceptor.js";
-export { ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ApplicationException, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, ErrorHandler, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, RadioGroup, ResponsivePopover, RestInterceptor, RestUtils, RoutingUtils, Segment, Select, SendIcon, SharedErrorHandler, Slider, SplitButton, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIRouter, UIStyle, UnderlinedIcon, ViewIcon, ViewOffIcon, compoundMapper, dynamicColumns, dynamicInputs, isEqual, logger, ns, resources, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };
+export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIRouter, UIStyle, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, compoundMapper, dynamicColumns, dynamicInputs, isEqual, logger, ns, resources, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };

package/dist/input.cva.js

@@ -89,7 +89,7 @@ const inputBase = cva([uiOutlineClass, "flex w-full truncate"], {
 			]
 		},
 		{
-			variant: "outlined",
+			variant: "filled",
 			as: "filter",
 			className: [
 				"border border-transparent border-solid bg-input-filled-idle text-text-default-1",
@@ -118,20 +118,20 @@ const inputSize = cva("", {
 		as: {
 			default: "",
 			floating: [
-				"px-input-side-default",
+				"px-input-side-m",
 				"py-floating-label-input-height-empty!",
-				"group-has-[input:not(:placeholder-shown)]/input-content:pb-floating-label-input-height-filled!",
-				"group-has-[input:not(:placeholder-shown)]/input-content:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--text-label-3--line-height)*var(--text-label-3))]!",
-				"group-has-[input:not(:placeholder-shown)]/select-content:pb-floating-label-input-height-filled!",
-				"group-has-[input:not(:placeholder-shown)]/select-content:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--text-label-3--line-height)*var(--text-label-3))]!",
-				"group-data-[has-selection]/select-content:pb-floating-label-input-height-filled!",
-				"group-data-[has-selection]/select-content:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--text-label-3--line-height)*var(--text-label-3))]!",
-				"group-data-[has-search]/select-content:pb-floating-label-input-height-filled!",
-				"group-data-[has-search]/select-content:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--text-label-3--line-height)*var(--text-label-3))]!",
-				"data-[datetime-input]:data-[has-selection]:pb-floating-label-input-height-filled!",
-				"data-[datetime-input]:data-[has-selection]:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--text-label-3--line-height)*var(--text-label-3))]!",
-				"data-[datetime-input]:data-[focus-within]:pb-floating-label-input-height-filled!",
-				"data-[datetime-input]:data-[focus-within]:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--text-label-3--line-height)*var(--text-label-3))]!"
+				"group-has-[input:not(:placeholder-shown)]/input-content:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]!",
+				"group-has-[input:not(:placeholder-shown)]/input-content:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]!",
+				"group-has-[input:not(:placeholder-shown)]/select-content:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]!",
+				"group-has-[input:not(:placeholder-shown)]/select-content:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]!",
+				"group-data-[has-selection]/select-content:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]!",
+				"group-data-[has-selection]/select-content:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]!",
+				"group-data-[has-search]/select-content:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]!",
+				"group-data-[has-search]/select-content:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]!",
+				"data-[datetime-input]:data-[has-selection]:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]!",
+				"data-[datetime-input]:data-[has-selection]:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]!",
+				"data-[datetime-input]:data-[focus-within]:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]!",
+				"data-[datetime-input]:data-[focus-within]:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]!"
 			],
 			filter: "",
 			inline: ""
@@ -145,7 +145,7 @@ const inputSize = cva("", {
 				"inline"
 			],
 			size: "extra-small",
-			className: "px-input-side-default py-input-height-default text-label-1"
+			className: "px-input-side-xs py-input-height-xs"
 		},
 		{
 			as: [
@@ -154,7 +154,7 @@ const inputSize = cva("", {
 				"inline"
 			],
 			size: "small",
-			className: "px-input-side-default py-input-height-default text-label-1"
+			className: "px-input-side-s py-input-height-s"
 		},
 		{
 			as: [
@@ -163,7 +163,7 @@ const inputSize = cva("", {
 				"inline"
 			],
 			size: "default",
-			className: "px-input-side-default py-input-height-default text-label-1"
+			className: "px-input-side-m py-input-height-m"
 		},
 		{
 			as: [
@@ -172,7 +172,7 @@ const inputSize = cva("", {
 				"inline"
 			],
 			size: "large",
-			className: "px-input-side-default py-input-height-default text-label-1"
+			className: "px-input-side-l py-input-height-l"
 		}
 	],
 	defaultVariants: {
@@ -198,62 +198,62 @@ const inputSide = cva("", {
 		{
 			type: "left",
 			size: "extra-small",
-			className: "left-input-side-default"
+			className: "left-input-side-xs"
 		},
 		{
 			type: "right",
 			size: "extra-small",
-			className: "right-input-side-default"
+			className: "right-input-side-xs"
 		},
 		{
 			type: "var",
 			size: "extra-small",
-			className: "--spacing-input-side-default"
+			className: "--spacing-input-side-xs"
 		},
 		{
 			type: "left",
 			size: "small",
-			className: "left-input-side-default"
+			className: "left-input-side-s"
 		},
 		{
 			type: "right",
 			size: "small",
-			className: "right-input-side-default"
+			className: "right-input-side-s"
 		},
 		{
 			type: "var",
 			size: "small",
-			className: "--spacing-input-side-default"
+			className: "--spacing-input-side-s"
 		},
 		{
 			type: "left",
 			size: "default",
-			className: "left-input-side-default"
+			className: "left-input-side-m"
 		},
 		{
 			type: "right",
 			size: "default",
-			className: "right-input-side-default"
+			className: "right-input-side-m"
 		},
 		{
 			type: "var",
 			size: "default",
-			className: "--spacing-input-side-default"
+			className: "--spacing-input-side-m"
 		},
 		{
 			type: "left",
 			size: "large",
-			className: "left-input-side-default"
+			className: "left-input-side-l"
 		},
 		{
 			type: "right",
 			size: "large",
-			className: "right-input-side-default"
+			className: "right-input-side-l"
 		},
 		{
 			type: "var",
 			size: "large",
-			className: "--spacing-input-side-default"
+			className: "--spacing-input-side-l"
 		}
 	],
 	defaultVariants: { size: "default" }

package/dist/label.cva.js

@@ -16,7 +16,7 @@ const labelBase = cva("", {
 			"group-has-[textarea:disabled]/text-area:text-interactive-text-secondary-disabled",
 			"group-data-[text-area]/text-area:top-floating-label-input-height-empty group-data-[text-area]/text-area:translate-y-0",
 			"group-data-[text-editor]/text-editor:top-floating-label-input-height-empty group-data-[text-editor]/text-editor:left-input-side-default group-data-[text-editor]/text-editor:translate-y-0",
-			"group-has-[input:not(:placeholder-shown)]/input-content:top-floating-label-input-height-filled group-has-[input:not(:placeholder-shown)]/input-content:translate-y-0",
+			"group-has-[input:not(:placeholder-shown)]/input-content:top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))] group-has-[input:not(:placeholder-shown)]/input-content:translate-y-0",
 			"group-has-[textarea:not(:placeholder-shown)]/text-area:hidden",
 			"group-has-[textarea:placeholder-shown]/text-area:text-text-default-3",
 			"group-has-[textarea:placeholder-shown]/text-area:font-medium!",

package/dist/menu.cva.js

@@ -7,13 +7,12 @@ const menuCva = cva(["outline-none"], {
 	defaultVariants: { isMobile: false }
 });
 const menuItemCva = cva([
-	"flex cursor-pointer items-center justify-between gap-list-gap-checkbox-to-label px-list-side-item py-list-height-item",
+	"flex cursor-pointer items-center justify-between gap-list-gap-checkbox-to-label px-list-side-item-left py-list-height-item has-submenu:pr-list-side-item-right",
 	"border-b border-b-elevation-outline-default-1 outline-none last:border-b-0",
 	"bg-elevation-fill-default-1 text-interactive-text-secondary-idle",
 	"disabled:cursor-default disabled:text-interactive-text-secondary-disabled",
 	"hover:bg-elevation-fill-default-2 hover:text-interactive-text-secondary-hover",
-	"open:bg-interactive-contained-primary-idle open:text-interactive-contained-primary-on-idle",
-	"open:hover:bg-interactive-contained-primary-hover open:hover:text-interactive-contained-primary-on-hover",
+	"open:cursor-default open:bg-interactive-contained-primary-idle! open:text-interactive-contained-primary-on-idle!",
 	"focus-visible:bg-elevation-fill-default-2 focus-visible:text-interactive-text-secondary-hover"
 ], {
 	variants: { isMobile: {

package/dist/pillButton.cva.js

@@ -5,7 +5,7 @@ import { cva } from "class-variance-authority";
 const pillButton = cva([
 	uiOutlineClass,
 	"flex items-center justify-center",
-	"rounded-pill-rounding-default border border-solid px-pill-side-default py-pill-height-default"
+	"rounded-pill-rounding-default border border-solid px-pill-side-default py-pill-height-s"
 ], {
 	variants: {
 		color: {