@7shifts/sous-chef 3.72.0 → 3.73.0-beta.1

package/dist/lists/DataTable/DataTableCoverShadow/DataTableCoverShadow.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 type Props = {
-    showShadowOnLeft: boolean;
-    showShadowOnRight: boolean;
     isShowingColumns: boolean;
+    showShadow: boolean;
+    direction: 'left' | 'right';
 };
-declare const DataTableCoverShadow: ({ showShadowOnLeft, showShadowOnRight, isShowingColumns }: Props) => React.JSX.Element;
+declare const DataTableCoverShadow: ({ isShowingColumns, direction, showShadow }: Props) => React.JSX.Element;
 export default DataTableCoverShadow;

package/dist/lists/DataTable/DataTableEmptyState/DataTableEmptyState.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { DataTableColumn, DataTableEmptyState as DataTableEmptyStateType } from '../types';
+import { DataTableColumn, DataTableEmptyState as DataTableEmptyStateType, StickyColumns } from '../types';
 type Props = {
     columns?: DataTableColumn[];
     customEmptyState?: DataTableEmptyStateType;
+    stickyColumns?: StickyColumns;
 };
-declare const DataTableEmptyState: ({ columns, customEmptyState }: Props) => React.JSX.Element;
+declare const DataTableEmptyState: ({ columns, customEmptyState, stickyColumns }: Props) => React.JSX.Element;
 export default DataTableEmptyState;

package/dist/lists/hooks/useDataTableScrollState.d.ts

@@ -8,6 +8,4 @@ export declare const useDataTableScrollState: (stickyColumns?: StickyColumns) =>
     hasScrollOnRight: boolean;
     hasRightColumnSticky: boolean;
     hasLeftColumnSticky: boolean;
-    showCoverShadowOnRight: boolean;
-    showCoverShadowOnLeft: boolean;
 };

package/dist/src/actions/Button/Button.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { ButtonTheme, ButtonSize, ButtonType, ButtonTarget } from './types';
+import type { PositionStyles, DataProps } from '../../foundation/types';
+declare const Button: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+    type?: ButtonType | undefined;
+    /** It controls the button theme */
+    theme?: ButtonTheme | undefined;
+    disabled?: boolean | undefined;
+    onClick?: React.MouseEventHandler<Element> | undefined;
+    onMouseEnter?: React.MouseEventHandler<Element> | undefined;
+    onMouseLeave?: React.MouseEventHandler<Element> | undefined;
+    onBlur?: React.FocusEventHandler<Element> | undefined;
+    onFocus?: React.FocusEventHandler<Element> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<Element> | undefined;
+    id?: string | undefined;
+    loading?: boolean | undefined;
+    /** This will show a black tooltip when the user hover the button */
+    title?: string | React.ReactNode;
+    href?: string | undefined;
+    target?: ButtonTarget | undefined;
+    testId?: string | undefined;
+    /**
+     * This prop controls how the button grows having the following options:<br/>
+     * *full-width*: Will grow to fill the size of the container it is placed within.
+     * *min-width-100*: It will have a `min-width: 100` style. It is used for CTA buttons in forms and modals.
+     */
+    size?: ButtonSize | undefined;
+} & PositionStyles & DataProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export default Button;

package/dist/src/actions/Button/types.d.ts

@@ -0,0 +1,4 @@
+export type ButtonTheme = 'default' | 'primary' | 'danger' | 'upsell' | 'marketing' | 'hollow' | 'hollow-contrast' | 'link-primary' | 'link-danger' | 'link-upsell' | 'link-toolbar' | 'link-contrast' | 'link-icon';
+export type ButtonSize = 'full-width' | 'min-width-100';
+export type ButtonType = 'button' | 'submit' | 'reset';
+export type ButtonTarget = '_blank' | '_self';

package/dist/src/actions/Link/types.d.ts

@@ -0,0 +1,2 @@
+export type Theme = 'primary' | 'contrast';
+export type Target = '_self' | '_blank';

