@raspberrypifoundation/design-system-react 2.10.3 → 2.11.0

package/dist/scss/components/forms/input-label.scss

@@ -1,19 +1,11 @@
-@forward '../../properties/colors/greys';
-@forward '../../properties/colors/text';
+@forward '../../properties/colors/inputs';
 @forward '../../properties/font-weight';
 @forward '../../properties/spacing';
 @forward '../../properties/line-height';
 
-:root,
-:host {
-  --rpf-label-hint-color: var(--rpf-text-secondary);
-  --rpf-label-text-color: var(--rpf-text-primary);
-  --rpf-label-text-color-disabled: var(--rpf-grey-500);
-}
-
 .rpf-label {
   all: unset;
-  color: var(--rpf-label-text-color);
+  color: var(--rpf-label-text-color, var(--rpf-text-primary));
   display: flex;
   flex-direction: column;
   font-weight: var(--font-weight-bold);
@@ -22,16 +14,16 @@
   line-height: var(--line-height-1-5);
 
   &__hint {
-    color: var(--rpf-label-hint-color);
+    color: var(--rpf-label-hint-color, var(--rpf-text-secondary));
     font-size: var(--font-size-1);
     font-weight: var(--font-weight-regular);
   }
 
   &--disabled {
-    color: var(--rpf-label-text-color-disabled);
+    color: var(--rpf-label-text-color-disabled, var(--rpf-input-color-disabled));
 
     .rpf-label__hint {
-      color: var(--rpf-label-text-color-disabled);
+      color: var(--rpf-label-text-color-disabled, var(--rpf-input-color-disabled));
     }
   }
 }

package/dist/scss/components/forms/input-radio.scss

@@ -7,6 +7,15 @@
   --rpf-input-radio-size: var(--space-3);
 }
 
+$dot-color: var(--rpf-input-radio-dot-color, var(--rpf-input-color));
+$dot-size: calc(var(--rpf-input-radio-size) / 2);
+
+@mixin dot($gap-color) {
+  box-shadow:
+    inset 0 0 0 calc((var(--rpf-input-radio-size) - 2 * var(--space-0-25) - #{$dot-size}) / 2) #{$gap-color},
+    inset 0 0 0 #{$dot-size} #{$dot-color};
+}
+
 .rpf-input-radio {
   align-items: center;
   border-radius: var(--space-1);
@@ -22,7 +31,7 @@
   input[type='radio'] {
     align-self: flex-start;
     appearance: none;
-    background: var(--rpf-white);
+    background: var(--rpf-input-background-color);
     border: var(--space-0-25) solid var(--rpf-input-border-colour);
     border-radius: var(--rpf-input-radio-size);
     flex-shrink: 0;
@@ -31,9 +40,7 @@
     width: var(--rpf-input-radio-size);
 
     &:checked {
-      background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(228, 9%, 15%, 1)"/></svg>');
-      background-position: center center;
-      background-repeat: no-repeat;
+      @include dot(var(--rpf-input-background-color));
     }
 
     &:disabled {
@@ -41,7 +48,9 @@
       background-color: var(--rpf-input-background-color-disabled);
 
       &:checked {
-        background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(229, 8%, 61%, 1)"/></svg>');
+        --rpf-input-radio-dot-color: var(--rpf-input-color-disabled);
+
+        @include dot(var(--rpf-input-background-color-disabled));
       }
     }
   }
@@ -51,7 +60,7 @@
       border-color: var(--rpf-input-color-error);
     }
     input[type='radio']:checked {
-      background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(0, 88%, 33%, 1)"/></svg>');
+      --rpf-input-radio-dot-color: var(--rpf-input-color-error);
     }
   }
   &.rpf-input--full-width {
@@ -60,7 +69,7 @@
 
   &:has(> input[type='radio']:disabled),
   &--disabled {
-    color: var(--rpf-label-text-color-disabled);
+    color: var(--rpf-label-text-color-disabled, var(--rpf-input-color-disabled));
   }
 
   input[type='radio']:focus-visible {

package/dist/scss/properties/colors/_inputs.scss

@@ -9,7 +9,8 @@
   --rpf-input-background-color-disabled: var(--rpf-grey-50);
   --rpf-input-background-color-readonly: var(--rpf-grey-50);
   --rpf-input-border-colour: var(--rpf-grey-850);
-  --rpf-input-color-error: var(--rpf-alert-error);
   --rpf-input-color: var(--rpf-text-primary);
+  --rpf-input-color-disabled: var(--rpf-grey-500);
+  --rpf-input-color-error: var(--rpf-alert-error);
   --rpf-input-outline-color: var(--rpf-blue-800);
 }

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-runtime").JSX.Element;
+}): import("react").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;;;;;4CAaN;;;;;;;;;;sBAlBqB,YAAY"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/index.jsx"],"names":[],"mappings":"AAMO;;;;;gCAaN;;;;;;;;;;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-runtime").JSX.Element;
+export declare const Alert: ({ title, text, titleChildren, children, type, actions, onClose, }: AlertProps) => import("react").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,4CA4CZ,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,gCA4CZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -1,6 +1,7 @@
 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) => import("react/jsx-runtime").JSX.Element;
