@povio/ui 2.1.20 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (138) hide show
  1. package/README.md +1 -1
  2. package/dist/Accordion.js +32 -0
  3. package/dist/AccordionItem.js +62 -0
  4. package/dist/Alert.js +1 -1
  5. package/dist/ArrowDropDown.js +1 -1
  6. package/dist/ArrowDropUp.js +1 -1
  7. package/dist/ArrowLeft.js +1 -1
  8. package/dist/ArrowRight.js +1 -1
  9. package/dist/BottomSheet.js +4 -4
  10. package/dist/Breadcrumbs.js +111 -0
  11. package/dist/Button.js +1 -1
  12. package/dist/ButtonContent.js +1 -1
  13. package/dist/Calendar.js +1 -1
  14. package/dist/Check.js +1 -1
  15. package/dist/CheckCircle.js +1 -1
  16. package/dist/CheckContent.js +1 -1
  17. package/dist/ChevronDown.js +1 -1
  18. package/dist/ChevronUp.js +1 -1
  19. package/dist/Clock.js +1 -1
  20. package/dist/ColorPickerDropdown.js +1 -1
  21. package/dist/DatePickerInput.js +1 -1
  22. package/dist/DateRangePicker.js +2 -2
  23. package/dist/DateTime.js +2 -4
  24. package/dist/{Drag.js → DragIndicator.js} +2 -2
  25. package/dist/File.js +1 -1
  26. package/dist/FileUpload.js +1 -1
  27. package/dist/Home.js +13 -0
  28. package/dist/Info.js +2 -2
  29. package/dist/InputContent.js +1 -1
  30. package/dist/InputUploadContent.js +1 -1
  31. package/dist/Menu.js +1 -1
  32. package/dist/MenuDesktop.js +1 -1
  33. package/dist/MenuItem.js +1 -1
  34. package/dist/MenuMobile.js +2 -2
  35. package/dist/MenuPopover.js +2 -2
  36. package/dist/NumberInput.js +1 -1
  37. package/dist/PasswordInput.js +3 -3
  38. package/dist/Segment.js +1 -1
  39. package/dist/SelectDesktop.js +1 -1
  40. package/dist/SelectInput.js +1 -1
  41. package/dist/SelectListBox.js +2 -2
  42. package/dist/SelectListBoxItem.js +2 -2
  43. package/dist/SelectListBoxItemSelectAll.js +1 -1
  44. package/dist/SelectListBoxLoadingItem.js +1 -1
  45. package/dist/SelectMobile.js +3 -3
  46. package/dist/Stepper.js +32 -0
  47. package/dist/StepperItem.js +52 -0
  48. package/dist/StepperSeparator.js +10 -0
  49. package/dist/Table.js +2 -2
  50. package/dist/TextArea.js +1 -1
  51. package/dist/TextInput.js +1 -1
  52. package/dist/TimePickerInput.js +1 -1
  53. package/dist/Toast.js +1 -1
  54. package/dist/Tooltip.js +2 -2
  55. package/dist/Typography.js +1 -1
  56. package/dist/Visibility.js +13 -0
  57. package/dist/VisibilityOff.js +13 -0
  58. package/dist/YearPicker.js +1 -1
  59. package/dist/accordion.cva.js +97 -0
  60. package/dist/assets/icons/{ViewOff.d.ts → Account.d.ts} +1 -1
  61. package/dist/assets/icons/Board.d.ts +2 -0
  62. package/dist/assets/icons/DragIndicator.d.ts +2 -0
  63. package/dist/assets/icons/{Drag.d.ts → Edit.d.ts} +1 -1
  64. package/dist/assets/icons/Emoji.d.ts +2 -0
  65. package/dist/assets/icons/{View.d.ts → Grid.d.ts} +1 -1
  66. package/dist/assets/icons/Home.d.ts +2 -0
  67. package/dist/assets/icons/Image.d.ts +2 -0
  68. package/dist/assets/icons/ImageError.d.ts +2 -0
  69. package/dist/assets/icons/Loader.d.ts +2 -0
  70. package/dist/assets/icons/MapPin.d.ts +2 -0
  71. package/dist/assets/icons/Minus.d.ts +2 -0
  72. package/dist/assets/icons/MoreHoriz.d.ts +2 -0
  73. package/dist/assets/icons/Pause.d.ts +2 -0
  74. package/dist/assets/icons/Plus.d.ts +2 -0
  75. package/dist/assets/icons/Retry.d.ts +2 -0
  76. package/dist/assets/icons/Search.d.ts +2 -0
  77. package/dist/assets/icons/Share.d.ts +2 -0
  78. package/dist/assets/icons/Slash.d.ts +2 -0
  79. package/dist/assets/icons/Trash.d.ts +2 -0
  80. package/dist/assets/icons/User.d.ts +2 -0
  81. package/dist/assets/icons/Visibility.d.ts +2 -0
  82. package/dist/assets/icons/VisibilityOff.d.ts +2 -0
  83. package/dist/assets/icons/WarningOutlined.d.ts +2 -0
  84. package/dist/breadcrumbs.cva.js +22 -0
  85. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +15 -0
  86. package/dist/components/Breadcrumbs/breadcrumbs.cva.d.ts +19 -0
  87. package/dist/components/Menu/Menu.d.ts +2 -2
  88. package/dist/components/inputs/File/fileUpload.types.d.ts +1 -1
  89. package/dist/components/inputs/Inputs/InputItem.d.ts +1 -1
  90. package/dist/components/inputs/shared/input.cva.d.ts +2 -2
  91. package/dist/components/inputs/shared/label.cva.d.ts +2 -2
  92. package/dist/components/navigation/Accordion/Accordion.d.ts +3 -0
  93. package/dist/components/navigation/Accordion/AccordionItem.d.ts +2 -0
  94. package/dist/components/navigation/Accordion/accordion.cva.d.ts +45 -0
  95. package/dist/components/navigation/Accordion/accordion.types.d.ts +52 -0
  96. package/dist/components/navigation/Stepper/Stepper.d.ts +2 -0
  97. package/dist/components/navigation/Stepper/StepperItem.d.ts +2 -0
  98. package/dist/components/navigation/Stepper/StepperSeparator.d.ts +5 -0
  99. package/dist/components/navigation/Stepper/stepper.cva.d.ts +37 -0
  100. package/dist/components/navigation/Stepper/stepper.types.d.ts +41 -0
  101. package/dist/config/i18n.d.ts +0 -15
  102. package/dist/config/uiStyle.context.d.ts +31 -0
  103. package/dist/index.d.ts +13 -7
  104. package/dist/index.js +11 -9
  105. package/dist/input.cva.js +30 -30
  106. package/dist/label.cva.js +1 -1
  107. package/dist/menu.cva.js +2 -3
  108. package/dist/pillButton.cva.js +1 -1
  109. package/dist/radio.cva.js +0 -10
  110. package/dist/stepper.cva.js +93 -0
  111. package/dist/tag.cva.js +1 -1
  112. package/dist/tooltip.cva.js +1 -1
  113. package/dist/translation.js +0 -8
  114. package/dist/translation2.js +0 -7
  115. package/dist/types/error-handling.d.ts +6 -0
  116. package/dist/types/react-query.d.ts +1 -1
  117. package/dist/useSelectItems.js +1 -1
  118. package/package.json +2 -3
  119. package/dist/AclGuard.js +0 -12
  120. package/dist/AuthGuard.js +0 -22
  121. package/dist/Can.js +0 -13
  122. package/dist/View.js +0 -13
  123. package/dist/ViewOff.js +0 -13
  124. package/dist/ability.context.js +0 -35
  125. package/dist/auth.context.js +0 -37
  126. package/dist/auth.d.ts +0 -6
  127. package/dist/auth.js +0 -6
  128. package/dist/error-handling.js +0 -99
  129. package/dist/rest-interceptor.js +0 -22
  130. package/dist/utils/vendor/acl/AclGuard.d.ts +0 -8
  131. package/dist/utils/vendor/acl/Can.d.ts +0 -9
  132. package/dist/utils/vendor/acl/ability.context.d.ts +0 -15
  133. package/dist/utils/vendor/acl/appAbility.types.d.ts +0 -3
  134. package/dist/utils/vendor/auth/AuthGuard.d.ts +0 -6
  135. package/dist/utils/vendor/auth/auth.context.d.ts +0 -22
  136. package/dist/utils/vendor/error-handling.d.ts +0 -21
  137. package/dist/utils/vendor/rest-client.types.d.ts +0 -23
  138. package/dist/utils/vendor/rest-interceptor.d.ts +0 -8
