@galaxy-ds/core 2.0.20 → 2.0.22

package/dist/Input/Input.styled.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const StyledInputBase: import("@emotion/styled").StyledComponent<import("@mui/material/InputBase").InputBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    textAlignRight?: boolean | undefined;
+    textAlignRight?: boolean;
 }, {}, {}>;
 export declare const FormLabelBlock: import("@emotion/styled").StyledComponent<import("..").InputLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const StyledFormHelperText: import("@emotion/styled").StyledComponent<import("@mui/material/FormHelperText").FormHelperTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
-    ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "sx" | "disabled" | "margin" | "focused" | "filled" | "error" | "required" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+    ref?: ((instance: HTMLParagraphElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "sx" | "disabled" | "variant" | "margin" | "focused" | "required" | "filled" | "error"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/dist/InputLabel/InputLabel.stories.d.ts

@@ -1,9 +1,26 @@
+import { BADGE } from '@geometricpanda/storybook-addon-badges';
+/**
+ *
+ * ```js
+ * import { InputLabel } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: {
     component: (props: import("./InputLabel.types").InputLabelProps) => import("react/jsx-runtime").JSX.Element;
     title: string;
+    parameters: {
+        badges: BADGE[];
+    };
 };
 export default meta;
 export declare const Default: {
     args: {};
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
     render: () => import("react/jsx-runtime").JSX.Element;
 };

package/dist/List/List.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { List } from './List';
+/**
+ *  ```js
+ *  import { List } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof List>;
 export default meta;
 type Story = StoryObj<typeof List>;

package/dist/ListItem/ListItem.stories.d.ts

@@ -1,5 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { ListItem } from './ListItem';
+/**
+ *
+ * ```js
+ *  import { ListItem } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof ListItem>;
 export default meta;
 type Story = StoryObj<typeof ListItem>;

package/dist/ListItemAvatar/ListItemAvatar.stories.d.ts

@@ -1,5 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { ListItemAvatar } from './ListItemAvatar';
+/**
+ *
+ * ```js
+ *  import { ListItemAvatar } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof ListItemAvatar>;
 export default meta;
 type Story = StoryObj<typeof ListItemAvatar>;

package/dist/ListItemHoverContent/ListItemHoverContent.stories.d.ts

@@ -7,5 +7,9 @@ type Story = StoryObj<typeof ListItemHoverContent>;
 `ListItemHoverContent` accepts 2 props: `hideOnHover` and `showOnHover`, which respectively hidden and shown when hovering.
 The component has the width of the larger content, therefore it helps sibling text element truncation works properly, and prevents text overlapping.
 It can be used inside ListItem.
-*/
+ *
+ * ```js
+ *  import { ListItemHoverContent } from "@galaxy-ds/core";
+ * ```
+ */
 export declare const Default: Story;

package/dist/ListItemHoverContent/ListItemHoverContent.styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const HoverContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     width: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/ListItemIcon/ListItemIcon.stories.d.ts

@@ -1,5 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { ListItemIcon } from './ListItemIcon';
+/**
+ *
+ * ```js
+ *  import { ListItemIcon } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof ListItemIcon>;
 export default meta;
 type Story = StoryObj<typeof ListItemIcon>;

package/dist/ListItemText/ListItemText.stories.d.ts

@@ -1,5 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { ListItemText } from './ListItemText';
+/**
+ *
+ * ```js
+ *  import { ListItemText } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof ListItemText>;
 export default meta;
 type Story = StoryObj<typeof ListItemText>;

package/dist/ListSubheader/ListSubheader.stories.d.ts

@@ -8,7 +8,7 @@ type Story = StoryObj<typeof ListSubheader>;
 makes it's easier to scan and find the right item.
 
 ```javascript
-import ListSubheader from "@galaxy-ds/core";
+import { ListSubheader } from "@galaxy-ds/core";
 ```
  */
 export declare const Default: Story;

package/dist/Loader/Loader.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Loader } from './Loader';
+/**
+ * ```js
+ *  import { Loader } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof Loader>;
 export default meta;
 type Story = StoryObj<typeof Loader>;

package/dist/Loader/Loader.styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const LoaderContainer: import("@emotion/styled").StyledComponent<import("@mui/material").BackdropOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "ref" | "children" | "className" | "style" | "classes" | "color" | "sx" | "slot" | "title" | "suppressHydrationWarning" | "id" | "lang" | "role" | "tabIndex" | "in" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "transitionDuration" | "translate" | "hidden" | "exit" | "open" | "components" | "componentsProps" | "slots" | "slotProps" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "TransitionComponent" | "mountOnEnter" | "unmountOnExit" | "timeout" | "easing" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "invisible"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "ref" | "children" | "className" | "style" | "classes" | "color" | "sx" | "slot" | "title" | "suppressHydrationWarning" | "id" | "lang" | "role" | "tabIndex" | "in" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "content" | "transitionDuration" | "translate" | "TransitionComponent" | "slots" | "slotProps" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "components" | "componentsProps" | "open" | "exit" | "mountOnEnter" | "unmountOnExit" | "timeout" | "easing" | "addEndListener" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "appear" | "enter" | "invisible"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/Menu/Menu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuProps } from './Menu.types';
 export declare const Menu: import("react").ForwardRefExoticComponent<Omit<MenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default Menu;

package/dist/Menu/Menu.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Menu } from './Menu';
+/**
+ *  ```js
+ *  import { Menu } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof Menu>;
 export default meta;
 type Story = StoryObj<typeof Menu>;

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

@@ -2,5 +2,4 @@ import { MenuProps as MuiMenuProps } from '@mui/material/Menu/Menu';
 export interface MenuProps extends MuiMenuProps {
     heading?: boolean;
     system?: boolean;
-    padding?: 'small' | 'medium';
 }

package/dist/MenuHeader/MenuHeader.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { MenuHeader } from './MenuHeader';
+/**
+ *  ```js
+ *  import { MenuHeader } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof MenuHeader>;
 export default meta;
 type Story = StoryObj<typeof MenuHeader>;

package/dist/MenuHeader/MenuHeader.styled.d.ts

@@ -1,2 +1,4 @@
-/// <reference types="react" />
 export declare const MenuHeaderContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MenuListSubheader: import("@emotion/styled").StyledComponent<import("@mui/material").ListSubheaderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "sx" | "inset" | "disableGutters" | "disableSticky"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/MenuItem/MenuItem.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { MenuItem } from './MenuItem';
+/**
+ *  ```js
+ *  import { MenuItem } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof MenuItem>;
 export default meta;
 type Story = StoryObj<typeof MenuItem>;

package/dist/Modal/Modal.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Modal } from './Modal';
+/**
+ *  ```js
+ *  import { Modal } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof Modal>;
 export default meta;
 type Story = StoryObj<typeof Modal>;

package/dist/ModalActions/ModalActions.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { ModalActions } from './ModalActions';
+/**
+ *  ```js
+ *  import { ModalActions } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof ModalActions>;
 export default meta;
 type Story = StoryObj<typeof ModalActions>;

package/dist/ModalContent/ModalContent.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { ModalContent } from './ModalContent';
+/**
+ *  ```js
+ *  import { ModalContent } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof ModalContent>;
 export default meta;
 type Story = StoryObj<typeof ModalContent>;

package/dist/ModalTitle/ModalTitle.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { ModalTitle } from './ModalTitle';
+/**
+ *  ```js
+ *  import { ModalTitle } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof ModalTitle>;
 export default meta;
 type Story = StoryObj<typeof ModalTitle>;

package/dist/Pagination/Pagination.stories.d.ts

@@ -1,9 +1,13 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Pagination } from './Pagination';
-declare const meta: Meta<typeof Pagination>;
-export default meta;
-type Story = StoryObj<typeof Pagination>;
 /**
  * Pass an `integer` to `count` variable for the number of pages.
+ *
+ * ```js
+ *  import { Pagination } from "@galaxy-ds/core";
+ * ```
  */
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+type Story = StoryObj<typeof Pagination>;
 export declare const Default: Story;

package/dist/Popover/Popover.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Popover } from './Popover';
+/**
+ *  ```js
+ *  import { Popover } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof Popover>;
 export default meta;
 type Story = StoryObj<typeof Popover>;

package/dist/ProgressBar/ProgressBar.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { ProgressBar } from './ProgressBar';
+/**
+ *  ```js
+ *  import { ProgressBar } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof ProgressBar>;
 export default meta;
 type Story = StoryObj<typeof ProgressBar>;

package/dist/Radio/Radio.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Radio } from './Radio';
+/**
+ *  ```js
+ *  import { Radio } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof Radio>;
 export default meta;
 type Story = StoryObj<typeof Radio>;

package/dist/RadioGroup/RadioGroup.stories.d.ts

@@ -1,5 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { RadioGroup } from './RadioGroup';
+/**
+ *
+ * ```js
+ * import { RadioGroup } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof RadioGroup>;
 export default meta;
 type Story = StoryObj<typeof RadioGroup>;

package/dist/RibbonButton/RibbonButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RibbonButtonProps } from './RibbonButton.types';
 export declare const RibbonButton: import("react").ForwardRefExoticComponent<Omit<RibbonButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export default RibbonButton;

package/dist/RibbonButton/RibbonButton.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { RibbonButton } from './RibbonButton';
+/**
+ *  ```js
+ *  import { RibbonButton } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof RibbonButton>;
 export default meta;
 type Story = StoryObj<typeof RibbonButton>;

package/dist/RibbonButton/RibbonButton.styled.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const CaretWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const RibbonButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "href" | "disabled" | "fullWidth" | "size" | "action" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "href" | "disabled" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "fullWidth" | "disableFocusRipple" | "size" | "disableElevation" | "endIcon" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const RibbonLabelStyled: import("@emotion/styled").StyledComponent<Omit<import("../Typography").TypographyProps, "ref"> & import("react").RefAttributes<HTMLSpanElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const RibbonContentStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    isWrapped?: boolean | undefined;
+    isWrapped?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/RibbonButtonGroup/RibbonButtonGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RibbonButtonGroupProps } from './RibbonButtonGroup.types';
 export declare const RibbonButtonGroup: import("react").ForwardRefExoticComponent<Omit<RibbonButtonGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default RibbonButtonGroup;

package/dist/RibbonButtonGroup/RibbonButtonGroup.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { RibbonButtonGroup } from './RibbonButtonGroup';
+/**
+ *  ```js
+ *  import { RibbonButtonGroup } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof RibbonButtonGroup>;
 export default meta;
 type Story = StoryObj<typeof RibbonButtonGroup>;

package/dist/RibbonButtonGroup/RibbonButtonGroup.styled.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const RibbonButtonGroupStyled: import("@emotion/styled").StyledComponent<import("@mui/material/ButtonGroup").ButtonGroupOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "color" | "sx" | "orientation" | "disabled" | "fullWidth" | "size" | "variant" | "disableRipple" | "disableElevation" | "disableFocusRipple"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "sx" | "orientation" | "disabled" | "variant" | "disableRipple" | "fullWidth" | "disableFocusRipple" | "size" | "disableElevation"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const RibbonCaretWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "href" | "disabled" | "fullWidth" | "size" | "action" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "href" | "disabled" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "fullWidth" | "disableFocusRipple" | "size" | "disableElevation" | "endIcon" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const RibbonButtonStyled: import("@emotion/styled").StyledComponent<Omit<import("../RibbonButton").RibbonButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/dist/SidebarLayout/SidebarLayout.stories.d.ts

@@ -1,12 +1,18 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { SidebarLayout } from './SidebarLayout';
-declare const meta: Meta<typeof SidebarLayout>;
-export default meta;
-type Story = StoryObj<typeof SidebarLayout>;
 /**
  * `SidebarLayout` has `<SidebarLayout.Sidebar>` and `<SidebarLayout.Main>`, which are column flex box themselves.
  * Sidebar width and background color are configurable.
+ *
+Sidebar width and background color are configurable.
+
+```javascript
+import { SidebarLayout } from "@galaxy-ds/core";
+```
  */
