greenole-design-system 1.1.56 → 1.1.57

package/dist/base-components/Button/Button.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const StyledButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $variant: "primary" | "secondary" | "tertiary" | "link";
+    $size: "sm" | "md" | "lg";
+    $color: "default" | "danger";
+    $disabled: boolean;
+    $fullWidth: boolean;
+}>> & string;
+export declare const IconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const TypographyWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/base-components/CollapsibleMenu/CollapsibleMenu.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CollapsibleMenuProps } from './CollapsibleMenu.types';
+declare const CollapsibleMenu: React.FC<CollapsibleMenuProps>;
+export default CollapsibleMenu;

package/dist/base-components/CollapsibleMenu/CollapsibleMenu.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as CollapsibleMenu } from './CollapsibleMenu';
+declare const meta: Meta<typeof CollapsibleMenu>;
+export default meta;
+type Story = StoryObj<typeof CollapsibleMenu>;
+export declare const Default: Story;

package/dist/base-components/CollapsibleMenu/CollapsibleMenu.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const Icon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isOpen: boolean;
+}>> & string;
+export declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $animate: boolean;
+}>> & string;

package/dist/base-components/CollapsibleMenu/CollapsibleMenu.types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface CollapsibleMenuProps {
+    children: ReactNode;
+    label: ReactNode;
+    onOpenChange?: (isOpen: boolean) => void;
+}

package/dist/base-components/CollapsibleMenu/index.d.ts

@@ -0,0 +1 @@
+export { default as CollapsibleMenu } from './CollapsibleMenu';

package/dist/base-components/Dropdown/Dropdown.stories.d.ts

@@ -5,9 +5,14 @@ export default meta;
 type Story = StoryObj<typeof Dropdown>;
 export declare const Default: Story;
 export declare const Multiple: Story;
+export declare const MultipleWithShowTags: Story;
 export declare const Searchable: Story;
 export declare const WithMaxSelected: Story;
-export declare const WithLoadMore: Story;
+export declare const FetchData: Story;
 export declare const Invalid: Story;
 export declare const WithMessage: Story;
 export declare const OptionsWithIcons: Story;
+export declare const OptionsWithIconsMultipleWithShowTags: Story;
+export declare const WithClear: Story;
+export declare const WithPortal: Story;
+export declare const NoOptions: Story;

package/dist/base-components/Dropdown/Dropdown.styles.d.ts

@@ -17,7 +17,7 @@ type StyledDropdownMessageProps = {
     $invalid: boolean;
 };
 export declare const DropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DropdownLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const DropdownMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDropdownMessageProps>> & string;
 export declare const DropdownButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonProps>> & string;
 export declare const CaretIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {
@@ -32,4 +32,8 @@ export declare const OptionCheckbox: import('styled-components/dist/types').ISty
 export declare const OptionLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const NoResults: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Sentinel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownTagsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SelectedLabelsWrapperOverflow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SelectedLabelsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SelectedLabels: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export {};

package/dist/base-components/Dropdown/Dropdown.types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { THookTypes } from '../../utils/i18n/types';
 export interface DropdownOptionsType {
     icon?: ReactNode;
     label: string;
@@ -22,7 +23,11 @@ export interface DropdownTypes {
     invalid?: boolean;
     message?: string | ReactNode;
     className?: string;
-    displayValue?: string;
+    isRequired?: boolean;
+    showClearButton?: boolean;
+    container?: HTMLElement;
+    showTags?: boolean;
+    t?: THookTypes;
     onChange: (value: string | string[]) => void;
     onSearch?: (searchTerm: string) => void;
     onLoadMore?: () => void;

package/dist/base-components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { DropdownMenuProps } from './DropdownMenu.types';
+declare const DropdownMenu: React.FC<DropdownMenuProps>;
+export default DropdownMenu;

package/dist/base-components/DropdownMenu/DropdownMenu.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as DropdownMenu } from './DropdownMenu';
+declare const meta: Meta<typeof DropdownMenu>;
+export default meta;
+type Story = StoryObj<typeof DropdownMenu>;
+export declare const Default: Story;

package/dist/base-components/DropdownMenu/DropdownMenu.styles.d.ts

@@ -0,0 +1,13 @@
+import { DropdownMenuPositionProps } from './DropdownMenu.types';
+export declare const DropdownMenuWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownMenuTriggerButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const DropdownMenuContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $position: DropdownMenuPositionProps;
+    $limit?: boolean;
+    $animate: boolean;
+}>> & string;
+export declare const DropdownMenuArrow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $position: DropdownMenuPositionProps;
+    $limit?: boolean;
+}>> & string;
+export declare const DropdownMenuContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/base-components/DropdownMenu/DropdownMenu.types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface DropdownMenuProps {
+    children: ReactNode;
+    content: ReactNode;
+    position?: DropdownMenuPositionProps;
+    limit?: boolean;
+    showArrow?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+}
+export type DropdownMenuPositionProps = 'top' | 'bottom' | 'left' | 'right';

