welcome-ui 9.0.0 → 10.0.0-alpha.1

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

@@ -0,0 +1,22 @@
+import { ComponentProps, ComponentPropsWithRef, HTMLAttributes } from 'react';
+export type StepperItemProps = ComponentProps<'div'> & HTMLAttributes<HTMLLIElement> & StepperItemOptions;
+export type StepperProps = ComponentPropsWithRef<'ol'> & HTMLAttributes<HTMLOListElement> & StepperOptions;
+interface StepperItemOptions {
+    children: React.ReactNode;
+    /**
+     * force default icones even if status is provided
+     */
+    icon?: React.ReactNode;
+    /**
+     * add checked icon on Stepper.Item
+     */
+    isCompleted?: boolean;
+    /**
+     * add open folder icon on Stepper.Item
+     */
+    isOpen?: boolean;
+}
+interface StepperOptions {
+    children: React.ReactNode;
+}
+export {};

package/dist/types/components/Stepper/utils.d.ts

@@ -0,0 +1,2 @@
+import { StepperItemProps } from './types';
+export declare function getIcon({ icon, isCompleted, isOpen, }: Pick<StepperItemProps, 'icon' | 'isCompleted' | 'isOpen'>): string | number | true | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Swiper/index.d.ts

@@ -8,7 +8,7 @@ export declare const useSwiper: (options?: UseSwiperOptions) => {
     firstSlideToShow: number;
     fullWidth: boolean;
     id: string;
-    navigationSize: "lg" | "md" | "sm" | "xs";
+    navigationSize: import('../Button/types').ButtonSize;
     ref: import('react').MutableRefObject<HTMLUListElement>;
     setCurrentPage: import('react').Dispatch<import('react').SetStateAction<number>>;
     setShowLeftArrow: import('react').Dispatch<import('react').SetStateAction<boolean>>;

package/dist/types/components/Swiper/types.d.ts

@@ -1,4 +1,5 @@
 import { ComponentProps } from 'react';
+import { ButtonProps } from '../Button/types';
 import { useSwiper } from '.';
 export type SwiperProps = ComponentProps<'div'> & SwiperOptions;
 export interface UseSwiperOptions {
@@ -12,7 +13,7 @@ export interface UseSwiperOptions {
     id?: string;
     loop?: boolean;
     /** Size of left and right navigation arrows */
-    navigationSize?: 'lg' | 'md' | 'sm' | 'xs';
+    navigationSize?: ButtonProps['size'];
     /** Number of slides to show per view */
     slidesPerView?: {
         desktop: number;

package/dist/types/components/Text/index.d.ts

@@ -1,17 +1,2 @@
 import { TextProps } from './types';
-export declare const TAG_NAMES: {
-    readonly h0: "h1";
-    readonly h1: "h1";
-    readonly h2: "h2";
-    readonly h3: "h3";
-    readonly h4: "h4";
-    readonly h5: "h5";
-    readonly h6: "h6";
-    readonly lg: "p";
-    readonly md: "p";
-    readonly sm: "p";
-    readonly 'subtitle-md': "span";
-    readonly 'subtitle-sm': "span";
-    readonly xs: "p";
-};
 export declare const Text: import('../../utils').FunctionComponentWithAs<"p", TextProps>;

package/dist/types/components/Text/types.d.ts

@@ -1,8 +1,9 @@
 import { PolymorphicProps } from '../../theme/types';
-import { TAG_NAMES } from '.';
 export interface TextOptions {
     lines?: number;
-    variant?: keyof typeof TAG_NAMES;
+    sizes?: 'lg' | 'md' | 'sm' | 'xl';
+    strong?: boolean;
+    variant?: 'display-xl' | 'display-lg' | 'display-md' | 'display-sm' | 'heading-xl' | 'heading-lg' | 'heading-md' | 'heading-sm' | 'heading-xs' | 'heading-md-strong' | 'heading-sm-strong' | 'heading-xs-strong' | 'body-xl' | 'body-lg' | 'body-md' | 'body-sm' | 'body-xl-strong' | 'body-lg-strong' | 'body-md-strong' | 'body-sm-strong' | 'label-xl' | 'label-lg' | 'label-md' | 'label-sm' | 'label-md-strong' | 'label-sm-strong';
     withDash?: boolean;
 }
 export type TextProps<T extends React.ElementType = 'p'> = PolymorphicProps<T> & TextOptions;

package/dist/types/components/Toggle/types.d.ts

@@ -2,8 +2,10 @@ import { CheckboxCheckOptions } from '@ariakit/react';
 import { ComponentPropsWithRef, InputHTMLAttributes } from 'react';
 export type ToggleProps = Omit<CheckboxCheckOptions<'input'> & ComponentPropsWithRef<'input'> & InputHTMLAttributes<HTMLInputElement>, 'size'> & ToggleOptions;
 interface ToggleOptions {
-    checkedIcon?: JSX.Element;
-    size?: 'md' | 'sm' | 'xs';
-    uncheckedIcon?: JSX.Element;
+    size?: 'lg' | 'md' | 'sm';
+    /**
+     * If true, display an eye / eye-slash icon to toggle visibility.
+     */
+    withVisibilityIcon?: boolean;
 }
 export {};

package/dist/types/components/VariantIcon/types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, HTMLAttributes } from 'react';
-import { IconProps } from '../Icon';
+import { IconProps } from '../Icon/types';
 export type VariantIconProps = ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivElement> & VariantIconOptions;
 interface VariantIconOptions {
     size?: IconProps['size'];

package/dist/types/components/VisuallyHidden/index.d.ts

@@ -0,0 +1,2 @@
+import { VisuallyHiddenProps } from './types';
+export declare const VisuallyHidden: import('../../utils').FunctionComponentWithAs<"span", VisuallyHiddenProps>;

package/dist/types/components/VisuallyHidden/types.d.ts

@@ -0,0 +1,6 @@
+import { PolymorphicProps } from '../../theme/types';
+export type VisuallyHiddenProps<T extends React.ElementType = 'span'> = PolymorphicProps<T> & VisuallyHiddenOptions;
+interface VisuallyHiddenOptions {
+    children: React.ReactNode;
+}
+export {};

package/dist/types/theme/clean-tokens.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/theme/extract-css-vars.d.ts

@@ -0,0 +1 @@
+export {};