+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 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;AAGtC,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,GAAI,4JAgBpB,WAAW,4CA6Eb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"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"}

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-runtime").JSX.Element;
+export declare const CheckboxInput: ({ label, id, name, error, ...props }: CheckboxInputProps) => import("react").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,4CAwBpB,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,gCAwBpB,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-runtime").JSX.Element;
+export declare const Fieldset: ({ disabled, errorText, fullWidth, legendText, legendHintText, children, }: FieldSetProps) => import("react").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,4CA4Bf,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,gCA4Bf,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-runtime").JSX.Element;
+export declare const InputField: ({ id, label, children, disabled, error, hint, }: InputFieldProps) => import("react").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,4CAuBjB,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,gCAuBjB,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-runtime").JSX.Element;
+export declare const InputLabel: ({ label, inputFieldId, disabled, hint, }: InputLabelProps) => import("react").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,4CAYjB,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,gCAYjB,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-runtime").JSX.Element;
+export declare const PasswordInput: ({ disabled, readOnly, fullWidth, error, label, id, hint, showPasswordLabel, hidePasswordLabel, forgotPasswordLabel, forgotPasswordHref, ...props }: PasswordInputProps) => import("react").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,4CAkEpB,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,gCAkEpB,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-runtime").JSX.Element;
+export declare const RadioInput: ({ label, id, name, fullWidth, ...props }: RadioInputProps) => import("react").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,4CAUjB,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,gCAUjB,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-runtime").JSX.Element;
+export declare const SearchInput: ({ label, inputFieldId, disabled, error, hint, placeholder, defaultValue, onClick, onChange, }: SearchInputProps) => import("react").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,4CAmDlB,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,gCAmDlB,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-runtime").JSX.Element;
+export declare const SelectInput: ({ id, label, name, options, disabled, error, fullWidth, hint, onChange, placeholder, value, ...props }: SelectInputProps) => import("react").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,4CAgClB,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,gCAgClB,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-runtime").JSX.Element;
+export declare const TextInput: ({ id, name, label, error, fullWidth, hint, type, ...props }: TextInputProps) => import("react").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,4CAmBhB,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,gCAmBhB,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-runtime").JSX.Element;
+export declare const TextareaInput: ({ id, label, name, value, disabled, readOnly, error, fullWidth, hint, onChange, }: TextareaInputProps) => import("react").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,4CAsBpB,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,gCAsBpB,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-runtime").JSX.Element;
+export declare const MenuButton: ({ className, children, buttonText, }: MenuButtonProps) => import("react").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,4CAQjB,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,gCAQjB,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-runtime").JSX.Element;
+export declare const MenuItem: ({ text, href, icon, iconPosition, danger, className, onClick, }: MenuItemProps) => import("react").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,4CAoBf,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,gCAoBf,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-runtime").JSX.Element;
+export declare const MenuTitle: ({ text }: MenuTitleProps) => import("react").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,4CAIjD,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,gCAIjD,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-runtime").JSX.Element;
+export declare const Menu: ({ className, children }: MenuProps) => import("react").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,4CAItD,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,gCAItD,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-runtime").JSX.Element;
+declare const Modal: ({ isOpen, setIsOpen, heading, children, primaryButtonLink, primaryButtonText, onClickPrimaryButton, secondaryButtonText, secondaryButtonLink, onClickSecondaryButton, tertiaryButtonText, tertiaryButtonLink, onClickTertiaryButton, showCloseButton, }: ModalProps) => import("react").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,4CAuDZ,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,gCAuDZ,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-runtime").JSX.Element;
+export declare const ProgressBar: ({ text, percent, complete, className, }: ProgressBarProps) => import("react").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,4CAclB,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,gCAclB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/src/components/Squiggle/Squiggle.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Squiggle.spec.d.ts.map