@@ -0,0 +1,15 @@
1
+ import { FC, SVGProps } from 'react';
2
+ import { Key } from 'react-aria-components';
3
+ export interface BreadcrumbItem {
4
+ id: Key;
5
+ label: string;
6
+ href?: string;
7
+ icon?: FC<SVGProps<SVGSVGElement>>;
8
+ }
9
+ export interface BreadcrumbsProps {
10
+ items: BreadcrumbItem[];
11
+ className?: string;
12
+ onAction?: (id: Key) => void;
13
+ iconOnly?: boolean;
14
+ }
15
+ export declare const Breadcrumbs: ({ items, className, onAction, iconOnly }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ export declare const breadcrumbsCva: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
3
+ export interface BreadcrumbsVariantProps extends VariantProps<typeof breadcrumbsCva> {
4
+ }
5
+ export declare const breadcrumbSegment: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
6
+ export interface BreadcrumbSegmentVariantProps extends VariantProps<typeof breadcrumbSegment> {
7
+ }
8
+ export declare const breadcrumbChevron: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
9
+ export interface BreadcrumbChevronVariantProps extends VariantProps<typeof breadcrumbChevron> {
10
+ }
11
+ export declare const breadcrumbIcon: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
12
+ export interface BreadcrumbIconVariantProps extends VariantProps<typeof breadcrumbIcon> {
13
+ }
14
+ export declare const breadcrumbItem: (props?: ({
15
+ isCurrent?: boolean | null | undefined;
16
+ isEllipsis?: boolean | null | undefined;
17
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
18
+ export interface BreadcrumbItemVariantProps extends VariantProps<typeof breadcrumbItem> {
19
+ }
@@ -1,5 +1,5 @@
1
- import { Key, ReactElement } from 'react';
2
- import { MenuItemProps } from 'react-aria-components';
1
+ import { ReactElement } from 'react';
2
+ import { Key, MenuItemProps } from 'react-aria-components';
3
3
  import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps } from './menu.cva';
4
4
  export interface MenuItem extends Omit<MenuItemProps, "aria-label" | "textValue" | "children">, MenuItemVariantProps, MenuCvaVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps {
5
5
  label: string;
@@ -3,7 +3,7 @@ import { DropZoneProps, FileTriggerProps } from 'react-aria-components';
3
3
  import { FieldValues } from 'react-hook-form';
4
4
  import { FormFieldProps } from '../FormField/FormField';
5
5
  import { ControlProps } from '../shared/form.types';
6
- import { ApplicationException, GeneralErrorCodes } from '../../../utils/vendor/error-handling';
6
+ import { ApplicationException, GeneralErrorCodes } from '../../../types/error-handling';
7
7
  export interface FileUploadVariant {
8
8
  variant?: "vertical" | "horizontal";
9
9
  }
@@ -14,7 +14,7 @@ declare const componentRegistry: {
14
14
  readonly autocomplete: <TFieldValues extends import('react-hook-form').FieldValues, TKey extends import('react-aria').Key = import('react-aria').Key, TInitialSelectItem = import('../Selection/shared/select.types').DefaultInitialSelectItem<TKey>>(props: import('../Selection/Autocomplete/Autocomplete').ControlledAutocompleteProps<TFieldValues, TKey, TInitialSelectItem>) => import("react/jsx-runtime").JSX.Element;
15
15
  readonly queryAutocomplete: <TFieldValues extends import('react-hook-form').FieldValues, TSelectItem extends import('../Selection/shared/select.types').SelectItem<any>, TQueryFn extends (...args: any) => import('@tanstack/react-query').UseQueryResult<TSelectItem[]>>({ query, queryParams, queryOptions, ...props }: import('../../../types/common').OmitDiscriminatedUnion<import('../Selection/Autocomplete/Autocomplete').AutocompleteProps<Exclude<ReturnType<TQueryFn>["data"], undefined>[0] extends {
16
16
  id: infer InferredKey extends import('react-aria').Key;
17
- } ? InferredKey : never>, "onChange" | "value" | "isLoading" | "items" | "selectionMode" | "showSelectionBar" | "showSelectAllOption" | "initialSelection" | "showSelectionContent" | "onSearchChange"> & (import('../Selection/shared/select.types').GroupedSelectControlProps<TFieldValues, Exclude<ReturnType<TQueryFn>["data"], undefined>[0] extends {
17
+ } ? InferredKey : never>, "onChange" | "value" | "items" | "selectionMode" | "isLoading" | "showSelectionBar" | "showSelectAllOption" | "initialSelection" | "showSelectionContent" | "onSearchChange"> & (import('../Selection/shared/select.types').GroupedSelectControlProps<TFieldValues, Exclude<ReturnType<TQueryFn>["data"], undefined>[0] extends {
18
18
  id: infer InferredKey extends import('react-aria').Key;
19
19
  } ? InferredKey : never> & {
20
20
  query: Parameters<TQueryFn>[0] extends {
@@ -2,13 +2,13 @@ import { VariantProps } from 'class-variance-authority';
2
2
  import { ClassProp } from 'class-variance-authority/types';
3
3
  export declare const inputBase: (props?: ({
4
4
  variant?: "outlined" | "filled" | null | undefined;
5
- as?: "default" | "filter" | "inline" | "floating" | null | undefined;
5
+ as?: "default" | "filter" | "floating" | "inline" | null | undefined;
6
6
  } & ClassProp) | undefined) => string;
7
7
  export interface InputBaseProps extends VariantProps<typeof inputBase> {
8
8
  }
9
9
  export declare const inputSize: (props?: ({
10
10
  size?: "default" | "small" | "extra-small" | "large" | null | undefined;
11
- as?: "default" | "filter" | "inline" | "floating" | null | undefined;
11
+ as?: "default" | "filter" | "floating" | "inline" | null | undefined;
12
12
  } & ClassProp) | undefined) => string;
13
13
  export interface InputSizeProps extends VariantProps<typeof inputSize> {
14
14
  }
@@ -1,10 +1,10 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
2
  import { TypographyVariantProps } from '../../text/Typography/typography.cva';
3
3
  export declare const labelBase: (props?: ({
4
- as?: "default" | "filter" | "inline" | "floating" | null | undefined;
4
+ as?: "default" | "filter" | "floating" | "inline" | null | undefined;
5
5
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
6
  export interface LabelBaseProps extends VariantProps<typeof labelBase> {
7
7
  }
8
8
  export declare const labelTypography: (props: {
9
- as?: "default" | "filter" | "inline" | "floating" | null | undefined;
9
+ as?: "default" | "filter" | "floating" | "inline" | null | undefined;
10
10
  }) => TypographyVariantProps | undefined;
@@ -0,0 +1,3 @@
1
+ import { AccordionProps } from './accordion.types';
2
+ export declare const Accordion: ({ items, variant, actionPosition, allowsMultipleExpanded, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
3
+ export type { AccordionItemProps, AccordionProps } from './accordion.types';
@@ -0,0 +1,2 @@
1
+ import { AccordionItemProps } from './accordion.types';
2
+ export declare const AccordionItem: ({ id, disabled, heading, subheading, children, icon: Icon, variant, actionPosition, isSingle, }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,45 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ export declare const accordionCva: (props?: ({
3
+ variant?: "outlined" | "filled" | null | undefined;
4
+ singleItem?: boolean | null | undefined;
5
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
+ export interface AccordionVariantProps extends VariantProps<typeof accordionCva> {
7
+ }
8
+ export declare const accordionItemCva: (props?: ({
9
+ variant?: "outlined" | "filled" | null | undefined;
10
+ singleItem?: boolean | null | undefined;
11
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
12
+ export interface AccordionItemVariantProps extends VariantProps<typeof accordionItemCva> {
13
+ }
14
+ export declare const accordionTriggerCva: (props?: ({
15
+ variant?: "outlined" | "filled" | null | undefined;
16
+ actionPosition?: "left" | "right" | null | undefined;
17
+ disabled?: boolean | null | undefined;
18
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
19
+ export interface AccordionTriggerVariantProps extends VariantProps<typeof accordionTriggerCva> {
20
+ }
21
+ export declare const accordionHeadingCva: (props?: ({} & import('class-variance-authority/types').ClassProp) | undefined) => string;
22
+ export interface AccordionHeadingVariantProps extends VariantProps<typeof accordionHeadingCva> {
23
+ }
24
+ export declare const accordionHeadingTitleCva: (props?: ({} & import('class-variance-authority/types').ClassProp) | undefined) => string;
25
+ export interface AccordionHeadingTitleVariantProps extends VariantProps<typeof accordionHeadingTitleCva> {
26
+ }
27
+ export declare const accordionHeadingSubtitleCva: (props?: ({} & import('class-variance-authority/types').ClassProp) | undefined) => string;
28
+ export interface AccordionHeadingSubtitleVariantProps extends VariantProps<typeof accordionHeadingSubtitleCva> {
29
+ }
30
+ export declare const accordionChevronCva: (props?: ({
31
+ isExpanded?: boolean | null | undefined;
32
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
33
+ export interface AccordionChevronVariantProps extends VariantProps<typeof accordionChevronCva> {
34
+ }
35
+ export declare const accordionIconCva: (props?: ({} & import('class-variance-authority/types').ClassProp) | undefined) => string;
36
+ export interface AccordionIconVariantProps extends VariantProps<typeof accordionIconCva> {
37
+ }
38
+ export declare const accordionPanelCva: (props?: ({
39
+ isExpanded?: boolean | null | undefined;
40
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
41
+ export interface AccordionPanelVariantProps extends VariantProps<typeof accordionPanelCva> {
42
+ }
43
+ export declare const accordionPanelContentCva: (props?: ({} & import('class-variance-authority/types').ClassProp) | undefined) => string;
44
+ export interface AccordionPanelContentVariantProps extends VariantProps<typeof accordionPanelContentCva> {
45
+ }
@@ -0,0 +1,52 @@
1
+ import { FC, ReactNode, SVGProps } from 'react';
2
+ import { Key } from 'react-aria-components';
3
+ export interface AccordionItem {
4
+ /** Unique identifier for the item */
5
+ id: Key;
6
+ /** Main heading text */
7
+ heading: string;
8
+ /** Optional subheading text */
9
+ subheading?: string;
10
+ /** Content displayed when expanded */
11
+ children: ReactNode;
12
+ /** Optional leading icon */
13
+ icon?: FC<SVGProps<SVGSVGElement>>;
14
+ disabled?: boolean;
15
+ }
16
+ export interface AccordionProps {
17
+ /** Array of accordion items */
18
+ items: AccordionItem[];
19
+ /** Visual style variant */
20
+ variant?: "filled" | "outlined";
21
+ /** Position of the expand/collapse chevron */
22
+ actionPosition?: "left" | "right";
23
+ /** Allow multiple items to be expanded simultaneously */
24
+ allowsMultipleExpanded?: boolean;
25
+ /** Controlled expanded keys */
26
+ expandedKeys?: Iterable<Key>;
27
+ /** Default expanded keys (uncontrolled) */
28
+ defaultExpandedKeys?: Iterable<Key>;
29
+ /** Callback when expansion state changes */
30
+ onExpandedChange?: (keys: Set<Key>) => void;
31
+ /** Additional CSS class */
32
+ className?: string;
33
+ disabled?: boolean;
34
+ }
35
+ export interface AccordionItemProps {
36
+ /** Unique identifier for the item */
37
+ id: Key;
38
+ /** Main heading text */
39
+ heading: string;
40
+ /** Optional subheading text */
41
+ subheading?: string;
42
+ /** Content displayed when expanded */
43
+ children: ReactNode;
44
+ /** Optional leading icon */
45
+ icon?: FC<SVGProps<SVGSVGElement>>;
46
+ /** Visual style variant */
47
+ variant?: "filled" | "outlined";
48
+ /** Position of the expand/collapse chevron */
49
+ actionPosition?: "left" | "right";
50
+ disabled?: boolean;
51
+ isSingle?: boolean;
52
+ }
@@ -0,0 +1,2 @@
1
+ import { StepperProps } from './stepper.types';
2
+ export declare const Stepper: ({ steps, currentStep, orientation, contentOrientation, iconsOnly, titlesOnly, onStepClick, className, }: StepperProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { StepperItemProps } from './stepper.types';
2
+ export declare const StepperItem: ({ step, stepNumber, status, contentOrientation, iconsOnly, titlesOnly, onPress, }: StepperItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { StepperSeparatorVariantProps } from './stepper.cva';
2
+ interface StepperSeparatorProps extends StepperSeparatorVariantProps {
3
+ }
4
+ export declare const StepperSeparator: ({ orientation, contentOrientation }: StepperSeparatorProps) => import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1,37 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ export declare const stepperCva: (props?: ({
3
+ orientation?: "horizontal" | "vertical" | null | undefined;
4
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
5
+ export interface StepperVariantProps extends VariantProps<typeof stepperCva> {
6
+ }
7
+ export declare const stepperItemCva: (props?: ({
8
+ contentOrientation?: "horizontal" | "vertical" | null | undefined;
9
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
10
+ export interface StepperItemVariantProps extends VariantProps<typeof stepperItemCva> {
11
+ }
12
+ export declare const stepperIconCva: (props?: ({
13
+ status?: "completed" | "active" | "todo" | null | undefined;
14
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
15
+ export interface StepperIconVariantProps extends VariantProps<typeof stepperIconCva> {
16
+ }
17
+ export declare const stepperNumberCva: (props?: ({
18
+ status?: "completed" | "active" | "todo" | null | undefined;
19
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
20
+ export interface StepperNumberVariantProps extends VariantProps<typeof stepperNumberCva> {
21
+ }
22
+ export declare const stepperTitleCva: (props?: ({
23
+ status?: "completed" | "active" | "todo" | null | undefined;
24
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
25
+ export interface StepperTitleVariantProps extends VariantProps<typeof stepperTitleCva> {
26
+ }
27
+ export declare const stepperSubtextCva: (props?: ({
28
+ status?: "completed" | "active" | "todo" | null | undefined;
29
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
30
+ export interface StepperSubtextVariantProps extends VariantProps<typeof stepperSubtextCva> {
31
+ }
32
+ export declare const stepperSeparatorCva: (props?: ({
33
+ orientation?: "horizontal" | "vertical" | null | undefined;
34
+ contentOrientation?: "horizontal" | "vertical" | null | undefined;
35
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
36
+ export interface StepperSeparatorVariantProps extends VariantProps<typeof stepperSeparatorCva> {
37
+ }
@@ -0,0 +1,41 @@
1
+ import { StepperItemVariantProps, StepperVariantProps } from './stepper.cva';
2
+ /** A single step definition passed by the consumer. */
3
+ export interface StepItem {
4
+ /** Unique key for React rendering. */
5
+ id: string;
6
+ /** Step title text. Rendered unless iconsOnly is true. */
7
+ title: string;
8
+ /** Optional subtext beneath the title. Only rendered in default (full) mode. */
9
+ subtext?: string;
10
+ }
11
+ /** Derived step status, computed from currentStep index. */
12
+ export type StepStatus = "completed" | "active" | "todo";
13
+ /** Public props for the Stepper component. */
14
+ export interface StepperProps extends StepperVariantProps, StepperItemVariantProps {
15
+ /** Array of step definitions. Order determines step numbering (1-based). */
16
+ steps: StepItem[];
17
+ /**
18
+ * The current active step index (0-based).
19
+ * - Steps at index < currentStep are "completed"
20
+ * - Step at index === currentStep is "active"
21
+ * - Steps at index > currentStep are "todo"
22
+ */
23
+ currentStep: number;
24
+ /** When true, only step indicator icons are rendered (no title or subtext). */
25
+ iconsOnly?: boolean;
26
+ /** When true, step indicator icons and titles are rendered (no subtext). Takes no effect if iconsOnly is true. */
27
+ titlesOnly?: boolean;
28
+ /** Callback when a completed step is clicked. Receives the 0-based step index. */
29
+ onStepClick?: (stepIndex: number) => void;
30
+ /** Optional className for the root container. */
31
+ className?: string;
32
+ }
33
+ /** Internal props for StepperItem sub-component. */
34
+ export interface StepperItemProps extends StepperItemVariantProps {
35
+ step: StepItem;
36
+ stepNumber: number;
37
+ status: StepStatus;
38
+ iconsOnly?: boolean;
39
+ titlesOnly?: boolean;
40
+ onPress?: () => void;
41
+ }
@@ -155,14 +155,6 @@ export declare const resources: {
155
155
  smallerThan: string;
156
156
  };
157
157
  };
158
- sharedErrors: {
159
- dataValidation: string;
160
- internalError: string;
161
- networkError: string;
162
- canceledError: string;
163
- unknownError: string;
164
- unknownErrorWithCode: string;
165
- };
166
158
  };
167
159
  };
168
160
  readonly sl: {
@@ -316,13 +308,6 @@ export declare const resources: {
316
308
  smallerThan: string;
317
309
  };
318
310
  };
319
- sharedErrors: {
320
- dataValidation: string;
321
- internalError: string;
322
- networkError: string;
323
- canceledError: string;
324
- unknownError: string;
325
- };
326
311
  };
327
312
  };
328
313
  };
@@ -1,5 +1,6 @@
1
1
  import { ClassProp } from 'class-variance-authority/types';
2
2
  import { PropsWithChildren } from 'react';
3
+ import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps } from '../components/Breadcrumbs/breadcrumbs.cva';
3
4
  import { ButtonVariantProps } from '../components/buttons/Button/button.cva';
4
5
  import { PillButtonVariants } from '../components/buttons/PillButton/pillButton.cva';
5
6
  import { CheckboxIconVariantProps, CheckboxVariantProps } from '../components/inputs/Checkbox/checkbox.cva';
@@ -8,6 +9,8 @@ import { InputBaseProps, InputSideProps, InputSizeProps } from '../components/in
8
9
  import { LabelBaseProps } from '../components/inputs/shared/label.cva';
9
10
  import { ToggleVariantProps } from '../components/inputs/Toggle/toggle.cva';
10
11
  import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps } from '../components/Menu/menu.cva';
12
+ import { AccordionChevronVariantProps, AccordionHeadingSubtitleVariantProps, AccordionHeadingTitleVariantProps, AccordionHeadingVariantProps, AccordionIconVariantProps, AccordionItemVariantProps, AccordionPanelContentVariantProps, AccordionPanelVariantProps, AccordionTriggerVariantProps, AccordionVariantProps } from '../components/navigation/Accordion/accordion.cva';
13
+ import { StepperIconVariantProps, StepperItemVariantProps, StepperNumberVariantProps, StepperSeparatorVariantProps, StepperSubtextVariantProps, StepperTitleVariantProps, StepperVariantProps } from '../components/navigation/Stepper/stepper.cva';
11
14
  import { ModalVariantProps } from '../components/overlays/Modal/modal.cva';
12
15
  import { TooltipPointerHorizontalVariantProps, TooltipPointerVerticalVariantProps, TooltipTextVariantProps, TooltipVariantProps } from '../components/overlays/Tooltip/tooltip.cva';
13
16
  import { SegmentItemVariantProps, SegmentVariantProps } from '../components/segment/segment.cva';
@@ -101,6 +104,34 @@ export declare namespace UIStyle {
101
104
  cva?: Cva<SegmentVariantProps>;
102
105
  itemCva?: Cva<SegmentItemVariantProps>;
103
106
  };
107
+ stepper: {
108
+ cva?: Cva<StepperVariantProps>;
109
+ itemCva?: Cva<StepperItemVariantProps>;
110
+ iconCva?: Cva<StepperIconVariantProps>;
111
+ numberCva?: Cva<StepperNumberVariantProps>;
112
+ titleCva?: Cva<StepperTitleVariantProps>;
113
+ subtextCva?: Cva<StepperSubtextVariantProps>;
114
+ separatorCva?: Cva<StepperSeparatorVariantProps>;
115
+ };
116
+ accordion: {
117
+ cva?: Cva<AccordionVariantProps>;
118
+ itemCva?: Cva<AccordionItemVariantProps>;
119
+ triggerCva?: Cva<AccordionTriggerVariantProps>;
120
+ headingCva?: Cva<AccordionHeadingVariantProps>;
121
+ headingTitleCva?: Cva<AccordionHeadingTitleVariantProps>;
122
+ headingSubtitleCva?: Cva<AccordionHeadingSubtitleVariantProps>;
123
+ chevronCva?: Cva<AccordionChevronVariantProps>;
124
+ iconCva?: Cva<AccordionIconVariantProps>;
125
+ panelCva?: Cva<AccordionPanelVariantProps>;
126
+ panelContentCva?: Cva<AccordionPanelContentVariantProps>;
127
+ };
128
+ breadcrumbs: {
129
+ cva?: Cva<BreadcrumbsVariantProps>;
130
+ itemCva?: Cva<BreadcrumbItemVariantProps>;
131
+ segmentCva?: Cva<BreadcrumbSegmentVariantProps>;
132
+ chevronCva?: Cva<BreadcrumbChevronVariantProps>;
133
+ iconCva?: Cva<BreadcrumbIconVariantProps>;
134
+ };
104
135
  }
105
136
  interface ProviderProps {
106
137
  config?: Partial<Options>;
package/dist/index.d.ts CHANGED
@@ -23,6 +23,7 @@ export { CloseIcon } from './assets/icons/Close';
23
23
  export { DateTimeIcon } from './assets/icons/DateTime';
24
24
  export { HighlightIcon } from './assets/icons/Highlight';
25
25
  export { HighlightOnIcon } from './assets/icons/HighlightOn';
26
+ export { HomeIcon } from './assets/icons/Home';
26
27
  export { InfoIcon } from './assets/icons/Info';
27
28
  export { ItalicIcon } from './assets/icons/Italic';
28
29
  export { LinkIcon } from './assets/icons/Link';
@@ -34,8 +35,11 @@ export { SendIcon } from './assets/icons/Send';
34
35
  export { StrikethroughIcon } from './assets/icons/Strikethrough';
35
36
  export { TextColorIcon } from './assets/icons/TextColor';
36
37
  export { UnderlinedIcon } from './assets/icons/Underlined';
37
- export { ViewIcon } from './assets/icons/View';
38
- export { ViewOffIcon } from './assets/icons/ViewOff';
38
+ export { VisibilityIcon } from './assets/icons/Visibility';
39
+ export { VisibilityOffIcon } from './assets/icons/VisibilityOff';
40
+ export type { BreadcrumbItem, BreadcrumbsProps } from './components/Breadcrumbs/Breadcrumbs';
41
+ export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
42
+ export type { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps, } from './components/Breadcrumbs/breadcrumbs.cva';
39
43
  export type { ButtonProps } from './components/buttons/Button/Button';
40
44
  export { Button } from './components/buttons/Button/Button';
41
45
  export type { ButtonVariantProps } from './components/buttons/Button/button.cva';
@@ -103,6 +107,13 @@ export { MenuItem, type MenuListItemProps } from './components/Menu/MenuItem';
103
107
  export type { MenuPopoverProps } from './components/Menu/MenuPopover';
104
108
  export { MenuPopover } from './components/Menu/MenuPopover';
105
109
  export type { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps, } from './components/Menu/menu.cva';
110
+ export type { AccordionItemProps, AccordionProps } from './components/navigation/Accordion/Accordion';
111
+ export { Accordion } from './components/navigation/Accordion/Accordion';
112
+ export type { AccordionVariantProps } from './components/navigation/Accordion/accordion.cva';
113
+ export type { AccordionItem } from './components/navigation/Accordion/accordion.types';
114
+ export { Stepper } from './components/navigation/Stepper/Stepper';
115
+ export type { StepperVariantProps } from './components/navigation/Stepper/stepper.cva';
116
+ export type { StepItem, StepperProps } from './components/navigation/Stepper/stepper.types';
106
117
  export { uiOutlineClass } from './components/outline.clsx';
107
118
  export type { ActionModalProps } from './components/overlays/ActionModal/ActionModal';
108
119
  export { ActionModal } from './components/overlays/ActionModal/ActionModal';
@@ -186,7 +197,6 @@ export { useTableColumnConfig } from './hooks/useTableColumnConfig';
186
197
  export { useTableNav } from './hooks/useTableNav';
187
198
  export { useTranslationMemo } from './hooks/useTranslationMemo';
188
199
  export type { Function, HasRequiredProperty, IfAny, IsAny, IsRequiredChildrenProperty, IsUnknown, OmitDiscriminatedUnion, } from './types/common';
189
- export type { AppInfiniteQueryOptions, AppMutationOptions, AppQueryOptions } from './types/react-query';
190
200
  export { ArrayUtils } from './utils/array.utils';
191
201
  export { type CompoundMapper, compoundMapper } from './utils/compoundMapper';
192
202
  export { DateUtils } from './utils/date.utils';
@@ -200,7 +210,3 @@ export { QueriesUtils } from './utils/queries.utils';
200
210
  export { RestUtils } from './utils/rest.utils';
201
211
  export { RoutingUtils } from './utils/routing.utils';
202
212
  export { StringUtils } from './utils/string.utils';
203
- export type { GeneralErrorCodes } from './utils/vendor/error-handling';
204
- export { ApplicationException, ErrorHandler, SharedErrorHandler } from './utils/vendor/error-handling';
205
- export type { RequestConfig, RequestInfo, Response, RestClient as IRestClient, } from './utils/vendor/rest-client.types';
206
- export { RestInterceptor } from './utils/vendor/rest-interceptor';
package/dist/index.js CHANGED
@@ -23,6 +23,7 @@ import { CloseIcon } from "./Close.js";
23
23
  import { DateTimeIcon } from "./DateTime.js";
24
24
  import { HighlightIcon } from "./Highlight.js";
25
25
  import { HighlightOnIcon } from "./HighlightOn.js";
26
+ import { HomeIcon } from "./Home.js";
26
27
  import { InfoIcon } from "./Info.js";
27
28
  import { ItalicIcon } from "./Italic.js";
28
29
  import { LinkIcon } from "./Link.js";
@@ -34,22 +35,23 @@ import { SendIcon } from "./Send.js";
34
35
  import { StrikethroughIcon } from "./Strikethrough.js";
35
36
  import { TextColorIcon } from "./TextColor.js";
36
37
  import { UnderlinedIcon } from "./Underlined.js";
37
- import { ViewIcon } from "./View.js";
38
- import { ViewOffIcon } from "./ViewOff.js";
39
- import { Loader } from "./Loader.js";
38
+ import { VisibilityIcon } from "./Visibility.js";
39
+ import { VisibilityOffIcon } from "./VisibilityOff.js";
40
40
  import { UIStyle } from "./uiStyle.context.js";
41
+ import { MenuItem } from "./MenuItem.js";
42
+ import { MenuPopover } from "./MenuPopover.js";
41
43
  import { Typography } from "./Typography.js";
42
44
  import { Tooltip } from "./Tooltip.js";
43
- import { TooltipEllipsis } from "./TooltipEllipsis.js";
44
45
  import { LinkContext } from "./link.context.js";
46
+ import { Breadcrumbs } from "./Breadcrumbs.js";
47
+ import { Loader } from "./Loader.js";
48
+ import { TooltipEllipsis } from "./TooltipEllipsis.js";
45
49
  import { uiOutlineClass } from "./outline.clsx.js";
46
50
  import { compoundMapper } from "./compoundMapper.js";
47
51
  import { Button } from "./Button.js";
48
52
  import { IconButton } from "./IconButton.js";
49
53
  import { InlineIconButton } from "./InlineIconButton.js";
50
54
  import { PillButton } from "./PillButton.js";
51
- import { MenuItem } from "./MenuItem.js";
52
- import { MenuPopover } from "./MenuPopover.js";
53
55
  import { DomUtils } from "./dom.utils.js";
54
56
  import { BottomSheet } from "./BottomSheet.js";
55
57
  import { useBreakpoint } from "./useBreakpoint.js";
@@ -95,6 +97,8 @@ import { dynamicInputs } from "./dynamicInputs.js";
95
97
  import { Form } from "./Form.js";
96
98
  import { Inputs } from "./Inputs.js";
97
99
  import { RadioGroup } from "./RadioGroup.js";
100
+ import { Accordion } from "./Accordion.js";
101
+ import { Stepper } from "./Stepper.js";
98
102
  import { Modal } from "./Modal.js";
99
103
  import { ActionModal } from "./ActionModal.js";
100
104
  import { Drawer } from "./Drawer.js";
@@ -131,6 +135,4 @@ import { useTableColumnConfig } from "./useTableColumnConfig.js";
131
135
  import { ArrayUtils } from "./array.utils.js";
132
136
  import { QueriesUtils } from "./queries.utils.js";
133
137
  import { RoutingUtils } from "./routing.utils.js";
134
- import { ApplicationException, ErrorHandler, SharedErrorHandler } from "./error-handling.js";
135
- import { RestInterceptor } from "./rest-interceptor.js";
136
- 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 };
138
+ 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 };