welcome-ui 10.0.0-alpha.4 → 10.0.0-alpha.5

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 (127) hide show
  1. package/dist/2W3RN7C5-DMC82gDP.js +61 -0
  2. package/dist/{4I4MLMKD-z3Xm3qCo.js → 4I4MLMKD-BO6Lcy7s.js} +17 -17
  3. package/dist/Accordion.js +19 -17
  4. package/dist/Alert.js +40 -31
  5. package/dist/AspectRatio.js +1 -0
  6. package/dist/Avatar.js +13 -11
  7. package/dist/{B7UTNDHN-BDa2-8JK.js → B7UTNDHN-BghjolIs.js} +30 -30
  8. package/dist/Badge.js +1 -0
  9. package/dist/Breadcrumb.js +76 -71
  10. package/dist/Button.js +8 -6
  11. package/dist/ButtonGroup.js +6 -4
  12. package/dist/Card.css +1 -1
  13. package/dist/Card.js +68 -15
  14. package/dist/Checkbox.js +30 -29
  15. package/dist/CloseButton.js +7 -5
  16. package/dist/{CustomPopper-vwbOQq72.js → CustomPopper-C1wIDHbM.js} +5 -4
  17. package/dist/{DSAASPLT-C-2xDjIv.js → DSAASPLT-Fx1kuAsk.js} +3 -3
  18. package/dist/DatePicker.js +82 -78
  19. package/dist/DateTimePicker.js +22 -21
  20. package/dist/Drawer.js +101 -80
  21. package/dist/DropdownMenu.css +1 -1
  22. package/dist/DropdownMenu.js +889 -462
  23. package/dist/Field.js +1 -0
  24. package/dist/FieldGroup.js +9 -7
  25. package/dist/FileDrop.js +184 -176
  26. package/dist/FileUpload.js +43 -40
  27. package/dist/{GVVKDT6A-C66-lr0B.js → GVVKDT6A-CF9ejW_c.js} +103 -103
  28. package/dist/Hint.js +9 -7
  29. package/dist/Icon.js +6 -4
  30. package/dist/InputText.js +30 -28
  31. package/dist/{KPUWHTQJ-Byij2al4.js → KPUWHTQJ-Dv3cAqjP.js} +33 -31
  32. package/dist/Label.js +9 -7
  33. package/dist/Link.js +25 -21
  34. package/dist/Loader.js +12 -10
  35. package/dist/Logo.js +21 -13
  36. package/dist/Modal.js +145 -114
  37. package/dist/{NI3IVY7K-DpF3td-7.js → NI3IVY7K-Dy240mkD.js} +160 -160
  38. package/dist/{NMGNQVTG-BgAqqGOq.js → NMGNQVTG-DRO2uXZT.js} +6 -6
  39. package/dist/{OE2EFRVA-DkdhQLJL.js → OE2EFRVA-Dg1R6gaC.js} +186 -170
  40. package/dist/{OLVWQA7U-wHytlFYu.js → OLVWQA7U-Dia3UUnG.js} +36 -36
  41. package/dist/Pagination.js +39 -37
  42. package/dist/PasswordInput.js +20 -17
  43. package/dist/Popover.js +89 -72
  44. package/dist/{RTNCFSKZ-LcIdBwa8.js → RTNCFSKZ-BywELldk.js} +42 -42
  45. package/dist/Radio.js +20 -19
  46. package/dist/RadioGroup.js +29 -27
  47. package/dist/RadioTab.js +2 -1
  48. package/dist/{SBSPVDDI-BoxPz2JY.js → SBSPVDDI-CmtnvvUX.js} +46 -46
  49. package/dist/SQZLCNLX-Dg4KKdNJ.js +83 -0
  50. package/dist/Search.css +1 -1
  51. package/dist/Search.js +62 -60
  52. package/dist/Select.css +1 -1
  53. package/dist/Select.js +204 -202
  54. package/dist/Slider.js +66 -61
  55. package/dist/Stepper.js +34 -27
  56. package/dist/StickyNote.js +30 -23
  57. package/dist/Swiper.js +52 -50
  58. package/dist/{T22PY7TE-CzEDuEn1.js → T22PY7TE-gLuJpoOm.js} +46 -46
  59. package/dist/Table.js +34 -21
  60. package/dist/Tabs.js +161 -152
  61. package/dist/Tag.css +1 -1
  62. package/dist/Tag.js +70 -65
  63. package/dist/Text.js +4 -2
  64. package/dist/Textarea.js +10 -8
  65. package/dist/TimePicker.js +22 -21
  66. package/dist/Toast.js +186 -177
  67. package/dist/Toggle.js +16 -14
  68. package/dist/Tooltip.js +29 -27
  69. package/dist/VariantIcon.js +7 -5
  70. package/dist/VisuallyHidden.js +8 -6
  71. package/dist/WelcomeLoader.js +3 -2
  72. package/dist/XCKGTAUF-CJwwVibW.js +25 -0
  73. package/dist/{Y67KZUMI-BDyUNSJw.js → Y67KZUMI-BwLWwpNF.js} +2 -2
  74. package/dist/{ZTXFEM5L-CjFLRObi.js → ZTXFEM5L-WGHY_jqg.js} +3 -3
  75. package/dist/theme.js +1 -0
  76. package/dist/types/components/Alert/components/Title.d.ts +4 -1
  77. package/dist/types/components/Alert/index.d.ts +4 -1
  78. package/dist/types/components/Card/Body.d.ts +2 -3
  79. package/dist/types/components/Card/Footer.d.ts +6 -0
  80. package/dist/types/components/Card/Header.d.ts +5 -0
  81. package/dist/types/components/Card/index.d.ts +7 -8
  82. package/dist/types/components/Card/types.d.ts +16 -3
  83. package/dist/types/components/Checkbox/index.d.ts +1 -2
  84. package/dist/types/components/Checkbox/types.d.ts +3 -1
  85. package/dist/types/components/DateTimePickerCommon/CustomHeader.d.ts +4 -1
  86. package/dist/types/components/DateTimePickerCommon/CustomPopper.d.ts +6 -3
  87. package/dist/types/components/Drawer/AssetDrawer/Header.d.ts +4 -1
  88. package/dist/types/components/Drawer/AssetDrawer/IconBlock.d.ts +4 -1
  89. package/dist/types/components/Drawer/components/Close.d.ts +4 -1
  90. package/dist/types/components/Drawer/components/Title.d.ts +4 -1
  91. package/dist/types/components/Drawer/index.d.ts +12 -3
  92. package/dist/types/components/DropdownMenu/Action.d.ts +2 -0
  93. package/dist/types/components/DropdownMenu/Group.d.ts +4 -0
  94. package/dist/types/components/DropdownMenu/Item.d.ts +7 -0
  95. package/dist/types/components/DropdownMenu/Search.d.ts +2 -0
  96. package/dist/types/components/DropdownMenu/Submenu.d.ts +4 -0
  97. package/dist/types/components/DropdownMenu/index.d.ts +11 -0
  98. package/dist/types/components/DropdownMenu/types.d.ts +26 -5
  99. package/dist/types/components/FileDrop/components/FilePreview.d.ts +4 -1
  100. package/dist/types/components/FileDrop/components/Message.d.ts +4 -1
  101. package/dist/types/components/Loader/index.d.ts +4 -1
  102. package/dist/types/components/Modal/Assets/AssetContent.d.ts +4 -1
  103. package/dist/types/components/Modal/Assets/AssetTitle.d.ts +4 -1
  104. package/dist/types/components/Modal/Assets/CloseButton.d.ts +4 -1
  105. package/dist/types/components/Modal/Assets/Dialog.d.ts +4 -1
  106. package/dist/types/components/Modal/Assets/Iframe.d.ts +4 -1
  107. package/dist/types/components/Modal/Assets/index.d.ts +16 -4
  108. package/dist/types/components/Modal/components/Close.d.ts +4 -1
  109. package/dist/types/components/Modal/index.d.ts +16 -4
  110. package/dist/types/components/PasswordInput/ToggleButton.d.ts +4 -1
  111. package/dist/types/components/Popover/Arrow.d.ts +4 -1
  112. package/dist/types/components/Popover/ContentWrapper.d.ts +4 -1
  113. package/dist/types/components/RadioGroup/index.d.ts +4 -1
  114. package/dist/types/components/Stepper/index.d.ts +8 -2
  115. package/dist/types/components/StickyNote/components/Button.d.ts +4 -1
  116. package/dist/types/components/StickyNote/components/Title.d.ts +4 -1
  117. package/dist/types/components/StickyNote/index.d.ts +8 -2
  118. package/dist/types/components/Swiper/index.d.ts +4 -1
  119. package/dist/types/components/Table/index.d.ts +20 -5
  120. package/dist/types/components/Tabs/components/ActiveBar/index.d.ts +4 -1
  121. package/dist/types/components/Tag/types.d.ts +4 -2
  122. package/dist/types/components/Toast/index.d.ts +4 -1
  123. package/dist/utils.js +1 -0
  124. package/package.json +2 -2
  125. package/dist/2W3RN7C5-uG7eBeTQ.js +0 -61
  126. package/dist/SQZLCNLX-CUlXoT69.js +0 -82
  127. package/dist/XCKGTAUF-CahZE721.js +0 -25