package/dist/src/controls/DateFilter/types.d.ts

@@ -0,0 +1,3 @@
+import { CalendarMode } from "../../overlay/Calendar/types";
+export type DateFilterMode = CalendarMode | 'month';
+export type StepDirection = 'forward' | 'backward';

package/dist/src/empty_states/EmptyStateContainer/types.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+export type EmptyStateSize = 'small' | 'medium' | 'large';
+export type EmptyStateProps = {
+    /** The name of the highlighted feature or add-on */
+    header?: ReactNode;
+    /** Sets the title element */
+    title: ReactNode;
+    /** Sets the body text */
+    children?: ReactNode;
+    /** Path to the image/gif to display */
+    mediaUrl?: string;
+    /** Caption that appears below the CTAs */
+    actions?: {
+        primary?: React.ReactElement;
+        secondary?: React.ReactElement;
+    };
+    /** Controls the size and appearance of the component */
+    size?: EmptyStateSize;
+    /** Caption that appears below the cta options */
+    caption?: ReactNode;
+    isPaywall?: Boolean;
+    /** This is used for setting a data-testid on the component*/
+    testId?: string;
+};
+export type EmptyStateAsCard = {
+    as?: 'card';
+    onClose?: () => void;
+} & EmptyStateProps;
+export type EmptyStateAsBanner = {
+    as?: 'banner';
+} & EmptyStateProps;

package/dist/src/feedback/InlineBanner/ButtonCTA/index.d.ts

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

package/dist/src/feedback/InlineBanner/types.d.ts

@@ -0,0 +1 @@
+export type InlineBannerTheme = 'info' | 'warning' | 'success' | 'danger' | 'upsell';

package/dist/src/feedback/PersistentBanner/types.d.ts

@@ -0,0 +1 @@
+export type Theme = 'danger' | 'info' | 'upsell';

package/dist/src/feedback/Skeleton/types.d.ts

@@ -0,0 +1 @@
+export type SkeletonComponent = 'avatar' | 'avatar--small' | 'avatar--medium' | 'avatar--large' | 'avatar--xlarge' | 'button' | 'pill';

package/dist/src/feedback/Toast/types.d.ts

@@ -0,0 +1 @@
+export type Theme = 'default' | 'danger';

package/dist/src/forms/AsyncSelectField/types.d.ts

@@ -0,0 +1,5 @@
+import { SelectOptions } from '../SelectField/types';
+export type AsyncSelectOptions<T> = {
+    options: SelectOptions<T>;
+    hasMore: boolean;
+};

package/dist/src/forms/DateRangeField/DateRangeCalendar/index.d.ts

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

package/dist/src/forms/Form/types.d.ts

@@ -0,0 +1,3 @@
+import { FormikState, FormikHelpers, FormikHandlers } from 'formik';
+/** The FormValues are `any` here as in Sous Chef we don't care about the shape of the form. We just need to link form fields with the formik state */
+export type FormikType = FormikState<any> & FormikHelpers<any> & FormikHandlers;

package/dist/src/forms/PasswordField/types.d.ts

@@ -0,0 +1,5 @@
+export type PasswordCriteria = {
+    key?: string;
+    label: string;
+    met: boolean;
+};

package/dist/src/forms/PhoneField/CountrySelector/index.d.ts

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

package/dist/src/forms/PhoneField/types.d.ts

@@ -0,0 +1,2 @@
+import { CountryCode } from 'libphonenumber-js';
+export type PhoneFieldCountryCode = CountryCode;

package/dist/src/forms/PillSelectField/types.d.ts

@@ -0,0 +1,4 @@
+import type { SelectOption } from '../SelectField/types';
+export type PillSelectOption<T> = SelectOption<T> & {
+    isRemovable?: boolean;
+};

package/dist/src/forms/SelectField/domain.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This helper method helps to check if the user is scrolling inside the select options so,
+ * it does not close the menu when using the prop menuShouldScrollIntoView
+ **/
+export declare const isScrollingTheSelectMenu: (element: HTMLElement) => boolean;