+declare const meta: Meta<typeof SidebarLayout>;
+export default meta;
+type Story = StoryObj<typeof SidebarLayout>;
 export declare const Default: Story;
 export declare const SidebarWidth: Story;
 export declare const SidebarColour: Story;

package/dist/StepNavigation/StepNavigation.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { StepNavigation } from './StepNavigation';
+/**
+ *  ```js
+ *  import { StepNavigation } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof StepNavigation>;
 export default meta;
 type Story = StoryObj<typeof StepNavigation>;

package/dist/StepNavigation/StepNavigation.styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StepsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const StepBar: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const LabelsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/Switch/Switch.stories.d.ts

@@ -1,10 +1,16 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Switch } from './Switch';
+/**
+ *  ```js
+ *  import { Switch } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof Switch>;
 export default meta;
 type Story = StoryObj<typeof Switch>;
 /**
  * Toggle button or switch. Only one colour (`default`) and one size supported.
+ *
  */
 export declare const Default: Story;
 export declare const Disabled: Story;

package/dist/Tab/Tab.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Tab } from '../Tab';
+/**
+ *  ```js
+ *  import { Tab } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof Tab>;
 export default meta;
 type Story = StoryObj<typeof Tab>;

package/dist/Tab/Tab.styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledTab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "sx" | "label" | "tabIndex" | "disabled" | "icon" | "action" | "value" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "sx" | "label" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "icon" | "value" | "disableFocusRipple" | "iconPosition" | "wrapped"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/TabListItem/TabListItem.stories.d.ts

@@ -1,5 +1,14 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { TabListItem } from './TabListItem';
+/**
+This list component makes it easier to include changes on hover state.
+It provides two classes `hideOnHover` and `showOnHover` that you can set on the elements you want to hide or show on hover.
+It can be used inside a tab component.
+
+```javascript
+import { TabListItem } from "@galaxy-ds/core";
+```
+ */
 declare const meta: Meta<typeof TabListItem>;
 export default meta;
 type Story = StoryObj<typeof TabListItem>;

