@raspberrypifoundation/design-system-react 2.7.2 → 2.9.0

package/dist/scss/design-system-core.scss

@@ -12,19 +12,18 @@
 @use 'properties/colors/_text';
 @use 'properties/colors/_utilities';
 
-
 @use 'components/alert';
 @use 'components/accordion';
 @use 'components/button';
 @use 'components/progress-bar';
 @use 'components/squiggle';
 @use 'components/tag';
+@use 'components/switch';
 @use 'components/menu';
 @use 'components/link';
 @use 'components/burger-menu';
 @use 'components/modal';
 
-
 @use 'components/forms/error-message';
 @use 'components/forms/fieldset';
 @use 'components/forms/inputs';
@@ -39,3 +38,5 @@
 
 @use 'components/table/table';
 @use 'components/table/table-cell';
+
+@use 'utility/visually-hidden';

package/dist/scss/properties/colors/_greys.scss

@@ -1,6 +1,7 @@
 :root, :host {
   --rpf-white:      hsla(0, 0%, 100%, 1);
   --rpf-off-white:  hsla(225, 25%, 97%, 1);
+  --rpf-off-white-warm: hsla(36, 38.5%, 97.5%, 1);
   --rpf-grey-50:    hsla(210, 8%, 95%, 1);
   --rpf-grey-100:   hsla(228, 10%, 90%, 1);
   --rpf-grey-150:   hsla(223, 9%, 85%, 1);

package/dist/scss/utility/_visually-hidden.scss

@@ -0,0 +1,11 @@
+.rpf-visually-hidden {
+  // https://www.a11y-collective.com/blog/visually-hidden/
+  border: 0;
+  clip-path: inset(50%);
+  inline-size: 1px;
+  block-size: 1px;
+  margin: 0;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+}

package/dist/types/lib/main.d.ts

@@ -17,12 +17,22 @@ export { default as SearchInput } from "../src/components/Form/SearchInput";
 export type { SearchInputProps } from "../src/components/Form/SearchInput/SearchInput.types";
 export { default as SelectInput } from "../src/components/Form/SelectInput";
 export type { SelectInputProps } from "../src/components/Form/SelectInput/SelectInput.types";
+export { default as Switch } from "../src/components/Form/Switch";
+export type { SwitchProps } from "../src/components/Form/Switch/Switch.types";
 export { default as TextareaInput } from "../src/components/Form/TextareaInput";
 export type { TextareaInputProps } from "../src/components/Form/TextareaInput/TextareaInput.types";
 export { default as TextInput } from "../src/components/Form/TextInput";
 export type { TextInputProps } from "../src/components/Form/TextInput/TextInput.types";
 export { default as Modal } from "../src/components/Modal";
 export type { ModalProps } from "../src/components/Modal/Modal.types";
+export { default as Menu } from "../src/components/Menu";
+export type { MenuProps } from "../src/components/Menu/Menu.types";
+export { default as MenuButton } from "../src/components/Menu/MenuButton";
+export type { MenuButtonProps } from "../src/components/Menu/MenuButton/MenuButton.types";
+export { default as MenuItem } from "../src/components/Menu/MenuItem";
+export type { MenuItemProps } from "../src/components/Menu/MenuItem/MenuItem.types";
+export { default as MenuTitle } from "../src/components/Menu/MenuTitle";
+export type { MenuTitleProps } from "../src/components/Menu/MenuTitle/MenuTitle.types";
 export { default as ProgressBar } from "../src/components/ProgressBar";
 export type { ProgressBarProps } from "../src/components/ProgressBar/ProgressBar.types";
 export { default as TableBodyCell } from "../src/components/Table/BodyCell";

package/dist/types/lib/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../lib/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC7D,YAAY,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,YAAY,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACtE,YAAY,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,YAAY,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,YAAY,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,YAAY,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,YAAY,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,YAAY,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,YAAY,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,YAAY,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACvE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAChF,YAAY,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACjE,YAAY,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACvD,YAAY,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../lib/main.ts"],"names":[],"mappings":"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"}

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,4CAgFb,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,4JAgBpB,WAAW,4CA6Eb,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -4,21 +4,11 @@ export type CheckboxInputProps = {
     id: string;
     /** Name attribute for the checkbox input */
     name: string;
-    /** Whether the checkbox is disabled */
-    disabled?: boolean;
     /** Error message to display */
     error?: string;
     /** Label text or `ReactNode` for the checkbox */
     label: string | ReactNode;
     /** Whether the checkbox is checked (controlled) */
     isChecked?: boolean;
-    /** Value attribute for the checkbox */
-    value?: string;
-    /** Additional CSS class name */
-    className?: string;
-    /** Whether the checkbox is checked (uncontrolled) */
-    checked?: boolean;
-    /** Callback function when checkbox state changes */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-};
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "id" | "name">;
 //# sourceMappingURL=CheckboxInput.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxInput.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/CheckboxInput/CheckboxInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,+CAA+C;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE,CAAC"}
+{"version":3,"file":"CheckboxInput.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/CheckboxInput/CheckboxInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,+CAA+C;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,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: ({ id, label, name, checked, disabled, error, onChange, value, className, }: CheckboxInputProps) => import("react/jsx-runtime").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,4EAU3B,kBAAkB,4CA4BpB,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/RadioInput/RadioInput.types.d.ts

@@ -1,19 +1,11 @@
 export type RadioInputProps = {
-    /** Whether the radio input is checked or not */
-    checked?: boolean;
-    /** Whether the input is disabled */
-    disabled?: boolean;
     /** Whether the radio input is full width */
     fullWidth?: boolean;
-    /** The radio input id */
-    id: string;
     /** The label text for the radio input */
     label: string;
+    /** The radio input id */
+    id: string;
     /** Name attribute for the radio input */
     name: string;
-    /** On change handler */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Value attribute for the radio input */
-    value?: string;
-};
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "id" | "name">;
 //# sourceMappingURL=RadioInput.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioInput.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/RadioInput/RadioInput.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
+{"version":3,"file":"RadioInput.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/RadioInput/RadioInput.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,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: ({ id, label, name, checked, disabled, fullWidth, onChange, value, }: RadioInputProps) => import("react/jsx-runtime").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,qEASxB,eAAe,4CAkBjB,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/SelectInput/SelectInput.types.d.ts

@@ -1,6 +1,4 @@
 export type SelectInputProps = {
-    /** Whether the select input is disabled */
-    disabled?: boolean;
     /** Error message to display */
     error?: string;
     /** Hint text to be displayed below the title */
@@ -13,15 +11,11 @@ export type SelectInputProps = {
     fullWidth?: boolean;
     /** Name attribute for the select input */
     name: string;
-    /** Callback function when input state changes */
-    onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
     /** Options to populate the select input dropdown menu  */
     options: Array<SelectOption>;
     /** Optional placeholder string to display when no input chosen */
     placeholder?: string;
-    /** Value attribute for the select input */
-    value?: string;
-};
+} & Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "id" | "name">;
 type SelectOption = {
     key: string;
     value: string;

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

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SelectInput/SelectInput.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7D,0DAA0D;IAC1D,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC7B,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
+{"version":3,"file":"SelectInput.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SelectInput/SelectInput.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC7B,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC;AAEvE,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,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, }: 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-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,+FAYzB,gBAAgB,4CA+BlB,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/Switch/Switch.spec.d.ts

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

package/dist/types/src/components/Form/Switch/Switch.spec.d.ts.map

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

package/dist/types/src/components/Form/Switch/Switch.types.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from "react";
+export type SwitchProps = {
+    /** Unique identifier for the switch input */
+    id: string;
+    /** Name attribute for the switch input */
+    name: string;
+    /** Label text or `ReactNode` for the switch */
+    label: string | ReactNode;
+    /** Error message to display */
+    error?: string;
+    /** Stretch the switch across the available width */
+    fullWidth?: boolean;
+    /** Place the label before the track */
+    reverse?: boolean;
+    /** Hint text shown below the label */
+    hint?: string;
+    /** Align switch content to the start of the cross axis */
+    alignStart?: boolean;
+    /** Visually hide the label while keeping it accessible to screen readers */
+    hideLabel?: boolean;
+    /** Show on/off icons in the handle */
+    icon?: boolean;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "id" | "name">;
+//# sourceMappingURL=Switch.types.d.ts.map

package/dist/types/src/components/Form/Switch/Switch.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG;IACxB,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC"}

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

@@ -0,0 +1,16 @@
+import "@/components/MaterialSymbols";
+import "./Switch.scss";
+export declare const Switch: import("react").ForwardRefExoticComponent<{
+    id: string;
+    name: string;
+    label: string | import("react").ReactNode;
+    error?: string;
+    fullWidth?: boolean;
+    reverse?: boolean;
+    hint?: string;
+    alignStart?: boolean;
+    hideLabel?: boolean;
+    icon?: boolean;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "id" | "type" | "name"> & import("react").RefAttributes<HTMLInputElement>>;
+export default Switch;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,eAAe,CAAC;AAGvB,eAAO,MAAM,MAAM;;;;;;;;;;;0IA4ElB,CAAC;AAIF,eAAe,MAAM,CAAC"}

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

@@ -1,6 +1,4 @@
 export type TextInputProps = {
-    /** Whether the input is disabled */
-    disabled?: boolean;
     /** Error message to display */
     error?: string;
     /** Whether the input is full width */
@@ -13,9 +11,5 @@ export type TextInputProps = {
     id: string;
     /** Name attribute for the text input */
     name: string;
-    /** Callback function when text input state changes */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Value attribute for the text input */
-    value: string;
-};
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "id" | "name">;
 //# sourceMappingURL=TextInput.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextInput/TextInput.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
+{"version":3,"file":"TextInput.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextInput/TextInput.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,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, label, name, value, disabled, error, fullWidth, hint, onChange, }: TextInputProps) => import("react/jsx-runtime").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,yEAUvB,cAAc,4CAqBhB,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/Menu/Menu.types.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export type MenuProps = {
+    className?: string;
+    children?: ReactNode;
+};
+//# sourceMappingURL=Menu.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+export type MenuButtonProps = {
+    className?: string;
+    children?: ReactNode;
+    buttonText?: string;
+};
+//# sourceMappingURL=MenuButton.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuButton/MenuButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { MenuButtonProps } from "./MenuButton.types";
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,11 @@
+import type { MouseEventHandler } from "react";
+export type MenuItemProps = {
+    text: string;
+    href?: string;
+    danger?: boolean;
+    icon?: string;
+    iconPosition?: "left" | "right";
+    className?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+};
+//# sourceMappingURL=MenuItem.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAChD,CAAC"}

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

@@ -0,0 +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 default MenuItem;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,4 @@
+export type MenuTitleProps = {
+    text: string;
+};
+//# sourceMappingURL=MenuTitle.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTitle.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuTitle/MenuTitle.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC"}

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

@@ -0,0 +1,5 @@
+import "./MenuTitle.scss";
+import type { MenuTitleProps } from "./MenuTitle.types";
+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

@@ -0,0 +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"}

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

@@ -0,0 +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 default Menu;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Menu } from "../../components/Menu";
+declare const meta: Meta<typeof Menu>;
+export default meta;
+type Story = StoryObj<typeof Menu>;
+export declare const Default: Story;
+export declare const WithTitleAndIcons: Story;
+//# sourceMappingURL=Menu.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAI7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAO3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAe/B,CAAC"}

package/dist/types/src/stories/Menu/MenuButton.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MenuButton } from "../../components/Menu/MenuButton";
+declare const meta: Meta<typeof MenuButton>;
+export default meta;
+type Story = StoryObj<typeof MenuButton>;
+export declare const Default: Story;
+//# sourceMappingURL=MenuButton.stories.d.ts.map

package/dist/types/src/stories/Menu/MenuButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Menu/MenuButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2CjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}

package/dist/types/src/stories/Menu/MenuItem.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MenuItem } from "../../components/Menu/MenuItem";
+declare const meta: Meta<typeof MenuItem>;
+export default meta;
+type Story = StoryObj<typeof MenuItem>;
+export declare const Default: Story;
+export declare const Link: Story;
+export declare const Icon: Story;
+//# sourceMappingURL=MenuItem.stories.d.ts.map

package/dist/types/src/stories/Menu/MenuItem.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Menu/MenuItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAqB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC"}

package/dist/types/src/stories/Menu/MenuTitle.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MenuTitle } from "../../components/Menu/MenuTitle";
+declare const meta: Meta<typeof MenuTitle>;
+export default meta;
+type Story = StoryObj<typeof MenuTitle>;
+export declare const Default: Story;
+//# sourceMappingURL=MenuTitle.stories.d.ts.map

package/dist/types/src/stories/Menu/MenuTitle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTitle.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Menu/MenuTitle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAOhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

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

@@ -26,4 +26,8 @@ export declare const Checked: Story;
  * disabled and fullWidth makes the input greyed out and stretch across the available space
  */
 export declare const DisabledAndFullWidth: Story;
+/**
+ * Input field attributes can be used in the RadioInput component, for example `required`
+ */
+export declare const Required: Story;
 //# sourceMappingURL=RadioInput.stories.d.ts.map

package/dist/types/src/stories/forms/RadioInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/forms/RadioInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAGnF,UAAU,mBAAoB,SAAQ,eAAe;IACnD,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAsBnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAKlC,CAAC"}
+{"version":3,"file":"RadioInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/forms/RadioInput.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAInF,UAAU,mBAAoB,SAAQ,eAAe;IACnD,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAsBnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAKlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAC"}

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

@@ -0,0 +1,54 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Switch } from "../../components/Form/Switch";
+declare const meta: Meta<typeof Switch>;
+export default meta;
+type Story = StoryObj<typeof Switch>;
+/**
+ * Switches allow users to change a setting between two states.
+ */
+export declare const Default: Story;
+/**
+ * Checked switch state.
+ */
+export declare const Checked: Story;
+/**
+ * Disabled switch state.
+ */
+export declare const Disabled: Story;
+/**
+ * Disabled and checked switch state.
+ */
+export declare const DisabledChecked: Story;
+/**
+ * Switch with on/off icons in the handle.
+ */
+export declare const WithIcon: Story;
+/**
+ * Full width switch layout.
+ */
+export declare const FullWidth: Story;
+/**
+ * Label appears before the track.
+ */
+export declare const Reverse: Story;
+/**
+ * Full width switch with reversed label placement.
+ */
+export declare const FullWidthAndReverse: Story;
+/**
+ * Switch with hint text below the label.
+ */
+export declare const WithHint: Story;
+/**
+ * Align switch content to the start when the label wraps over multiple lines.
+ */
+export declare const AlignStart: Story;
+/**
+ * Visually hidden label; the name remains available to screen readers.
+ */
+export declare const HiddenLabel: Story;
+/**
+ * Providing an error string highlights an issue with the field.
+ */
+export declare const Error: Story;
+//# sourceMappingURL=Switch.stories.d.ts.map

package/dist/types/src/stories/forms/Switch.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/forms/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AA6FtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAuC7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAA0B,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAwD,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAGvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAA8D,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAGjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAkE,CAAC;AAE7F;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAC"}

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

@@ -15,4 +15,8 @@ export declare const Error: Story;
  * fullWidth makes the input stretch across the available space
  */
 export declare const FullWidth: Story;
+/**
+ * Input field attributes can be used in the TextInput component, for example `type=` and `required`
+ */
+export declare const EmailInput: Story;
 //# sourceMappingURL=TextInput.stories.d.ts.map

package/dist/types/src/stories/forms/TextInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/forms/TextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAchC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}
+{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/forms/TextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAchC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KA6BxB,CAAC"}