package/dist/src/forms/SelectField/types.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { ControlProps } from 'react-select';
+export type GroupOption<T> = {
+    label: string;
+    options: SelectOption<T>[];
+};
+export type SelectOption<T> = {
+    isDisabled?: boolean;
+    value: T;
+    label: string;
+};
+export type SelectOptions<T> = Array<SelectOption<T> | GroupOption<T>>;
+export type CustomOptionProps<T> = {
+    value: T;
+    label: string;
+    isSelected: boolean;
+    isDisabled: boolean;
+    isFocused: boolean;
+};
+export interface SelectedOptionPrefixProps<T> extends ControlProps<T, false> {
+    selectedOption: SelectOption<T>;
+}
+export type CustomComponentsExtraProps = {
+    testId?: string;
+    UserCustomOption?: React.ElementType;
+    SelectedOptionPrefix?: React.ElementType;
+    creatableButton?: ReactNode;
+    onMenuInputFocus: (isFocused: boolean) => void;
+    onCreate?: (option: string) => void;
+};

package/dist/src/forms/TimeField/TimeFieldInput/index.d.ts

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

package/dist/src/forms/TimeRangeField/types.d.ts

@@ -0,0 +1,10 @@
+import { StartTime, TimeInterval } from '../../utils/date';
+export type TimeRangeInputProps = {
+    interval: TimeInterval;
+    startTime?: StartTime;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    testId?: string;
+    disabled?: boolean;
+    value: string;
+};

package/dist/src/foundation/tokens/color/color-codes.d.ts

@@ -0,0 +1,64 @@
+export declare const COLOR_CODES: {
+    readonly white: " #fff";
+    readonly black: " #000";
+    readonly 'tangerine-100': " #fef1ed";
+    readonly 'tangerine-200': " #fdd5c8";
+    readonly 'tangerine-300': " #fcab91";
+    readonly 'tangerine-400': " #ff6808";
+    readonly 'tangerine-500': " #cf5406";
+    readonly 'tangerine-600': " #95400a";
+    readonly 'eggplant-100': " #f8f3ff";
+    readonly 'eggplant-200': " #ebdcff";
+    readonly 'eggplant-300': " #d9bff4";
+    readonly 'eggplant-400': " #c293f1";
+    readonly 'eggplant-500': " #846db3";
+    readonly 'eggplant-600': " #453e75";
+    readonly 'mint-100': " #ecfaf8";
+    readonly 'mint-200': " #c6f1eb";
+    readonly 'mint-300': " #8de4d7";
+    readonly 'mint-400': " #3abda9";
+    readonly 'mint-500': " #35ac9a";
+    readonly 'mint-600': " #277e71";
+    readonly 'radish-100': " #fcf0f0";
+    readonly 'radish-200': " #f7d1d1";
+    readonly 'radish-300': " #f0a3a3";
+    readonly 'radish-400': " #e76767";
+    readonly 'radish-500': " #d33434";
+    readonly 'radish-600': " #981b1e";
+    readonly 'blueberry-100': " #f6fdff";
+    readonly 'blueberry-200': " #ceecf5";
+    readonly 'blueberry-300': " #9cd9eb";
+    readonly 'blueberry-400': " #5bc0de";
+    readonly 'blueberry-500': " #51acc7";
+    readonly 'blueberry-600': " #367385";
+    readonly 'banana-100': " #fff9ed";
+    readonly 'banana-200': " #ffeec9";
+    readonly 'banana-300': " #ffdd92";
+    readonly 'banana-400': " #ffc74a";
+    readonly 'banana-500': " #e5b242";
+    readonly 'banana-600': " #99772c";
+    readonly 'grey-100': " #f3f3f3";
+    readonly 'grey-200': " #d5d5d5";
+    readonly 'grey-300': " #949494";
+    readonly 'grey-400': " #767676";
+    readonly 'grey-500': " #464646";
+    readonly 'grey-600': " #323232";
+    readonly 'oat-100': " #f1f0ec";
+    readonly 'oat-200': " #e2ded6";
+    readonly 'oat-300': " #c7c0b2";
+    readonly 'oat-400': " #6e6d6c";
+    readonly 'oat-500': " #4c4b49";
+    readonly 'oat-600': " #383430";
+    readonly 'lime-100': " #efffe0";
+    readonly 'lime-200': " #c6ff94";
+    readonly 'lime-300': " #81ffac";
+    readonly 'lime-400': " #00feb2";
+    readonly 'lime-500': " #3fb994";
+    readonly 'lime-600': " #244f47";
+    readonly 'blackberry-100': " #ecf0ff";
+    readonly 'blackberry-200': " #d6e0ff";
+    readonly 'blackberry-300': " #a0bbff";
+    readonly 'blackberry-400': " #4570ff";
+    readonly 'blackberry-500': " #1c5cbb";
+    readonly 'blackberry-600': " #193f78";
+};

