@raspberrypifoundation/design-system-react 2.7.0-beta.0 → 2.7.0

package/dist/scss/components/modal.scss

@@ -0,0 +1,95 @@
+@use '../mixins/typography' as typography;
+@forward '../properties/font-size';
+@forward '../properties/colors/utilities';
+
+:root,
+:host {
+  --rpf-modal-background-color: var(--rpf-white);
+  --rpf-modal-border-color: var(--rpf-grey-150);
+  --rpf-modal-max-block-size: calc(100vh - 2 * var(--space-10));
+  --rpf-modal-mobile-max-block-size: calc(100dvh - 2 * var(--space-2));
+  --rpf-modal-max-inline-size: calc(100vw - 2 * var(--space-10));
+  --rpf-modal-mobile-max-inline-size: calc(100vw - 2 * var(--space-2));
+  --rpf-modal-border-radius: var(--space-1);
+  --rpf-modal-content-padding: var(--space-3);
+  --rpf-modal-backdrop-color: var(--rpf-overlay);
+  --rpf-modal-buttons-flex-direction: row-reverse;
+  --rpf-modal-buttons-justify-content: flex-start;
+}
+
+.rpf-modal {
+  background-color: var(--rpf-modal-background-color);
+  border: none;
+  border-radius: var(--rpf-modal-border-radius);
+  margin-inline: auto;
+  min-inline-size: 15rem;
+  inline-size: 100%;
+  padding: 0;
+
+  max-inline-size: var(--rpf-modal-mobile-max-inline-size);
+  max-block-size: var(--rpf-modal-mobile-max-block-size);
+
+  @media (min-width: 30rem) {
+    max-inline-size: var(--rpf-modal-max-inline-size);
+    max-block-size: var(--rpf-modal-max-block-size);
+  }
+
+  &__wrapper {
+    display: grid;
+    grid-template-rows: auto minmax(0, 1fr) auto; /* header | content | buttons */
+    block-size: 100%;
+    max-block-size: inherit;
+    overflow: hidden;
+  }
+
+  &__header {
+    display: flex;
+    align-items: center;
+    align-self: stretch;
+    border-block-end: 1px solid var(--rpf-modal-border-color);
+    gap: var(--space-1);
+    padding: var(--space-1);
+    padding-inline-start: var(--space-2);
+  }
+
+  &__title {
+    @include typography.style-2(bold);
+    flex: 1 0 0;
+    margin: 0;
+  }
+
+  &__content {
+    overflow-y: auto;
+    align-items: center;
+    border-block-end: 1px solid var(--rpf-modal-border-color);
+    display: flex;
+    flex-direction: column;
+    padding: var(--rpf-modal-content-padding);
+  }
+
+  &__buttons {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2);
+    padding: var(--space-2);
+
+    .rpf-button {
+      justify-content: center;
+      inline-size: 100%;
+    }
+    @media (width > 34rem) {
+      flex-direction: var(--rpf-modal-buttons-flex-direction);
+      gap: var(--space-2);
+      justify-content: var(--rpf-modal-buttons-justify-content);
+      .rpf-button {
+        inline-size: auto;
+      }
+    }
+  }
+
+  &::backdrop {
+    background-color: var(--rpf-modal-backdrop-color);
+    backdrop-filter: blur(2px);
+  }
+}

package/dist/scss/components/progress-bar.scss

@@ -1,43 +1,87 @@
 @use '../mixins/typography' as typography;
 
-@forward "../properties/spacing";
-@forward "../properties/colors/greys";
-@forward "../properties/colors/decorative";
+@forward '../properties/spacing';
+@forward '../properties/colors/greys';
+@forward '../properties/colors/decorative';
+@forward '../properties/colors/alert';
 
