@clicoh/orion-library 1.0.19 → 1.1.0-beta.2

package/dist/components/02-molecules/Table/TableSkeleton.jsx

@@ -15,10 +15,10 @@ import { Each } from '../../00-base';
  * @returns {ReactNode} The rendered TableSkeleton component.
  */
 export function TableSkeleton({ numberOfColumns, numberOfRows, }) {
-    return (<Each of={range(numberOfRows)} render={(item) => (<tr key={item}>
+    return (<Each of={range(numberOfRows)} render={(item) => (<tr key={item} className="border-gray-5 dark:border-gray-1 border-b">
           <Each of={range(numberOfColumns)} render={(item) => (<td key={item} className="px-4 py-5">
                 <div role="status" className="animate-pulse">
-                  <div className="bg-gray-2 h-2.5 w-16 rounded-full"></div>
+                  <div className="bg-gray-2 dark:bg-gray-1 h-2.5 w-16 rounded-full"></div>
                 </div>
               </td>)}/>
         </tr>)}/>);

package/dist/components/02-molecules/Table/TableSkeleton.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"TableSkeleton.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/TableSkeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOrC;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,eAAe,EACf,YAAY,GACO;IACnB,OAAO,CACL,CAAC,IAAI,CACH,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CACxB,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CACZ;UAAA,CAAC,IAAI,CACH,EAAE,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAC3B,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAClC;gBAAA,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,eAAe,CAC1C;kBAAA,CAAC,GAAG,CAAC,SAAS,CAAC,mCAAmC,CAAC,EAAE,GAAG,CAC1D;gBAAA,EAAE,GAAG,CACP;cAAA,EAAE,EAAE,CAAC,CACN,CAAC,EAEN;QAAA,EAAE,EAAE,CAAC,CACN,CAAC,EACF,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"TableSkeleton.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/TableSkeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOrC;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,eAAe,EACf,YAAY,GACO;IACnB,OAAO,CACL,CAAC,IAAI,CACH,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CACxB,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,2CAA2C,CAClE;UAAA,CAAC,IAAI,CACH,EAAE,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAC3B,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,WAAW,CAClC;gBAAA,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,eAAe,CAC1C;kBAAA,CAAC,GAAG,CAAC,SAAS,CAAC,kDAAkD,CAAC,EAAE,GAAG,CACzE;gBAAA,EAAE,GAAG,CACP;cAAA,EAAE,EAAE,CAAC,CACN,CAAC,EAEN;QAAA,EAAE,EAAE,CAAC,CACN,CAAC,EACF,CACH,CAAC;AACJ,CAAC"}

package/dist/components/02-molecules/TimePicker/TimePicker.d.ts

@@ -4,6 +4,11 @@ type TimePickerProps = {
     defaultValue?: string;
     disabled?: boolean;
     onTimeChange?: (time: string) => void;
+    label?: string;
+    incrementHourLabel?: string;
+    decrementHourLabel?: string;
+    incrementMinuteLabel?: string;
+    decrementMinuteLabel?: string;
 } & HTMLAttributes<HTMLDivElement>;
 /**
  * TimePicker component that allows selecting only hour and half-hour slots.
@@ -25,6 +30,6 @@ type TimePickerProps = {
  *
  * @returns {ReactNode} The rendered TimePicker component.
  */
-export declare function TimePicker({ value, defaultValue, disabled, onTimeChange, ...restProps }: TimePickerProps): ReactNode;
+export declare function TimePicker({ value, defaultValue, disabled, onTimeChange, label, incrementHourLabel, decrementHourLabel, incrementMinuteLabel, decrementMinuteLabel, ...restProps }: TimePickerProps): ReactNode;
 export {};
 //# sourceMappingURL=TimePicker.d.ts.map

package/dist/components/02-molecules/TimePicker/TimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAUf,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AASnC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,SAAS,CAyE7B"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAUf,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AASnC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,YAAY,EACZ,KAAK,EACL,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,SAAS,CA+E7B"}

package/dist/components/02-molecules/TimePicker/TimePicker.jsx

@@ -28,7 +28,7 @@ const minuteValues = [0, 30];
  *
  * @returns {ReactNode} The rendered TimePicker component.
  */
-export function TimePicker({ value, defaultValue, disabled = false, onTimeChange, ...restProps }) {
+export function TimePicker({ value, defaultValue, disabled = false, onTimeChange, label, incrementHourLabel, decrementHourLabel, incrementMinuteLabel, decrementMinuteLabel, ...restProps }) {
     const [time, setTime] = useState(() => parseTime(value || defaultValue));
     useEffect(() => {
         if (!value)
@@ -54,37 +54,37 @@ export function TimePicker({ value, defaultValue, disabled = false, onTimeChange
         const nextIndex = (currentIndex + step + minuteValues.length) % minuteValues.length;
         return updateTime({ ...time, minute: minuteValues[nextIndex] });
     };
-    return (<div {...restProps} className={clsx('border-info bg-info-2 inline-flex items-center justify-center rounded-xl border px-5 py-3', disabled && 'border-gray-3', restProps.className)}>
-      <TimeValue value={padTimeValue(time.hour)} disabled={disabled} onIncrement={() => updateHour(1)} onDecrement={() => updateHour(-1)}/>
-      <span className="text-info-dark-3 px-2 text-4xl leading-none font-bold">
+    return (<div {...restProps} role="group" aria-label={label ?? restProps['aria-label']} className={clsx('border-info bg-info-2 dark:border-info-dark dark:bg-black-1 inline-flex items-center justify-center rounded-xl border px-5 py-3', disabled && 'border-gray-3 dark:border-gray-1', restProps.className)}>
+      <TimeValue value={padTimeValue(time.hour)} disabled={disabled} incrementLabel={incrementHourLabel} decrementLabel={decrementHourLabel} onIncrement={() => updateHour(1)} onDecrement={() => updateHour(-1)}/>
+      <span className="text-info-dark-3 dark:text-info-dark-2 px-2 text-4xl leading-none font-bold">
         :
       </span>
-      <TimeValue value={padTimeValue(time.minute)} disabled={disabled} onIncrement={() => updateMinute(1)} onDecrement={() => updateMinute(-1)}/>
+      <TimeValue value={padTimeValue(time.minute)} disabled={disabled} incrementLabel={incrementMinuteLabel} decrementLabel={decrementMinuteLabel} onIncrement={() => updateMinute(1)} onDecrement={() => updateMinute(-1)}/>
       <div className="ml-2 flex flex-col gap-y-1 overflow-hidden">
         <PeriodButton period="AM" currentPeriod={time.period} disabled={disabled} onClick={() => updateTime({ ...time, period: 'AM' })}/>
         <PeriodButton period="PM" currentPeriod={time.period} disabled={disabled} onClick={() => updateTime({ ...time, period: 'PM' })}/>
       </div>
     </div>);
 }
-function TimeValue({ value, disabled, onIncrement, onDecrement, }) {
+function TimeValue({ value, disabled, incrementLabel, decrementLabel, onIncrement, onDecrement, }) {
     return (<div className="inline-flex items-center">
-      <span className={clsx('text-info-dark-3 text-5xl leading-none font-bold tabular-nums', disabled && 'text-gray-3')}>
+      <span className={clsx('text-info-dark-3 dark:text-info-dark-2 text-5xl leading-none font-bold tabular-nums', disabled && 'text-gray-3 dark:text-gray-2')}>
         {value}
       </span>
       <div className="ml-1 inline-flex flex-col">
-        <button type="button" aria-label={`Increment ${value}`} onClick={onIncrement} disabled={disabled} className={clsx('inline-flex cursor-pointer items-center justify-center leading-none', 'not-disabled:hover:text-info-dark-3', 'disabled:text-gray-3 disabled:cursor-not-allowed')}>
+        <button type="button" aria-label={incrementLabel} onClick={onIncrement} disabled={disabled} className={clsx('inline-flex cursor-pointer items-center justify-center leading-none', 'not-disabled:hover:text-info-dark-3', 'disabled:text-gray-3 dark:disabled:text-gray-2 disabled:cursor-not-allowed dark:text-white')}>
           <MdKeyboardArrowUp size={24}/>
         </button>
-        <button type="button" aria-label={`Decrement ${value}`} onClick={onDecrement} disabled={disabled} className={clsx('text-dark inline-flex cursor-pointer items-center justify-center text-sm leading-none transition-colors', 'not-disabled:hover:text-info-dark-3', 'disabled:text-gray-3 disabled:cursor-not-allowed')}>
+        <button type="button" aria-label={decrementLabel} onClick={onDecrement} disabled={disabled} className={clsx('text-dark inline-flex cursor-pointer items-center justify-center text-sm leading-none transition-colors', 'not-disabled:hover:text-info-dark-3', 'disabled:text-gray-3 dark:disabled:text-gray-2 disabled:cursor-not-allowed dark:text-white')}>
           <MdKeyboardArrowDown size={24}/>
         </button>
       </div>
     </div>);
 }
 function PeriodButton({ period, currentPeriod, disabled, onClick, }) {
-    return (<button type="button" onClick={onClick} disabled={disabled} className={clsx('flex h-6 w-8 items-center justify-center rounded-md text-xs font-semibold transition-colors', period === currentPeriod
+    return (<button type="button" onClick={onClick} disabled={disabled} aria-pressed={period === currentPeriod} className={clsx('flex h-6 w-8 items-center justify-center rounded-md text-xs font-semibold transition-colors', period === currentPeriod
             ? 'bg-info text-white'
-            : 'text-gray-1 not-disabled:hover:bg-gray-6 bg-white', disabled && 'text-gray-3 cursor-not-allowed')}>
+            : 'text-gray-1 not-disabled:hover:bg-gray-6 dark:bg-black-2 dark:text-gray-3 dark:not-disabled:hover:bg-gray-1 bg-white', disabled && 'text-gray-3 dark:text-gray-2 cursor-not-allowed')}>
       {period}
     </button>);
 }

package/dist/components/02-molecules/TimePicker/TimePicker.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TimePicker.jsx","sourceRoot":"","sources":["../../../../src/components/02-molecules/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/03-organisms/AsideFilters/AsideFilters.jsx

@@ -21,7 +21,7 @@ import { Filter, SlideOver } from '../../02-molecules';
  */
 export function AsideFilters({ title, filter, closeCallback, }) {
     return (<SlideOver side="right" closeCallback={closeCallback}>
-      <div className="border-gray-5 border-b px-5 py-4">
+      <div className="border-gray-5 dark:border-gray-1 border-b px-5 py-4 dark:text-white">
         <Heading level="h6">{title}</Heading>
       </div>
       <Filter {...filter}/>

package/dist/components/03-organisms/AsideFilters/AsideFilters.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"AsideFilters.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/AsideFilters/AsideFilters.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAQvD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,aAAa,GACK;IAClB,OAAO,CACL,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC,CACnD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,kCAAkC,CAC/C;QAAA,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACtC;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,EACrB;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC"}
+{"version":3,"file":"AsideFilters.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/AsideFilters/AsideFilters.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAQvD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,aAAa,GACK;IAClB,OAAO,CACL,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC,CACnD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,qEAAqE,CAClF;QAAA,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACtC;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,EACrB;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC"}

package/dist/components/03-organisms/DataTable/DataTable.d.ts

@@ -1,8 +1,8 @@
 import { ComponentProps, HTMLAttributes, ReactNode } from 'react';
 import { Pagination, Table } from '../../02-molecules';
 type DataTableProps = {
-    table: Pick<ComponentProps<typeof Table>, 'id' | 'headers' | 'data' | 'action' | 'actions' | 'loading' | 'selectable' | 'multiple' | 'currentSelection' | 'setCurrentSelection'>;
-    pagination: Pick<ComponentProps<typeof Pagination>, 'currentPage' | 'pageChange' | 'itemsPerPage' | 'totalItems'>;
+    table: Pick<ComponentProps<typeof Table>, 'id' | 'headers' | 'data' | 'action' | 'actions' | 'loading' | 'selectable' | 'multiple' | 'currentSelection' | 'setCurrentSelection' | 'tableName' | 'selectAllLabel' | 'getRowSelectionLabel' | 'getRowActionLabel' | 'footer' | 'tableProps'>;
+    pagination: Pick<ComponentProps<typeof Pagination>, 'currentPage' | 'pageChange' | 'itemsPerPage' | 'totalItems' | 'navigationLabel' | 'previousPageLabel' | 'nextPageLabel' | 'itemsPerPageLabel'>;
 } & HTMLAttributes<HTMLDivElement>;
 /**
  * DataTable component for rendering a table with pagination.

package/dist/components/03-organisms/DataTable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/DataTable/DataTable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5E,OAAO,EACL,UAAU,EACV,KAAK,EAGN,MAAM,oBAAoB,CAAC;AAE5B,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,IAAI,CACT,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,IAAI,GACJ,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,GACT,SAAS,GACT,YAAY,GACZ,UAAU,GACV,kBAAkB,GAClB,qBAAqB,CACxB,CAAC;IACF,UAAU,EAAE,IAAI,CACd,cAAc,CAAC,OAAO,UAAU,CAAC,EACjC,aAAa,GAAG,YAAY,GAAG,cAAc,GAAG,YAAY,CAC7D,CAAC;CACH,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,UAAU,EACV,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,SAAS,CAiE5B"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/DataTable/DataTable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAE5E,OAAO,EACL,UAAU,EACV,KAAK,EAGN,MAAM,oBAAoB,CAAC;AAE5B,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,IAAI,CACT,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,IAAI,GACJ,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,GACT,SAAS,GACT,YAAY,GACZ,UAAU,GACV,kBAAkB,GAClB,qBAAqB,GACrB,WAAW,GACX,gBAAgB,GAChB,sBAAsB,GACtB,mBAAmB,GACnB,QAAQ,GACR,YAAY,CACf,CAAC;IACF,UAAU,EAAE,IAAI,CACd,cAAc,CAAC,OAAO,UAAU,CAAC,EAC/B,aAAa,GACb,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,mBAAmB,CACtB,CAAC;CACH,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,UAAU,EACV,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,SAAS,CAoE5B"}

package/dist/components/03-organisms/DataTable/DataTable.jsx

@@ -49,7 +49,7 @@ export function DataTable({ table, pagination, ...restProps }) {
         setNumberOfRows(itemsPerPage || 10);
         pagination.pageChange(page, itemsPerPage);
     };
-    return (<div {...restProps} className={clsx('border-gray-5 rounded-lg border', restProps.className)}>
+    return (<div {...restProps} className={clsx('border-gray-5 dark:border-gray-1 rounded-lg border dark:text-white', restProps.className)}>
       <Show>
         <Show.When isTrue={!table.selectable}>
           <Table {...table} numberOfRows={numberOfRows} selectable={false} multiple={undefined} currentSelection={undefined} setCurrentSelection={undefined}/>

package/dist/components/03-organisms/DataTable/DataTable.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataTable.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAA6C,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EACL,UAAU,EACV,KAAK,GAGN,MAAM,oBAAoB,CAAC;AAmC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,UAAU,EACV,GAAG,SAAS,EACG;IACf,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,UAAU,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CACrC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAE,YAAqB,EAAE,EAAE;QAC/D,eAAe,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;QACpC,UAAU,CAAC,UAAU,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CACF,IAAI,SAAS,CAAC,CACd,SAAS,CAAC,CAAC,IAAI,CACb,oEAAoE,EACpE,SAAS,CAAC,SAAS,CACpB,CAAC,CAEF;MAAA,CAAC,IAAI,CACH;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CACnC;UAAA,CAAC,KAAK,CACJ,IAAI,KAAK,CAAC,CACV,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,UAAU,CAAC,CAAC,KAAK,CAAC,CAClB,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAC5B,mBAAmB,CAAC,CAAC,SAAS,CAAC,EAEnC;QAAA,EAAE,IAAI,CAAC,IAAI,CACX;QAAA,CAAC,IAAI,CAAC,IAAI,CACR,MAAM,CAAC,CACL,CAAC,CAAE,KAAK,CAAC,UAAsB;YAC/B,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,CACnD,CAAC,CAED;UAAA,CAAC,KAAK,CACJ,IAAI,KAAK,CAAC,CACV,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,UAAU,CAAC,CAAC,IAAI,CAAC,CACjB,QAAQ,CAAC,CAAC,IAAI,CAAC,CACf,gBAAgB,CAAC,CAAC,KAAK,CAAC,gBAAsC,CAAC,CAC/D,mBAAmB,CAAC,CAClB,KAAK,CAAC,mBACR,CAAC,EAEL;QAAA,EAAE,IAAI,CAAC,IAAI,CACX;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAE,KAAK,CAAC,UAAsB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CACpE;UAAA,CAAC,KAAK,CACJ,IAAI,KAAK,CAAC,CACV,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,UAAU,CAAC,CAAC,IAAI,CAAC,CACjB,QAAQ,CAAC,CAAC,KAAK,CAAC,CAChB,gBAAgB,CAAC,CAAC,KAAK,CAAC,gBAA6B,CAAC,CACtD,mBAAmB,CAAC,CAClB,KAAK,CAAC,mBACR,CAAC,EAEL;QAAA,EAAE,IAAI,CAAC,IAAI,CACb;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,UAAU,CACT,IAAI,UAAU,CAAC,CACf,UAAU,CAAC,CAAC,gBAAgB,CAAC,CAC7B,SAAS,CAAC,CAAC,uBAAuB,CAAC,CACnC,iBAAiB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CACjC,YAAY,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC,EAEnD;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/03-organisms/Header/Header.d.ts

@@ -1,4 +1,5 @@
 import { ComponentProps, ReactNode } from 'react';
+import { ThemeSwitch } from '../../01-atoms';
 import { Menu } from '../../02-molecules';
 import { AvatarProps } from '../../02-molecules/Avatar/Avatar';
 import { BellNotificationProps } from '../../02-molecules/BellNotifications/BellNotification';
@@ -9,6 +10,7 @@ export type HeaderProps = {
     avatar?: Omit<AvatarProps, 'className' | 'position'>;
     bellNotifications?: Omit<BellNotificationProps, 'className' | 'position'>;
     onFavoriteToggle?: ComponentProps<typeof Menu>['onFavoriteToggle'];
+    themeSwitch?: ComponentProps<typeof ThemeSwitch>;
 };
 /**
  * Header component for rendering the header section of the application.
@@ -32,5 +34,5 @@ export type HeaderProps = {
  *
  * @returns {ReactNode} The rendered Header component.
  */
-export declare function Header({ homeHref, primaryMenu, secondMenu, avatar, bellNotifications, onFavoriteToggle, }: HeaderProps): ReactNode;
+export declare function Header({ homeHref, primaryMenu, secondMenu, avatar, bellNotifications, onFavoriteToggle, themeSwitch, }: HeaderProps): ReactNode;
 //# sourceMappingURL=Header.d.ts.map

package/dist/components/03-organisms/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAqB,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAEL,qBAAqB,EACtB,MAAM,uDAAuD,CAAC;AAE/D,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;IACrD,iBAAiB,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;IAC1E,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;CACpE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAc,EACd,WAAW,EACX,UAAU,EACV,MAAM,EACN,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,WAAW,GAAG,SAAS,CA2BzB"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAQ,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAqB,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAEL,qBAAqB,EACtB,MAAM,uDAAuD,CAAC;AAE/D,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;IACrD,iBAAiB,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;IAC1E,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACnE,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;CAClD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAc,EACd,WAAW,EACX,UAAU,EACV,MAAM,EACN,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,GACZ,EAAE,WAAW,GAAG,SAAS,CA4BzB"}

package/dist/components/03-organisms/Header/Header.jsx

@@ -1,5 +1,5 @@
 import Link from 'next/link';
-import { Logo } from '../../01-atoms';
+import { Logo, ThemeSwitch } from '../../01-atoms';
 import { Avatar, Container, Menu } from '../../02-molecules';
 import { SecondMenu } from './SecondMenu';
 import { BellNotification, } from '../../02-molecules/BellNotifications/BellNotification';
@@ -25,8 +25,8 @@ import { BellNotification, } from '../../02-molecules/BellNotifications/BellNoti
  *
  * @returns {ReactNode} The rendered Header component.
  */
-export function Header({ homeHref = '/', primaryMenu, secondMenu, avatar, bellNotifications, onFavoriteToggle, }) {
-    return (<Container as="header" className="relative flex flex-row justify-between py-2">
+export function Header({ homeHref = '/', primaryMenu, secondMenu, avatar, bellNotifications, onFavoriteToggle, themeSwitch, }) {
+    return (<Container as="header" className="relative flex flex-row justify-between py-2 dark:text-white">
       <div className="flex items-center gap-4">
         <div>
           <Link href={homeHref}>
@@ -39,6 +39,7 @@ export function Header({ homeHref = '/', primaryMenu, secondMenu, avatar, bellNo
           </div>)}
       </div>
       <div className="flex items-center gap-3">
+        {!!themeSwitch && <ThemeSwitch {...themeSwitch}/>}
         {!!bellNotifications && <BellNotification {...bellNotifications}/>}
         {!!avatar && <Avatar {...avatar} position="right"/>}
       </div>

package/dist/components/03-organisms/Header/Header.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Header.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,gBAAgB,GAEjB,MAAM,uDAAuD,CAAC;AAW/D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,GAAG,GAAG,EACd,WAAW,EACX,UAAU,EACV,MAAM,EACN,iBAAiB,EACjB,gBAAgB,GACJ;IACZ,OAAO,CACL,CAAC,SAAS,CACR,EAAE,CAAC,QAAQ,CACX,SAAS,CAAC,6CAA6C,CAEvD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CACnB;YAAA,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EACjB;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,CAAC,CAAC,UAAU,IAAI,CACf,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,EAAG,CACrE,CACD;QAAA,CAAC,CAAC,CAAC,WAAW,IAAI,CAChB,CAAC,GAAG,CACF;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,YAAY,EACnD;UAAA,EAAE,GAAG,CAAC,CACP,CACH;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;QAAA,CAAC,CAAC,CAAC,iBAAiB,IAAI,CAAC,gBAAgB,CAAC,IAAI,iBAAiB,CAAC,EAAG,CACnE;QAAA,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAG,CACtD;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Header.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,gBAAgB,GAEjB,MAAM,uDAAuD,CAAC;AAY/D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,GAAG,GAAG,EACd,WAAW,EACX,UAAU,EACV,MAAM,EACN,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,GACC;IACZ,OAAO,CACL,CAAC,SAAS,CACR,EAAE,CAAC,QAAQ,CACX,SAAS,CAAC,6DAA6D,CAEvE;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CACnB;YAAA,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EACjB;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,CAAC,CAAC,UAAU,IAAI,CACf,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,EAAG,CACrE,CACD;QAAA,CAAC,CAAC,CAAC,WAAW,IAAI,CAChB,CAAC,GAAG,CACF;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,YAAY,EACnD;UAAA,EAAE,GAAG,CAAC,CACP,CACH;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;QAAA,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,IAAI,WAAW,CAAC,EAAG,CAClD;QAAA,CAAC,CAAC,CAAC,iBAAiB,IAAI,CAAC,gBAAgB,CAAC,IAAI,iBAAiB,CAAC,EAAG,CACnE;QAAA,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAG,CACtD;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC"}

package/dist/components/03-organisms/ModalMultiple/ModalMultiple.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
+import { type HTMLAttributes, ReactNode, type RefObject } from 'react';
 import { TButton } from '../../02-molecules/Modal/Modal';
 import { TabListProps } from '../../02-molecules/Tab/TabList';
-interface TButtonModal extends TButton {
+type TButtonModal = TButton & {
     iconL?: ReactNode;
     iconR?: ReactNode;
-}
+};
 export type ModalMultipleProps = {
     title: string;
     tabList: Omit<TabListProps, 'modifier' | 'list'> & {
@@ -17,7 +17,11 @@ export type ModalMultipleProps = {
     handleCloseIcon: TButton['callback'];
     onChangeTab?: (index: number) => void;
     subHeader?: string;
-};
+    closeButtonAriaLabel?: string;
+    initialFocusRef?: RefObject<HTMLElement | null>;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'title'>;
 /**
  * ModalMultiple component for rendering a modal with multiple tabs.
  *
@@ -70,6 +74,6 @@ export type ModalMultipleProps = {
  *
  * @returns {ReactNode} The rendered ModalMultiple component.
  */
-export declare function ModalMultiple({ size, title, tabList, handleCloseIcon, onChangeTab, subHeader, ...props }: ModalMultipleProps): ReactNode;
+export declare function ModalMultiple({ size, title, tabList, handleCloseIcon, onChangeTab, subHeader, closeButtonAriaLabel, initialFocusRef, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, ...restProps }: ModalMultipleProps): ReactNode;
 export {};
 //# sourceMappingURL=ModalMultiple.d.ts.map

package/dist/components/03-organisms/ModalMultiple/ModalMultiple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalMultiple.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/ModalMultiple/ModalMultiple.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAW,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAEvE,UAAU,YAAa,SAAQ,OAAO;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;QACjD,IAAI,EAAE,KAAK,CACT,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG;YAC7B,aAAa,CAAC,EAAE,YAAY,CAAC;YAC7B,YAAY,CAAC,EAAE,YAAY,CAAC;SAC7B,CACF,CAAC;KACH,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAKF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,eAAe,EACf,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,SAAS,CAkHhC"}
+{"version":3,"file":"ModalMultiple.d.ts","sourceRoot":"","sources":["../../../../src/components/03-organisms/ModalMultiple/ModalMultiple.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EAEnB,SAAS,EACT,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAEzD,OAAO,EAAW,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAEvE,KAAK,YAAY,GAAG,OAAO,GAAG;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;QACjD,IAAI,EAAE,KAAK,CACT,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG;YAC7B,aAAa,CAAC,EAAE,YAAY,CAAC;YAC7B,YAAY,CAAC,EAAE,YAAY,CAAC;SAC7B,CACF,CAAC;KACH,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAKlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,eAAe,EACf,WAAW,EACX,SAAS,EACT,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,GAAG,SAAS,EACb,EAAE,kBAAkB,GAAG,SAAS,CAmJhC"}

package/dist/components/03-organisms/ModalMultiple/ModalMultiple.jsx

@@ -1,8 +1,9 @@
 'use client';
 import clsx from 'clsx';
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useId, useRef, useState, } from 'react';
 import { IoCloseSharp } from 'react-icons/io5';
 import { Button, Heading, Paragraph } from '../../01-atoms';
+import { useDialogFocus } from '../../02-molecules/Modal/useDialogFocus';
 import { TabList } from '../../02-molecules/Tab/TabList';
 const enteringClasses = 'ease-out duration-300 opacity-0';
 const leavingClasses = 'ease-in duration-200 opacity-100';
@@ -58,16 +59,20 @@ const leavingClasses = 'ease-in duration-200 opacity-100';
  *
  * @returns {ReactNode} The rendered ModalMultiple component.
  */
-export function ModalMultiple({ size, title, tabList, handleCloseIcon, onChangeTab, subHeader, ...props }) {
+export function ModalMultiple({ size, title, tabList, handleCloseIcon, onChangeTab, subHeader, closeButtonAriaLabel, initialFocusRef, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, ...restProps }) {
     const [isOpen, setIsOpen] = useState(false);
     const [activeTab, setActiveTab] = useState(0);
     const { confirmButton, cancelButton } = tabList.list[activeTab];
-    const handlerClose = (callback) => {
+    const dialogRef = useRef(null);
+    const generatedId = useId();
+    const titleId = `${generatedId}-title`;
+    const descriptionId = `${generatedId}-description`;
+    const handlerClose = useCallback((callback) => {
         callback((closeAction) => {
             setIsOpen(false);
             setTimeout(closeAction, 200);
         });
-    };
+    }, []);
     const handlerOverlayClick = (event) => {
         if (event.target === event.currentTarget) {
             handlerClose(handleCloseIcon);
@@ -76,25 +81,33 @@ export function ModalMultiple({ size, title, tabList, handleCloseIcon, onChangeT
     useEffect(() => {
         setIsOpen(true);
     }, []);
+    useDialogFocus({
+        containerRef: dialogRef,
+        initialFocusRef,
+        isOpen,
+        onEscape: () => handlerClose(handleCloseIcon),
+    });
     return (<>
-      {<div className="relative z-10" {...props}>
-          <div className={clsx('bg-gray-1/75 pointer-events-none fixed inset-0 transition-opacity', !isOpen ? enteringClasses : leavingClasses)}/>
+      {<div {...restProps} className={clsx('relative z-10', restProps.className)}>
+          <div className={clsx('bg-gray-1/75 pointer-events-none fixed inset-0 transition-opacity dark:bg-black/75', !isOpen ? enteringClasses : leavingClasses)}/>
 
           <div className="fixed inset-0 z-10 w-screen overflow-y-auto">
             <div onClick={handlerOverlayClick} className="flex min-h-full items-end justify-center px-8 py-4 sm:items-center">
-              <div className={clsx('relative transform rounded-lg bg-white text-center shadow-xl transition-all sm:my-8 sm:w-full sm:text-left', {
+              <div ref={dialogRef} role="dialog" aria-modal="true" aria-labelledby={ariaLabelledBy ?? titleId} aria-describedby={ariaDescribedBy ?? (subHeader ? descriptionId : undefined)} tabIndex={-1} className={clsx('relative transform rounded-lg bg-white text-center text-black shadow-xl transition-all outline-none sm:my-8 sm:w-full sm:text-left dark:bg-black dark:text-white', {
                 'sm:max-w-lg': size === 'base',
                 'sm:max-w-3xl': size === 'lg',
                 'sm:max-w-5xl': size === 'xl',
             }, !isOpen
                 ? `${enteringClasses} pointer-events-none translate-y-4 sm:translate-y-0 sm:scale-95`
                 : `${leavingClasses} translate-y-0 sm:scale-100`)}>
-                <div className="bg-gray-6 rounded-t-lg px-4 py-4">
-                  <Heading level="h7" className="flex justify-between">
-                    {title}
-                    <IoCloseSharp size={20} className="pa-2 cursor-pointer" onClick={() => handlerClose(handleCloseIcon)}/>
+                <div className="bg-gray-6 dark:bg-black-1 rounded-t-lg px-4 py-4">
+                  <Heading id={titleId} level="h7" className="flex items-center justify-between">
+                    <span>{title}</span>
+                    <button type="button" aria-label={closeButtonAriaLabel} className="hover:text-gray-1 focus-visible:ring-lavender dark:hover:text-gray-3 rounded-sm p-1 transition-colors focus-visible:ring-2 focus-visible:outline-none" onClick={() => handlerClose(handleCloseIcon)}>
+                      <IoCloseSharp aria-hidden size={20}/>
+                    </button>
                   </Heading>
-                  {!!subHeader && (<Paragraph className="mt-1" size="body-2">
+                  {!!subHeader && (<Paragraph id={descriptionId} className="text-gray-1 dark:text-gray-3 mt-1" size="body-2">
                       {subHeader}
                     </Paragraph>)}
                 </div>

package/dist/components/03-organisms/ModalMultiple/ModalMultiple.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"ModalMultiple.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/ModalMultiple/ModalMultiple.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ModalMultiple.jsx","sourceRoot":"","sources":["../../../../src/components/03-organisms/ModalMultiple/ModalMultiple.tsx"],"names":[],"mappings":"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"}

package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.d.ts

@@ -5,6 +5,8 @@ type DashboardTemplateProps = {
     readonly pageTitles: Record<string, string>;
     readonly titleChildren?: ReactNode;
     readonly children: ReactNode;
+    readonly breadcrumbLoadingLabel?: string;
+    readonly headingLoadingLabel?: string;
 };
 /**
  * DashboardTemplate component for rendering the main layout of the dashboard.
@@ -29,6 +31,6 @@ type DashboardTemplateProps = {
  *
  * @returns {ReactNode} The rendered DashboardTemplate component.
  */
-export declare function DashboardTemplate({ headerProps, pageTitles, titleChildren, children, }: DashboardTemplateProps): ReactNode;
+export declare function DashboardTemplate({ headerProps, pageTitles, titleChildren, children, breadcrumbLoadingLabel, headingLoadingLabel, }: DashboardTemplateProps): ReactNode;
 export {};
 //# sourceMappingURL=DashboardTemplate.d.ts.map

package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAU,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAKvE,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC;IACnC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,UAAU,EACV,aAAa,EACb,QAAQ,GACT,EAAE,sBAAsB,GAAG,SAAS,CAyBpC"}
+{"version":3,"file":"DashboardTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAU,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAKvE,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC;IACnC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IACzC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CACvC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,UAAU,EACV,aAAa,EACb,QAAQ,EACR,sBAAsB,EACtB,mBAAmB,GACpB,EAAE,sBAAsB,GAAG,SAAS,CAiCpC"}

package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.jsx

@@ -28,22 +28,22 @@ import { HeadingWithTitleSkeleton } from './HeadingWithTitleSkeleton';
  *
  * @returns {ReactNode} The rendered DashboardTemplate component.
  */
-export function DashboardTemplate({ headerProps, pageTitles, titleChildren, children, }) {
+export function DashboardTemplate({ headerProps, pageTitles, titleChildren, children, breadcrumbLoadingLabel, headingLoadingLabel, }) {
     return (<>
       <Header {...headerProps}/>
-      <hr className="border-gray-5"/>
+      <hr className="border-gray-5 dark:border-gray-2"/>
       <Container className="grid gap-2 py-4">
-        <Suspense fallback={<BreadcrumbSkeleton />}>
+        <Suspense fallback={<BreadcrumbSkeleton loadingLabel={breadcrumbLoadingLabel}/>}>
           <BreadcrumbWithPathname homeHref={headerProps.homeHref} pageTitles={pageTitles}/>
         </Suspense>
         <div className="flex justify-between">
-          <Suspense fallback={<HeadingWithTitleSkeleton />}>
+          <Suspense fallback={<HeadingWithTitleSkeleton loadingLabel={headingLoadingLabel}/>}>
             <HeadingWithTitle pageTitles={pageTitles}/>
           </Suspense>
           {titleChildren}
         </div>
       </Container>
-      <hr className="border-gray-5"/>
+      <hr className="border-gray-5 dark:border-gray-2"/>
       <Container className="py-6" as="main">
         {children}
       </Container>

package/dist/components/04-templates/DashboardTemplate/DashboardTemplate.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAe,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAStE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,WAAW,EACX,UAAU,EACV,aAAa,EACb,QAAQ,GACe;IACvB,OAAO,CACL,EACE;MAAA,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,EACxB;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,eAAe,EAC7B;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,iBAAiB,CACpC;QAAA,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,AAAD,EAAG,CAAC,CACzC;UAAA,CAAC,sBAAsB,CACrB,QAAQ,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAC/B,UAAU,CAAC,CAAC,UAAU,CAAC,EAE3B;QAAA,EAAE,QAAQ,CACV;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,sBAAsB,CACnC;UAAA,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,AAAD,EAAG,CAAC,CAC/C;YAAA,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,EAC3C;UAAA,EAAE,QAAQ,CACV;UAAA,CAAC,aAAa,CAChB;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,SAAS,CACX;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,eAAe,EAC7B;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CACnC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,SAAS,CACb;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"DashboardTemplate.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAe,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAWtE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,WAAW,EACX,UAAU,EACV,aAAa,EACb,QAAQ,EACR,sBAAsB,EACtB,mBAAmB,GACI;IACvB,OAAO,CACL,EACE;MAAA,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,EACxB;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,kCAAkC,EAChD;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,iBAAiB,CACpC;QAAA,CAAC,QAAQ,CACP,QAAQ,CAAC,CACP,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,sBAAsB,CAAC,EAC3D,CAAC,CAED;UAAA,CAAC,sBAAsB,CACrB,QAAQ,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAC/B,UAAU,CAAC,CAAC,UAAU,CAAC,EAE3B;QAAA,EAAE,QAAQ,CACV;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,sBAAsB,CACnC;UAAA,CAAC,QAAQ,CACP,QAAQ,CAAC,CACP,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC,mBAAmB,CAAC,EAC9D,CAAC,CAED;YAAA,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,EAC3C;UAAA,EAAE,QAAQ,CACV;UAAA,CAAC,aAAa,CAChB;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,SAAS,CACX;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,kCAAkC,EAChD;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CACnC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,SAAS,CACb;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/04-templates/DashboardTemplate/HeadingWithTitleSkeleton.d.ts

@@ -1,4 +1,7 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
+type HeadingWithTitleSkeletonProps = {
+    loadingLabel?: string;
+};
 /**
  * HeadingWithTitleSkeleton component for rendering a skeleton placeholder for the HeadingWithTitle component.
  *
@@ -9,5 +12,6 @@ import { ReactNode } from 'react';
  *
  * @returns {ReactNode} The rendered skeleton placeholder for the HeadingWithTitle component.
  */
-export declare function HeadingWithTitleSkeleton(): ReactNode;
+export declare function HeadingWithTitleSkeleton({ loadingLabel, }: HeadingWithTitleSkeletonProps): ReactNode;
+export {};
 //# sourceMappingURL=HeadingWithTitleSkeleton.d.ts.map

package/dist/components/04-templates/DashboardTemplate/HeadingWithTitleSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingWithTitleSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/HeadingWithTitleSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,IAAI,SAAS,CAOpD"}
+{"version":3,"file":"HeadingWithTitleSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/HeadingWithTitleSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,6BAA6B,GAAG;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,YAAY,GACb,EAAE,6BAA6B,GAAG,SAAS,CAW3C"}

package/dist/components/04-templates/DashboardTemplate/HeadingWithTitleSkeleton.jsx

@@ -8,10 +8,9 @@
  *
  * @returns {ReactNode} The rendered skeleton placeholder for the HeadingWithTitle component.
  */
-export function HeadingWithTitleSkeleton() {
-    return (<div role="status" className="animate-pulse">
-      <div className="bg-gray-2 mb-2.5 h-8 w-40 rounded-full"></div>
-      <span className="sr-only">Loading...</span>
+export function HeadingWithTitleSkeleton({ loadingLabel, }) {
+    return (<div role="status" aria-label={loadingLabel} aria-live="polite" className="animate-pulse">
+      <div className="bg-gray-2 dark:bg-gray-1 mb-2.5 h-8 w-40 rounded-full"></div>
     </div>);
 }
 //# sourceMappingURL=HeadingWithTitleSkeleton.jsx.map

package/dist/components/04-templates/DashboardTemplate/HeadingWithTitleSkeleton.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingWithTitleSkeleton.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/HeadingWithTitleSkeleton.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,MAAM,UAAU,wBAAwB;IACtC,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,eAAe,CAC1C;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,wCAAwC,CAAC,EAAE,GAAG,CAC7D;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,EAAE,IAAI,CAC5C;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"HeadingWithTitleSkeleton.jsx","sourceRoot":"","sources":["../../../../src/components/04-templates/DashboardTemplate/HeadingWithTitleSkeleton.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;GASG;AACH,MAAM,UAAU,wBAAwB,CAAC,EACvC,YAAY,GACkB;IAC9B,OAAO,CACL,CAAC,GAAG,CACF,IAAI,CAAC,QAAQ,CACb,UAAU,CAAC,CAAC,YAAY,CAAC,CACzB,SAAS,CAAC,QAAQ,CAClB,SAAS,CAAC,eAAe,CAEzB;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,uDAAuD,CAAC,EAAE,GAAG,CAC9E;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/04-templates/LoginTemplate/LoginForm.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { type SetupMfaAccessibilityLabels } from './SetupMfa';
 type LoginFormProps = {
     login: (formData: FormData) => Promise<string | undefined>;
     callback?: () => void;
@@ -6,6 +7,11 @@ type LoginFormProps = {
     lengthCode?: number;
     qrImage?: string;
     setupMfa?: (firstCode: string, secondCode: string) => Promise<undefined>;
+    showPasswordAriaLabel?: string;
+    hidePasswordAriaLabel?: string;
+    getOtpDigitAriaLabel?: (digit: number) => string;
+    loadingLabel?: string;
+    setupMfaAccessibilityLabels?: SetupMfaAccessibilityLabels;
 };
 /**
  * LoginForm component for rendering a login form with email and password inputs.
@@ -21,6 +27,6 @@ type LoginFormProps = {
  *
  * @returns {ReactNode} The rendered LoginForm component.
  */
-export declare function LoginForm({ login, callback, needCode, lengthCode, setupMfa, }: LoginFormProps): ReactNode;
+export declare function LoginForm({ login, callback, needCode, lengthCode, setupMfa, showPasswordAriaLabel, hidePasswordAriaLabel, getOtpDigitAriaLabel, loadingLabel, setupMfaAccessibilityLabels, }: LoginFormProps): ReactNode;
 export {};
 //# sourceMappingURL=LoginForm.d.ts.map

package/dist/components/04-templates/LoginTemplate/LoginForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAoB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAazE,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC;CAC1E,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,UAAc,EACd,QAAQ,GACT,EAAE,cAAc,GAAG,SAAS,CA+H5B"}
+{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../../src/components/04-templates/LoginTemplate/LoginForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAoB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAWzE,OAAO,EAAY,KAAK,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAExE,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC;IACzE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;CAC3D,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,UAAc,EACd,QAAQ,EACR,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,YAAY,EACZ,2BAA2B,GAC5B,EAAE,cAAc,GAAG,SAAS,CAwI5B"}