@televet/kibble-ui 4.0.0-beta.2 → 4.0.0-beta.20

package/dist/types/components/Menu/components/MenuItem/menuItem.component.d.ts

@@ -0,0 +1,30 @@
+import { Menu as CMenu } from '@chakra-ui/react/menu';
+import { default as React } from 'react';
+import { MenuItemType } from './menuItem.types';
+import { MenuProps } from '../..';
+import { TypographyVariant } from '../../../../shared/types/typography';
+interface BaseMenuItemProps {
+    label?: React.ReactNode;
+    leftElement?: React.ReactNode;
+    groupLabel?: string;
+    onSelect?: (value: string) => void;
+    shouldTruncateText?: boolean;
+    type?: MenuItemType;
+    value: string;
+    variant?: TypographyVariant;
+}
+interface DefaultMenuItemProps extends Omit<CMenu.ItemProps, "onSelect"> {
+    type?: "default";
+    selected?: boolean;
+}
+interface CheckboxMenuItemProps extends Omit<CMenu.CheckboxItemProps, "onSelect"> {
+    type: "checkbox";
+    checked: boolean;
+}
+interface SubmenuMenuItemProps extends Omit<MenuProps, "buttonProps"> {
+    type: "submenu";
+    valueText?: string;
+}
+export type MenuItemProps = BaseMenuItemProps & (DefaultMenuItemProps | CheckboxMenuItemProps | SubmenuMenuItemProps);
+export declare const MenuItem: ({ label, leftElement, onSelect, shouldTruncateText, type, variant, ...rest }: MenuItemProps) => React.JSX.Element;
+export {};

package/dist/types/components/Menu/components/MenuItem/menuItem.types.d.ts

@@ -0,0 +1,2 @@
+export declare const menuTypes: readonly ["default", "checkbox", "submenu"];
+export type MenuItemType = (typeof menuTypes)[number];

package/dist/types/components/Menu/components/MenuToggleButtons/menuToggleButtons.d.ts