package/dist/TabListItem/TabListItem.styled.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
-    button?: false | undefined;
+    button?: false;
 } & import("@mui/material/ListItem").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "sx" | "button" | "disabled" | "alignItems" | "dense" | "divider" | "secondaryAction" | "selected" | "components" | "componentsProps" | "slots" | "slotProps" | "autoFocus" | "disableGutters" | "disablePadding" | "ContainerComponent" | "ContainerProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "sx" | "button" | "disabled" | "alignItems" | "disableGutters" | "slots" | "slotProps" | "autoFocus" | "components" | "componentsProps" | "dense" | "selected" | "divider" | "secondaryAction" | "ContainerComponent" | "ContainerProps" | "disablePadding"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const ShowOnHover: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const HideOnHover: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const HoverContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {

package/dist/Table/Table.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Table } from './Table';
+/**
+ *  ```js
+ *  import { Table } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof Table>;
 export default meta;
 type Story = StoryObj<typeof Table>;

package/dist/TableBody/TableBody.stories.d.ts

@@ -8,7 +8,7 @@ type Story = StoryObj<typeof TableBody>;
  * For example, `component='div'`.
 
 ```javascript
-import TableBody from "@galaxy-ds/core";
+import { TableBody } from "@galaxy-ds/core";
 ```
  */
 export declare const Default: Story;

package/dist/TableCell/TableCell.stories.d.ts

@@ -6,5 +6,9 @@ type Story = StoryObj<typeof TableCell>;
 /**
  * All Table components (Table, TableBody, TableHead, TableFooter, TableRow, TableCell) have the option to be rendered as another HTML element type for more flexible structure.
  * For example, `component='div'`.
+ *
+ *  ```js
+ *  import { TableCell } from "@galaxy-ds/core";
+ * ```
  */
 export declare const Default: Story;

package/dist/TableCellIcon/TableCellIcon.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { TableCellIcon } from './TableCellIcon';
+/**
+ *  ```js
+ *  import { TableCellIcon } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof TableCellIcon>;
 export default meta;
 type Story = StoryObj<typeof TableCellIcon>;

package/dist/TableContainer/TableContainer.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { TableContainer } from './TableContainer';
+/**
+ *  ```js
+ *  import { TableContainer } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof TableContainer>;
 export default meta;
 type Story = StoryObj<typeof TableContainer>;