package/dist/base-components/DropdownMenu/index.d.ts

@@ -0,0 +1 @@
+export { default as DropdownMenu } from './DropdownMenu';

package/dist/base-components/Input/Input.styles.d.ts

@@ -1,20 +1,21 @@
 export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    fullWidth?: boolean;
+    $fullWidth?: boolean;
+    $width?: number | string;
 }>> & string;
-export declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const FieldWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    disabled?: boolean;
-    hasError?: boolean;
-    isValid?: boolean;
-    readOnly?: boolean;
-    textArea?: boolean;
+    $disabled?: boolean;
+    $hasError?: boolean;
+    $isValid?: boolean;
+    $readOnly?: boolean;
+    $textArea?: boolean;
 }>> & string;
 export declare const IconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const BaseFieldStyles: import('styled-components').RuleSet<object>;
+export declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const InputField: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const TextAreaField: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
 export declare const ErrorText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const Subtitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CharCounter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    hasError?: boolean;
+    $hasError?: boolean;
 }>> & string;

package/dist/base-components/Input/Input.types.d.ts

@@ -19,5 +19,6 @@ export interface InputProps extends Omit<InputElementProps & TextAreaElementProp
     readOnly?: boolean;
     textArea?: boolean;
     maxLength?: number;
+    width?: number | string;
 }
 export {};

package/dist/base-components/Loading/GreenoleLogo.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface GreenoleLogoProps {
+    className?: string;
+}
+declare const GreenoleLogo: React.FC<GreenoleLogoProps>;
+export default GreenoleLogo;

package/dist/base-components/Loading/Loading.types.d.ts

@@ -3,4 +3,9 @@ export interface LoadingProps extends SVGProps<SVGSVGElement> {
     show?: boolean;
     size?: number;
     color?: string;
+    showLogo?: boolean;
+    title?: string;
+    subtitle?: string;
+    fullScreen?: boolean;
+    spinnerType?: 'svg' | 'css';
 }

package/dist/base-components/Loading/loading.styles.d.ts

@@ -0,0 +1,18 @@
+export declare const LoadingContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LogoContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TitleText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const SubtitleText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const SpinnerContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Spinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {
+    $size: number;
+}>> & string;
+export declare const CSSSpinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size: number;
+    $color: string;
+}>> & string;
+export declare const CompactLoadingContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CompactTextContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CompactTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const CompactSubtitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;

package/dist/base-components/Pills/Pills.stories.d.ts

@@ -12,4 +12,4 @@ export declare const Infor: Story;
 export declare const Neutral: Story;
 export declare const WithIcons: Story;
 export declare const CustomTypography: Story;
-export declare const CustomPadding: Story;
+export declare const CustomColor: Story;

package/dist/base-components/Pills/Pills.styles.d.ts

@@ -0,0 +1,8 @@
+import { PillsVariant } from './Pills.types';
+export declare const PillsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $variant: PillsVariant;
+    $padding?: string;
+    $background?: string;
+    $color?: string;
+}>> & string;
+export declare const IconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/base-components/Pills/Pills.types.d.ts

@@ -1,5 +1,5 @@
 import { TypographyVariant } from '../../components/Typography/Typography';
-export type PillsVariant = 'neutral' | 'success' | 'danger' | 'warning' | 'info' | 'primary';
+export type PillsVariant = "neutral" | "success" | "danger" | "warning" | "info" | "primary";
 export interface PillsProps {
     label: string;
     variant?: PillsVariant;
@@ -8,4 +8,6 @@ export interface PillsProps {
     iconLeft?: React.ReactNode;
     iconRight?: React.ReactNode;
     className?: string;
+    background?: string;
+    color?: string;
 }

package/dist/base-components/ProgressBar/ProgressBar.styles.d.ts

@@ -0,0 +1,11 @@
+export declare const ProgressWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProgressInfo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProgressPercent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProgressTrack: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $height: string;
+}>> & string;
+export declare const ProgressFill: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $height: string;
+    $percent: number;
+    $color?: string;
+}>> & string;

package/dist/base-components/RangeSlider/RangeSlider.styles.d.ts

@@ -2,6 +2,6 @@ export declare const SliderWrapper: import('styled-components/dist/types').IStyl
 export declare const ValueBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ValueText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const SliderInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
-    percent: number;
-    color: string;
+    $percent: number;
+    $color: string;
 }>> & string;