@@ -1,2 +1,5 @@
1
1
  import { MessageProps } from '../types';
2
- export declare const Message: ({ disabled, fileButtonText, hint, openFile, title, }: MessageProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const Message: {
3
+ ({ disabled, fileButtonText, hint, openFile, title, }: MessageProps): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -1,2 +1,5 @@
1
1
  import { LoaderProps } from './types';
2
- export declare const Loader: ({ className, size, variant, ...rest }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const Loader: {
3
+ ({ className, size, variant, ...rest }: LoaderProps): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -1,2 +1,5 @@
1
1
  import { HTMLAttributes, default as React } from 'react';
2
- export declare const AssetContent: ({ children, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const AssetContent: {
3
+ ({ children, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -1,2 +1,5 @@
1
1
  import { TextProps } from '../../Text/types';
2
- export declare const AssetTitle: ({ children, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const AssetTitle: {
3
+ ({ children, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -1,2 +1,5 @@
1
1
  import { ButtonProps } from '../../Button/types';
2
- export declare const CloseButton: ({ children, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const CloseButton: {
3
+ ({ children, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -1,2 +1,5 @@
1
1
  import { HTMLAttributes, default as React } from 'react';
2
- export declare const Dialog: ({ children, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const Dialog: {
3
+ ({ children, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -1 +1,4 @@
1
- export declare const Iframe: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
1
+ export declare const Iframe: {
2
+ ({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
3
+ displayName: string;
4
+ };
@@ -1,7 +1,19 @@
1
- export declare const Assets: (({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element) & {
1
+ export declare const Assets: {
2
+ ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
3
+ displayName: string;
4
+ } & {
2
5
  AssetWithTitle: import('react').ForwardRefExoticComponent<Omit<import('./types').AssetWithTitleProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
3
6
  Backdrop: import('react').ForwardRefExoticComponent<import('../types').BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
4
- Content: ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
5
- Iframe: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
6
- Title: ({ children, ...rest }: import('../../Text/types').TextProps) => import("react/jsx-runtime").JSX.Element;
7
+ Content: {
8
+ ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
9
+ displayName: string;
10
+ };
11
+ Iframe: {
12
+ ({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
13
+ displayName: string;
14
+ };
15
+ Title: {
16
+ ({ children, ...rest }: import('../../Text/types').TextProps): import("react/jsx-runtime").JSX.Element;
17
+ displayName: string;
18
+ };
7
19
  };
@@ -1,2 +1,5 @@
1
1
  import { CloseButtonProps } from '../../CloseButton/types';
2
- export declare const Close: (props: CloseButtonProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const Close: {
3
+ (props: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -13,10 +13,22 @@ export declare const Modal: import('../../utils').FunctionComponentWithAs<"div",
13
13
  Header: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<HTMLDivElement>, keyof import('./types').HeaderOptions> & import('./types').HeaderOptions & import('react').RefAttributes<HTMLDivElement>>;
14
14
  Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
15
15
  };
16
- export declare const AssetModal: (({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element) & {
16
+ export declare const AssetModal: {
17
+ ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
18
+ displayName: string;
19
+ } & {
17
20
  AssetWithTitle: import('react').ForwardRefExoticComponent<Omit<import('./Assets/types').AssetWithTitleProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
18
21
  Backdrop: import('react').ForwardRefExoticComponent<import('./types').BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
19
- Content: ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
20
- Iframe: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
21
- Title: ({ children, ...rest }: import('../Text/types').TextProps) => import("react/jsx-runtime").JSX.Element;
22
+ Content: {
23
+ ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
24
+ displayName: string;
25
+ };
26
+ Iframe: {
27
+ ({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
28
+ displayName: string;
29
+ };
30
+ Title: {
31
+ ({ children, ...rest }: import('../Text/types').TextProps): import("react/jsx-runtime").JSX.Element;
32
+ displayName: string;
33
+ };
22
34
  };
@@ -3,4 +3,7 @@ import { Button } from '../Button';
3
3
  export type ToggleButtonProps = React.ComponentPropsWithoutRef<typeof Button> & {
4
4
  isHidden: boolean;
5
5
  };
6
- export declare const ToggleButton: ({ isHidden, onClick, ...rest }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const ToggleButton: {
7
+ ({ isHidden, onClick, ...rest }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
8
+ displayName: string;
9
+ };
@@ -2,5 +2,8 @@ import { UsePopover } from './usePopover';
2
2
  type ArrowProps = {
3
3
  store: UsePopover;
4
4
  };
5
- export declare const Arrow: ({ store }: ArrowProps) => import("react/jsx-runtime").JSX.Element;
5
+ export declare const Arrow: {
6
+ ({ store }: ArrowProps): import("react/jsx-runtime").JSX.Element;
7
+ displayName: string;
8
+ };
6
9
  export {};
@@ -6,4 +6,7 @@ export interface ContentWrapperOptions {
6
6
  onClose?: () => void;
7
7
  store: UsePopover | UsePopoverHover;
8
8
  }
9
- export declare const ContentWrapper: ({ children, className, onClose, store }: ContentWrapperOptions) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const ContentWrapper: {
10
+ ({ children, className, onClose, store }: ContentWrapperOptions): import("react/jsx-runtime").JSX.Element;
11
+ displayName: string;
12
+ };
@@ -1,2 +1,5 @@
1
1
  import { RadioGroupProps } from './types';
2
- export declare const RadioGroup: ({ className, dataTestId, disabled, hideLabel, id, label, name, onChange, options, renderOption: Component, required, value, ...rest }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const RadioGroup: {
3
+ ({ className, dataTestId, disabled, hideLabel, id, label, name, onChange, options, renderOption: Component, required, value, ...rest }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -1,5 +1,11 @@
1
1
  import { StepperItemProps, StepperProps } from './types';
2
2
  export declare const Stepper: import('react').ForwardRefExoticComponent<Omit<StepperProps, "ref"> & import('react').RefAttributes<HTMLOListElement>> & {
3
- Item: ({ children, icon, isCompleted, isOpen, onClick }: StepperItemProps) => import("react/jsx-runtime").JSX.Element;
4
- Separator: () => import("react/jsx-runtime").JSX.Element;
3
+ Item: {
4
+ ({ children, icon, isCompleted, isOpen, onClick }: StepperItemProps): import("react/jsx-runtime").JSX.Element;
5
+ displayName: string;
6
+ };
7
+ Separator: {
8
+ (): import("react/jsx-runtime").JSX.Element;
9
+ displayName: string;
10
+ };
5
11
  };
@@ -1,2 +1,5 @@
1
1
  import { ButtonProps } from '../../Button/types';
2
- export declare const Button: ({ children, className, ...rest }: Omit<ButtonProps, "size" | "variant">) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const Button: {
3
+ ({ children, className, ...rest }: Omit<ButtonProps, "size" | "variant">): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -1,2 +1,5 @@
1
1
  import { StickyNoteTitleProps } from '../types';
2
- export declare const Title: ({ children, icon }: StickyNoteTitleProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const Title: {
3
+ ({ children, icon }: StickyNoteTitleProps): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -1,5 +1,11 @@
1
1
  import { StickyNoteProps } from './types';
2
2
  export declare const StickyNote: import('react').ForwardRefExoticComponent<Omit<StickyNoteProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
3
- Button: ({ children, className, ...rest }: Omit<import('../Button/types').ButtonProps, "size" | "variant">) => import("react/jsx-runtime").JSX.Element;
4
- Title: ({ children, icon }: import('./types').StickyNoteTitleProps) => import("react/jsx-runtime").JSX.Element;
3
+ Button: {
4
+ ({ children, className, ...rest }: Omit<import('../Button/types').ButtonProps, "size" | "variant">): import("react/jsx-runtime").JSX.Element;
5
+ displayName: string;
6
+ };
7
+ Title: {
8
+ ({ children, icon }: import('./types').StickyNoteTitleProps): import("react/jsx-runtime").JSX.Element;
9
+ displayName: string;
10
+ };
5
11
  };
@@ -32,4 +32,7 @@ export declare const useSwiper: (options?: UseSwiperOptions) => {
32
32
  mobile: boolean;
33
33
  };
34
34
  };
35
- export declare const Swiper: ({ children, className, store, ...rest }: SwiperProps) => import("react/jsx-runtime").JSX.Element;
35
+ export declare const Swiper: {
36
+ ({ children, className, store, ...rest }: SwiperProps): import("react/jsx-runtime").JSX.Element;
37
+ displayName: string;
38
+ };
@@ -1,9 +1,24 @@
1
1
  import { TableProps, TableTrProps } from './types';
2
2
  export declare const TableComponent: import('react').ForwardRefExoticComponent<Omit<TableProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
3
3
  export declare const Table: import('react').ForwardRefExoticComponent<Omit<TableProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
4
- Tbody: (props: React.HTMLAttributes<HTMLTableSectionElement>) => import("react/jsx-runtime").JSX.Element;
5
- Td: (props: React.TdHTMLAttributes<HTMLTableCellElement>) => import("react/jsx-runtime").JSX.Element;
6
- Th: (props: React.ThHTMLAttributes<HTMLTableCellElement>) => import("react/jsx-runtime").JSX.Element;
7
- Thead: (props: React.HTMLAttributes<HTMLTableSectionElement>) => import("react/jsx-runtime").JSX.Element;
8
- Tr: ({ className, onClick, variant, ...rest }: TableTrProps) => import("react/jsx-runtime").JSX.Element;
4
+ Tbody: {
5
+ (props: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
6
+ displayName: string;
7
+ };
8
+ Td: {
9
+ (props: React.TdHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
10
+ displayName: string;
11
+ };
12
+ Th: {
13
+ (props: React.ThHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
14
+ displayName: string;
15
+ };
16
+ Thead: {
17
+ (props: React.HTMLAttributes<HTMLTableSectionElement>): import("react/jsx-runtime").JSX.Element;
18
+ displayName: string;
19
+ };
20
+ Tr: {
21
+ ({ className, onClick, variant, ...rest }: TableTrProps): import("react/jsx-runtime").JSX.Element;
22
+ displayName: string;
23
+ };
9
24
  };
@@ -1,2 +1,5 @@
1
1
  import { ActiveBarProps } from '../../types';
2
- export declare const ActiveBar: ({ activeTab, listRef, orientation }: ActiveBarProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const ActiveBar: {
3
+ ({ activeTab, listRef, orientation }: ActiveBarProps): import("react/jsx-runtime").JSX.Element;
4
+ displayName: string;
5
+ };
@@ -1,11 +1,13 @@
1
1
  import { ButtonProps } from '../Button/types';
2
2
  export interface TagOptions {
3
+ ai?: boolean;
4
+ disabled?: boolean;
3
5
  icon?: React.ReactNode;
4
6
  onRemove?: () => void;
5
7
  removeButtonProps?: ButtonProps;
6
8
  size?: TagSize;
7
9
  variant?: TagVariant;
8
10
  }
9
- type TagSize = 'md' | 'sm' | 'xs';
10
- type TagVariant = 'ai' | 'blue' | 'danger' | 'default' | 'default' | 'green' | 'info' | 'orange' | 'pink' | 'primary' | 'success' | 'teal' | 'violet' | 'warning';
11
+ type TagSize = 'lg' | 'md';
12
+ type TagVariant = 'blue' | 'brand' | 'dash' | 'green' | 'orange' | 'pink' | 'red' | 'teal' | 'violet' | 'warm';
11
13
  export {};
@@ -8,5 +8,8 @@ export declare const Toast: import('react').FC<import('react-hot-toast').Toaster
8
8
  GrowlAction: import('../../utils').FunctionComponentWithAs<"button", import('../Button/types').ButtonProps>;
9
9
  Snackbar: import('react').ForwardRefExoticComponent<Omit<import('./types').SnackbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
10
10
  SnackbarAction: import('../../utils').FunctionComponentWithAs<"button", import('../Button/types').ButtonProps>;
11
- Title: ({ children, className, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;
11
+ Title: {
12
+ ({ children, className, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
13
+ displayName: string;
14
+ };
12
15
  };
package/dist/utils.js CHANGED
@@ -1,4 +1,5 @@
1
1
  "use client";
2
+ import './utils.css';
2
3
  import { b as f } from "./index-PAaZGbyz.js";
3
4
  import { c as d } from "./index-PAaZGbyz.js";
4
5
  import { f as C } from "./forwardRefWithAs-8eP3ZN15.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "welcome-ui",
3
- "version": "10.0.0-alpha.4",
3
+ "version": "10.0.0-alpha.5",
4
4
  "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
5
5
  "files": [
6
6
  "dist"
@@ -28,7 +28,7 @@
28
28
  },
29
29
  "scripts": {
30
30
  "start": "vite build --watch",
31
- "build": "vite build",
31
+ "build": "vite build && node ./scripts/patch-css-imports.js",
32
32
  "tokens:clean": "tsx src/theme/clean-tokens.ts",
33
33
  "tokens:build": "yarn tokens:clean && node ./src/theme/build-tokens.js",
34
34
  "tokens:generate-types": "tsx src/theme/extract-css-vars.ts",
@@ -1,61 +0,0 @@
1
- "use client";
2
- import { c as I, _ as p, P as d, A as O, N as q, u as _, d as x, p as Y, a as T, X as j, Y as w, j as H, h as L, Z as V, $ as X, f as Z, b as $ } from "./OE2EFRVA-DkdhQLJL.js";
3
- import { useRef as C, useState as D, useEffect as z } from "react";
4
- var G = "button";
5
- function M(s) {
6
- if (!s.isTrusted) return !1;
7
- const t = s.currentTarget;
8
- return s.key === "Enter" ? d(t) || t.tagName === "SUMMARY" || t.tagName === "A" : s.key === " " ? d(t) || t.tagName === "SUMMARY" || t.tagName === "INPUT" || t.tagName === "SELECT" : !1;
9
- }
10
- var J = Symbol("command"), Q = I(
11
- function(t) {
12
- var i = t, { clickOnEnter: m = !0, clickOnSpace: u = !0 } = i, r = p(i, ["clickOnEnter", "clickOnSpace"]);
13
- const c = C(null), [K, R] = D(!1);
14
- z(() => {
15
- c.current && R(d(c.current));
16
- }, []);
17
- const [U, k] = D(!1), f = C(!1), y = O(r), [E, A] = q(r, J, !0), P = r.onKeyDown, h = _((e) => {
18
- P == null || P(e);
19
- const a = e.currentTarget;
20
- if (e.defaultPrevented || E || y || !H(e) || L(a) || a.isContentEditable) return;
21
- const o = m && e.key === "Enter", n = u && e.key === " ", g = e.key === "Enter" && !m, l = e.key === " " && !u;
22
- if (g || l) {
23
- e.preventDefault();
24
- return;
25
- }
26
- if (o || n) {
27
- const v = M(e);
28
- if (o) {
29
- if (!v) {
30
- e.preventDefault();
31
- const N = e, { view: W } = N, F = p(N, ["view"]), S = () => w(a, F);
32
- V() ? X(a, "keyup", S) : queueMicrotask(S);
33
- }
34
- } else n && (f.current = !0, v || (e.preventDefault(), k(!0)));
35
- }
36
- }), b = r.onKeyUp, B = _((e) => {
37
- if (b == null || b(e), e.defaultPrevented || E || y || e.metaKey) return;
38
- const a = u && e.key === " ";
39
- if (f.current && a && (f.current = !1, !M(e))) {
40
- e.preventDefault(), k(!1);
41
- const o = e.currentTarget, n = e, { view: g } = n, l = p(n, ["view"]);
42
- queueMicrotask(() => w(o, l));
43
- }
44
- });
45
- return r = x(T(T({
46
- "data-active": U || void 0,
47
- type: K ? "button" : void 0
48
- }, A), r), {
49
- ref: Y(c, r.ref),
50
- onKeyDown: h,
51
- onKeyUp: B
52
- }), r = j(r), r;
53
- }
54
- );
55
- Z(function(t) {
56
- const i = Q(t);
57
- return $(G, i);
58
- });
59
- export {
60
- Q as u
61
- };
@@ -1,82 +0,0 @@
1
- "use client";
2
- import { C as N, a as U, b as y } from "./SBSPVDDI-BoxPz2JY.js";
3
- import { e as T, v as w, f as O, c as j, b as D, _ as H, w as M, O as $, A as q, a0 as z, u as v, d as B, p as G, a as p, r as J } from "./OE2EFRVA-DkdhQLJL.js";
4
- import { u as K } from "./RTNCFSKZ-LcIdBwa8.js";
5
- import { useRef as L, useEffect as k } from "react";
6
- var Q = T(
7
- [U],
8
- [N]
9
- ), V = Q.useContext, P = "input";
10
- function W(u, r) {
11
- if (r !== void 0)
12
- return u != null && r != null ? r === u : !!r;
13
- }
14
- function X(u, r) {
15
- return u === "input" && (!r || r === "radio");
16
- }
17
- var Y = j(function(r) {
18
- var d = r, {
19
- store: t,
20
- name: c,
21
- value: i,
22
- checked: m
23
- } = d, o = H(d, [
24
- "store",
25
- "name",
26
- "value",
27
- "checked"
28
- ]);
29
- const R = V();
30
- t = t || R;
31
- const a = M(o.id), l = L(null), s = K(
32
- t,
33
- (e) => m ?? W(i, e == null ? void 0 : e.value)
34
- );
35
- k(() => {
36
- !a || !s || (t == null ? void 0 : t.getState().activeId) === a || t == null || t.setActiveId(a);
37
- }, [t, s, a]);
38
- const C = o.onChange, x = $(l, P), n = X(x, o.type), I = q(o), [_, S] = z();
39
- k(() => {
40
- const e = l.current;
41
- e && (n || (s !== void 0 && (e.checked = s), c !== void 0 && (e.name = c), i !== void 0 && (e.value = `${i}`)));
42
- }, [_, n, s, c, i]);
43
- const f = v((e) => {
44
- if (I) {
45
- e.preventDefault(), e.stopPropagation();
46
- return;
47
- }
48
- (t == null ? void 0 : t.getState().value) !== i && (n || (e.currentTarget.checked = !0, S()), C == null || C(e), !e.defaultPrevented && (t == null || t.setValue(i)));
49
- }), g = o.onClick, b = v((e) => {
50
- g == null || g(e), !e.defaultPrevented && (n || f(e));
51
- }), h = o.onFocus, F = v((e) => {
52
- if (h == null || h(e), e.defaultPrevented || !n || !t) return;
53
- const { moves: A, activeId: E } = t.getState();
54
- A && (a && E !== a || f(e));
55
- });
56
- return o = B(p({
57
- id: a,
58
- role: n ? void 0 : "radio",
59
- type: n ? "radio" : void 0,
60
- "aria-checked": s
61
- }, o), {
62
- ref: G(l, o.ref),
63
- onChange: f,
64
- onClick: b,
65
- onFocus: F
66
- }), o = y(p({
67
- store: t,
68
- clickOnEnter: !n
69
- }, o)), J(p({
70
- name: n ? c : void 0,
71
- value: n ? i : void 0,
72
- checked: s
73
- }, o));
74
- }), re = w(
75
- O(function(r) {
76
- const d = Y(r);
77
- return D(P, d);
78
- })
79
- );
80
- export {
81
- re as R
82
- };
@@ -1,25 +0,0 @@
1
- "use client";
2
- import { u as f } from "./2W3RN7C5-uG7eBeTQ.js";
3
- import { f as c, c as m, b as i, O as B, P as u, d as l, p as d, a as v } from "./OE2EFRVA-DkdhQLJL.js";
4
- import { useRef as N, useState as g, useEffect as _ } from "react";
5
- var s = "button", b = m(
6
- function(t) {
7
- const e = N(null), a = B(e, s), [n, o] = g(
8
- () => !!a && u({ tagName: a, type: t.type })
9
- );
10
- return _(() => {
11
- e.current && o(u(e.current));
12
- }, []), t = l(v({
13
- role: !n && a !== "a" ? "button" : void 0
14
- }, t), {
15
- ref: d(e, t.ref)
16
- }), t = f(t), t;
17
- }
18
- ), E = c(function(t) {
19
- const e = b(t);
20
- return i(s, e);
21
- });
22
- export {
23
- E as B,
24
- b as u
25
- };