package/dist/src/foundation/tokens/color/color-types.d.ts

@@ -0,0 +1 @@
+export type Color = 'white' | 'black' | 'tangerine-100' | 'tangerine-200' | 'tangerine-300' | 'tangerine-400' | 'tangerine-500' | 'tangerine-600' | 'eggplant-100' | 'eggplant-200' | 'eggplant-300' | 'eggplant-400' | 'eggplant-500' | 'eggplant-600' | 'mint-100' | 'mint-200' | 'mint-300' | 'mint-400' | 'mint-500' | 'mint-600' | 'radish-100' | 'radish-200' | 'radish-300' | 'radish-400' | 'radish-500' | 'radish-600' | 'blueberry-100' | 'blueberry-200' | 'blueberry-300' | 'blueberry-400' | 'blueberry-500' | 'blueberry-600' | 'banana-100' | 'banana-200' | 'banana-300' | 'banana-400' | 'banana-500' | 'banana-600' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600' | 'oat-100' | 'oat-200' | 'oat-300' | 'oat-400' | 'oat-500' | 'oat-600' | 'lime-100' | 'lime-200' | 'lime-300' | 'lime-400' | 'lime-500' | 'lime-600' | 'blackberry-100' | 'blackberry-200' | 'blackberry-300' | 'blackberry-400' | 'blackberry-500' | 'blackberry-600';

package/dist/src/foundation/tokens/zindex/z-index-types.d.ts

@@ -0,0 +1 @@
+export type ZIndex = 'base' | 'nav' | 'modal' | 'dropdown' | 'dropdown-level-2' | 'tooltip' | 'portal';

package/dist/src/foundation/tokens/zindex/z-index-values.d.ts

@@ -0,0 +1,9 @@
+export declare const ZINDEX_VALUES: {
+    readonly base: 1;
+    readonly nav: 7;
+    readonly modal: 100;
+    readonly dropdown: 200;
+    readonly 'dropdown-level-2': 210;
+    readonly tooltip: 300;
+    readonly portal: 9999;
+};

package/dist/src/foundation/types.d.ts

@@ -0,0 +1,25 @@
+export type PositionStyles = {
+    /** Shortcut for `margin`. */
+    m?: string | number;
+    /** Defines the margin around of the element. */
+    margin?: string | number;
+    /** Shortcut for `marginTop`. */
+    mt?: string | number;
+    /** Defines the margin on the top of the element. */
+    marginTop?: string | number;
+    /** Shortcut for `marginRight`. */
+    mr?: string | number;
+    /** Defines the margin on the right side of the element. */
+    marginRight?: string | number;
+    /** Shortcut for `marginBottom`. */
+    mb?: string | number;
+    /** Defines the margin on the bottom of the element. */
+    marginBottom?: string | number;
+    /** Shortcut for `marginLeft`. */
+    ml?: string | number;
+    /** Defines the margin on the left side of the element. */
+    marginLeft?: string | number;
+};
+export type DataProps = {
+    [key in `data${string}`]: string;
+};