package/dist/base-components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SkeletonProps } from './Skeleton.types';
+declare const Skeleton: React.FC<SkeletonProps>;
+export default Skeleton;

package/dist/base-components/Skeleton/Skeleton.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Skeleton } from './Skeleton';
+declare const meta: Meta<typeof Skeleton>;
+export default meta;
+type Story = StoryObj<typeof Skeleton>;
+export declare const Default: Story;

package/dist/base-components/Skeleton/Skeleton.styles.d.ts

@@ -0,0 +1,2 @@
+import { SkeletonProps } from './Skeleton.types';
+export declare const SkeletonWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonProps>> & string;

package/dist/base-components/Skeleton/Skeleton.types.d.ts

@@ -0,0 +1,5 @@
+export interface SkeletonProps {
+    width?: string | number;
+    height?: string | number;
+    borderRadius?: string;
+}

package/dist/base-components/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export { default as Skeleton } from './Skeleton';

package/dist/base-components/Space/Space.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const SpaceWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $height: number;
+    $color: string;
+    $width: string | number;
+}>> & string;
+export declare const SpaceLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/base-components/Space/Space.types.d.ts

@@ -1,9 +1,9 @@
 export type SpaceHeight = "spacing-1" | "spacing-2" | "spacing-4" | "spacing-8" | "spacing-12" | "spacing-16" | "spacing-24" | "spacing-32" | "spacing-40" | "spacing-48" | "spacing-56" | "spacing-64" | "spacing-72" | "spacing-80" | "spacing-104";
-export declare const spaceHeights: Record<SpaceHeight, string>;
+export declare const spaceHeights: Record<SpaceHeight, number>;
 export interface SpaceProps {
     height?: SpaceHeight;
     color?: string;
-    width?: string;
+    width?: string | number;
     className?: string;
     showLabel?: boolean;
 }

package/dist/base-components/SwitchButton/SwitchButton.styles.d.ts

@@ -1,7 +1,7 @@
 export declare const SwitchWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-    checked: boolean;
-    color: string;
-    variant: "filled" | "outline";
-    thumbVariant: "filled" | "outline";
-    disabled?: boolean;
+    $checked: boolean;
+    $color: string;
+    $variant: "filled" | "outline";
+    $thumbVariant: "filled" | "outline";
+    $disabled?: boolean;
 }>> & string;

package/dist/base-components/Toast/Toast.stories.d.ts

@@ -1,8 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { default as React } from 'react';
 import { default as Toast } from './Toast';
 declare const meta: Meta<typeof Toast>;
 export default meta;
 type Story = StoryObj<typeof Toast>;
 export declare const Playground: Story;
 export declare const Gallery: Story;
-export declare const InteractiveSandbox: Story;
+export declare const InteractiveSandbox: {
+    name: string;
+    render: () => React.JSX.Element;
+};

package/dist/base-components/Toast/Toast.styles.d.ts

@@ -1,6 +1,10 @@
 export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     variant: string;
 }>> & string;
+export declare const ProgressBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    variant: string;
+    autoDismissTime: number;
+}>> & string;
 export declare const IconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     variant: string;
 }>> & string;

package/dist/base-components/Toast/ToastProvider.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { ToastPosition, ToastVariant } from './Toast.types';
+type ToastItem = {
+    id: number;
+    message: string;
+    description?: string;
+    variant: ToastVariant;
+    position: ToastPosition;
+    autoDismiss: boolean;
+    autoDismissTime: number;
+};
+type ToastContextType = {
+    showToast: (message: string, variant?: ToastVariant, options?: Partial<Omit<ToastItem, "id" | "message" | "variant">>) => void;
+    clearToasts: () => void;
+};
+export declare const ToastProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useToast: () => ToastContextType;
+export {};

package/dist/base-components/Tooltip/Tooltip.styles.d.ts

@@ -1,9 +1,9 @@
 import { TooltipPositionTypes } from './Tooltip.types';
 declare const TooltipWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const TooltipBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    position: TooltipPositionTypes;
+    $position: TooltipPositionTypes;
 }>> & string;
 declare const TooltipArrow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    position: TooltipPositionTypes;
+    $position: TooltipPositionTypes;
 }>> & string;
 export { TooltipArrow, TooltipBox, TooltipWrapper };

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

@@ -0,0 +1,10 @@
+export declare const AccordionContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AccordionItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AccordionHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const TitleWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChevronContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isOpen: boolean;
+}>> & string;
+export declare const AccordionContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SubtitleContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SubtitleIconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { BottomSheetProps } from './BottomSheet.types';
+export declare const BottomSheet: React.FC<BottomSheetProps>;
+export default BottomSheet;