@@ -0,0 +1,10 @@
+interface MenuToggleButtonsProps {
+    hasSelectedItems?: boolean;
+    groupName?: string;
+    onToggle: ({ groupName, clear, }: {
+        clear: boolean;
+        groupName?: string;
+    }) => void;
+}
+export declare const MenuToggleButtons: ({ groupName, hasSelectedItems, onToggle, }: MenuToggleButtonsProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export { type MenuItemProps } from './components/MenuItem/menuItem.component';
+export * from './menu.component';

package/dist/types/components/Menu/menu.component.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { Menu as CMenu } from '@chakra-ui/react/menu';
+import { MenuButtonProps } from './components/MenuButton/menuButton.components';
+import { MenuItemProps } from './components/MenuItem/menuItem.component';
+export type MenuListOnSelect = ((selectedItem: string | undefined, allSelectedItems?: string[]) => void) | ((selectedItem: string | undefined, allSelectedItems?: string[]) => Promise<void>);
+export type MenuListOnSelectAll = ((selectedItems: string[]) => void) | ((selectedItems: string[]) => Promise<void>);
+export interface MenuListProps extends Omit<CMenu.ContentProps, "onSelect"> {
+    canSelectAll?: boolean;
+    canSelectGroups?: boolean;
+    emptyStateText?: string;
+    loading?: boolean;
+    menuItems?: MenuItemProps[];
+    onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onSelect?: MenuListOnSelect;
+    onSelectAll?: MenuListOnSelectAll;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    shouldTruncateText?: boolean;
+}
+export interface MenuProps extends Omit<CMenu.RootProps, "children"> {
+    buttonProps?: MenuButtonProps;
+    listProps?: MenuListProps;
+    portalled?: boolean;
+}
+interface InternalMenuProps extends MenuProps {
+    submenuTrigger?: React.ReactNode;
+}
+export declare const Menu: ({ buttonProps, listProps, portalled, submenuTrigger, ...rest }: InternalMenuProps) => React.JSX.Element;
+export {};

package/dist/types/components/Menu/menu.recipe.d.ts

@@ -0,0 +1 @@
+export declare const menuRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"trigger" | "content" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem", import('@chakra-ui/react').SlotRecipeVariantRecord<"trigger" | "content" | "checkboxItem" | "item" | "itemGroupLabel" | "triggerItem">>;

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

@@ -0,0 +1,2 @@
+export * from './Menu/index'
+export {}

package/dist/types/components/Modal/components/ModalFooter/modalFooter.component.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { Dialog } from '@chakra-ui/react/dialog';
+export interface ModalFooterProps extends Dialog.FooterProps {
+    children?: React.ReactNode;
+    destructive?: boolean;
+    disabled?: boolean;
+    hideCancel?: boolean;
+    loading?: boolean;
+    loadingText?: string;
+    onCancel?: () => void;
+    onSubmit?: () => void | Promise<void>;
+    submitText?: string;
+}
+export declare const ModalFooter: ({ children, destructive, disabled, hideCancel, loading, loadingText, onCancel, onSubmit, submitText, ...rest }: ModalFooterProps) => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './modal.component';
+export * from './modal.types';

package/dist/types/components/Modal/modal.component.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { Dialog } from '@chakra-ui/react/dialog';
+import { ModalFooterProps } from './components/ModalFooter/modalFooter.component';
+import { HeadingProps } from '../Heading/heading.component';
+import { ModalMotionPreset, ModalPlacement, ModalSize } from './modal.types';
+export interface ModalProps extends Dialog.RootProps {
+    footerProps?: ModalFooterProps;
+    fullScreenMobile?: boolean;
+    header?: React.ReactNode;
+    headerProps?: HeadingProps;
+    hideCloseButton?: boolean;
+    hideFooter?: boolean;
+    motionPreset?: ModalMotionPreset;
+    placement?: ModalPlacement;
+    showExpandButton?: boolean;
+    size?: ModalSize;
+    trigger?: React.ReactNode;
+}
+export declare const Modal: ({ children, footerProps, fullScreenMobile, header, headerProps, hideCloseButton, hideFooter, motionPreset, placement, showExpandButton, size, trigger, ...rest }: ModalProps) => React.JSX.Element;

package/dist/types/components/Modal/modal.recipe.d.ts

@@ -0,0 +1,23 @@
+export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "positioner" | "content" | "footer" | "header" | "title" | "root" | "backdrop" | "closeTrigger" | "actionTrigger", {
+    expanded: {
+        true: {
+            backdrop: {
+                background: "{colors.neutral.100}";
+            };
+            content: {
+                borderRadius: "none";
+                minH: "100%";
+                minW: "650px";
+            };
+        };
+        false: {
+            backdrop: {
+                background: "{colors.blackAlpha.600}";
+            };
+            content: {
+                minH: "100px";
+                minW: "300px";
+            };
+        };
+    };
+}>;

package/dist/types/components/Modal/modal.types.d.ts

@@ -0,0 +1,8 @@
+export declare const modalSizes: readonly ["xs", "sm", "md", "lg", "cover", "full"];
+export type ModalSize = (typeof modalSizes)[number];
+export declare const modalPlacements: readonly ["center", "top", "bottom"];
+export type ModalPlacement = (typeof modalPlacements)[number];
+export declare const modalScrollBehaviors: readonly ["inside", "outside"];
+export type ModalScrollBehavior = (typeof modalScrollBehaviors)[number];
+export declare const modalMotionPresets: readonly ["scale", "slide-in-bottom", "slide-in-top", "slide-in-left", "slide-in-right", "none"];
+export type ModalMotionPreset = (typeof modalMotionPresets)[number];

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

@@ -0,0 +1,2 @@
+export * from './Modal/index'
+export {}

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

@@ -0,0 +1,2 @@
+export * from './notificationCounter.component';
+export * from './notificationCounter.types';

package/dist/types/components/NotificationCounter/notificationCounter.component.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { FlexProps } from '@chakra-ui/react/flex';
+import { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';
+export interface NotificationCounterProps extends FlexProps {
+    count?: number;
+    showCount?: boolean;
+    size?: NotificationCounterSize;
+    variant?: NotificationCounterVariant;
+}
+export declare const NotificationCounter: ({ count, showCount, size, variant, }: NotificationCounterProps) => React.JSX.Element;

package/dist/types/components/NotificationCounter/notificationCounter.recipe.d.ts

@@ -0,0 +1,5 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+export declare const notificationCounterRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "maxElement", {
+    size: Record<"xs" | "sm" | "md" | "lg", Record<"root" | "maxElement", SystemStyleObject>>;
+    variant: Record<"blue" | "green" | "red" | "neutral", Record<"root" | "maxElement", SystemStyleObject>>;
+}>;

package/dist/types/components/NotificationCounter/notificationCounter.records.d.ts

@@ -0,0 +1 @@
+export declare const MAX_COUNT = 99;

package/dist/types/components/NotificationCounter/notificationCounter.types.d.ts

@@ -0,0 +1,4 @@
+export declare const notificationCounterSizes: readonly ["xs", "sm", "md", "lg"];
+export type NotificationCounterSize = (typeof notificationCounterSizes)[number];
+export declare const notificationCounterVariants: readonly ["blue", "green", "neutral", "red"];
+export type NotificationCounterVariant = (typeof notificationCounterVariants)[number];

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

@@ -0,0 +1,2 @@
+export * from './NotificationCounter/index'
+export {}

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

@@ -0,0 +1 @@
+export * from './picture.component';

package/dist/types/components/Picture/picture.component.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ImageProps } from '@chakra-ui/react/image';
+export interface PictureProps extends ImageProps {
+    webpSrc?: string;
+    src: string;
+}
+export declare const Picture: ({ src, webpSrc, ...rest }: PictureProps) => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './Picture/index'
+export {}

package/dist/types/components/Popover/components/PopoverFooter/popoverFooter.component.d.ts

@@ -0,0 +1,20 @@
+import { default as React, ReactNode } from 'react';
+import { FlexProps } from '@chakra-ui/react/flex';
+import { PopoverTriggerType } from '../../popover.types';
+export interface PopoverFooterProps extends FlexProps {
+    children?: ReactNode;
+    disabled?: boolean;
+    hideButtons?: boolean;
+    hideCancelButton?: boolean;
+    destructive?: boolean;
+    loading?: boolean;
+    onCancel?: () => void;
+    onContrast?: boolean;
+    onSubmit?: () => void;
+    submitText?: string;
+}
+interface InternalPopoverFooterProps extends PopoverFooterProps {
+    trigger: PopoverTriggerType;
+}
+export declare const PopoverFooter: ({ children, disabled, hideButtons, hideCancelButton, destructive, loading, onCancel, onContrast, onSubmit, submitText, trigger, ...rest }: InternalPopoverFooterProps) => React.JSX.Element;
+export {};

package/dist/types/components/Popover/components/PopoverHeader/popoverHeader.component.d.ts

@@ -0,0 +1,16 @@
+import { default as React, ReactNode } from 'react';
+import { HeadingSize } from '../../../Heading';
+import { FlexProps } from '@chakra-ui/react/flex';
+import { PopoverTriggerType } from '../../popover.types';
+export interface PopoverHeaderProps extends FlexProps {
+    children?: ReactNode;
+    hideCloseButton?: boolean;
+    onClose?: () => void;
+    onContrast?: boolean;
+    size?: HeadingSize;
+}
+interface InternalPopoverHeaderProps extends PopoverHeaderProps {
+    trigger: PopoverTriggerType;
+}
+export declare const PopoverHeader: ({ children, color, hideCloseButton, onContrast, onClose, size, trigger, ...rest }: InternalPopoverHeaderProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './popover.component';
+export * from './popover.types';

package/dist/types/components/Popover/popover.component.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { Popover as CPopover } from '@chakra-ui/react/popover';
+import { HoverCard } from '@chakra-ui/react/hover-card';
+import { Placement } from '../../shared/types/placement';
+import { PopoverSize, PopoverTriggerType, PopoverVariant } from './popover.types';
+import { PopoverHeaderProps } from './components/PopoverHeader/popoverHeader.component';
+import { PopoverFooterProps } from './components/PopoverFooter/popoverFooter.component';
+export interface KPopoverProps {
+    allowEscape?: boolean;
+    anchor: React.ReactNode;
+    contentProps?: CPopover.ContentProps;
+    disabled?: boolean;
+    footerProps?: PopoverFooterProps;
+    headerProps?: PopoverHeaderProps;
+    portalled?: boolean;
+    placement?: Placement;
+    size?: PopoverSize;
+    trigger?: PopoverTriggerType;
+    variant?: PopoverVariant;
+}
+interface ClickPopoverProps extends CPopover.RootProps {
+    trigger?: "click";
+}
+interface HoverPopoverProps extends HoverCard.RootProps {
+    trigger?: "hover";
+}
+export type PopoverProps = KPopoverProps & (ClickPopoverProps | HoverPopoverProps);
+export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/Popover/popover.recipe.d.ts

@@ -0,0 +1,10 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+type PopoverSlot = "root" | "content" | "arrow" | "arrowTip" | "body" | "header" | "footer";
+type PopoverSlotStyles = {
+    [key in PopoverSlot]?: SystemStyleObject;
+};
+export declare const popoverRecipe: import('@chakra-ui/react').SlotRecipeDefinition<PopoverSlot, {
+    size: Record<"xs" | "sm" | "md" | "lg" | "xl", PopoverSlotStyles>;
+    variant: Record<"default" | "contrast" | "defaultDestructive" | "contrastDestructive", PopoverSlotStyles>;
+}>;
+export {};

package/dist/types/components/Popover/popover.types.d.ts

@@ -0,0 +1,6 @@
+export declare const popoverSizes: readonly ["xs", "sm", "md", "lg", "xl"];
+export type PopoverSize = (typeof popoverSizes)[number];
+export declare const popoverVariants: readonly ["default", "defaultDestructive", "contrastDestructive", "contrast"];
+export type PopoverVariant = (typeof popoverVariants)[number];
+export declare const popoverTriggerTypes: readonly ["click", "hover"];
+export type PopoverTriggerType = (typeof popoverTriggerTypes)[number];

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

@@ -0,0 +1,2 @@
+export * from './Popover/index'
+export {}

package/dist/types/components/RadioGroup/components/Radio/radio.component.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ForwardedRef } from 'react';
+import { RadioGroup } from '@chakra-ui/react/radio-group';
+import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';
+import { WithFormControlProps } from '../../../../hocs/withFormControl/withFormControl';
+export interface RadioProps extends WithFormControlProps, RadioGroup.ItemProps {
+    checked?: boolean;
+    radioRef?: ForwardedRef<HTMLDivElement>;
+    size?: FormControlSize;
+    withCard?: boolean;
+}
+declare const WrappedRadio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLDivElement>>;
+export { WrappedRadio as Radio };

package/dist/types/components/RadioGroup/components/Radio/radio.records.d.ts

@@ -0,0 +1,3 @@
+import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';
+export declare const RadioSizeMap: Record<FormControlSize, number>;
+export declare const RadioTextSpacing: Record<FormControlSize, number>;

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

@@ -0,0 +1 @@
+export * from './radioGroup.component';

package/dist/types/components/RadioGroup/radioGroup.component.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+import { RadioProps } from './components/Radio/radio.component';
+import { RadioGroup as CRadioGroup } from '@chakra-ui/react/radio-group';
+import { ConditionalValue } from '@chakra-ui/react/styled-system';
+import { FlexDirection } from '../../shared/types/alignment';
+import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
+export interface KRadioGroupProps extends WithFormControlProps, Omit<CRadioGroup.RootProps, "onValueChange" | "onChange"> {
+    direction?: ConditionalValue<FlexDirection>;
+    onChange?: (value: string | null) => void;
+    size?: FormControlSize;
+}
+interface ButtonRadioGroupProps extends KRadioGroupProps {
+    radioType?: "buttons";
+    radios: Omit<RadioProps, "withCard">[];
+}
+interface DefaultRadioGroupProps extends KRadioGroupProps {
+    radioType?: "default";
+    radios: RadioProps[];
+}
+export type RadioGroupProps = ButtonRadioGroupProps | DefaultRadioGroupProps;
+declare const WrappedRadioGroup: React.FC<RadioGroupProps>;
+export { WrappedRadioGroup as RadioGroup };

package/dist/types/components/RadioGroup/radioGroup.recipe.d.ts

@@ -0,0 +1,11 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+import { FormVariant } from '../../hocs/withFormControl/withFormControl.types';
+type RadioSlot = "root" | "item" | "itemHiddenInput" | "itemControl" | "itemText";
+type RadioSlotStyles = {
+    [key in RadioSlot]?: SystemStyleObject;
+};
+export declare const radioGroupRecipe: import('@chakra-ui/react').SlotRecipeDefinition<RadioSlot, {
+    size: Record<"sm" | "md" | "lg", RadioSlotStyles>;
+    variant: Record<FormVariant, RadioSlotStyles>;
+}>;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './RadioGroup/index'
+export {}

package/dist/types/components/RatingDots/components/RatingDot/ratingDot.component.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface RatingDotProps {
+    active?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    number: number;
+    onClick?: (value: number) => void;
+}
+export declare const RatingDot: ({ active, disabled, invalid, number, onClick, }: RatingDotProps) => React.JSX.Element;

package/dist/types/components/RatingDots/components/RatingDot/ratingDot.recipe.d.ts

@@ -0,0 +1,39 @@
+export declare const ratingDotRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    variant: {
+        default: {
+            bgColor: "background.secondary";
+            color: "text.contrast";
+            cursor: "default";
+            h: "40px";
+            w: "40px";
+        };
+        interactive: {
+            bgColor: "transparent";
+            color: "text.interactive";
+            cursor: "pointer";
+            h: "60px";
+            w: "60px";
+            "&[data-disabled][data-active]": {
+                bgColor: "background.secondary";
+                color: "text.contrast";
+            };
+            _active: {
+                bgColor: "background.secondary";
+                color: "text.contrast";
+                _hover: {
+                    bgColor: "background.secondary";
+                };
+            };
+            _disabled: {
+                cursor: "not-allowed";
+                opacity: number;
+            };
+            _hover: {
+                bgColor: "background.secondaryAlpha.hover";
+            };
+            _invalid: {
+                borderColor: "border.danger";
+            };
+        };
+    };
+}>;

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