package/dist/src/i18n/types.d.ts

@@ -0,0 +1,3 @@
+import type en from './locales/en.json';
+export type TranslateFunction = (key: string) => string;
+export type Context = keyof typeof en;

package/dist/src/icons/icon-typescript-template.d.ts

@@ -0,0 +1,9 @@
+export = template;
+declare function template({ componentName, props, jsx, exports }: {
+    componentName: any;
+    props: any;
+    jsx: any;
+    exports: any;
+}, { tpl }: {
+    tpl: any;
+}): any;

package/dist/src/icons/types.d.ts

@@ -0,0 +1 @@
+export type IconSize = 'small' | 'medium' | 'default' | 'large' | 'extra-large' | 'flexible';

package/dist/src/layout/Flex/types.d.ts

@@ -0,0 +1,8 @@
+export type AlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch';
+export type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+export type JustifyContent = 'start' | 'end' | 'center' | 'space-between';
+export type Space = 0 | 4 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60;
+export type SpaceConfig = {
+    row: Space;
+    column: Space;
+};

package/dist/src/layout/Page/types.d.ts

@@ -0,0 +1,6 @@
+export type Breadcrumb = {
+    label: string;
+    url: string;
+};
+export type Breadcrumbs = string | Breadcrumb | Breadcrumb[];
+export type PageSize = 'fullwidth' | 'restricted';

package/dist/src/lists/Accordion/types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type AccordionItem = {
+    title: string;
+    content: ReactNode;
+    id?: string;
+};

package/dist/src/lists/ActionList/type.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type ActionListEmptyState = {
+    title: string;
+    caption?: string;
+    image?: string;
+    actions?: {
+        primary?: React.ReactElement;
+        secondary?: React.ReactElement;
+    };
+};

package/dist/src/lists/ActionListItem/type.d.ts

@@ -0,0 +1 @@
+export type ActionListItemTheme = 'info' | 'warning' | 'success' | 'danger' | 'upsell';

package/dist/src/lists/DataTable/DataTableHeader/types.d.ts

@@ -0,0 +1,4 @@
+export type SortOrder = {
+    ASC: 'asc';
+    DESC: 'desc';
+};

package/dist/src/lists/DataTable/types.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import Button from '../../actions/Button/Button';
+import { MenuAction } from '../../overlay/KebabMenu/types';
+export type DataTableColumn = {
+    name: string;
+    label?: React.ReactNode;
+    size?: number;
+    isSortable?: boolean;
+    currentSort?: DataTableSortDirection;
+    isRightAligned?: boolean;
+    hidden?: boolean;
+    reverseSortOrder?: boolean;
+};
+export type DataTableSortDirection = 'asc' | 'desc' | null;
+export type DataTableSort = {
+    columnName: string;
+    direction: DataTableSortDirection;
+};
+export type DataTableItem<T> = (T & {
+    actions?: DataTableAction[];
+    key?: string | number | null;
+});
+export type DataTableCustomComponent<T> = {
+    item: DataTableItem<T>;
+    index: number;
+    columnSizes?: number[];
+    columns?: DataTableColumn[];
+    testId?: string;
+};
+type KebabAction = {
+    showInKebab?: true;
+} & MenuAction;
+type ButtonAction = {
+    buttonProps?: Pick<React.ComponentPropsWithoutRef<typeof Button>, 'theme' | 'disabled' | 'loading' | 'title'>;
+    showInKebab: false;
+} & MenuAction;
+export type DataTableAction = KebabAction | ButtonAction;
+export type DataTableState = 'CONTENT' | 'SKELETON_LOADING' | 'BACKGROUND_LOADING' | 'EMPTY';
+export type StickyColumns = 'left' | 'right' | 'both';
+export type ScrollState = 'NO_SCROLL' | 'SCROLLABLE_CONTENT_ON_BOTH_SIDES' | 'SCROLLABLE_CONTENT_ON_LEFT' | 'SCROLLABLE_CONTENT_ON_RIGHT';
+export type DataTableEmptyState = {
+    title: string;
+    caption: string;
+    image?: string;
+    actions?: {
+        primary?: React.ReactElement;
+        secondary?: React.ReactElement;
+    };
+};
+export {};