package/dist/types/src/components/Squiggle/Squiggle.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Squiggle.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Squiggle/Squiggle.spec.jsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+import "./Squiggle.scss";
+export declare const Squiggle: () => import("react").JSX.Element;
+export default Squiggle;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Squiggle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAEzB,eAAO,MAAM,QAAQ,mCAIpB,CAAC;AAEF,eAAe,QAAQ,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-runtime").JSX.Element;
+}) => import("react").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,4CAIpE,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,gCAIpE,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-runtime").JSX.Element;
+export declare const HeaderCell: ({ sortDirection, children, onClick, }: HeaderCellProps) => import("react").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,4CA8BjB,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,gCA8BjB,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-runtime").JSX.Element;
+export declare const Table: ({ headerRow, bodyRows, fullWidth }: TableProps) => import("react").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,4CAsBnE,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,gCAsBnE,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-runtime").JSX.Element;
+export declare const Tag: ({ text, variant, secondary, icon, iconPosition, }: TagProps) => import("react").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,4CAwBV,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,gCAwBV,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-runtime").JSX.Element;
+    export function render(args: any): import("react").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,2EAcP"}
+{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Accordion.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;IAuBU,+DAcP"}

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-runtime").JSX.Element;
+        icon: import("react").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-runtime").JSX.Element)[];
+    export let decorators: ((Story: any) => import("react").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-runtime").JSX.Element)[];
+    let decorators_1: ((Story: any) => import("react").JSX.Element)[];
     export { decorators_1 as decorators };
 }
 export namespace Danger {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleModal.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/Modal/ExampleModal/ExampleModal.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA+BnC"}
+{"version":3,"file":"ExampleModal.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/Modal/ExampleModal/ExampleModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,YAAY,sBA+BnC"}

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

@@ -21,6 +21,6 @@ export declare const CustomStyling: {
             disable: boolean;
         };
     };
-    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    decorators: ((Story: any) => import("react").JSX.Element)[];
 };
 //# sourceMappingURL=Modal.stories.d.ts.map

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

@@ -1,3 +1,3 @@
-export declare const ExampleModalChildren: () => import("react/jsx-runtime").JSX.Element;
-export declare const LongModalChildren: () => import("react/jsx-runtime").JSX.Element;
+export declare const ExampleModalChildren: () => import("react").JSX.Element;
+export declare const LongModalChildren: () => import("react").JSX.Element;
 //# sourceMappingURL=Modal.stories.helpers.d.ts.map

package/dist/types/src/stories/Modal/Modal.stories.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.stories.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Modal/Modal.stories.helpers.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+CAKhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAa7B,CAAC"}
+{"version":3,"file":"Modal.stories.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Modal/Modal.stories.helpers.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,mCAKhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAa7B,CAAC"}

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

@@ -61,7 +61,7 @@ export namespace CustomExample1 {
         export { percent_3 as percent };
     }
     export { args_3 as args };
-    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    export let decorators: ((Story: any) => import("react").JSX.Element)[];
 }
 export namespace CustomExample2 {
     export namespace args_4 {
@@ -73,7 +73,7 @@ export namespace CustomExample2 {
         export { complete_3 as complete };
     }
     export { args_4 as args };
-    let decorators_1: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    let decorators_1: ((Story: any) => import("react").JSX.Element)[];
     export { decorators_1 as decorators };
 }
 export namespace CustomExample3 {
@@ -86,7 +86,7 @@ export namespace CustomExample3 {
         export { complete_4 as complete };
     }
     export { args_5 as args };
-    let decorators_2: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    let decorators_2: ((Story: any) => import("react").JSX.Element)[];
     export { decorators_2 as decorators };
 }
 import { ProgressBar } from "../components/ProgressBar";

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

@@ -0,0 +1,8 @@
+export default options;
+export const Default: {};
+declare namespace options {
+    export let title: string;
+    export { Squiggle as component };
+    export let tags: string[];
+}
+//# sourceMappingURL=Squiggle.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Squiggle.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Squiggle.stories.jsx"],"names":[],"mappings":";AAcA,yBAA0B"}

package/dist/types/src/stories/forms/CheckboxInput.stories.d.ts

@@ -25,6 +25,6 @@ declare namespace options {
         export let className: string;
     }
     export { args_2 as args };
-    export function render(args: any): import("react/jsx-runtime").JSX.Element;
+    export function render(args: any): import("react").JSX.Element;
 }
 //# sourceMappingURL=CheckboxInput.stories.d.ts.map