-
-:root, :host {
+:root,
+:host {
+  // Deprecated - to be removed in a future release
   --color-progress-bar-complete: var(--rpf-navy-800);
   --color-progress-bar-incomplete: var(--rpf-grey-150);
+
+  // Component Tokens
+  --rpf-progress-bar-background-color: var(--color-progress-bar-incomplete);
+  --rpf-progress-bar-accent-color: var(--color-progress-bar-complete);
+  --rpf-progress-bar-block-size: var(--space-1);
+  --rpf-progress-bar-border-radius: var(--space-1);
+  --rpf-progress-bar-gap: var(--space-3);
+  --rpf-progress-bar-font-size: var(--font-size-1);
+  --rpf-progress-bar-font-weight: var(--font-weight-regular);
+  --rpf-progress-bar-complete-color: var(--rpf-alert-success);
+  --rpf-progress-bar-complete-icon: url('data:image/svg+xml,<svg height="24" viewBox="0 -960 960 960" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m424-296 282-282-56-56-226 226-114-114-56 56zm56 216q-83 0-156-31.5t-127-85.5q-54-54-85.5-127t-31.5-156q0-83 31.5-156t85.5-127q54-54 127-85.5t156-31.5q83 0 156 31.5t127 85.5q54 54 85.5 127t31.5 156q0 83-31.5 156t-85.5 127q-54 54-127 85.5t-156 31.5z"/></svg>');
 }
 
 .rpf-progress-bar {
   &__label {
-    @include typography.style-1;
+    font-size: var(--rpf-progress-bar-font-size);
+    line-height: 1.5em; // Relative to the font-size
+    font-weight: var(--rpf-progress-bar-font-weight);
     align-items: center;
     display: grid;
-    grid-gap: var(--space-3);
+    gap: var(--rpf-progress-bar-gap);
     grid-template-columns: max-content 1fr;
   }
 
-  &__bar{
-    background: var(--color-progress-bar-incomplete);
-    block-size: .375rem;
-    border-radius: .375rem;
+  &__bar {
+    background: var(--rpf-progress-bar-background-color);
+    block-size: var(--rpf-progress-bar-block-size);
+    border-radius: var(--rpf-progress-bar-border-radius);
     inline-size: 100%;
+    border: none;
 
     &::-webkit-progress-bar {
-      background: var(--color-progress-bar-incomplete);
-      border-radius: .375rem;
+      background: var(--rpf-progress-bar-background-color);
+      border-radius: var(--rpf-progress-bar-border-radius);
     }
 
     &::-webkit-progress-value {
-      background: var(--color-progress-bar-complete);
-      border-radius: .375rem;
+      background: var(--rpf-progress-bar-accent-color);
+      border-radius: var(--rpf-progress-bar-border-radius);
     }
 
     &::-moz-progress-bar {
-      background: var(--color-progress-bar-complete);
-      border-radius: .375rem;
+      background: var(--rpf-progress-bar-accent-color);
+      border-radius: var(--rpf-progress-bar-border-radius);
+    }
+  }
+
+  &--complete {
+    --rpf-progress-bar-accent-color: var(--rpf-progress-bar-complete-color);
+
+    .rpf-progress-bar__label span {
+      display: flex;
+    }
+
+    .rpf-progress-bar__label span::before {
+      content: '';
+      display: inline-block;
+      block-size: 1.5em; // Relative to the font-size
+      aspect-ratio: 1/1;
+      margin-inline-end: var(--space-1);
+      vertical-align: middle;
+      background-color: var(--rpf-progress-bar-complete-color);
+      mask-image: var(--rpf-progress-bar-complete-icon);
+      mask-size: contain;
+      mask-repeat: no-repeat;
+      mask-position: center;
+
+      // Could be removed if we auto-prefixed in build
+      -webkit-mask-image: var(--rpf-progress-bar-complete-icon);
+      -webkit-mask-size: contain;
+      -webkit-mask-repeat: no-repeat;
+      -webkit-mask-position: center;
     }
   }
 }

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

@@ -10,6 +10,8 @@
 @use 'properties/colors/_greys';
 @use 'properties/colors/_inputs' as inputs_colors;
 @use 'properties/colors/_text';
+@use 'properties/colors/_utilities';
+
 
 @use 'components/alert';
 @use 'components/accordion';
@@ -20,6 +22,8 @@
 @use 'components/menu';
 @use 'components/link';
 @use 'components/burger-menu';
+@use 'components/modal';
+
 
 @use 'components/forms/error-message';
 @use 'components/forms/fieldset';

package/dist/scss/properties/colors/_utilities.scss

@@ -0,0 +1,4 @@
+:root,
+:host {
+  --rpf-overlay: hsla(0, 0%, 0%, 0.5);
+}

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

@@ -0,0 +1,28 @@
+export { default as Accordion } from "../src/components/Accordion";
+export { default as Alert } from "../src/components/Alert";
+export type { AlertProps } from "../src/components/Alert/Alert.types";
+export { default as Button } from "../src/components/Button";
+export type { ButtonProps } from "../src/components/Button/Button.types";
+export { default as CheckboxInput } from "../src/components/Form/CheckboxInput";
+export type { CheckboxInputProps } from "../src/components/Form/CheckboxInput/CheckboxInput.types";
+export { default as Fieldset } from "../src/components/Form/Fieldset";
+export { default as InputField } from "../src/components/Form/InputField";
+export { default as InputLabel } from "../src/components/Form/InputLabel";
+export { default as RadioInput } from "../src/components/Form/RadioInput";
+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 { default as TextareaInput } from "../src/components/Form/TextareaInput";
+export { default as TextInput } from "../src/components/Form/TextInput";
+export { default as Modal } from "../src/components/Modal";
+export type { ModalProps } from "../src/components/Modal/Modal.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";
+export { default as TableHeaderCell } from "../src/components/Table/HeaderCell";
+export type { HeaderCellProps } from "../src/components/Table/HeaderCell/HeaderCell.types";
+export { default as Table } from "../src/components/Table/Table";
+export type { TableProps } from "../src/components/Table/Table/Table.types";
+export { default as Tag } from "../src/components/Tag";
+export type { TagProps } from "../src/components/Tag/Tag.types";
+//# sourceMappingURL=main.d.ts.map

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

@@ -0,0 +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,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,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,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,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"}

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

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

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

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

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

@@ -0,0 +1,17 @@
+export function Accordion({ content, title, className, id }: {
+    content: any;
+    title: any;
+    className: any;
+    id?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace Accordion {
+    namespace propTypes {
+        let content: PropTypes.Validator<string>;
+        let title: PropTypes.Validator<string>;
+        let id: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+export default Accordion;
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,41 @@
+import type { ReactNode } from "react";
+export type AlertProps = BaseAlertProps & ContentProps & TitleProps;
+type BaseAlertProps = {
+    /** The type of alert to display */
+    type?: "error" | "warning" | "information" | "success";
+    /** Whether the alert can be closed by the user */
+    closable?: boolean;
+    /** Whether to show action buttons */
+    actions?: Array<AlertAction>;
+    /** The click handler for when the close button is pressed */
+    onClose?: () => void;
+};
+type ContentProps = {
+    /** The main content of the alert */
+    children?: ReactNode;
+    /** The main text content of the alert */
+    text?: never;
+} | {
+    /** The main content of the alert */
+    children?: never;
+    /** The main text content of the alert */
+    text?: string;
+};
+type TitleProps = {
+    /** The title content for the alert */
+    titleChildren?: ReactNode;
+    /** The title text for the alert */
+    title?: never;
+} | {
+    /** The title content for the alert */
+    titleChildren?: never;
+    /** The title text for the alert */
+    title?: string;
+};
+type AlertAction = {
+    href?: string;
+    label?: string;
+    onClick?: () => void;
+};
+export {};
+//# sourceMappingURL=Alert.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpE,KAAK,cAAc,GAAG;IACpB,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IACvD,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC7B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAGF,KAAK,YAAY,GACb;IACE,oCAAoC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,oCAAoC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAGN,KAAK,UAAU,GACX;IACE,sCAAsC;IACtC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,sCAAsC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEN,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,34 @@
+import { type ElementType, type ReactNode } from "react";
+export type ButtonProps = {
+    /** The text content of the button */
+    text?: string;
+    /** The title content of the button */
+    title?: string;
+    /** The type of the button */
+    type?: "primary" | "secondary" | "tertiary";
+    /** The variant of the button */
+    variant?: "" | "danger";
+    /** The size of the button */
+    size?: "default" | "small";
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** The href attribute for link buttons */
+    href?: string;
+    /** The icon name */
+    icon?: string | ReactNode;
+    /** Whether the button shows only an icon */
+    iconOnly?: boolean;
+    /** The position of the icon */
+    iconPosition?: "left" | "right";
+    /** Whether the button takes full width */
+    fullWidth?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+    /** Click handler */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Override for link component */
+    linkComponent?: ElementType;
+    /** Aria label */
+    "aria-label"?: string;
+};
+//# sourceMappingURL=Button.types.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+import "@/components/MaterialSymbols";
+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 default Button;
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,24 @@
+import type { ReactNode } from "react";
+export type CheckboxInputProps = {
+    /** Unique identifier for the checkbox input */
+    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;
+};
+//# sourceMappingURL=CheckboxInput.types.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+export function Fieldset({ disabled, errorText, fullWidth, legendText, legendHintText, children, }: {
+    disabled?: boolean | undefined;
+    errorText?: string | undefined;
+    fullWidth?: boolean | undefined;
+    legendText: any;
+    legendHintText?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace Fieldset {
+    namespace propTypes {
+        let disabled: PropTypes.Requireable<boolean>;
+        let errorText: PropTypes.Requireable<string>;
+        let fullWidth: PropTypes.Requireable<boolean>;
+        let legendText: PropTypes.Validator<string>;
+        let legendHintText: PropTypes.Requireable<string>;
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    }
+}
+export default Fieldset;
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Fieldset/index.jsx"],"names":[],"mappings":"AAKO;;;;;;;4CAmCN;;;;;;;;;;;;sBAvCqB,YAAY"}

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

@@ -0,0 +1,21 @@
+export function InputField({ id, label, children, disabled, error, hint, }: {
+    id: any;
+    label: any;
+    children: any;
+    disabled?: boolean | undefined;
+    error?: string | undefined;
+    hint?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace InputField {
+    namespace propTypes {
+        let disabled: PropTypes.Requireable<boolean>;
+        let error: PropTypes.Requireable<string>;
+        let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
+        let id: PropTypes.Validator<string>;
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    }
+}
+export default InputField;
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputField/index.jsx"],"names":[],"mappings":"AAKO;;;;;;;4CA8BN;;;;;;;;;;;;sBAlCqB,YAAY"}

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

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

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

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

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

@@ -0,0 +1,17 @@
+export function InputLabel({ label, inputFieldId, disabled, hint, }: {
+    label: any;
+    inputFieldId: any;
+    disabled?: boolean | undefined;
+    hint?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace InputLabel {
+    namespace propTypes {
+        let disabled: PropTypes.Requireable<boolean>;
+        let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
+        let inputFieldId: PropTypes.Validator<string>;
+    }
+}
+export default InputLabel;
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputLabel/index.jsx"],"names":[],"mappings":"AAKO;;;;;4CAiBN;;;;;;;;;;sBArBqB,YAAY"}

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

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

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

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

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

@@ -0,0 +1,25 @@
+export function RadioInput({ id, label, name, checked, disabled, fullWidth, onChange, value, }: {
+    id: any;
+    label: any;
+    name: any;
+    checked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    onChange?: (() => void) | undefined;
+    value?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace RadioInput {
+    namespace propTypes {
+        let checked: PropTypes.Requireable<boolean>;
+        let disabled: PropTypes.Requireable<boolean>;
+        let fullWidth: PropTypes.Requireable<boolean>;
+        let id: PropTypes.Validator<string>;
+        let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
+        let name: PropTypes.Validator<string>;
+        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let value: PropTypes.Requireable<string>;
+    }
+}
+export default RadioInput;
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/RadioInput/index.jsx"],"names":[],"mappings":"AAKO;;;;;;;;;4CA6BN;;;;;;;;;;;;;;sBAjCqB,YAAY"}

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

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

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

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

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

@@ -0,0 +1,21 @@
+export type SearchInputProps = {
+    /** The input label text content */
+    label: string;
+    /** The input field id */
+    inputFieldId: string;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** The text content of the error message */
+    error?: string;
+    /** The text content of the label hint */
+    hint?: string;
+    /** The placeholder text content */
+    placeholder?: string;
+    /** The default input value */
+    defaultValue?: string;
+    /** Click handler */
+    onClick: () => void;
+    /** On change handler */
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
+//# sourceMappingURL=SearchInput.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SearchInput/SearchInput.types.ts"],"names":[],"mappings":"AAAE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,wBAAwB;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC/D,CAAA"}

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

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

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

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