@raspberrypifoundation/design-system-react 2.11.0 → 2.11.1

package/dist/scss/components/button.scss

@@ -30,6 +30,16 @@
   --rpf-button-lg-height: var(--lg-target-size);
   --rpf-button-sm-height: var(--sm-target-size);
   --rpf-button-min-target-size: var(--min-target-size);
+
+  --rpf-button-spinner-color: currentcolor;
+  --rpf-button-spinner-size: .6em;
+  --rpf-button-spinner-track-width: var(--border-width-lg);
+}
+
+@keyframes rpf-button-spin {
+  to {
+    transform: rotate(360deg);
+  }
 }
 
 .rpf-button {
@@ -86,7 +96,8 @@
   }
 
   &:disabled,
-  &--disabled {
+  &--disabled,
+  &--loading {
     cursor: default;
 
     &::before,
@@ -96,6 +107,45 @@
     }
   }
 
+  &--loading {
+    /* More accurate than `cursor: default` - the button is still targetable, just busy */
+    cursor: not-allowed;
+    justify-content: center;
+
+    .text {
+      display: grid;
+      justify-items: center;
+
+      > * {
+        grid-area: 1 / 1;
+      }
+
+      &__idle--hidden {
+        visibility: hidden;
+      }
+
+      &__loading {
+        align-items: center;
+        display: flex;
+        gap: var(--space-1);
+      }
+    }
+  }
+
+  &__spinner {
+    animation: rpf-button-spin 1s linear infinite;
+    block-size: var(--rpf-button-spinner-size);
+    border: var(--rpf-button-spinner-track-width) solid var(--rpf-button-spinner-track-color, color-mix(in srgb, var(--rpf-button-spinner-color) 25%, transparent));
+    border-inline-start-color: var(--rpf-button-spinner-color);
+    border-radius: 50%;
+    flex-shrink: 0;
+    inline-size: var(--rpf-button-spinner-size);
+
+    @media (prefers-reduced-motion: reduce) {
+      animation-duration: 1.5s;
+    }
+  }
+
   &--secondary {
     color: var(--rpf-button-background-color);
 
@@ -122,7 +172,8 @@
     }
 
     &:disabled,