@@ -0,0 +1 @@
+export * from './ratingDots.component';

package/dist/types/components/RatingDots/ratingDots.component.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+export interface RatingDotsProps extends WithFormControlProps {
+    centeredLabel?: string;
+    maxLabel?: string;
+    maxValue: number;
+    minLabel?: string;
+    minValue: number;
+    onChange?: (value: number) => void;
+    value?: number;
+}
+export declare const RatingDots: React.FC<RatingDotsProps>;

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

@@ -0,0 +1,2 @@
+export * from './RatingDots/index'
+export {}

package/dist/types/components/Select/components/SelectItemContent/selectItemContent.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { SelectOption } from '../../select.types';
+import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';
+interface SelectItemContentProps {
+    item: SelectOption;
+    onContrast: boolean;
+    shouldTruncateText: boolean;
+    size: FormControlSize;
+}
+export declare const SelectItemContent: ({ item, onContrast, shouldTruncateText, size, }: SelectItemContentProps) => React.JSX.Element;
+export {};

package/dist/types/components/Select/components/SelectTrigger/selectTrigger.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { FormControlSize } from '../../../../hocs/withFormControl/withFormControl.types';
+interface SelectTriggerProps {
+    placeholder?: string;
+    placeholderElement?: React.ReactNode;
+    onContrast: boolean;
+    shouldTruncateText: boolean;
+    size: FormControlSize;
+}
+export declare const SelectTrigger: ({ placeholder, placeholderElement, ...rest }: SelectTriggerProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './select.component';
+export * from './select.types';

package/dist/types/components/Select/select.component.d.ts

@@ -0,0 +1,18 @@
+import { default as React, ForwardedRef } from 'react';
+import { Select as CSelect } from '@chakra-ui/react/select';
+import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
+import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
+import { SelectOption } from './select.types';
+export interface SelectProps extends Omit<CSelect.RootProps, "collection" | "multiple">, WithFormControlProps {
+    clearable?: boolean;
+    emptyPlaceholder?: string;
+    loading?: boolean;
+    options: SelectOption[];
+    placeholder?: string;
+    placeholderElement?: React.ReactNode;
+    selectRef?: ForwardedRef<HTMLSelectElement>;
+    shouldTruncateText?: boolean;
+    size?: FormControlSize;
+}
+declare const WrappedSelect: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export { WrappedSelect as Select };

package/dist/types/components/Select/select.recipe.d.ts

@@ -0,0 +1,2 @@
+import { SlotRecipeDefinition } from '@chakra-ui/react/styled-system';
+export declare const selectRecipe: SlotRecipeDefinition;

package/dist/types/components/Select/select.types.d.ts

@@ -0,0 +1,10 @@
+import { TypographyVariant } from '../../shared/types/typography';
+export interface SelectOption {
+    disabled?: boolean;
+    selected?: boolean;
+    label: React.ReactNode;
+    leftElement?: React.ReactNode;
+    value: string;
+    valueText?: string;
+    variant?: TypographyVariant;
+}

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

@@ -0,0 +1,2 @@
+export * from './Select/index'
+export {}

package/dist/types/components/SortableList/components/SortableListDragHandle/sortableListDragHandle.component.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../../Button/button.component';
+export declare const SortableListDragHandle: ({ ...rest }: ButtonProps) => React.JSX.Element;

package/dist/types/components/SortableList/components/SortableListItem/sortableListItem.component.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { List } from '@chakra-ui/react/list';
+import { UniqueIdentifier } from '@dnd-kit/core';
+export interface SortableListItemProps {
+    content: React.ReactNode;
+    id: UniqueIdentifier;
+}
+interface InternalSortableListItemProps extends SortableListItemProps {
+    hideHandle?: boolean;
+    itemProps?: Omit<List.ItemProps, "id" | "content">;
+}
+export declare const SortableListItem: ({ content, hideHandle, id, itemProps, }: InternalSortableListItemProps) => React.JSX.Element;
+export {};

package/dist/types/components/SortableList/components/SortableListItem/sortableListItem.context.d.ts

@@ -0,0 +1,8 @@
+import { DraggableAttributes, DraggableSyntheticListeners } from '@dnd-kit/core/dist/hooks/useDraggable';
+interface Context {
+    attributes?: DraggableAttributes;
+    listeners: DraggableSyntheticListeners;
+    ref(node: HTMLElement | null): void;
+}
+export declare const SortableItemContext: import('react').Context<Context>;
+export {};

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

@@ -0,0 +1 @@
+export * from './sortableList.component';

package/dist/types/components/SortableList/sortableList.component.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { List } from '@chakra-ui/react/list';
+import { SortableListItemProps } from './components/SortableListItem/sortableListItem.component';
+export interface SortableListProps extends Omit<List.RootProps, "onChange"> {
+    hideHandle?: boolean;
+    items: SortableListItemProps[];
+    itemsProps?: Omit<List.ItemProps, "id" | "content">;
+    onChange(items: SortableListItemProps[]): void;
+}
+export declare const SortableList: ({ hideHandle, items, itemsProps, onChange, ...rest }: SortableListProps) => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './SortableList/index'
+export {}

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

@@ -0,0 +1,2 @@
+export * from './spinner.component';
+export * from './spinner.types';

package/dist/types/components/Spinner/spinner.component.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { SpinnerSize } from './spinner.types';
+import { TextProps } from '../Text/text.component';
+import { TypographyVariant } from '../../shared/types';
+import { SemanticBackgroundColorToken } from '../../theme/semanticTokens';
+export interface SpinnerProps {
+    backdropColor?: SemanticBackgroundColorToken;
+    fullScreen?: boolean;
+    label?: string;
+    labelProps?: Omit<TextProps, "chilren">;
+    showLabel?: boolean;
+    size?: SpinnerSize;
+    variant?: TypographyVariant;
+}
+export declare const Spinner: ({ backdropColor, fullScreen, label, labelProps, showLabel, size, variant, }: SpinnerProps) => React.JSX.Element;

package/dist/types/components/Spinner/spinner.recipe.d.ts

@@ -0,0 +1,29 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+declare const spinnerSlots: readonly ["root", "spinner", "label"];
+type SpinnerSlot = (typeof spinnerSlots)[number];
+type SpinnerSlotStyles = {
+    [key in SpinnerSlot]?: SystemStyleObject;
+};
+export declare const spinnerRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "spinner" | "root", {
+    variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SpinnerSlotStyles>;
+    size: Record<string, SpinnerSlotStyles>;
+    fullScreen: {
+        true: {
+            root: {
+                h: "100%";
+                left: number;
+                top: number;
+                position: "absolute";
+                w: "100%";
+                zIndex: "tooltipExtra";
+            };
+        };
+        false: {
+            root: {
+                h: "max-content";
+                w: "max-content";
+            };
+        };
+    };
+}>;
+export {};