package/dist/components/BottomSheet/BottomSheet.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as BottomSheet } from './BottomSheet';
+declare const meta: Meta<typeof BottomSheet>;
+export default meta;
+type Story = StoryObj<typeof BottomSheet>;
+export declare const Minimal: Story;

package/dist/components/BottomSheet/BottomSheet.styles.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Fullscreen overlay behind the sheet.
+ * Controls z-index, fade/opacity and pointer-events.
+ */
+export declare const Overlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $z: number;
+    $show: boolean;
+    $animMs: number;
+}>> & string;
+/**
+ * The sheet container itself.
+ * Supports "full" height mode and animates in/out vertically.
+ */
+export declare const Sheet: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $maxH: string;
+    $height: "auto" | "content" | "full";
+    $show: boolean;
+    $animMs: number;
+}>> & string;
+/**
+ * Small handle shown at the top of the sheet for affordance.
+ */
+export declare const Handle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/**
+ * Scrollable content area inside the sheet.
+ * When not compact, we provide internal padding.
+ */
+export declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $compact: boolean;
+}>> & string;
+/**
+ * Spacer to respect iOS safe-area at the bottom.
+ */
+export declare const SafeAreaSpacer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,16 @@
+import { ReactNode, RefObject } from 'react';
+export type BottomSheetHeight = "auto" | "content" | "full";
+export interface BottomSheetProps {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: ReactNode;
+    closeOnOverlayClick?: boolean;
+    closeOnEsc?: boolean;
+    showHandle?: boolean;
+    zIndex?: number;
+    height?: BottomSheetHeight;
+    maxHeight?: string | number;
+    initialFocusRef?: RefObject<HTMLElement>;
+    className?: string;
+    disableAnimation?: boolean;
+}

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { BreadcrumbProps } from './Breadcrumb.types';
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;
+export default Breadcrumb;

package/dist/components/Breadcrumb/Breadcrumb.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Breadcrumb } from './Breadcrumb';
+declare const meta: Meta<typeof Breadcrumb>;
+export default meta;
+type Story = StoryObj<typeof Breadcrumb>;
+export declare const Default: Story;
+export declare const WithIcons: Story;
+export declare const WithHomeIcon: Story;
+export declare const WithClickHandlers: Story;
+export declare const WithMaxItems: Story;
+export declare const CustomSeparator: Story;
+export declare const LongPath: Story;

package/dist/components/Breadcrumb/Breadcrumb.styles.d.ts

@@ -0,0 +1,15 @@
+export declare const BreadcrumbContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $isMobile: boolean;
+}>> & string;
+export declare const BreadcrumbItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isActive: boolean;
+    $isClickable: boolean;
+}>> & string;
+export declare const BreadcrumbLink: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
+    $isActive: boolean;
+}>> & string;
+export declare const BreadcrumbButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isActive: boolean;
+}>> & string;
+export declare const BreadcrumbSeparator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const IconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    icon?: ReactNode;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    separator?: ReactNode;
+    className?: string;
+    maxItems?: number;
+    showHomeIcon?: boolean;
+    homeIcon?: ReactNode;
+    isMobile?: boolean;
+    onHomeClick?: () => void;
+}

package/dist/components/Breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumb, default } from './Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItem } from './Breadcrumb.types';

package/dist/components/Calendar/Calendar.d.ts

@@ -1,4 +1,14 @@
 import { default as React } from 'react';
+import { InputProps } from '../../base-components/Input/Input.types';
+import { THookTypes } from '../../utils/i18n/types';
 import { CalendarProps } from './Calendar.types';
-export declare const Calendar: React.FC<CalendarProps>;
+interface ExtendedCalendarProps extends CalendarProps {
+    inputProps?: InputProps;
+    autoClose?: boolean;
+    t?: THookTypes;
+    clearable?: boolean;
+    placeholder?: string;
+    dropdownLimit?: boolean;
+}
+export declare const Calendar: React.FC<ExtendedCalendarProps>;
 export default Calendar;

package/dist/components/Calendar/Calendar.stories.d.ts

@@ -3,7 +3,10 @@ import { Calendar } from './Calendar';
 declare const meta: Meta<typeof Calendar>;
 export default meta;
 type Story = StoryObj<typeof Calendar>;
-export declare const Docs: Story;
-export declare const Default: Story;
-export declare const CustomRange: Story;
-export declare const InsideCard: Story;
+export declare const InlineSingle: Story;
+export declare const InlineRange: Story;
+export declare const InputSingle: Story;
+export declare const InputRange: Story;
+export declare const InputSingle_MinMax: Story;
+export declare const InputRange_WeekendsDisabled: Story;
+export declare const MobileRange_Sheet: Story;