@gusto/embedded-react-sdk 0.46.2 → 0.47.0

package/dist/components/Common/UI/Box/BoxTypes.d.ts

@@ -1,8 +1,29 @@
 import { ReactNode } from 'react';
+/**
+ * Props your `Box` implementation must accept from the component adapter.
+ * Renders a sectioned layout container with distinct header, body, and footer areas.
+ *
+ * @public
+ */
 export interface BoxProps {
+    /**
+     * Content rendered inside the box body.
+     */
     children: ReactNode;
+    /**
+     * Optional content rendered above the body in the box header section.
+     */
     header?: ReactNode;
+    /**
+     * Optional content rendered below the body in the box footer section.
+     */
     footer?: ReactNode;
+    /**
+     * Whether the body should apply the default inner padding. Defaults to true; set to false for content that needs to be flush with the box edges.
+     */
     withPadding?: boolean;
+    /**
+     * CSS className to be applied to the root element.
+     */
     className?: string;
 }

package/dist/components/Common/UI/BoxHeader/BoxHeader.d.ts

@@ -1,2 +1,9 @@
 import { BoxHeaderProps } from './BoxHeaderTypes';
-export declare function BoxHeader(rawProps: BoxHeaderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders a titled header for a {@link BoxProps | Box}, with optional description and inline action slot.
+ *
+ * @param rawProps - The {@link BoxHeaderProps} controlling the title, description, action, and heading level.
+ * @returns The rendered box header.
+ * @internal
+ */
+export declare function BoxHeader(rawProps: BoxHeaderProps): import("react").JSX.Element;

package/dist/components/Common/UI/BoxHeader/BoxHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxHeader.js","sources":["../../../../../src/components/Common/UI/BoxHeader/BoxHeader.tsx"],"sourcesContent":["import { type BoxHeaderProps, BoxHeaderDefaults } from './BoxHeaderTypes'\nimport styles from './BoxHeader.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex'\n\nexport function BoxHeader(rawProps: BoxHeaderProps) {\n  const { title, description, action, headingLevel } = applyMissingDefaults(\n    rawProps,\n    BoxHeaderDefaults,\n  )\n  const Components = useComponentContext()\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"row\" gap={16} justifyContent=\"space-between\" alignItems=\"center\">\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as={headingLevel!} className={styles.headerTitle}>\n            {title}\n          </Components.Heading>\n          {description && (\n            <Components.Text as=\"p\" variant=\"supporting\">\n              {description}\n            </Components.Text>\n          )}\n        </Flex>\n\n        {action}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["BoxHeader","rawProps","title","description","action","headingLevel","applyMissingDefaults","BoxHeaderDefaults","Components","useComponentContext","jsx","styles","jsxs","Flex"],"mappings":";;;;;;AAMO,SAASA,EAAUC,GAA0B;AAClD,QAAM,EAAE,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,cAAAC,MAAiBC;AAAA,IACnDL;AAAA,IACAM;AAAA,EAAA,GAEIC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,OAAM,KAAK,IAAI,gBAAe,iBAAgB,YAAW,UAC3E,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAACF,EAAW,SAAX,EAAmB,IAAIH,GAAe,WAAWM,EAAO,aACtD,UAAAT,EAAA,CACH;AAAA,MACCC,uBACEK,EAAW,MAAX,EAAgB,IAAG,KAAI,SAAQ,cAC7B,UAAAL,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAECC;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"BoxHeader.js","sources":["../../../../../src/components/Common/UI/BoxHeader/BoxHeader.tsx"],"sourcesContent":["import { type BoxHeaderProps, BoxHeaderDefaults } from './BoxHeaderTypes'\nimport styles from './BoxHeader.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex'\n\n/**\n * Renders a titled header for a {@link BoxProps | Box}, with optional description and inline action slot.\n *\n * @param rawProps - The {@link BoxHeaderProps} controlling the title, description, action, and heading level.\n * @returns The rendered box header.\n * @internal\n */\nexport function BoxHeader(rawProps: BoxHeaderProps) {\n  const { title, description, action, headingLevel } = applyMissingDefaults(\n    rawProps,\n    BoxHeaderDefaults,\n  )\n  const Components = useComponentContext()\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"row\" gap={16} justifyContent=\"space-between\" alignItems=\"center\">\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as={headingLevel!} className={styles.headerTitle}>\n            {title}\n          </Components.Heading>\n          {description && (\n            <Components.Text as=\"p\" variant=\"supporting\">\n              {description}\n            </Components.Text>\n          )}\n        </Flex>\n\n        {action}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["BoxHeader","rawProps","title","description","action","headingLevel","applyMissingDefaults","BoxHeaderDefaults","Components","useComponentContext","jsx","styles","jsxs","Flex"],"mappings":";;;;;;AAaO,SAASA,EAAUC,GAA0B;AAClD,QAAM,EAAE,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,cAAAC,MAAiBC;AAAA,IACnDL;AAAA,IACAM;AAAA,EAAA,GAEIC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,OAAM,KAAK,IAAI,gBAAe,iBAAgB,YAAW,UAC3E,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAACF,EAAW,SAAX,EAAmB,IAAIH,GAAe,WAAWM,EAAO,aACtD,UAAAT,EAAA,CACH;AAAA,MACCC,uBACEK,EAAW,MAAX,EAAgB,IAAG,KAAI,SAAQ,cAC7B,UAAAL,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAECC;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}

package/dist/components/Common/UI/BoxHeader/BoxHeaderTypes.d.ts

@@ -1,10 +1,35 @@
 import { ReactNode } from 'react';
+/**
+ * Props your `BoxHeader` implementation must accept from the component adapter.
+ * Renders the header section of a Box, combining a title, optional description, and an optional inline action slot.
+ *
+ * @public
+ */
 export interface BoxHeaderProps {
+    /**
+     * Title content rendered as the heading.
+     */
     title: ReactNode;
+    /**
+     * Optional supporting description rendered below the title.
+     */
     description?: ReactNode;
+    /**
+     * Optional action content (e.g. a Button) rendered inline opposite the title.
+     */
     action?: ReactNode;
+    /**
+     * Semantic heading level for the title. Defaults to `h3`.
+     *
+     * @defaultValue `'h3'`
+     */
     headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 }
+/**
+ * Default prop values for BoxHeader component.
+ *
+ * @internal
+ */
 export declare const BoxHeaderDefaults: {
     readonly headingLevel: "h3";
 };

package/dist/components/Common/UI/BoxHeader/BoxHeaderTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoxHeaderTypes.js","sources":["../../../../../src/components/Common/UI/BoxHeader/BoxHeaderTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface BoxHeaderProps {\n  title: ReactNode\n  description?: ReactNode\n  action?: ReactNode\n  headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport const BoxHeaderDefaults = {\n  headingLevel: 'h3',\n} as const satisfies Partial<BoxHeaderProps>\n"],"names":["BoxHeaderDefaults"],"mappings":"AASO,MAAMA,IAAoB;AAAA,EAC/B,cAAc;AAChB;"}
+{"version":3,"file":"BoxHeaderTypes.js","sources":["../../../../../src/components/Common/UI/BoxHeader/BoxHeaderTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Props your `BoxHeader` implementation must accept from the component adapter.\n * Renders the header section of a Box, combining a title, optional description, and an optional inline action slot.\n *\n * @public\n */\nexport interface BoxHeaderProps {\n  /**\n   * Title content rendered as the heading.\n   */\n  title: ReactNode\n  /**\n   * Optional supporting description rendered below the title.\n   */\n  description?: ReactNode\n  /**\n   * Optional action content (e.g. a Button) rendered inline opposite the title.\n   */\n  action?: ReactNode\n  /**\n   * Semantic heading level for the title. Defaults to `h3`.\n   *\n   * @defaultValue `'h3'`\n   */\n  headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\n/**\n * Default prop values for BoxHeader component.\n *\n * @internal\n */\nexport const BoxHeaderDefaults = {\n  headingLevel: 'h3',\n} as const satisfies Partial<BoxHeaderProps>\n"],"names":["BoxHeaderDefaults"],"mappings":"AAkCO,MAAMA,IAAoB;AAAA,EAC/B,cAAc;AAChB;"}

package/dist/components/Common/UI/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,2 +1,9 @@
 import { BreadcrumbsProps } from './BreadcrumbsTypes';
-export declare function Breadcrumbs(rawProps: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders a navigational breadcrumb trail for multi-step flows, marking the current step and collapsing to a back link on small containers.
+ *
+ * @param rawProps - The {@link BreadcrumbsProps} controlling the list of breadcrumbs, current step, and click behavior.
+ * @returns The rendered breadcrumb navigation.
+ * @internal
+ */
+export declare function Breadcrumbs(rawProps: BreadcrumbsProps): import("react").JSX.Element;

package/dist/components/Common/UI/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src/components/Common/UI/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport { Flex } from '../../Flex'\nimport { type BreadcrumbsProps, BreadcrumbsDefaults } from './BreadcrumbsTypes'\nimport styles from './Breadcrumbs.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function Breadcrumbs(rawProps: BreadcrumbsProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, BreadcrumbsDefaults)\n  const {\n    className,\n    breadcrumbs,\n    currentBreadcrumbId,\n    'aria-label': ariaLabel,\n    onClick,\n    isSmallContainer,\n  } = resolvedProps\n\n  const currentIndex = breadcrumbs.findIndex(b => b.id === currentBreadcrumbId)\n  const previousBreadcrumb = currentIndex > 0 ? breadcrumbs[currentIndex - 1] : null\n\n  const isPreviousBreadcrumbClickable = previousBreadcrumb?.isClickable !== false\n\n  if (isSmallContainer && previousBreadcrumb && onClick && isPreviousBreadcrumbClickable) {\n    return (\n      <Flex flexDirection=\"column\">\n        <nav aria-label={ariaLabel} className={className}>\n          <button\n            type=\"button\"\n            className={styles.smallBack}\n            onClick={() => {\n              onClick(previousBreadcrumb.id)\n            }}\n          >\n            {previousBreadcrumb.label}\n          </button>\n        </nav>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\">\n      <nav aria-label={ariaLabel} className={className}>\n        <ol className={styles.list}>\n          {breadcrumbs.map(breadcrumb => {\n            const isCurrentbreadcrumb = breadcrumb.id === currentBreadcrumbId\n            const isClickable = breadcrumb.isClickable !== false && !isCurrentbreadcrumb && onClick\n\n            return (\n              <li\n                key={breadcrumb.id}\n                className={classnames(styles.item, isClickable && styles.clickable)}\n                aria-current={isCurrentbreadcrumb ? 'step' : false}\n              >\n                {isClickable ? (\n                  <button\n                    type=\"button\"\n                    className={styles.link}\n                    onClick={() => {\n                      onClick(breadcrumb.id)\n                    }}\n                  >\n                    {breadcrumb.label}\n                  </button>\n                ) : (\n                  <span>{breadcrumb.label}</span>\n                )}\n              </li>\n            )\n          })}\n        </ol>\n      </nav>\n    </Flex>\n  )\n}\n"],"names":["Breadcrumbs","rawProps","resolvedProps","applyMissingDefaults","BreadcrumbsDefaults","className","breadcrumbs","currentBreadcrumbId","ariaLabel","onClick","isSmallContainer","currentIndex","b","previousBreadcrumb","isPreviousBreadcrumbClickable","jsx","Flex","styles","breadcrumb","isCurrentbreadcrumb","isClickable","classnames"],"mappings":";;;;;;AAMO,SAASA,EAAYC,GAA4B;AACtD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAmB,GAClE;AAAA,IACJ,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAcC;AAAA,IACd,SAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACER,GAEES,IAAeL,EAAY,UAAU,CAAAM,MAAKA,EAAE,OAAOL,CAAmB,GACtEM,IAAqBF,IAAe,IAAIL,EAAYK,IAAe,CAAC,IAAI,MAExEG,IAAgCD,GAAoB,gBAAgB;AAE1E,SAAIH,KAAoBG,KAAsBJ,KAAWK,IAErD,gBAAAC,EAACC,KAAK,eAAc,UAClB,4BAAC,OAAA,EAAI,cAAYR,GAAW,WAAAH,GAC1B,UAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWE,EAAO;AAAA,MAClB,SAAS,MAAM;AACb,QAAAR,EAAQI,EAAmB,EAAE;AAAA,MAC/B;AAAA,MAEC,UAAAA,EAAmB;AAAA,IAAA;AAAA,EAAA,GAExB,EAAA,CACF,sBAKDG,GAAA,EAAK,eAAc,UAClB,UAAA,gBAAAD,EAAC,SAAI,cAAYP,GAAW,WAAAH,GAC1B,UAAA,gBAAAU,EAAC,QAAG,WAAWE,EAAO,MACnB,UAAAX,EAAY,IAAI,CAAAY,MAAc;AAC7B,UAAMC,IAAsBD,EAAW,OAAOX,GACxCa,IAAcF,EAAW,gBAAgB,MAAS,CAACC,KAAuBV;AAEhF,WACE,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWM,EAAWJ,EAAO,MAAMG,KAAeH,EAAO,SAAS;AAAA,QAClE,gBAAcE,IAAsB,SAAS;AAAA,QAE5C,UAAAC,IACC,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWE,EAAO;AAAA,YAClB,SAAS,MAAM;AACb,cAAAR,EAAQS,EAAW,EAAE;AAAA,YACvB;AAAA,YAEC,UAAAA,EAAW;AAAA,UAAA;AAAA,QAAA,IAGd,gBAAAH,EAAC,QAAA,EAAM,UAAAG,EAAW,MAAA,CAAM;AAAA,MAAA;AAAA,MAfrBA,EAAW;AAAA,IAAA;AAAA,EAmBtB,CAAC,EAAA,CACH,EAAA,CACF,GACF;AAEJ;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src/components/Common/UI/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport { Flex } from '../../Flex'\nimport { type BreadcrumbsProps, BreadcrumbsDefaults } from './BreadcrumbsTypes'\nimport styles from './Breadcrumbs.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\n/**\n * Renders a navigational breadcrumb trail for multi-step flows, marking the current step and collapsing to a back link on small containers.\n *\n * @param rawProps - The {@link BreadcrumbsProps} controlling the list of breadcrumbs, current step, and click behavior.\n * @returns The rendered breadcrumb navigation.\n * @internal\n */\nexport function Breadcrumbs(rawProps: BreadcrumbsProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, BreadcrumbsDefaults)\n  const {\n    className,\n    breadcrumbs,\n    currentBreadcrumbId,\n    'aria-label': ariaLabel,\n    onClick,\n    isSmallContainer,\n  } = resolvedProps\n\n  const currentIndex = breadcrumbs.findIndex(b => b.id === currentBreadcrumbId)\n  const previousBreadcrumb = currentIndex > 0 ? breadcrumbs[currentIndex - 1] : null\n\n  const isPreviousBreadcrumbClickable = previousBreadcrumb?.isClickable !== false\n\n  if (isSmallContainer && previousBreadcrumb && onClick && isPreviousBreadcrumbClickable) {\n    return (\n      <Flex flexDirection=\"column\">\n        <nav aria-label={ariaLabel} className={className}>\n          <button\n            type=\"button\"\n            className={styles.smallBack}\n            onClick={() => {\n              onClick(previousBreadcrumb.id)\n            }}\n          >\n            {previousBreadcrumb.label}\n          </button>\n        </nav>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\">\n      <nav aria-label={ariaLabel} className={className}>\n        <ol className={styles.list}>\n          {breadcrumbs.map(breadcrumb => {\n            const isCurrentbreadcrumb = breadcrumb.id === currentBreadcrumbId\n            const isClickable = breadcrumb.isClickable !== false && !isCurrentbreadcrumb && onClick\n\n            return (\n              <li\n                key={breadcrumb.id}\n                className={classnames(styles.item, isClickable && styles.clickable)}\n                aria-current={isCurrentbreadcrumb ? 'step' : false}\n              >\n                {isClickable ? (\n                  <button\n                    type=\"button\"\n                    className={styles.link}\n                    onClick={() => {\n                      onClick(breadcrumb.id)\n                    }}\n                  >\n                    {breadcrumb.label}\n                  </button>\n                ) : (\n                  <span>{breadcrumb.label}</span>\n                )}\n              </li>\n            )\n          })}\n        </ol>\n      </nav>\n    </Flex>\n  )\n}\n"],"names":["Breadcrumbs","rawProps","resolvedProps","applyMissingDefaults","BreadcrumbsDefaults","className","breadcrumbs","currentBreadcrumbId","ariaLabel","onClick","isSmallContainer","currentIndex","b","previousBreadcrumb","isPreviousBreadcrumbClickable","jsx","Flex","styles","breadcrumb","isCurrentbreadcrumb","isClickable","classnames"],"mappings":";;;;;;AAaO,SAASA,EAAYC,GAA4B;AACtD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAmB,GAClE;AAAA,IACJ,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAcC;AAAA,IACd,SAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACER,GAEES,IAAeL,EAAY,UAAU,CAAAM,MAAKA,EAAE,OAAOL,CAAmB,GACtEM,IAAqBF,IAAe,IAAIL,EAAYK,IAAe,CAAC,IAAI,MAExEG,IAAgCD,GAAoB,gBAAgB;AAE1E,SAAIH,KAAoBG,KAAsBJ,KAAWK,IAErD,gBAAAC,EAACC,KAAK,eAAc,UAClB,4BAAC,OAAA,EAAI,cAAYR,GAAW,WAAAH,GAC1B,UAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWE,EAAO;AAAA,MAClB,SAAS,MAAM;AACb,QAAAR,EAAQI,EAAmB,EAAE;AAAA,MAC/B;AAAA,MAEC,UAAAA,EAAmB;AAAA,IAAA;AAAA,EAAA,GAExB,EAAA,CACF,sBAKDG,GAAA,EAAK,eAAc,UAClB,UAAA,gBAAAD,EAAC,SAAI,cAAYP,GAAW,WAAAH,GAC1B,UAAA,gBAAAU,EAAC,QAAG,WAAWE,EAAO,MACnB,UAAAX,EAAY,IAAI,CAAAY,MAAc;AAC7B,UAAMC,IAAsBD,EAAW,OAAOX,GACxCa,IAAcF,EAAW,gBAAgB,MAAS,CAACC,KAAuBV;AAEhF,WACE,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWM,EAAWJ,EAAO,MAAMG,KAAeH,EAAO,SAAS;AAAA,QAClE,gBAAcE,IAAsB,SAAS;AAAA,QAE5C,UAAAC,IACC,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWE,EAAO;AAAA,YAClB,SAAS,MAAM;AACb,cAAAR,EAAQS,EAAW,EAAE;AAAA,YACvB;AAAA,YAEC,UAAAA,EAAW;AAAA,UAAA;AAAA,QAAA,IAGd,gBAAAH,EAAC,QAAA,EAAM,UAAAG,EAAW,MAAA,CAAM;AAAA,MAAA;AAAA,MAfrBA,EAAW;AAAA,IAAA;AAAA,EAmBtB,CAAC,EAAA,CACH,EAAA,CACF,GACF;AAEJ;"}

package/dist/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.d.ts

@@ -1,6 +1,17 @@
 import { ReactNode } from 'react';
+/**
+ * Single entry in a {@link BreadcrumbsProps | Breadcrumbs} trail.
+ *
+ * @public
+ */
 export interface Breadcrumb {
+    /**
+     * Unique identifier for the breadcrumb. Matches against `currentBreadcrumbId` and is passed to `onClick`.
+     */
     id: string;
+    /**
+     * Display content rendered for the breadcrumb.
+     */
     label: ReactNode;
     /**
      * When false, the breadcrumb is rendered as plain text even if onClick is provided.
@@ -8,6 +19,12 @@ export interface Breadcrumb {
      */
     isClickable?: boolean;
 }
+/**
+ * Props your `Breadcrumbs` implementation must accept from the component adapter.
+ * Renders a navigation breadcrumb trail showing the user's position in a multi-step flow.
+ *
+ * @public
+ */
 export interface BreadcrumbsProps {
     /**
      * Array of breadcrumbs
@@ -19,6 +36,8 @@ export interface BreadcrumbsProps {
     currentBreadcrumbId?: string;
     /**
      * Accessibility label for the breadcrumbs
+     *
+     * @defaultValue `'Breadcrumbs'`
      */
     'aria-label'?: string;
     /**
@@ -34,11 +53,15 @@ export interface BreadcrumbsProps {
      * At this size, the breadcrumb typically does not have sufficient size to render
      * completely. In our implementation, we switch to a condensed mobile version of
      * the breadcrumbs
+     *
+     * @defaultValue `false`
      */
     isSmallContainer?: boolean;
 }
 /**
  * Default prop values for Breadcrumbs component.
+ *
+ * @internal
  */
 export declare const BreadcrumbsDefaults: {
     readonly isSmallContainer: false;

package/dist/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsTypes.js","sources":["../../../../../src/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface Breadcrumb {\n  id: string\n  label: ReactNode\n  /**\n   * When false, the breadcrumb is rendered as plain text even if onClick is provided.\n   * Defaults to true.\n   */\n  isClickable?: boolean\n}\nexport interface BreadcrumbsProps {\n  /**\n   * Array of breadcrumbs\n   */\n  breadcrumbs: Breadcrumb[]\n  /**\n   * Current breadcrumb id\n   */\n  currentBreadcrumbId?: string\n  /**\n   * Accessibility label for the breadcrumbs\n   */\n  'aria-label'?: string\n  /**\n   * Additional CSS class name for the breadcrumbs container\n   */\n  className?: string\n  /**\n   * Event handler for breadcrumb navigation\n   */\n  onClick?: (id: string) => void\n  /**\n   * Passed to the breadcrumbs when the container size is small (640px and below)\n   * At this size, the breadcrumb typically does not have sufficient size to render\n   * completely. In our implementation, we switch to a condensed mobile version of\n   * the breadcrumbs\n   */\n  isSmallContainer?: boolean\n}\n\n/**\n * Default prop values for Breadcrumbs component.\n */\nexport const BreadcrumbsDefaults = {\n  isSmallContainer: false,\n  'aria-label': 'Breadcrumbs',\n} as const satisfies Partial<BreadcrumbsProps>\n"],"names":["BreadcrumbsDefaults"],"mappings":"AA4CO,MAAMA,IAAsB;AAAA,EACjC,kBAAkB;AAAA,EAClB,cAAc;AAChB;"}
+{"version":3,"file":"BreadcrumbsTypes.js","sources":["../../../../../src/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\n/**\n * Single entry in a {@link BreadcrumbsProps | Breadcrumbs} trail.\n *\n * @public\n */\nexport interface Breadcrumb {\n  /**\n   * Unique identifier for the breadcrumb. Matches against `currentBreadcrumbId` and is passed to `onClick`.\n   */\n  id: string\n  /**\n   * Display content rendered for the breadcrumb.\n   */\n  label: ReactNode\n  /**\n   * When false, the breadcrumb is rendered as plain text even if onClick is provided.\n   * Defaults to true.\n   */\n  isClickable?: boolean\n}\n/**\n * Props your `Breadcrumbs` implementation must accept from the component adapter.\n * Renders a navigation breadcrumb trail showing the user's position in a multi-step flow.\n *\n * @public\n */\nexport interface BreadcrumbsProps {\n  /**\n   * Array of breadcrumbs\n   */\n  breadcrumbs: Breadcrumb[]\n  /**\n   * Current breadcrumb id\n   */\n  currentBreadcrumbId?: string\n  /**\n   * Accessibility label for the breadcrumbs\n   *\n   * @defaultValue `'Breadcrumbs'`\n   */\n  'aria-label'?: string\n  /**\n   * Additional CSS class name for the breadcrumbs container\n   */\n  className?: string\n  /**\n   * Event handler for breadcrumb navigation\n   */\n  onClick?: (id: string) => void\n  /**\n   * Passed to the breadcrumbs when the container size is small (640px and below)\n   * At this size, the breadcrumb typically does not have sufficient size to render\n   * completely. In our implementation, we switch to a condensed mobile version of\n   * the breadcrumbs\n   *\n   * @defaultValue `false`\n   */\n  isSmallContainer?: boolean\n}\n\n/**\n * Default prop values for Breadcrumbs component.\n *\n * @internal\n */\nexport const BreadcrumbsDefaults = {\n  isSmallContainer: false,\n  'aria-label': 'Breadcrumbs',\n} as const satisfies Partial<BreadcrumbsProps>\n"],"names":["BreadcrumbsDefaults"],"mappings":"AAmEO,MAAMA,IAAsB;AAAA,EACjC,kBAAkB;AAAA,EAClB,cAAc;AAChB;"}

package/dist/components/Common/UI/Breadcrumbs/index.d.ts

@@ -1,3 +1,3 @@
 import "./types/i18next.d.ts"
 export { Breadcrumbs } from './Breadcrumbs';
-export type { BreadcrumbsProps, Breadcrumb } from './BreadcrumbsTypes';
+export type { BreadcrumbsProps } from './BreadcrumbsTypes';

package/dist/components/Common/UI/Button/Button.d.ts

@@ -1,2 +1,9 @@
 import { ButtonProps } from './ButtonTypes';
-export declare function Button(rawProps: ButtonProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders an interactive button with primary, secondary, tertiary, or error variants and built-in loading state.
+ *
+ * @param rawProps - The {@link ButtonProps} controlling appearance, content, and click behavior.
+ * @returns The rendered button element.
+ * @internal
+ */
+export declare function Button(rawProps: ButtonProps): import("react").JSX.Element;

package/dist/components/Common/UI/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../src/components/Common/UI/Button/Button.tsx"],"sourcesContent":["import { Button as AriaButton } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { type ButtonProps, ButtonDefaults } from './ButtonTypes'\nimport styles from './Button.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function Button(rawProps: ButtonProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, ButtonDefaults)\n  const {\n    isLoading,\n    isDisabled,\n    variant,\n    buttonRef,\n    className,\n    icon,\n    children,\n    onBlur,\n    onFocus,\n    onClick,\n    ...otherProps\n  } = resolvedProps\n  const handlePress = onClick\n    ? () => {\n        onClick({} as React.MouseEvent<HTMLButtonElement>)\n      }\n    : undefined\n\n  return (\n    <AriaButton\n      {...otherProps}\n      className={({ defaultClassName }) => classNames(styles.root, defaultClassName, className)}\n      ref={buttonRef}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      isDisabled={isDisabled || isLoading}\n      data-variant={variant}\n      data-loading={isLoading || undefined}\n      onPress={handlePress}\n    >\n      {icon && <span className={styles.icon}>{icon}</span>}\n      {children}\n    </AriaButton>\n  )\n}\n"],"names":["Button","rawProps","resolvedProps","applyMissingDefaults","ButtonDefaults","isLoading","isDisabled","variant","buttonRef","className","icon","children","onBlur","onFocus","onClick","otherProps","jsxs","AriaButton","defaultClassName","classNames","styles","jsx"],"mappings":";;;;;;AAMO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb;AAOJ,SACE,gBAAAc;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAW,CAAC,EAAE,kBAAAG,QAAuBC,EAAWC,EAAO,MAAMF,GAAkBT,CAAS;AAAA,MACxF,KAAKD;AAAA,MACL,QAAAI;AAAA,MACA,SAAAC;AAAA,MACA,YAAYP,KAAcD;AAAA,MAC1B,gBAAcE;AAAA,MACd,gBAAcF,KAAa;AAAA,MAC3B,SAhBgBS,IAChB,MAAM;AACJ,QAAAA,EAAQ,CAAA,CAAyC;AAAA,MACnD,IACA;AAAA,MAcC,UAAA;AAAA,QAAAJ,KAAQ,gBAAAW,EAAC,QAAA,EAAK,WAAWD,EAAO,MAAO,UAAAV,GAAK;AAAA,QAC5CC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Button.js","sources":["../../../../../src/components/Common/UI/Button/Button.tsx"],"sourcesContent":["import { Button as AriaButton } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { type ButtonProps, ButtonDefaults } from './ButtonTypes'\nimport styles from './Button.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\n/**\n * Renders an interactive button with primary, secondary, tertiary, or error variants and built-in loading state.\n *\n * @param rawProps - The {@link ButtonProps} controlling appearance, content, and click behavior.\n * @returns The rendered button element.\n * @internal\n */\nexport function Button(rawProps: ButtonProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, ButtonDefaults)\n  const {\n    isLoading,\n    isDisabled,\n    variant,\n    buttonRef,\n    className,\n    icon,\n    children,\n    onBlur,\n    onFocus,\n    onClick,\n    ...otherProps\n  } = resolvedProps\n  const handlePress = onClick\n    ? () => {\n        onClick({} as React.MouseEvent<HTMLButtonElement>)\n      }\n    : undefined\n\n  return (\n    <AriaButton\n      {...otherProps}\n      className={({ defaultClassName }) => classNames(styles.root, defaultClassName, className)}\n      ref={buttonRef}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      isDisabled={isDisabled || isLoading}\n      data-variant={variant}\n      data-loading={isLoading || undefined}\n      onPress={handlePress}\n    >\n      {icon && <span className={styles.icon}>{icon}</span>}\n      {children}\n    </AriaButton>\n  )\n}\n"],"names":["Button","rawProps","resolvedProps","applyMissingDefaults","ButtonDefaults","isLoading","isDisabled","variant","buttonRef","className","icon","children","onBlur","onFocus","onClick","otherProps","jsxs","AriaButton","defaultClassName","classNames","styles","jsx"],"mappings":";;;;;;AAaO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb;AAOJ,SACE,gBAAAc;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAW,CAAC,EAAE,kBAAAG,QAAuBC,EAAWC,EAAO,MAAMF,GAAkBT,CAAS;AAAA,MACxF,KAAKD;AAAA,MACL,QAAAI;AAAA,MACA,SAAAC;AAAA,MACA,YAAYP,KAAcD;AAAA,MAC1B,gBAAcE;AAAA,MACd,gBAAcF,KAAa;AAAA,MAC3B,SAhBgBS,IAChB,MAAM;AACJ,QAAAA,EAAQ,CAAA,CAAyC;AAAA,MACnD,IACA;AAAA,MAcC,UAAA;AAAA,QAAAJ,KAAQ,gBAAAW,EAAC,QAAA,EAAK,WAAWD,EAAO,MAAO,UAAAV,GAAK;AAAA,QAC5CC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Common/UI/Button/ButtonIcon.d.ts

@@ -1,2 +1,9 @@
 import { ButtonIconProps } from './ButtonTypes';
-export declare function ButtonIcon(rawProps: ButtonIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders an icon-only button. Requires `aria-label` for accessibility since there is no visible text.
+ *
+ * @param rawProps - The {@link ButtonIconProps} controlling appearance, icon content, and click behavior.
+ * @returns The rendered icon button element.
+ * @internal
+ */
+export declare function ButtonIcon(rawProps: ButtonIconProps): import("react").JSX.Element;

package/dist/components/Common/UI/Button/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","sources":["../../../../../src/components/Common/UI/Button/ButtonIcon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ButtonIconDefaults, type ButtonIconProps } from './ButtonTypes'\nimport { Button } from './Button'\nimport styles from './ButtonIcon.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function ButtonIcon(rawProps: ButtonIconProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, ButtonIconDefaults)\n  const { children, variant, className, ...props } = resolvedProps\n\n  return (\n    <Button {...props} variant={variant} className={classNames(styles.root, className)}>\n      {children}\n    </Button>\n  )\n}\n"],"names":["ButtonIcon","rawProps","resolvedProps","applyMissingDefaults","ButtonIconDefaults","children","variant","className","props","jsx","Button","classNames","styles"],"mappings":";;;;;;AAMO,SAASA,EAAWC,GAA2B;AACpD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAkB,GACjE,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,GAAGC,MAAUN;AAEnD,SACE,gBAAAO,EAACC,GAAA,EAAQ,GAAGF,GAAO,SAAAF,GAAkB,WAAWK,EAAWC,EAAO,MAAML,CAAS,GAC9E,UAAAF,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"ButtonIcon.js","sources":["../../../../../src/components/Common/UI/Button/ButtonIcon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ButtonIconDefaults, type ButtonIconProps } from './ButtonTypes'\nimport { Button } from './Button'\nimport styles from './ButtonIcon.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\n/**\n * Renders an icon-only button. Requires `aria-label` for accessibility since there is no visible text.\n *\n * @param rawProps - The {@link ButtonIconProps} controlling appearance, icon content, and click behavior.\n * @returns The rendered icon button element.\n * @internal\n */\nexport function ButtonIcon(rawProps: ButtonIconProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, ButtonIconDefaults)\n  const { children, variant, className, ...props } = resolvedProps\n\n  return (\n    <Button {...props} variant={variant} className={classNames(styles.root, className)}>\n      {children}\n    </Button>\n  )\n}\n"],"names":["ButtonIcon","rawProps","resolvedProps","applyMissingDefaults","ButtonIconDefaults","children","variant","className","props","jsx","Button","classNames","styles"],"mappings":";;;;;;AAaO,SAASA,EAAWC,GAA2B;AACpD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAkB,GACjE,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,GAAGC,MAAUN;AAEnD,SACE,gBAAAO,EAACC,GAAA,EAAQ,GAAGF,GAAO,SAAAF,GAAkB,WAAWK,EAAWC,EAAO,MAAML,CAAS,GAC9E,UAAAF,EAAA,CACH;AAEJ;"}

package/dist/components/Common/UI/Button/ButtonTypes.d.ts

@@ -1,4 +1,10 @@
 import { Ref, ButtonHTMLAttributes, ReactNode, FocusEvent } from 'react';
+/**
+ * Props your `Button` implementation must accept from the component adapter.
+ * Renders an HTML button (`<button>`) with primary, secondary, tertiary, and error variants, a loading state, and an optional leading icon.
+ *
+ * @public
+ */
 export interface ButtonProps extends Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'name' | 'id' | 'className' | 'type' | 'onClick' | 'onKeyDown' | 'onKeyUp' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'form' | 'title' | 'tabIndex'> {
     /**
      * React ref for the button element
@@ -6,14 +12,20 @@ export interface ButtonProps extends Pick<ButtonHTMLAttributes<HTMLButtonElement
     buttonRef?: Ref<HTMLButtonElement>;
     /**
      * Visual style variant of the button
+     *
+     * @defaultValue `'primary'`
      */
     variant?: 'primary' | 'secondary' | 'tertiary' | 'error';
     /**
      * Shows a loading spinner and disables the button
+     *
+     * @defaultValue `false`
      */
     isLoading?: boolean;
     /**
      * Disables the button and prevents interaction
+     *
+     * @defaultValue `false`
      */
     isDisabled?: boolean;
     /**
@@ -33,6 +45,12 @@ export interface ButtonProps extends Pick<ButtonHTMLAttributes<HTMLButtonElement
      */
     onFocus?: (e: FocusEvent) => void;
 }
+/**
+ * Props your `ButtonIcon` implementation must accept from the component adapter.
+ * Renders an icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies.
+ *
+ * @public
+ */
 export type ButtonIconProps = ButtonProps & {
     /**
      * Required aria-label for icon buttons to ensure accessibility
@@ -42,6 +60,8 @@ export type ButtonIconProps = ButtonProps & {
 /**
  * Default prop values for Button component.
  * These are used by the component adapter to automatically provide defaults.
+ *
+ * @internal
  */
 export declare const ButtonDefaults: {
     readonly variant: "primary";
@@ -50,6 +70,8 @@ export declare const ButtonDefaults: {
 };
 /**
  * Default prop values for ButtonIcon component.
+ *
+ * @internal
  */
 export declare const ButtonIconDefaults: {
     readonly variant: "tertiary";

package/dist/components/Common/UI/Button/ButtonTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTypes.js","sources":["../../../../../src/components/Common/UI/Button/ButtonTypes.ts"],"sourcesContent":["import type { Ref, ButtonHTMLAttributes, ReactNode, FocusEvent } from 'react'\n\nexport interface ButtonProps extends Pick<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  | 'name'\n  | 'id'\n  | 'className'\n  | 'type'\n  | 'onClick'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'form'\n  | 'title'\n  | 'tabIndex'\n> {\n  /**\n   * React ref for the button element\n   */\n  buttonRef?: Ref<HTMLButtonElement>\n  /**\n   * Visual style variant of the button\n   */\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'error'\n  /**\n   * Shows a loading spinner and disables the button\n   */\n  isLoading?: boolean\n  /**\n   * Disables the button and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Optional leading icon rendered before children\n   */\n  icon?: ReactNode\n  /**\n   * Content to be rendered inside the button\n   */\n  children?: ReactNode\n  /**\n   * Handler for blur events\n   */\n  onBlur?: (e: FocusEvent) => void\n  /**\n   * Handler for focus events\n   */\n  onFocus?: (e: FocusEvent) => void\n}\n\nexport type ButtonIconProps = ButtonProps & {\n  /**\n   * Required aria-label for icon buttons to ensure accessibility\n   */\n  'aria-label': string\n}\n\n/**\n * Default prop values for Button component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const ButtonDefaults = {\n  variant: 'primary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonProps>\n\n/**\n * Default prop values for ButtonIcon component.\n */\nexport const ButtonIconDefaults = {\n  variant: 'tertiary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonIconProps>\n"],"names":["ButtonDefaults","ButtonIconDefaults"],"mappings":"AA+DO,MAAMA,IAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAKaC,IAAqB;AAAA,EAChC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"ButtonTypes.js","sources":["../../../../../src/components/Common/UI/Button/ButtonTypes.ts"],"sourcesContent":["import type { Ref, ButtonHTMLAttributes, ReactNode, FocusEvent } from 'react'\n\n/**\n * Props your `Button` implementation must accept from the component adapter.\n * Renders an HTML button (`<button>`) with primary, secondary, tertiary, and error variants, a loading state, and an optional leading icon.\n *\n * @public\n */\nexport interface ButtonProps extends Pick<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  | 'name'\n  | 'id'\n  | 'className'\n  | 'type'\n  | 'onClick'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'form'\n  | 'title'\n  | 'tabIndex'\n> {\n  /**\n   * React ref for the button element\n   */\n  buttonRef?: Ref<HTMLButtonElement>\n  /**\n   * Visual style variant of the button\n   *\n   * @defaultValue `'primary'`\n   */\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'error'\n  /**\n   * Shows a loading spinner and disables the button\n   *\n   * @defaultValue `false`\n   */\n  isLoading?: boolean\n  /**\n   * Disables the button and prevents interaction\n   *\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Optional leading icon rendered before children\n   */\n  icon?: ReactNode\n  /**\n   * Content to be rendered inside the button\n   */\n  children?: ReactNode\n  /**\n   * Handler for blur events\n   */\n  onBlur?: (e: FocusEvent) => void\n  /**\n   * Handler for focus events\n   */\n  onFocus?: (e: FocusEvent) => void\n}\n\n/**\n * Props your `ButtonIcon` implementation must accept from the component adapter.\n * Renders an icon-only `<button>`; requires `aria-label` since there is no visible text for assistive technologies.\n *\n * @public\n */\nexport type ButtonIconProps = ButtonProps & {\n  /**\n   * Required aria-label for icon buttons to ensure accessibility\n   */\n  'aria-label': string\n}\n\n/**\n * Default prop values for Button component.\n * These are used by the component adapter to automatically provide defaults.\n *\n * @internal\n */\nexport const ButtonDefaults = {\n  variant: 'primary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonProps>\n\n/**\n * Default prop values for ButtonIcon component.\n *\n * @internal\n */\nexport const ButtonIconDefaults = {\n  variant: 'tertiary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonIconProps>\n"],"names":["ButtonDefaults","ButtonIconDefaults"],"mappings":"AAmFO,MAAMA,IAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAOaC,IAAqB;AAAA,EAChC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;"}

package/dist/components/Common/UI/Button/index.d.ts

@@ -1,4 +1,2 @@
 import "./types/i18next.d.ts"
 export { Button } from './Button';
-export { ButtonIcon } from './ButtonIcon';
-export type { ButtonProps, ButtonIconProps } from './ButtonTypes';

package/dist/components/Common/UI/CalendarPreview/CalendarLegend.d.ts

@@ -1,3 +1,15 @@
 import { CalendarPreviewProps } from './CalendarPreviewTypes';
+/**
+ * Props for the CalendarLegend subcomponent rendered alongside {@link CalendarPreviewProps | CalendarPreview}.
+ *
+ * @internal
+ */
 export type CalendarLegendProps = Pick<CalendarPreviewProps, 'highlightDates' | 'dateRange'>;
-export declare const CalendarLegend: ({ highlightDates }: CalendarLegendProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders the legend portion of a {@link CalendarPreview}, listing each highlighted date with its color and label.
+ *
+ * @param props - The {@link CalendarLegendProps} controlling which dates appear in the legend.
+ * @returns The rendered legend element.
+ * @internal
+ */
+export declare const CalendarLegend: ({ highlightDates }: CalendarLegendProps) => import("react").JSX.Element;

package/dist/components/Common/UI/CalendarPreview/CalendarLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarLegend.js","sources":["../../../../../src/components/Common/UI/CalendarPreview/CalendarLegend.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { Flex } from '../../Flex/Flex'\nimport type { CalendarPreviewProps } from './CalendarPreviewTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CalendarLegendProps = Pick<CalendarPreviewProps, 'highlightDates' | 'dateRange'>\n\nexport const CalendarLegend = ({ highlightDates }: CalendarLegendProps) => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const { Text } = useComponentContext()\n  const getFormattedLegendDate = (date: Date) => {\n    // adjust for timezone offset to prevent date shifting\n    const userTimezoneOffset = date.getTimezoneOffset() * 60000\n    const adjustedDate = new Date(date.getTime() + userTimezoneOffset)\n\n    return new Intl.DateTimeFormat(undefined, {\n      weekday: 'long',\n      month: 'long',\n      day: 'numeric',\n      year: 'numeric',\n    }).format(adjustedDate)\n  }\n\n  return (\n    <div className=\"react-aria-CalendarLegend\" data-testid=\"calendar-legend\">\n      <VisuallyHidden>{t('labels.legend')}</VisuallyHidden>\n      <Flex flexDirection=\"column\" gap={24}>\n        {highlightDates?.map((highlight, index) => (\n          <Flex justifyContent=\"center\" alignItems=\"center\" key={index} gap={16}>\n            <div\n              data-highlight={highlight.highlightColor}\n              className=\"react-aria-CalendarLegendMarker\"\n              data-testid=\"calendar-legend-item\"\n            />\n            <Flex flexDirection=\"column\" gap={0}>\n              <Text className=\"react-aria-CalendarLegendText\">{highlight.label}</Text>\n              <Text size=\"sm\" className=\"react-aria-CalendarLegendSubText\">\n                {getFormattedLegendDate(highlight.date)}\n              </Text>\n            </Flex>\n          </Flex>\n        ))}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["CalendarLegend","highlightDates","t","useTranslation","Text","useComponentContext","getFormattedLegendDate","date","userTimezoneOffset","adjustedDate","jsxs","jsx","VisuallyHidden","Flex","highlight","index"],"mappings":";;;;;AAQO,MAAMA,IAAiB,CAAC,EAAE,gBAAAC,QAA0C;AACzE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,MAAAC,EAAA,IAASC,EAAA,GACXC,IAAyB,CAACC,MAAe;AAE7C,UAAMC,IAAqBD,EAAK,kBAAA,IAAsB,KAChDE,IAAe,IAAI,KAAKF,EAAK,QAAA,IAAYC,CAAkB;AAEjE,WAAO,IAAI,KAAK,eAAe,QAAW;AAAA,MACxC,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,EAAE,OAAOC,CAAY;AAAA,EACxB;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,6BAA4B,eAAY,mBACrD,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAgB,UAAAV,EAAE,eAAe,EAAA,CAAE;AAAA,sBACnCW,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,aAAgB,IAAI,CAACC,GAAWC,wBAC9BF,GAAA,EAAK,gBAAe,UAAS,YAAW,UAAqB,KAAK,IACjE,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,kBAAgBG,EAAU;AAAA,UAC1B,WAAU;AAAA,UACV,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAJ,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAF,EAACP,GAAA,EAAK,WAAU,iCAAiC,UAAAU,EAAU,OAAM;AAAA,QACjE,gBAAAH,EAACP,KAAK,MAAK,MAAK,WAAU,oCACvB,UAAAE,EAAuBQ,EAAU,IAAI,EAAA,CACxC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,GAXqDC,CAYvD,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"CalendarLegend.js","sources":["../../../../../src/components/Common/UI/CalendarPreview/CalendarLegend.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { Flex } from '../../Flex/Flex'\nimport type { CalendarPreviewProps } from './CalendarPreviewTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Props for the CalendarLegend subcomponent rendered alongside {@link CalendarPreviewProps | CalendarPreview}.\n *\n * @internal\n */\nexport type CalendarLegendProps = Pick<CalendarPreviewProps, 'highlightDates' | 'dateRange'>\n\n/**\n * Renders the legend portion of a {@link CalendarPreview}, listing each highlighted date with its color and label.\n *\n * @param props - The {@link CalendarLegendProps} controlling which dates appear in the legend.\n * @returns The rendered legend element.\n * @internal\n */\nexport const CalendarLegend = ({ highlightDates }: CalendarLegendProps) => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const { Text } = useComponentContext()\n  const getFormattedLegendDate = (date: Date) => {\n    // adjust for timezone offset to prevent date shifting\n    const userTimezoneOffset = date.getTimezoneOffset() * 60000\n    const adjustedDate = new Date(date.getTime() + userTimezoneOffset)\n\n    return new Intl.DateTimeFormat(undefined, {\n      weekday: 'long',\n      month: 'long',\n      day: 'numeric',\n      year: 'numeric',\n    }).format(adjustedDate)\n  }\n\n  return (\n    <div className=\"react-aria-CalendarLegend\" data-testid=\"calendar-legend\">\n      <VisuallyHidden>{t('labels.legend')}</VisuallyHidden>\n      <Flex flexDirection=\"column\" gap={24}>\n        {highlightDates?.map((highlight, index) => (\n          <Flex justifyContent=\"center\" alignItems=\"center\" key={index} gap={16}>\n            <div\n              data-highlight={highlight.highlightColor}\n              className=\"react-aria-CalendarLegendMarker\"\n              data-testid=\"calendar-legend-item\"\n            />\n            <Flex flexDirection=\"column\" gap={0}>\n              <Text className=\"react-aria-CalendarLegendText\">{highlight.label}</Text>\n              <Text size=\"sm\" className=\"react-aria-CalendarLegendSubText\">\n                {getFormattedLegendDate(highlight.date)}\n              </Text>\n            </Flex>\n          </Flex>\n        ))}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["CalendarLegend","highlightDates","t","useTranslation","Text","useComponentContext","getFormattedLegendDate","date","userTimezoneOffset","adjustedDate","jsxs","jsx","VisuallyHidden","Flex","highlight","index"],"mappings":";;;;;AAoBO,MAAMA,IAAiB,CAAC,EAAE,gBAAAC,QAA0C;AACzE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,MAAAC,EAAA,IAASC,EAAA,GACXC,IAAyB,CAACC,MAAe;AAE7C,UAAMC,IAAqBD,EAAK,kBAAA,IAAsB,KAChDE,IAAe,IAAI,KAAKF,EAAK,QAAA,IAAYC,CAAkB;AAEjE,WAAO,IAAI,KAAK,eAAe,QAAW;AAAA,MACxC,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,EAAE,OAAOC,CAAY;AAAA,EACxB;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,6BAA4B,eAAY,mBACrD,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAgB,UAAAV,EAAE,eAAe,EAAA,CAAE;AAAA,sBACnCW,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,aAAgB,IAAI,CAACC,GAAWC,wBAC9BF,GAAA,EAAK,gBAAe,UAAS,YAAW,UAAqB,KAAK,IACjE,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,kBAAgBG,EAAU;AAAA,UAC1B,WAAU;AAAA,UACV,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAJ,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAF,EAACP,GAAA,EAAK,WAAU,iCAAiC,UAAAU,EAAU,OAAM;AAAA,QACjE,gBAAAH,EAACP,KAAK,MAAK,MAAK,WAAU,oCACvB,UAAAE,EAAuBQ,EAAU,IAAI,EAAA,CACxC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,GAXqDC,CAYvD,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Common/UI/CalendarPreview/CalendarPreview.d.ts

@@ -1,2 +1,9 @@
 import { CalendarPreviewProps } from './CalendarPreviewTypes';
-export declare const CalendarPreview: ({ dateRange, highlightDates }: CalendarPreviewProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders a read-only calendar showing a date range with optional highlighted dates and an accompanying legend.
+ *
+ * @param props - The {@link CalendarPreviewProps} controlling the displayed range and highlighted dates.
+ * @returns The rendered calendar preview element.
+ * @internal
+ */
+export declare const CalendarPreview: ({ dateRange, highlightDates }: CalendarPreviewProps) => import("react").JSX.Element;

package/dist/components/Common/UI/CalendarPreview/CalendarPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarPreview.js","sources":["../../../../../src/components/Common/UI/CalendarPreview/CalendarPreview.tsx"],"sourcesContent":["import type { DateValue } from 'react-aria-components'\nimport {\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  Text,\n  RangeCalendar,\n} from 'react-aria-components'\nimport { parseDate } from '@internationalized/date'\nimport { useMemo } from 'react'\nimport { CalendarLegend } from './CalendarLegend'\nimport type { CalendarPreviewProps } from './CalendarPreviewTypes'\nimport styles from './CalendarPreview.module.scss'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { Flex } from '@/components/Common/Flex'\n\nexport const CalendarPreview = ({ dateRange, highlightDates }: CalendarPreviewProps) => {\n  const highlightMap = useMemo(() => {\n    if (!highlightDates) return new Map()\n\n    return new Map(\n      highlightDates.map(highlight => [\n        formatDateToStringDate(highlight.date),\n        highlight.highlightColor,\n      ]),\n    )\n  }, [highlightDates])\n\n  const isInRange = (date: DateValue) => {\n    const comparisonDate = new Date(date.toString())\n    const { start, end } = dateRange\n    return comparisonDate >= start && comparisonDate <= end\n  }\n\n  const isDatesInMultipleMonths = useMemo(() => {\n    // Get all dates into an array\n    const allDates = [dateRange.start, dateRange.end, ...(highlightDates?.map(h => h.date) || [])]\n\n    // Get the month of the first date to compare against\n    const firstMonth = allDates[0]?.getMonth() ?? 0\n\n    // Check if any date has a different month than the first date\n    return allDates.some(date => date.getMonth() !== firstMonth)\n  }, [dateRange, highlightDates])\n\n  const getMonthName = (date: Date) => {\n    const dateFormatter = new Intl.DateTimeFormat(undefined, {\n      month: 'long',\n      year: 'numeric',\n    })\n    return dateFormatter.format(date)\n  }\n\n  const formattedStartDate = formatDateToStringDate(dateRange.start)\n  const formattedEndDate = formatDateToStringDate(dateRange.end)\n\n  const rangeValue =\n    formattedStartDate && formattedEndDate\n      ? {\n          start: parseDate(formattedStartDate),\n          end: parseDate(formattedEndDate),\n        }\n      : undefined\n\n  return (\n    <div className={styles.calendar}>\n      <div className={styles.calendarWrapper}>\n        <div className={styles.calendarHeader}>\n          <Flex alignItems={'center'} justifyContent={'center'}>\n            <Text>{getMonthName(dateRange.start)}</Text>\n          </Flex>\n        </div>\n        <RangeCalendar\n          isReadOnly\n          value={rangeValue}\n          visibleDuration={isDatesInMultipleMonths ? { weeks: 2 } : undefined}\n        >\n          <CalendarGrid weekdayStyle={'short'}>\n            <CalendarGridHeader>\n              {day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n            </CalendarGridHeader>\n            <CalendarGridBody>\n              {date => {\n                return (\n                  <CalendarCell\n                    className=\"react-aria-CalendarCell\"\n                    date={date}\n                    {...(isInRange(date) ? { 'data-selected': true } : {})}\n                    data-highlight={highlightMap.get(date.toString())}\n                    data-disabled={true}\n                  >\n                    {({ formattedDate }) => {\n                      return (\n                        <Flex flexDirection={'column'} alignItems={'center'} gap={0}>\n                          {formattedDate}\n                          <div className={styles.dateMarker}></div>\n                        </Flex>\n                      )\n                    }}\n                  </CalendarCell>\n                )\n              }}\n            </CalendarGridBody>\n          </CalendarGrid>\n\n          <Text slot=\"errorMessage\" />\n        </RangeCalendar>\n        <CalendarLegend highlightDates={highlightDates} dateRange={dateRange} />\n      </div>\n    </div>\n  )\n}\n"],"names":["CalendarPreview","dateRange","highlightDates","highlightMap","useMemo","highlight","formatDateToStringDate","isInRange","date","comparisonDate","start","end","isDatesInMultipleMonths","allDates","h","firstMonth","getMonthName","formattedStartDate","formattedEndDate","rangeValue","parseDate","jsx","styles","jsxs","Flex","Text","RangeCalendar","CalendarGrid","CalendarGridHeader","day","CalendarHeaderCell","CalendarGridBody","CalendarCell","formattedDate","CalendarLegend"],"mappings":"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"}
+{"version":3,"file":"CalendarPreview.js","sources":["../../../../../src/components/Common/UI/CalendarPreview/CalendarPreview.tsx"],"sourcesContent":["import type { DateValue } from 'react-aria-components'\nimport {\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  Text,\n  RangeCalendar,\n} from 'react-aria-components'\nimport { parseDate } from '@internationalized/date'\nimport { useMemo } from 'react'\nimport { CalendarLegend } from './CalendarLegend'\nimport type { CalendarPreviewProps } from './CalendarPreviewTypes'\nimport styles from './CalendarPreview.module.scss'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { Flex } from '@/components/Common/Flex'\n\n/**\n * Renders a read-only calendar showing a date range with optional highlighted dates and an accompanying legend.\n *\n * @param props - The {@link CalendarPreviewProps} controlling the displayed range and highlighted dates.\n * @returns The rendered calendar preview element.\n * @internal\n */\nexport const CalendarPreview = ({ dateRange, highlightDates }: CalendarPreviewProps) => {\n  const highlightMap = useMemo(() => {\n    if (!highlightDates) return new Map()\n\n    return new Map(\n      highlightDates.map(highlight => [\n        formatDateToStringDate(highlight.date),\n        highlight.highlightColor,\n      ]),\n    )\n  }, [highlightDates])\n\n  const isInRange = (date: DateValue) => {\n    const comparisonDate = new Date(date.toString())\n    const { start, end } = dateRange\n    return comparisonDate >= start && comparisonDate <= end\n  }\n\n  const isDatesInMultipleMonths = useMemo(() => {\n    // Get all dates into an array\n    const allDates = [dateRange.start, dateRange.end, ...(highlightDates?.map(h => h.date) || [])]\n\n    // Get the month of the first date to compare against\n    const firstMonth = allDates[0]?.getMonth() ?? 0\n\n    // Check if any date has a different month than the first date\n    return allDates.some(date => date.getMonth() !== firstMonth)\n  }, [dateRange, highlightDates])\n\n  const getMonthName = (date: Date) => {\n    const dateFormatter = new Intl.DateTimeFormat(undefined, {\n      month: 'long',\n      year: 'numeric',\n    })\n    return dateFormatter.format(date)\n  }\n\n  const formattedStartDate = formatDateToStringDate(dateRange.start)\n  const formattedEndDate = formatDateToStringDate(dateRange.end)\n\n  const rangeValue =\n    formattedStartDate && formattedEndDate\n      ? {\n          start: parseDate(formattedStartDate),\n          end: parseDate(formattedEndDate),\n        }\n      : undefined\n\n  return (\n    <div className={styles.calendar}>\n      <div className={styles.calendarWrapper}>\n        <div className={styles.calendarHeader}>\n          <Flex alignItems={'center'} justifyContent={'center'}>\n            <Text>{getMonthName(dateRange.start)}</Text>\n          </Flex>\n        </div>\n        <RangeCalendar\n          isReadOnly\n          value={rangeValue}\n          visibleDuration={isDatesInMultipleMonths ? { weeks: 2 } : undefined}\n        >\n          <CalendarGrid weekdayStyle={'short'}>\n            <CalendarGridHeader>\n              {day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n            </CalendarGridHeader>\n            <CalendarGridBody>\n              {date => {\n                return (\n                  <CalendarCell\n                    className=\"react-aria-CalendarCell\"\n                    date={date}\n                    {...(isInRange(date) ? { 'data-selected': true } : {})}\n                    data-highlight={highlightMap.get(date.toString())}\n                    data-disabled={true}\n                  >\n                    {({ formattedDate }) => {\n                      return (\n                        <Flex flexDirection={'column'} alignItems={'center'} gap={0}>\n                          {formattedDate}\n                          <div className={styles.dateMarker}></div>\n                        </Flex>\n                      )\n                    }}\n                  </CalendarCell>\n                )\n              }}\n            </CalendarGridBody>\n          </CalendarGrid>\n\n          <Text slot=\"errorMessage\" />\n        </RangeCalendar>\n        <CalendarLegend highlightDates={highlightDates} dateRange={dateRange} />\n      </div>\n    </div>\n  )\n}\n"],"names":["CalendarPreview","dateRange","highlightDates","highlightMap","useMemo","highlight","formatDateToStringDate","isInRange","date","comparisonDate","start","end","isDatesInMultipleMonths","allDates","h","firstMonth","getMonthName","formattedStartDate","formattedEndDate","rangeValue","parseDate","jsx","styles","jsxs","Flex","Text","RangeCalendar","CalendarGrid","CalendarGridHeader","day","CalendarHeaderCell","CalendarGridBody","CalendarCell","formattedDate","CalendarLegend"],"mappings":"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"}

package/dist/components/Common/UI/CalendarPreview/CalendarPreviewTypes.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Props your `CalendarPreview` implementation must accept from the component adapter.
+ * Renders a read-only calendar display for visualizing a date range with optional highlighted dates.
+ *
+ * @public
+ */
 export type CalendarPreviewProps = {
     /**
      * Array of dates to highlight with custom colors and labels

package/dist/components/Common/UI/CalendarPreview/index.d.ts

@@ -1,4 +1,2 @@
 import "./types/i18next.d.ts"
 export { CalendarPreview } from './CalendarPreview';
-export { CalendarLegend } from './CalendarLegend';
-export type { CalendarPreviewProps } from './CalendarPreviewTypes';

package/dist/components/Common/UI/Card/Card.d.ts

@@ -1,2 +1,9 @@
 import { CardProps } from './CardTypes';
-export declare function Card({ children, menu, className, action }: CardProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders a content card with optional left-side action element and right-side menu.
+ *
+ * @param props - The {@link CardProps} controlling the card's content, optional action, and optional menu.
+ * @returns The rendered card element.
+ * @internal
+ */
+export declare function Card({ children, menu, className, action }: CardProps): import("react").JSX.Element;

package/dist/components/Common/UI/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/components/Common/UI/Card/Card.tsx"],"sourcesContent":["import cn from 'classnames'\nimport { Flex } from '../../Flex/Flex'\nimport styles from './Card.module.scss'\nimport { type CardProps } from '@/components/Common/UI/Card/CardTypes'\n\nexport function Card({ children, menu, className, action }: CardProps) {\n  return (\n    <div className={cn(styles.cardContainer, className)} data-testid=\"data-card\">\n      <Flex flexDirection=\"row\" gap={8}>\n        {action && <div>{action}</div>}\n        <div style={{ flexGrow: 1, flexShrink: 1 }}>\n          <Flex flexDirection={'column'} gap={16}>\n            {children}\n          </Flex>\n        </div>\n        {menu && <div>{menu}</div>}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["Card","children","menu","className","action","jsx","cn","styles","jsxs","Flex"],"mappings":";;;;AAKO,SAASA,EAAK,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,GAAW,QAAAC,KAAqB;AACrE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,eAAeJ,CAAS,GAAG,eAAY,aAC/D,UAAA,gBAAAK,EAACC,GAAA,EAAK,eAAc,OAAM,KAAK,GAC5B,UAAA;AAAA,IAAAL,KAAU,gBAAAC,EAAC,SAAK,UAAAD,EAAA,CAAO;AAAA,sBACvB,OAAA,EAAI,OAAO,EAAE,UAAU,GAAG,YAAY,KACrC,UAAA,gBAAAC,EAACI,KAAK,eAAe,UAAU,KAAK,IACjC,UAAAR,GACH,GACF;AAAA,IACCC,KAAQ,gBAAAG,EAAC,OAAA,EAAK,UAAAH,EAAA,CAAK;AAAA,EAAA,EAAA,CACtB,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/Common/UI/Card/Card.tsx"],"sourcesContent":["import cn from 'classnames'\nimport { Flex } from '../../Flex/Flex'\nimport styles from './Card.module.scss'\nimport { type CardProps } from '@/components/Common/UI/Card/CardTypes'\n\n/**\n * Renders a content card with optional left-side action element and right-side menu.\n *\n * @param props - The {@link CardProps} controlling the card's content, optional action, and optional menu.\n * @returns The rendered card element.\n * @internal\n */\nexport function Card({ children, menu, className, action }: CardProps) {\n  return (\n    <div className={cn(styles.cardContainer, className)} data-testid=\"data-card\">\n      <Flex flexDirection=\"row\" gap={8}>\n        {action && <div>{action}</div>}\n        <div style={{ flexGrow: 1, flexShrink: 1 }}>\n          <Flex flexDirection={'column'} gap={16}>\n            {children}\n          </Flex>\n        </div>\n        {menu && <div>{menu}</div>}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["Card","children","menu","className","action","jsx","cn","styles","jsxs","Flex"],"mappings":";;;;AAYO,SAASA,EAAK,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,GAAW,QAAAC,KAAqB;AACrE,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,eAAeJ,CAAS,GAAG,eAAY,aAC/D,UAAA,gBAAAK,EAACC,GAAA,EAAK,eAAc,OAAM,KAAK,GAC5B,UAAA;AAAA,IAAAL,KAAU,gBAAAC,EAAC,SAAK,UAAAD,EAAA,CAAO;AAAA,sBACvB,OAAA,EAAI,OAAO,EAAE,UAAU,GAAG,YAAY,KACrC,UAAA,gBAAAC,EAACI,KAAK,eAAe,UAAU,KAAK,IACjC,UAAAR,GACH,GACF;AAAA,IACCC,KAAQ,gBAAAG,EAAC,OAAA,EAAK,UAAAH,EAAA,CAAK;AAAA,EAAA,EAAA,CACtB,EAAA,CACF;AAEJ;"}

package/dist/components/Common/UI/Card/CardTypes.d.ts

@@ -1,4 +1,10 @@
 import { ReactNode } from 'react';
+/**
+ * Props your `Card` implementation must accept from the component adapter.
+ * Renders a content container with an optional overflow menu and a leading action slot.
+ *
+ * @public
+ */
 export interface CardProps {
     /**
      * Content to be displayed inside the card

package/dist/components/Common/UI/Checkbox/Checkbox.d.ts

@@ -1,2 +1,9 @@
 import { CheckboxProps } from './CheckboxTypes';
-export declare const Checkbox: (rawProps: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders a labeled checkbox input with optional description and error message.
+ *
+ * @param rawProps - The {@link CheckboxProps} controlling the checked state, label, and validation messaging.
+ * @returns The rendered checkbox element.
+ * @internal
+ */
+export declare const Checkbox: (rawProps: CheckboxProps) => import("react").JSX.Element;

package/dist/components/Common/UI/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Common/UI/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Checkbox.module.scss'\nimport type { CheckboxProps } from './CheckboxTypes'\nimport { CheckboxDefaults } from './CheckboxTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\nimport IconChecked from '@/assets/icons/checkbox.svg?react'\n\nexport const Checkbox = (rawProps: CheckboxProps) => {\n  const resolvedProps = applyMissingDefaults(rawProps, CheckboxDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    inputRef,\n    value,\n    isInvalid,\n    isDisabled,\n    id,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      {...otherProps}\n    >\n      <div\n        className={classNames(\n          styles.checkboxWrapper,\n          value && styles.checked,\n          isDisabled && styles.disabled,\n        )}\n      >\n        <input\n          type=\"checkbox\"\n          name={name}\n          disabled={isDisabled}\n          aria-invalid={isInvalid}\n          aria-describedby={ariaDescribedBy}\n          checked={value}\n          id={inputId}\n          ref={inputRef}\n          onBlur={onBlur}\n          onChange={handleChange}\n          className={styles.checkboxInput}\n        />\n        <div className={styles.checkbox}>\n          <IconChecked className={styles.check} />\n        </div>\n      </div>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Checkbox","rawProps","resolvedProps","applyMissingDefaults","CheckboxDefaults","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","className","shouldVisuallyHideLabel","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","classNames","styles","IconChecked"],"mappings":";;;;;;;;AAUO,MAAMA,IAAW,CAACC,MAA4B;AACnD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAgB,GAC/D;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDjB,GACE,EAAE,SAAAkB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASV;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkB,IAAe,CAACC,MAAyC;AAC7D,IAAAX,IAAWW,EAAM,OAAO,OAAO;AAAA,EACjC;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASW;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAJ;AAAA,MACA,WAAAD;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACTC,EAAO;AAAA,YACPpB,KAASoB,EAAO;AAAA,YAChBlB,KAAckB,EAAO;AAAA,UAAA;AAAA,UAGvB,UAAA;AAAA,YAAA,gBAAAJ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAAtB;AAAA,gBACA,UAAUQ;AAAA,gBACV,gBAAcD;AAAA,gBACd,oBAAkBW;AAAA,gBAClB,SAASZ;AAAA,gBACT,IAAIS;AAAA,gBACJ,KAAKV;AAAA,gBACL,QAAAM;AAAA,gBACA,UAAUS;AAAA,gBACV,WAAWM,EAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAEpB,gBAAAJ,EAAC,OAAA,EAAI,WAAWI,EAAO,UACrB,4BAACC,GAAA,EAAY,WAAWD,EAAO,MAAA,CAAO,EAAA,CACxC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Common/UI/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Checkbox.module.scss'\nimport type { CheckboxProps } from './CheckboxTypes'\nimport { CheckboxDefaults } from './CheckboxTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\nimport IconChecked from '@/assets/icons/checkbox.svg?react'\n\n/**\n * Renders a labeled checkbox input with optional description and error message.\n *\n * @param rawProps - The {@link CheckboxProps} controlling the checked state, label, and validation messaging.\n * @returns The rendered checkbox element.\n * @internal\n */\nexport const Checkbox = (rawProps: CheckboxProps) => {\n  const resolvedProps = applyMissingDefaults(rawProps, CheckboxDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    inputRef,\n    value,\n    isInvalid,\n    isDisabled,\n    id,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      {...otherProps}\n    >\n      <div\n        className={classNames(\n          styles.checkboxWrapper,\n          value && styles.checked,\n          isDisabled && styles.disabled,\n        )}\n      >\n        <input\n          type=\"checkbox\"\n          name={name}\n          disabled={isDisabled}\n          aria-invalid={isInvalid}\n          aria-describedby={ariaDescribedBy}\n          checked={value}\n          id={inputId}\n          ref={inputRef}\n          onBlur={onBlur}\n          onChange={handleChange}\n          className={styles.checkboxInput}\n        />\n        <div className={styles.checkbox}>\n          <IconChecked className={styles.check} />\n        </div>\n      </div>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Checkbox","rawProps","resolvedProps","applyMissingDefaults","CheckboxDefaults","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","className","shouldVisuallyHideLabel","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","classNames","styles","IconChecked"],"mappings":";;;;;;;;AAiBO,MAAMA,IAAW,CAACC,MAA4B;AACnD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAgB,GAC/D;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDjB,GACE,EAAE,SAAAkB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASV;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkB,IAAe,CAACC,MAAyC;AAC7D,IAAAX,IAAWW,EAAM,OAAO,OAAO;AAAA,EACjC;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASW;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAJ;AAAA,MACA,WAAAD;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACTC,EAAO;AAAA,YACPpB,KAASoB,EAAO;AAAA,YAChBlB,KAAckB,EAAO;AAAA,UAAA;AAAA,UAGvB,UAAA;AAAA,YAAA,gBAAAJ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAAtB;AAAA,gBACA,UAAUQ;AAAA,gBACV,gBAAcD;AAAA,gBACd,oBAAkBW;AAAA,gBAClB,SAASZ;AAAA,gBACT,IAAIS;AAAA,gBACJ,KAAKV;AAAA,gBACL,QAAAM;AAAA,gBACA,UAAUS;AAAA,gBACV,WAAWM,EAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAEpB,gBAAAJ,EAAC,OAAA,EAAI,WAAWI,EAAO,UACrB,4BAACC,GAAA,EAAY,WAAWD,EAAO,MAAA,CAAO,EAAA,CACxC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/Checkbox/CheckboxTypes.d.ts

@@ -1,5 +1,11 @@
 import { InputHTMLAttributes, Ref } from 'react';
 import { SharedHorizontalFieldLayoutProps } from '../../HorizontalFieldLayout/HorizontalFieldLayoutTypes';
+/**
+ * Props your `Checkbox` implementation must accept from the component adapter.
+ * Renders a form field wrapping an `<input type="checkbox" />` with a label, optional description, and error message.
+ *
+ * @public
+ */
 export interface CheckboxProps extends SharedHorizontalFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className'> {
     /**
      * Current checked state of the checkbox
@@ -15,10 +21,14 @@ export interface CheckboxProps extends SharedHorizontalFieldLayoutProps, Pick<In
     inputRef?: Ref<HTMLInputElement>;
     /**
      * Indicates if the checkbox is in an invalid state
+     *
+     * @defaultValue `false`
      */
     isInvalid?: boolean;
     /**
      * Disables the checkbox and prevents interaction
+     *
+     * @defaultValue `false`
      */
     isDisabled?: boolean;
     /**
@@ -28,6 +38,8 @@ export interface CheckboxProps extends SharedHorizontalFieldLayoutProps, Pick<In
 }
 /**
  * Default prop values for Checkbox component.
+ *
+ * @internal
  */
 export declare const CheckboxDefaults: {
     readonly isInvalid: false;

package/dist/components/Common/UI/Checkbox/CheckboxTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTypes.js","sources":["../../../../../src/components/Common/UI/Checkbox/CheckboxTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\nexport interface CheckboxProps\n  extends\n    SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className'> {\n  /**\n   * Current checked state of the checkbox\n   */\n  value?: boolean\n  /**\n   * Callback when checkbox state changes\n   */\n  onChange?: (value: boolean) => void\n  /**\n   * React ref for the checkbox input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates if the checkbox is in an invalid state\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the checkbox and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n}\n\n/**\n * Default prop values for Checkbox component.\n */\nexport const CheckboxDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<CheckboxProps>\n"],"names":["CheckboxDefaults"],"mappings":"AAoCO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"CheckboxTypes.js","sources":["../../../../../src/components/Common/UI/Checkbox/CheckboxTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\n/**\n * Props your `Checkbox` implementation must accept from the component adapter.\n * Renders a form field wrapping an `<input type=\"checkbox\" />` with a label, optional description, and error message.\n *\n * @public\n */\nexport interface CheckboxProps\n  extends\n    SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className'> {\n  /**\n   * Current checked state of the checkbox\n   */\n  value?: boolean\n  /**\n   * Callback when checkbox state changes\n   */\n  onChange?: (value: boolean) => void\n  /**\n   * React ref for the checkbox input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates if the checkbox is in an invalid state\n   *\n   * @defaultValue `false`\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the checkbox and prevents interaction\n   *\n   * @defaultValue `false`\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n}\n\n/**\n * Default prop values for Checkbox component.\n *\n * @internal\n */\nexport const CheckboxDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<CheckboxProps>\n"],"names":["CheckboxDefaults"],"mappings":"AAgDO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY;AACd;"}

package/dist/components/Common/UI/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,2 +1,10 @@
+import { default as React } from 'react';
 import { CheckboxGroupProps } from './CheckboxGroupTypes';
-export declare function CheckboxGroup(rawProps: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders a group of related checkboxes that share a single label, description, and error state.
+ *
+ * @param rawProps - The {@link CheckboxGroupProps} controlling the group's label, options, and selected values.
+ * @returns The rendered checkbox group as a fieldset.
+ * @internal
+ */
+export declare function CheckboxGroup(rawProps: CheckboxGroupProps): React.JSX.Element;