-    &.rpf-button--disabled {
+    &.rpf-button--disabled,
+    &.rpf-button--loading {
       color: var(--rpf-button-background-color-disabled);
 
       &:hover::before,
@@ -158,7 +209,8 @@
       }
 
       &:disabled,
-      &.rpf-button--disabled {
+      &.rpf-button--disabled,
+      &.rpf-button--loading {
         color: var(--rpf-button-danger-background-color-disabled);
 
         &:hover::before,
@@ -199,7 +251,8 @@
     }
 
     &:disabled,
-    &.rpf-button--disabled {
+    &.rpf-button--disabled,
+    &.rpf-button--loading {
       color: var(--rpf-button-background-color-disabled);
 
       &::before,
@@ -235,7 +288,8 @@
       }
 
       &:disabled,
-      &.rpf-button--disabled {
+      &.rpf-button--disabled,
+      &.rpf-button--loading {
         color: var(--rpf-button-danger-background-color-disabled);
 
         &::before,
@@ -268,6 +322,16 @@
     &:focus-visible::before {
       outline: var(--border-width-md) solid var(--rpf-button-danger-background-color);
     }
+
+    &:disabled,
+    &.rpf-button--disabled,
+    &.rpf-button--loading {
+      &::before,
+      &:hover::before {
+        background-color: var(--rpf-button-danger-background-color-disabled);
+        border-color: var(--rpf-button-danger-border-color-disabled, var(--rpf-button-danger-background-color-disabled));
+      }
+    }
   }
 
   &--icon-only {

package/dist/types/src/components/Accordion/index.d.ts

@@ -3,7 +3,7 @@ export function Accordion({ content, title, className, id }: {
     title: any;
     className: any;
     id?: string | undefined;
-}): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export namespace Accordion {
     namespace propTypes {
         let content: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;

package/dist/types/src/components/Accordion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/index.jsx"],"names":[],"mappings":"AAMO;;;;;gCAaN;;;;;;;;;;sBAlBqB,YAAY"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/index.jsx"],"names":[],"mappings":"AAMO;;;;;4CAaN;;;;;;;;;;sBAlBqB,YAAY"}

package/dist/types/src/components/Alert/index.d.ts

@@ -1,6 +1,6 @@
 import "@/components/MaterialSymbols";
 import "./Alert.scss";
 import type { AlertProps } from "./Alert.types";
-export declare const Alert: ({ title, text, titleChildren, children, type, actions, onClose, }: AlertProps) => import("react").JSX.Element;
+export declare const Alert: ({ title, text, titleChildren, children, type, actions, onClose, }: AlertProps) => import("react/jsx-runtime").JSX.Element;
 export default Alert;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,GAAI,mEAQnB,UAAU,gCA4CZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,GAAI,mEAQnB,UAAU,4CA4CZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -12,6 +12,13 @@ export type ButtonProps = {
     size?: "default" | "small";
     /** Whether the button is disabled */
     disabled?: boolean;
+    /**
+     * Shows a spinner, blocks clicks and announces `loadingText`, while keeping focus.
+     * Pass a boolean from the first render, and set it before any `await` in `onClick`.
+     */
+    loading?: boolean;
+    /** Visible label and status announcement while loading (pass a translated string). Defaults to "Loading" */
+    loadingText?: string;
     /** The href attribute for link buttons */
     href?: string;
     /** The icon name */

package/dist/types/src/components/Button/Button.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC5C,gCAAgC;IAChC,OAAO,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;IACxB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,kCAAkC;IAClC,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC5C,gCAAgC;IAChC,OAAO,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;IACxB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4GAA4G;IAC5G,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,kCAAkC;IAClC,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}

package/dist/types/src/components/Button/index.d.ts

@@ -1,7 +1,6 @@
 import "@/components/MaterialSymbols";
-import React from "react";
 import "./Button.scss";
 import type { ButtonProps } from "./Button.types";
-export declare const Button: ({ text, href, title, className, type, variant, size, icon, iconOnly, iconPosition, fullWidth, disabled, onClick, "aria-label": ariaLabel, linkComponent, }: ButtonProps) => React.JSX.Element;
+export declare const Button: ({ text, href, title, className, type, variant, size, icon, iconOnly, iconPosition, fullWidth, disabled, loading, loadingText, onClick, "aria-label": ariaLabel, linkComponent, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,GAAI,4JAgBpB,WAAW,sBA6Eb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,GAAI,kLAkBpB,WAAW,4CAyIb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/types/src/components/Form/CheckboxInput/index.d.ts

@@ -1,6 +1,6 @@
 import "@/components/MaterialSymbols";
 import "./CheckboxInput.scss";
 import type { CheckboxInputProps } from "./CheckboxInput.types";
-export declare const CheckboxInput: ({ label, id, name, error, ...props }: CheckboxInputProps) => import("react").JSX.Element;
+export declare const CheckboxInput: ({ label, id, name, error, ...props }: CheckboxInputProps) => import("react/jsx-runtime").JSX.Element;
 export default CheckboxInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/CheckboxInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/CheckboxInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,sCAM3B,kBAAkB,gCAwBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/CheckboxInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,sCAM3B,kBAAkB,4CAwBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/src/components/Form/Fieldset/index.d.ts

@@ -1,5 +1,5 @@
 import "./Fieldset.scss";
 import type { FieldSetProps } from "./FieldSet.types";
-export declare const Fieldset: ({ disabled, errorText, fullWidth, legendText, legendHintText, children, }: FieldSetProps) => import("react").JSX.Element;
+export declare const Fieldset: ({ disabled, errorText, fullWidth, legendText, legendHintText, children, }: FieldSetProps) => import("react/jsx-runtime").JSX.Element;
 export default Fieldset;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/Fieldset/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Fieldset/index.tsx"],"names":[],"mappings":"AAEA,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,eAAO,MAAM,QAAQ,GAAI,2EAOtB,aAAa,gCA4Bf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Fieldset/index.tsx"],"names":[],"mappings":"AAEA,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,eAAO,MAAM,QAAQ,GAAI,2EAOtB,aAAa,4CA4Bf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/src/components/Form/InputField/index.d.ts

@@ -1,5 +1,5 @@
 import "@/components/MaterialSymbols";
 import type { InputFieldProps } from "./InputField.types";
-export declare const InputField: ({ id, label, children, disabled, error, hint, }: InputFieldProps) => import("react").JSX.Element;
+export declare const InputField: ({ id, label, children, disabled, error, hint, }: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default InputField;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/InputField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,iDAOxB,eAAe,gCAuBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,iDAOxB,eAAe,4CAuBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/src/components/Form/InputLabel/index.d.ts

@@ -1,5 +1,5 @@
 import "./InputLabel.scss";
 import type { InputLabelProps } from "./InputLabel.types";
-export declare const InputLabel: ({ label, inputFieldId, disabled, hint, }: InputLabelProps) => import("react").JSX.Element;
+export declare const InputLabel: ({ label, inputFieldId, disabled, hint, }: InputLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default InputLabel;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/InputLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,0CAKxB,eAAe,gCAYjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,0CAKxB,eAAe,4CAYjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/src/components/Form/PasswordInput/index.d.ts

@@ -1,6 +1,6 @@
 import "@/components/MaterialSymbols";
 import "./PasswordInput.scss";
 import type { PasswordInputProps } from "./PasswordInput.types";
-export declare const PasswordInput: ({ disabled, readOnly, fullWidth, error, label, id, hint, showPasswordLabel, hidePasswordLabel, forgotPasswordLabel, forgotPasswordHref, ...props }: PasswordInputProps) => import("react").JSX.Element;
+export declare const PasswordInput: ({ disabled, readOnly, fullWidth, error, label, id, hint, showPasswordLabel, hidePasswordLabel, forgotPasswordLabel, forgotPasswordHref, ...props }: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
 export default PasswordInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/PasswordInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/PasswordInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,oJAa3B,kBAAkB,gCAkEpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/PasswordInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,oJAa3B,kBAAkB,4CAkEpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/src/components/Form/RadioInput/index.d.ts

@@ -1,5 +1,5 @@
 import "./RadioInput.scss";
 import type { RadioInputProps } from "./RadioInput.types";
-export declare const RadioInput: ({ label, id, name, fullWidth, ...props }: RadioInputProps) => import("react").JSX.Element;
+export declare const RadioInput: ({ label, id, name, fullWidth, ...props }: RadioInputProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/RadioInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/RadioInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,0CAMxB,eAAe,gCAUjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/RadioInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,0CAMxB,eAAe,4CAUjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/src/components/Form/SearchInput/index.d.ts

@@ -1,6 +1,6 @@
 import "@/components/MaterialSymbols";
 import "./SearchInput.scss";
 import type { SearchInputProps } from "./SearchInput.types";
-export declare const SearchInput: ({ label, inputFieldId, disabled, error, hint, placeholder, defaultValue, onClick, onChange, }: SearchInputProps) => import("react").JSX.Element;
+export declare const SearchInput: ({ label, inputFieldId, disabled, error, hint, placeholder, defaultValue, onClick, onChange, }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
 export default SearchInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/SearchInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SearchInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,+FAUzB,gBAAgB,gCAmDlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SearchInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,+FAUzB,gBAAgB,4CAmDlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/src/components/Form/SelectInput/index.d.ts

@@ -1,6 +1,6 @@
 import "@/components/MaterialSymbols";
 import "./SelectInput.scss";
 import type { SelectInputProps } from "./SelectInput.types";
-export declare const SelectInput: ({ id, label, name, options, disabled, error, fullWidth, hint, onChange, placeholder, value, ...props }: SelectInputProps) => import("react").JSX.Element;
+export declare const SelectInput: ({ id, label, name, options, disabled, error, fullWidth, hint, onChange, placeholder, value, ...props }: SelectInputProps) => import("react/jsx-runtime").JSX.Element;
 export default SelectInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/SelectInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SelectInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,wGAazB,gBAAgB,gCAgClB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SelectInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,wGAazB,gBAAgB,4CAgClB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/src/components/Form/TextInput/index.d.ts

@@ -1,6 +1,6 @@
 import "@/components/MaterialSymbols";
 import "./TextInput.scss";
 import type { TextInputProps } from "./TextInput.types";
-export declare const TextInput: ({ id, name, label, error, fullWidth, hint, type, ...props }: TextInputProps) => import("react").JSX.Element;
+export declare const TextInput: ({ id, name, label, error, fullWidth, hint, type, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
 export default TextInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/TextInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,GAAI,6DASvB,cAAc,gCAmBhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,GAAI,6DASvB,cAAc,4CAmBhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/src/components/Form/TextareaInput/index.d.ts

@@ -1,5 +1,5 @@
 import "./TextareaInput.scss";
 import type { TextareaInputProps } from "./TextareaInput.types";
-export declare const TextareaInput: ({ id, label, name, value, disabled, readOnly, error, fullWidth, hint, onChange, }: TextareaInputProps) => import("react").JSX.Element;
+export declare const TextareaInput: ({ id, label, name, value, disabled, readOnly, error, fullWidth, hint, onChange, }: TextareaInputProps) => import("react/jsx-runtime").JSX.Element;
 export default TextareaInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/TextareaInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextareaInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,mFAW3B,kBAAkB,gCAsBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextareaInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,mFAW3B,kBAAkB,4CAsBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,4 +1,4 @@
 import type { MenuButtonProps } from "./MenuButton.types";
-export declare const MenuButton: ({ className, children, buttonText, }: MenuButtonProps) => import("react").JSX.Element;
+export declare const MenuButton: ({ className, children, buttonText, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuButton;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Menu/MenuButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuButton/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAkD1D,eAAO,MAAM,UAAU,GAAI,sCAIxB,eAAe,gCAQjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuButton/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAkD1D,eAAO,MAAM,UAAU,GAAI,sCAIxB,eAAe,4CAQjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,6 +1,6 @@
 import "@/components/MaterialSymbols";
 import "./MenuItem.scss";
 import type { MenuItemProps } from "./MenuItem.types";
-export declare const MenuItem: ({ text, href, icon, iconPosition, danger, className, onClick, }: MenuItemProps) => import("react").JSX.Element;
+export declare const MenuItem: ({ text, href, icon, iconPosition, danger, className, onClick, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuItem;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Menu/MenuItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAmBtD,eAAO,MAAM,QAAQ,GAAI,iEAQtB,aAAa,gCAoBf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAmBtD,eAAO,MAAM,QAAQ,GAAI,iEAQtB,aAAa,4CAoBf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,5 +1,5 @@
 import "./MenuTitle.scss";
 import type { MenuTitleProps } from "./MenuTitle.types";
-export declare const MenuTitle: ({ text }: MenuTitleProps) => import("react").JSX.Element;
+export declare const MenuTitle: ({ text }: MenuTitleProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuTitle;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Menu/MenuTitle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,GAAI,UAAU,cAAc,gCAIjD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,GAAI,UAAU,cAAc,4CAIjD,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,5 +1,5 @@
 import "./Menu.scss";
 import type { MenuProps } from "./Menu.types";
-export declare const Menu: ({ className, children }: MenuProps) => import("react").JSX.Element;
+export declare const Menu: ({ className, children }: MenuProps) => import("react/jsx-runtime").JSX.Element;
 export default Menu;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,IAAI,GAAI,yBAAyB,SAAS,gCAItD,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,IAAI,GAAI,yBAAyB,SAAS,4CAItD,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,6 +1,6 @@
 import "@/components/MaterialSymbols";
 import "./Modal.scss";
 import type { ModalProps } from "./Modal.types";
-declare const Modal: ({ isOpen, setIsOpen, heading, children, primaryButtonLink, primaryButtonText, onClickPrimaryButton, secondaryButtonText, secondaryButtonLink, onClickSecondaryButton, tertiaryButtonText, tertiaryButtonLink, onClickTertiaryButton, showCloseButton, }: ModalProps) => import("react").JSX.Element;
+declare const Modal: ({ isOpen, setIsOpen, heading, children, primaryButtonLink, primaryButtonText, onClickPrimaryButton, secondaryButtonText, secondaryButtonLink, onClickSecondaryButton, tertiaryButtonText, tertiaryButtonLink, onClickTertiaryButton, showCloseButton, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,KAAK,GAAI,yPAeZ,UAAU,gCAuDZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,KAAK,GAAI,yPAeZ,UAAU,4CAuDZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/src/components/ProgressBar/index.d.ts

@@ -1,6 +1,6 @@
 import "@/components/MaterialSymbols";
 import "./ProgressBar.scss";
 import type { ProgressBarProps } from "./ProgressBar.types";
-export declare const ProgressBar: ({ text, percent, complete, className, }: ProgressBarProps) => import("react").JSX.Element;
+export declare const ProgressBar: ({ text, percent, complete, className, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 export default ProgressBar;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/ProgressBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,yCAKzB,gBAAgB,gCAclB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,yCAKzB,gBAAgB,4CAclB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/src/components/Table/BodyCell/index.d.ts

@@ -1,6 +1,6 @@
 import "./BodyCell.scss";
 export declare const BodyCell: ({ children }: {
     children?: React.ReactNode;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default BodyCell;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Table/BodyCell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/BodyCell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAEzB,eAAO,MAAM,QAAQ,GAAI,cAAc;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,gCAIpE,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/BodyCell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAEzB,eAAO,MAAM,QAAQ,GAAI,cAAc;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAIpE,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/src/components/Table/HeaderCell/index.d.ts

@@ -1,5 +1,5 @@
 import "./HeaderCell.scss";
 import type { HeaderCellProps } from "./HeaderCell.types";
-export declare const HeaderCell: ({ sortDirection, children, onClick, }: HeaderCellProps) => import("react").JSX.Element;
+export declare const HeaderCell: ({ sortDirection, children, onClick, }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderCell;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Table/HeaderCell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/HeaderCell/index.tsx"],"names":[],"mappings":"AAMA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,uCAIxB,eAAe,gCA8BjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/HeaderCell/index.tsx"],"names":[],"mappings":"AAMA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,uCAIxB,eAAe,4CA8BjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/src/components/Table/Table/index.d.ts

@@ -1,5 +1,5 @@
 import "./Table.scss";
 import type { TableProps } from "./Table.types";
-export declare const Table: ({ headerRow, bodyRows, fullWidth }: TableProps) => import("react").JSX.Element;
+export declare const Table: ({ headerRow, bodyRows, fullWidth }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export default Table;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Table/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,GAAI,oCAAoC,UAAU,gCAsBnE,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,GAAI,oCAAoC,UAAU,4CAsBnE,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/src/components/Tag/index.d.ts

@@ -1,5 +1,5 @@
 import "./Tag.scss";
 import type { TagProps } from "./Tag.types";
-export declare const Tag: ({ text, variant, secondary, icon, iconPosition, }: TagProps) => import("react").JSX.Element;
+export declare const Tag: ({ text, variant, secondary, icon, iconPosition, }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export default Tag;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,GAAG,GAAI,mDAMjB,QAAQ,gCAwBV,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,GAAG,GAAI,mDAMjB,QAAQ,4CAwBV,CAAC;AAEF,eAAe,GAAG,CAAC"}

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

@@ -13,7 +13,7 @@ export namespace Default {
     }
 }
 export namespace RichContent {
-    export function render(args: any): import("react").JSX.Element;
+    export function render(args: any): import("react/jsx-runtime").JSX.Element;
     export namespace args_1 {
         let title_2: string;
         export { title_2 as title };

package/dist/types/src/stories/Accordion.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Accordion.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;IAuBU,+DAcP"}
+{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Accordion.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;IAuBU,2EAcP"}

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

@@ -37,7 +37,7 @@ export namespace IconOnly {
 }
 export namespace IconOnlySvg {
     let args_6: {
-        icon: import("react").JSX.Element;
+        icon: import("react/jsx-runtime").JSX.Element;
         iconOnly: boolean;
         "aria-label": string;
     };
@@ -49,7 +49,7 @@ export namespace LinkButton {
         export { Link as linkComponent };
     }
     export { args_7 as args };
-    export let decorators: ((Story: any) => import("react").JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
 }
 export namespace ExternalLink {
     export namespace args_8 {
@@ -60,7 +60,7 @@ export namespace ExternalLink {
         export let iconPosition: string;
     }
     export { args_8 as args };
-    let decorators_1: ((Story: any) => import("react").JSX.Element)[];
+    let decorators_1: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export { decorators_1 as decorators };
 }
 export namespace Danger {
@@ -69,6 +69,35 @@ export namespace Danger {
     }
     export { args_9 as args };
 }
+export namespace Loading {
+    export namespace args_10 {
+        let loading: boolean;
+        let loadingText: string;
+    }
+    export { args_10 as args };
+}
+export namespace LoadingInteractive {
+    export function render(args: any): import("react/jsx-runtime").JSX.Element;
+    export namespace args_11 {
+        let loadingText_1: string;
+        export { loadingText_1 as loadingText };
+    }
+    export { args_11 as args };
+}
+export namespace LoadingLink {
+    export namespace args_12 {
+        let href_2: string;
+        export { href_2 as href };
+        export { Link as linkComponent };
+        let loading_1: boolean;
+        export { loading_1 as loading };
+        let loadingText_2: string;
+        export { loadingText_2 as loadingText };
+    }
+    export { args_12 as args };
+    let decorators_2: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export { decorators_2 as decorators };
+}
 declare namespace options {
     export let title: string;
     export { Button as component };
@@ -116,8 +145,22 @@ declare namespace options {
             export { options_3 as options };
         }
         export { iconPosition_1 as iconPosition };
+        export namespace loading_2 {
+            let control_4: string;
+            export { control_4 as control };
+            let description_1: string;
+            export { description_1 as description };
+        }
+        export { loading_2 as loading };
+        export namespace loadingText_3 {
+            let control_5: string;
+            export { control_5 as control };
+            let description_2: string;
+            export { description_2 as description };
+        }
+        export { loadingText_3 as loadingText };
     }
-    let args_10: {
+    let args_13: {
         text: string;
         type: string;
         variant: string;
@@ -133,8 +176,10 @@ declare namespace options {
         onClick: null;
         "aria-label": string;
         linkComponent: null;
+        loading: undefined;
+        loadingText: string;
     };
-    export { args_10 as args };
+    export { args_13 as args };
 }
 import { Link } from "react-router-dom";
 //# sourceMappingURL=Button.stories.d.ts.map

package/dist/types/src/stories/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Button.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBACoC,kBAAkB"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Button.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyNU,2EAaP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBApOiC,kBAAkB"}

package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
-export default function ExampleModal(): React.JSX.Element;
+export default function ExampleModal(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ExampleModal.d.ts.map