package/dist/src/media/Chip/types.d.ts

@@ -0,0 +1 @@
+export type Theme = 'marketing' | 'success' | 'upsell' | 'warning' | 'info' | 'danger';

package/dist/src/media/Pill/types.d.ts

@@ -0,0 +1 @@
+export type PillTheme = 'info' | 'success' | 'danger' | 'warning' | 'upsell' | 'default';

package/dist/src/overlay/Calendar/types.d.ts

@@ -0,0 +1,2 @@
+export type CalendarPlacement = 'top' | 'bottom';
+export type CalendarMode = 'day' | 'week';

package/dist/src/overlay/Dropdown/types.d.ts

@@ -0,0 +1,2 @@
+export type DropdownAlignment = 'left' | 'right';
+export type DropdownTrigger = 'click' | 'hover';

package/dist/src/overlay/DropdownPane/index.d.ts

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

package/dist/src/overlay/KebabMenu/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type MenuAction = {
+    action: string;
+    label: React.ReactNode;
+    onAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    hidden?: boolean;
+};

package/dist/src/overlay/Tooltip/types.d.ts

@@ -0,0 +1,6 @@
+export type Placement = 'bottom' | 'top';
+export type ActualPlacement = {
+    placement: Placement;
+    top: number;
+};
+export type TooltipTheme = 'black' | 'white';

package/dist/src/overlay/hooks/useListKeyboardNavigation/index.d.ts

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

package/dist/src/overlay/hooks/useListKeyboardNavigation/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type ListItem = {
+    disabled: boolean;
+    onClick?: (e: React.MouseEvent | KeyboardEvent) => void;
+    href?: string;
+};

package/dist/src/tests/utils/mockIntersectionObserver.d.ts

@@ -0,0 +1,9 @@
+export declare class MockIntersectionObserver {
+    static entries: Array<Element>;
+    static options?: IntersectionObserverInit;
+    static callback: IntersectionObserverCallback;
+    constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit);
+    observe(target: Element): void;
+    unobserve(target: Element): void;
+    static run(isIntersecting: boolean): void;
+}

package/dist/src/typography/KeyboardKey/index.d.ts

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

package/dist/src/typography/Text/types.d.ts

@@ -0,0 +1,3 @@
+export type TextType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'body' | 'insight' | 'caption';
+export type Emphasis = 'bold' | 'italic' | 'underline' | 'monospace';
+export type Alignment = 'left' | 'right' | 'center' | 'justify';

package/dist/src/utils/storybookArgTypes.d.ts

@@ -0,0 +1,89 @@
+export declare const POSITION_ARG_TYPES: {
+    margin: {
+        name: string;
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+    };
+    marginTop: {
+        name: string;
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+    };
+    marginRight: {
+        name: string;
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+    };
+    marginBottom: {
+        name: string;
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+    };
+    marginLeft: {
+        name: string;
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+    };
+    m: {
+        table: {
+            disable: boolean;
+        };
+    };
+    mt: {
+        table: {
+            disable: boolean;
+        };
+    };
+    mr: {
+        table: {
+            disable: boolean;
+        };
+    };
+    mb: {
+        table: {
+            disable: boolean;
+        };
+    };
+    ml: {
+        table: {
+            disable: boolean;
+        };
+    };
+};
+export declare const DATA_ARG_TYPES: {
+    data: {
+        name: string;
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+    };
+};

package/dist/src/utils/types.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export type RefType<T> = React.MutableRefObject<T | null> | ((instance: T | null) => void) | null;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@7shifts/sous-chef",
-    "version": "3.72.0",
+    "version": "3.73.0-beta.1",
     "description": "7shifts component library",
     "author": "7shifts",
     "license": "MIT",