@ahrowe/ui 0.34.0 → 0.36.0

package/dist/cjs-types/common/virtualList/virtualList.utils.d.ts

@@ -0,0 +1,126 @@
+import { ColumnWidthSpec, SortValue, VirtualListColumn, VirtualListSort } from './virtualList.types.js';
+export declare function buildOffsets(keys: (string | number)[], heightsMap: Map<string | number, number>, estimatedRowHeight: number, rowGap?: number): {
+    offsets: number[];
+    totalHeight: number;
+};
+/** Index of the row that sits at `scrollTop` — i.e. the first row whose bottom edge is below it. */
+export declare function findStartIndex(offsets: number[], scrollTop: number, itemCount: number): number;
+export declare function getVisibleRange(offsets: number[], scrollTop: number, containerHeight: number, overscan: number, itemCount: number): {
+    startIndex: number;
+    endIndex: number;
+};
+/**
+ * Decides where a dragged row should move to, applying midpoint hysteresis: a
+ * move only happens once the pointer has crossed the centre of the row it is
+ * over (downwards when moving down, upwards when moving up). Returns the target
+ * index, or null if no move should occur. Pure for easy unit testing.
+ */
+export declare function resolveReorderTarget(fromIndex: number, overIndex: number, pointerY: number, rowTop: number, rowHeight: number): number | null;
+/**
+ * Decides where a tree-reorder drop should land relative to the row under the
+ * pointer. Group rows expose three zones (top third → `before`, middle →
+ * `inside`, bottom third → `after`); leaf rows split in half (`before`/`after`)
+ * since they can't receive children. Pure for easy unit testing.
+ */
+export declare function resolveTreeDropTarget(pointerY: number, rowTop: number, rowHeight: number, isGroup: boolean): 'before' | 'inside' | 'after';
+/**
+ * Index of the last descendant of the node at `index` in a depth-tagged flat
+ * list (a contiguous run of following rows with a greater depth). Returns
+ * `index` itself when the node has no children. A drop is forbidden anywhere in
+ * `[index, lastDescendantIndex]` — that's the node and its own subtree.
+ */
+export declare function lastDescendantIndex(index: number, depths: number[]): number;
+export declare function buildColumnTemplate(columns: {
+    key: string;
+    width: ColumnWidthSpec;
+}[], fitWidths?: Record<string, number>): string;
+/**
+ * What counts as a control inside a row, and so what gets held out of the tab
+ * order while its row is not the one being used.
+ *
+ * `[tabindex="-1"]` is deliberately excluded. The row's own select checkbox sits
+ * there and is reached with Space, and an element the consumer has already taken
+ * out of the tab order stays out.
+ */
+export declare const ROW_FOCUSABLE_SELECTOR = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+/** Marks an element parked at `tabindex="-1"` by the list rather than by the consumer. */
+export declare const ROW_PARKED_ATTRIBUTE = "data-vl-parked";
+/**
+ * What `F2` steps into: the controls of a row, including the ones parked out of
+ * the tab order. Without the second half it would find nothing at all in a row
+ * whose controls are custom elements carrying a `tabindex`, because parking them
+ * is exactly what takes them out of the selector above.
+ */
+export declare const ROW_ENTER_SELECTOR = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), [data-vl-parked]";
+/**
+ * The content width of one cell, in px. `scrollWidth` reports the true content
+ * width even when the cell is pinned narrower than its content, which is what
+ * lets a column recover from having been measured while it was still empty.
+ *
+ * Two corrections on top of it, both only resolved when they can apply, so the
+ * hot scroll path stays cheap for a plain in-flow cell:
+ *
+ * - `scrollWidth` includes the left padding but drops the right one once the
+ *   content overflows, so add it back.
+ * - A cell whose only children are FontAwesome icons reports just its padding:
+ *   their boxes overflow via `overflow: visible`, carry no intrinsic width, and
+ *   so never count towards `scrollWidth` (right-aligned, they even overflow
+ *   into negative offsets). Only then walk the descendants for their true span.
+ *   Once a real width pins, the cell is no longer collapsed and this stops.
+ */
+export declare function measureCellWidth(el: HTMLElement): number;
+/** Attribute selector for one column's cells. Column keys are arbitrary strings. */
+export declare function columnCellSelector(key: string): string;
+/** Floor for a user-resized column, unless the column raises it with `minWidth`. */
+export declare const MIN_COLUMN_WIDTH = 48;
+/**
+ * Width given to a column that gains one while the layout is already frozen,
+ * i.e. one revealed from the gear menu after the first resize. Every visible
+ * column has to be an exact px track for the total width (and so the horizontal
+ * scroll range) to be exact, and there is nothing measured to go on yet.
+ */
+export declare const DEFAULT_FROZEN_WIDTH = 160;
+/**
+ * Custom property carrying one column's width. Column keys are arbitrary
+ * strings, so anything a custom property can't contain is folded to `_`; two
+ * keys that differ only in those characters would share a track.
+ */
+export declare function columnWidthVar(key: string): string;
+/** Px width for a column the user hasn't sized, at the moment the layout freezes. */
+export declare function resolveFrozenWidth<T>(col: VirtualListColumn<T>): number;
+/**
+ * Grid template for a frozen layout: every column reads its own custom property,
+ * so a drag can rewrite one width with a single DOM write and have the header
+ * and every row follow in the same layout pass, without React rendering.
+ */
+export declare function buildFrozenTemplate<T>(columns: VirtualListColumn<T>[]): string;
+export declare const COLUMN_STORAGE_PREFIX = "ahroweui:virtuallist:columns:";
+export interface PersistedColumns {
+    visible: string[];
+    known: string[];
+    /** User-resized column widths in px. Absent in entries saved before resizing existed. */
+    widths?: Record<string, number>;
+}
+export declare function loadPersistedColumns(persistKey: string | undefined): PersistedColumns | null;
+/** Whether a column should start visible, honouring saved settings then `defaultHidden`. */
+export declare function isColumnInitiallyVisible<T>(col: VirtualListColumn<T>, persisted: PersistedColumns | null): boolean;
+/** Values with no order of their own, parked at the end of the list either way. */
+export declare function isEmptySortValue(value: SortValue): boolean;
+/**
+ * Ascending comparison of two non-empty `sortValue` results. Dates and booleans
+ * are normalised to numbers; anything with a string on either side goes through
+ * the collator, which is also what makes a mixed-type column produce a stable
+ * (if arbitrary) order rather than a random one.
+ */
+export declare function compareSortValues(a: SortValue, b: SortValue): number;
+/** Whether a header click on this column should do anything at all. */
+export declare function isColumnSortable<T>(col: VirtualListColumn<T>): boolean;
+/** The asc → desc → unsorted cycle a header click steps through. */
+export declare function nextSort(current: VirtualListSort | null, key: string): VirtualListSort | null;
+/**
+ * Returns `items` reordered by `sort`, or the same array reference when nothing
+ * applies: no sort, no such column, or a `sortable` column that only reports
+ * (its data is sorted by the consumer). Callers rely on that identity to tell
+ * "the list sorted this" from "the list left it alone".
+ */
+export declare function sortItems<T>(items: T[], sort: VirtualListSort | null | undefined, columns: VirtualListColumn<T>[] | undefined): T[];

package/dist/cjs-types/common/virtualList/virtualListHeader.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { UseColumnsResult } from './useColumns.js';
+import { UseColumnResizeResult } from './useColumnResize.js';
+import { SlotClassNames, SlotStyles } from '../types/slots.types.js';
+import { VirtualListColumn, VirtualListLabels, VirtualListSlots, VirtualListSort } from './virtualList.types.js';
+interface VirtualListHeaderProps<T> {
+    headerRef: React.RefObject<HTMLDivElement | null>;
+    /** Every column, including hidden ones: the toggle menu lists them all. */
+    columns: VirtualListColumn<T>[];
+    cols: UseColumnsResult<T>;
+    resize: UseColumnResizeResult<T>;
+    sort: VirtualListSort | null;
+    onSort: (key: string) => void;
+    multiSelect: boolean;
+    allSelected: boolean;
+    someSelected: boolean;
+    onSelectAll: () => void;
+    labels: Required<VirtualListLabels>;
+    classNames?: SlotClassNames<VirtualListSlots>;
+    styles?: SlotStyles<VirtualListSlots>;
+}
+/**
+ * The table-mode header row: one cell per visible column, each optionally a sort
+ * button and a resize handle, plus the column-visibility menu pinned to the
+ * right. It is a grid with the same template as every row, which is what keeps
+ * the columns aligned across the separate grids.
+ *
+ * The whole header is a single tab stop (see `useHeaderNavigation`). Focus lands
+ * on a header cell rather than on the button inside it, so every key a column
+ * understands is handled in one place: Enter or Space sorts, Alt plus the arrow
+ * keys resizes, Alt+Home and Alt+End take the column to its minimum or to its
+ * content width.
+ */
+declare function VirtualListHeader<T>({ headerRef, columns, cols, resize, sort, onSort, multiSelect, allSelected, someSelected, onSelectAll, labels, classNames, styles: slotStyles, }: VirtualListHeaderProps<T>): React.JSX.Element;
+export default VirtualListHeader;

package/dist/cjs-types/common/virtualList/virtualRow.d.ts

@@ -0,0 +1,62 @@
+import { default as React } from 'react';
+import { TreeDropPosition } from './virtualList.types.js';
+export interface VirtualRowProps {
+    index: number;
+    /** Referenced by the list's `aria-activedescendant` while this row is active. */
+    id?: string;
+    top: number;
+    /** Padding applied to the row (already normalised to a CSS string). */
+    padding?: string;
+    columnTemplate: string | undefined;
+    isSelected: boolean;
+    /** The row the arrow keys are on. Distinct from selection. */
+    isActive?: boolean;
+    /**
+     * Hold this row's own controls out of the tab order unless it is the row being
+     * used. Off when the list leaves the keyboard to its rows.
+     */
+    manageTabStops?: boolean;
+    /** This is the row being used, so its controls are reachable with Tab. */
+    isEntered?: boolean;
+    activeClassName?: string;
+    activeStyle?: React.CSSProperties;
+    showDivider: boolean;
+    hover: boolean;
+    onClick: () => void;
+    observer: ResizeObserver | null;
+    ariaRowIndex?: number;
+    ariaPosInSet?: number;
+    ariaSetSize?: number;
+    rowRole: string;
+    reorderable?: boolean;
+    /**
+     * Native mouse DnD is active for the list. Distinct from `draggable`, which in
+     * `dragHandle` mode is only set on the row the pointer has armed.
+     */
+    mouseDragEnabled?: boolean;
+    draggable?: boolean;
+    isDragging?: boolean;
+    reserveToggleGutter?: boolean;
+    onMouseDown?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseOver?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseLeave?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;
+    onDragOver?: (e: React.DragEvent<HTMLDivElement>) => void;
+    onDragEnd?: () => void;
+    onDrop?: (e: React.DragEvent<HTMLDivElement>) => void;
+    onTouchStart?: (e: React.TouchEvent<HTMLDivElement>) => void;
+    dropPosition?: TreeDropPosition;
+    dropIndentPx?: number;
+    dropIndicatorClassName?: string;
+    dropIndicatorStyle?: React.CSSProperties;
+    rowClassName?: string;
+    rowStyle?: React.CSSProperties;
+    children: React.ReactNode;
+}
+/**
+ * A single virtualized row: absolutely positioned at its `top`, optionally a
+ * grid (table mode), registering itself with the shared ResizeObserver and
+ * carrying all the drag / drop-indicator wiring the parent assigns it.
+ */
+declare function VirtualRow({ index, id, top, padding, columnTemplate, isSelected, isActive, manageTabStops, isEntered, activeClassName, activeStyle, showDivider, hover, onClick, observer, ariaRowIndex, ariaPosInSet, ariaSetSize, rowRole, reorderable, mouseDragEnabled, draggable, isDragging, reserveToggleGutter, onMouseDown, onMouseOver, onMouseLeave, onDragStart, onDragOver, onDragEnd, onDrop, onTouchStart, dropPosition, dropIndentPx, dropIndicatorClassName, dropIndicatorStyle, rowClassName, rowStyle, children, }: VirtualRowProps): React.JSX.Element;
+export default VirtualRow;

package/dist/cjs-types/common/wizard/index.d.ts

@@ -0,0 +1 @@
+export { default } from './wizard.js';

package/dist/cjs-types/common/wizard/wizard.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { WizardProps } from './wizard.types.js';
+export default function Wizard({ currentStep, stepCount, renderStep, className, style, classNames, styles: slotStyles, ...rest }: WizardProps): React.JSX.Element;

package/dist/cjs-types/common/wizard/wizard.types.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
+export type WizardSlots = 'root' | 'container' | 'step' | 'stepContent';
+export interface WizardProps extends HtmlProps {
+    currentStep?: number;
+    stepCount?: number;
+    renderStep?: (index: number) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    classNames?: SlotClassNames<WizardSlots>;
+    styles?: SlotStyles<WizardSlots>;
+}

package/dist/cjs-types/hooks/useWindowSize.d.ts

@@ -0,0 +1,6 @@
+export interface WindowSize {
+    width: number;
+    height: number;
+    isMobileSize: boolean;
+}
+export default function useWindowSize(): WindowSize;

package/dist/cjs-types/index.d.ts

@@ -0,0 +1,154 @@
+export { default as Accordion } from './common/accordion/index.js';
+export * from './common/accordion/index.js';
+export * from './common/actionButtons/index.js';
+export { default as ActionIcon } from './common/actionIcon/index.js';
+export * from './common/actionIcon/index.js';
+export { default as Alert } from './common/alert/index.js';
+export * from './common/alert/index.js';
+export { default as AnimatedLogo } from './common/animatedLogo/index.js';
+export * from './common/animatedLogo/index.js';
+export { default as AnimatedText } from './common/animatedText/index.js';
+export * from './common/animatedText/index.js';
+export { default as Avatar } from './common/avatar/index.js';
+export * from './common/avatar/index.js';
+export { default as Badge } from './common/badge/index.js';
+export * from './common/badge/index.js';
+export { default as BodyEnd } from './common/bodyEnd/index.js';
+export * from './common/bodyEnd/index.js';
+export { default as Breadcrumb } from './common/breadcrumb/index.js';
+export * from './common/breadcrumb/index.js';
+export { default as Button } from './common/button/index.js';
+export * from './common/button/index.js';
+export { default as ButtonGroup } from './common/buttonGroup/index.js';
+export * from './common/buttonGroup/index.js';
+export { default as Card } from './common/card/index.js';
+export * from './common/card/index.js';
+export { default as Carousel } from './common/carousel/index.js';
+export * from './common/carousel/index.js';
+export { default as Checkbox } from './common/checkbox/index.js';
+export * from './common/checkbox/index.js';
+export { default as Chip } from './common/chip/index.js';
+export * from './common/chip/index.js';
+export { default as ColorPicker } from './common/colorPicker/index.js';
+export * from './common/colorPicker/index.js';
+export { default as ConfigProvider } from './common/configProvider/index.js';
+export * from './common/configProvider/index.js';
+export { default as ConfirmModal } from './common/confirmModal/index.js';
+export * from './common/confirmModal/index.js';
+export { default as DatePicker } from './common/datePicker/index.js';
+export * from './common/datePicker/index.js';
+export { default as Divider } from './common/divider/index.js';
+export * from './common/divider/index.js';
+export { default as Drawer } from './common/drawer/index.js';
+export * from './common/drawer/index.js';
+export { default as DropZone } from './common/dropZone/index.js';
+export * from './common/dropZone/index.js';
+export { default as Dropdown } from './common/dropdown/index.js';
+export * from './common/dropdown/index.js';
+export { default as EmptyState } from './common/emptyState/index.js';
+export * from './common/emptyState/index.js';
+export { default as ErrorBoundary } from './common/errorBoundary/index.js';
+export * from './common/errorBoundary/index.js';
+export { default as Fab } from './common/fab/index.js';
+export * from './common/fab/index.js';
+export { default as Flip } from './common/flip/index.js';
+export * from './common/flip/index.js';
+export * from './common/floorPlan/index.js';
+export { default as IconPicker } from './common/iconPicker/index.js';
+export * from './common/iconPicker/index.js';
+export { default as IdleManager } from './common/idleManager/index.js';
+export * from './common/idleManager/index.js';
+export { default as Input } from './common/input/index.js';
+export * from './common/input/index.js';
+export { default as InputDropdown } from './common/inputDropdown/index.js';
+export * from './common/inputDropdown/index.js';
+export { default as InteractableDiv } from './common/interactableDiv/index.js';
+export * from './common/interactableDiv/index.js';
+export { default as KanbanBoard } from './common/kanbanBoard/index.js';
+export * from './common/kanbanBoard/index.js';
+export { default as KlipyPicker } from './common/klipyPicker/index.js';
+export * from './common/klipyPicker/index.js';
+export * from './common/loading/index.js';
+export { default as Menu } from './common/menu/index.js';
+export * from './common/menu/index.js';
+export { default as Modal } from './common/modal/index.js';
+export * from './common/modal/index.js';
+export { default as MultiSelect } from './common/multiSelect/index.js';
+export * from './common/multiSelect/index.js';
+export { default as NumberInput } from './common/numberInput/index.js';
+export * from './common/numberInput/index.js';
+export { default as OptionPicker } from './common/optionPicker/index.js';
+export * from './common/optionPicker/index.js';
+export { default as OtpInput } from './common/otpInput/index.js';
+export * from './common/otpInput/index.js';
+export { default as Overscroll } from './common/overscroll/index.js';
+export * from './common/overscroll/index.js';
+export { default as Pagination } from './common/pagination/index.js';
+export * from './common/pagination/index.js';
+export { default as Popover } from './common/popover/index.js';
+export * from './common/popover/index.js';
+export { default as ProgressBar } from './common/progressBar/index.js';
+export * from './common/progressBar/index.js';
+export { default as RadioGroup } from './common/radioGroup/index.js';
+export * from './common/radioGroup/index.js';
+export { default as Rating } from './common/rating/index.js';
+export * from './common/rating/index.js';
+export { default as RevealLens } from './common/revealLens/index.js';
+export * from './common/revealLens/index.js';
+export { default as Ripple } from './common/ripple/index.js';
+export * from './common/ripple/index.js';
+export { default as RoomDrawer } from './common/roomDrawer/index.js';
+export * from './common/roomDrawer/index.js';
+export { default as RoomViewer } from './common/roomViewer/index.js';
+export * from './common/roomViewer/index.js';
+export { default as ScrollFade } from './common/scrollFade/index.js';
+export * from './common/scrollFade/index.js';
+export { default as ScrollbarProvider } from './common/scrollbarProvider/index.js';
+export * from './common/scrollbarProvider/index.js';
+export { default as SearchInput } from './common/searchInput/index.js';
+export * from './common/searchInput/index.js';
+export { default as SectionHeader } from './common/sectionHeader/index.js';
+export * from './common/sectionHeader/index.js';
+export { default as Skeleton } from './common/skeleton/index.js';
+export * from './common/skeleton/index.js';
+export { default as Slider } from './common/slider/index.js';
+export * from './common/slider/index.js';
+export { default as SplitButton } from './common/splitButton/index.js';
+export * from './common/splitButton/index.js';
+export { default as Stepper } from './common/stepper/index.js';
+export * from './common/stepper/index.js';
+export { default as Sticky } from './common/sticky/index.js';
+export * from './common/sticky/index.js';
+export { default as Switch } from './common/switch/index.js';
+export * from './common/switch/index.js';
+export { default as TabHeader } from './common/tabHeader/index.js';
+export * from './common/tabHeader/index.js';
+export { default as Textarea } from './common/textarea/index.js';
+export * from './common/textarea/index.js';
+export { default as ThemeProvider } from './common/themeProvider/index.js';
+export * from './common/themeProvider/index.js';
+export { useTheme } from './common/themeProvider/useTheme.js';
+export { default as Tilt } from './common/tilt/index.js';
+export * from './common/tilt/index.js';
+export { default as TiltGroup } from './common/tiltGroup/index.js';
+export * from './common/tiltGroup/index.js';
+export { default as TimeInput } from './common/timeInput/index.js';
+export * from './common/timeInput/index.js';
+export { default as Timeline } from './common/timeline/index.js';
+export * from './common/timeline/index.js';
+export { default as Timer } from './common/timer/index.js';
+export * from './common/timer/index.js';
+export { default as ToastProvider } from './common/toast/index.js';
+export * from './common/toast/index.js';
+export { default as Tooltip } from './common/tooltip/index.js';
+export * from './common/tooltip/index.js';
+export { default as Tree } from './common/tree/index.js';
+export * from './common/tree/index.js';
+export { default as VirtualList } from './common/virtualList/index.js';
+export * from './common/virtualList/index.js';
+export { default as Wizard } from './common/wizard/index.js';
+export * from './common/wizard/index.js';
+export { FormValidator, FormValidatorGroup, Validators, ValidatableComponent, useFormValidator, useFormValidatorGroup, } from './services/formValidation/index.js';
+export type { ValidationError, ValidatorFunction, ErrorParser, FormValidatorGroupOptions, InferGroupValues, MergedValues, } from './services/formValidation/index.js';
+export { mapLocale, setLocale, getLocale } from './services/localization.js';
+export { isNumber, isDate, isISODate, isEmail, isBic, isURL, hasEightPasswordChars, hasOnePasswordLetter, hasOnePasswordDigit, isPassword, } from '@ahrowe/form-validation';

package/dist/cjs-types/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/dist/cjs-types/services/formValidation/FormValidatorGroupWithForm.d.ts

@@ -0,0 +1,18 @@
+import { FormValidatorGroup, FormGroup, FormValidatorGroupOptions, InferGroupValues } from '@ahrowe/form-validation';
+import { default as React } from 'react';
+/**
+ * FormValidatorGroup with `this.Form` automatically attached.
+ * Kept in a .tsx file so formValidatorGroup.ts stays framework-agnostic.
+ *
+ * This is the class you should use everywhere — it is a drop-in replacement
+ * for FormValidatorGroup with one extra property: `this.Form`.
+ *
+ * Also injects the default toast-based onSubmitError so both hook and class-component
+ * consumers surface errors out of the box; pass options.onSubmitError to override.
+ */
+export default class FormValidatorGroupWithForm<TGroup extends FormGroup = FormGroup, TInitial = InferGroupValues<TGroup>> extends FormValidatorGroup<TGroup, TInitial> {
+    Form: React.FC<React.FormHTMLAttributes<HTMLFormElement>>;
+    constructor(groupDef: TGroup, component?: {
+        forceUpdate: () => void;
+    } | null, options?: FormValidatorGroupOptions<TGroup, TInitial>);
+}

package/dist/cjs-types/services/formValidation/index.d.ts

@@ -0,0 +1,5 @@
+export { default as FormValidatorGroup } from './FormValidatorGroupWithForm.js';
+export { default as ValidatableComponent } from './validatableComponent.js';
+export { useFormValidatorGroup } from './useFormValidatorGroup.js';
+export { FormValidator, Validators, useFormValidator } from '@ahrowe/form-validation';
+export type { ValidationError, ValidatorFunction, ErrorParser, FormValidatorGroupOptions, InferGroupValues, MergedValues, } from '@ahrowe/form-validation';

package/dist/cjs-types/services/formValidation/useFormValidatorGroup.d.ts

@@ -0,0 +1,10 @@
+import { FormGroup, FormValidatorGroupOptions, InferGroupValues } from '@ahrowe/form-validation';
+import { default as FormValidatorGroupWithForm } from './FormValidatorGroupWithForm.js';
+/**
+ * @ahrowe/ui's flavour of useFormValidatorGroup: the group it creates has
+ * `.Form` attached and defaults `onSubmitError` to an error toast (see
+ * FormValidatorGroupWithForm). Reuses the core package's reactive wiring
+ * (useFormValidatorGroupInstance) so this and the pure hook share one
+ * implementation of "subscribe a function component to a group".
+ */
+export declare function useFormValidatorGroup<TGroup extends FormGroup = FormGroup, TInitial = InferGroupValues<TGroup>>(groupDef: TGroup, { initialValues, onSubmit, onValidate, errorParser, onSubmitError }?: FormValidatorGroupOptions<TGroup, TInitial>): FormValidatorGroupWithForm<TGroup, TInitial>;

package/dist/cjs-types/services/formValidation/validatableComponent.d.ts

@@ -0,0 +1,36 @@
+import { default as React, PureComponent } from 'react';
+import { FormValidator } from '@ahrowe/form-validation';
+export interface ValidatableComponentProps {
+    formValidator?: FormValidator | null;
+    onMouseEnter?: ((event: React.MouseEvent) => void) | null;
+    onMouseLeave?: ((event: React.MouseEvent) => void) | null;
+    onFocus?: ((event: React.FocusEvent) => void) | null;
+    onBlur?: ((event: React.FocusEvent) => void) | null;
+    onChange?: ((value: unknown) => void) | null;
+    errorMessage?: string;
+    isValid?: boolean;
+    isRequired?: boolean;
+    label?: string;
+}
+export interface ValidatableComponentState {
+    isFocused: boolean;
+    isHovered: boolean;
+}
+/**
+ * Base class that extends PureComponent with FormValidator integration.
+ * Manages hover/focus state and renders error tooltips.
+ */
+export default class ValidatableComponent<P extends ValidatableComponentProps = ValidatableComponentProps, S extends ValidatableComponentState = ValidatableComponentState> extends PureComponent<P, S> {
+    static defaultProps: Partial<ValidatableComponentProps>;
+    constructor(props: P);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: P): void;
+    onMouseEnter(event: React.MouseEvent): void;
+    onMouseLeave(event: React.MouseEvent): void;
+    onFocus(event: React.FocusEvent): void;
+    onBlur(event: React.FocusEvent): void;
+    hasError(): boolean;
+    isRequired(): boolean;
+    renderTooltip(): React.ReactNode;
+    onChange(newVal: unknown): void;
+}

package/dist/cjs-types/services/klipy.d.ts

@@ -0,0 +1,36 @@
+export interface KlipyMediaFormat {
+    url: string;
+    dims: [number, number];
+    size: number;
+}
+export interface KlipyResult {
+    id: string;
+    title: string;
+    media_formats: {
+        gif: KlipyMediaFormat;
+        tinygif: KlipyMediaFormat;
+        mediumgif: KlipyMediaFormat;
+        mp4: KlipyMediaFormat;
+        tinymp4: KlipyMediaFormat;
+    };
+    tags: string[];
+    url: string;
+}
+interface SearchOptions {
+    limit?: number;
+    contentfilter?: 'off' | 'low' | 'medium' | 'high';
+    pos?: string;
+}
+export default class KlipyService {
+    private key;
+    constructor(key: string);
+    search(query: string, options?: SearchOptions): Promise<{
+        results: KlipyResult[];
+        next: string;
+    }>;
+    searchSuggestions(query: string): Promise<{
+        results: string[];
+    }>;
+    registerShare(query: string, id: string): void;
+}
+export {};

package/dist/cjs-types/services/localization.d.ts

@@ -0,0 +1,3 @@
+export declare const mapLocale: (locale: string) => string;
+export declare function setLocale(locale: string): Promise<void>;
+export declare function getLocale(delimiter?: string): string;

package/dist/esm/common/accordion/accordion.mjs

@@ -1,2 +1,2 @@
-import{AccordionStyleType as e}from"./accordion.types.mjs";import t from"./accordion.module.mjs";import n from"./accordion.primary.module.mjs";import r from"./accordion.plain.module.mjs";import{useComponentDefaults as i}from"../configProvider/useComponentDefaults.mjs";import{useEffect as a,useRef as o,useState as s}from"react";import c from"classnames";import{FontAwesomeIcon as l}from"@fortawesome/react-fontawesome";import{faChevronDown as u}from"@fortawesome/free-solid-svg-icons";import{jsx as d,jsxs as f}from"react/jsx-runtime";var p={[e.Default]:t,[e.Primary]:n,[e.Plain]:r};function m(t){let{id:n=``,title:r=``,children:m=null,expanded:h=null,onHeaderClicked:g=()=>{},styleType:_=e.Default,startOpen:v=!1,hideHeader:y=!1,className:b,style:x,classNames:S,styles:C,...w}=i(`Accordion`,t),T=p[_],E=o(null),D=o(null),[O,k]=s(h??v),[A,j]=s(null);a(()=>{h!==null&&k(h)},[h]),a(()=>{let e=E.current;e&&(e.inert=!O)},[O]),a(()=>{let e=D.current;if(!e)return;let t=new ResizeObserver(()=>j(e.offsetHeight));return t.observe(e),()=>t.unobserve(e)},[]);function M(){let e=!O;g(n,e),h===null&&k(e)}let N={height:O?A??`auto`:`0px`};return f(`div`,{...w,id:n||void 0,className:c(T.accordion,O&&T.accordionActive,b,S?.root),style:{...x,...C?.root},children:[!y&&f(`div`,{className:c(T.accordionHeader,O&&T.accordionHeaderActive,S?.header),style:C?.header,onClick:M,role:`button`,tabIndex:0,onKeyDown:({key:e})=>{e===`Enter`&&M()},children:[d(`div`,{className:c(T.accordionTitle,S?.title),style:C?.title,children:r}),d(l,{icon:u,className:c(T.accordionIcon,O&&T.accordionIconActive,S?.icon),style:C?.icon})]}),d(`div`,{ref:E,className:c(T.accordionBody,O&&T.accordionBodyActive,S?.body),style:{...N,...C?.body},children:d(`div`,{className:c(T.accordionBodyInner,S?.bodyInner),style:C?.bodyInner,ref:D,children:m})})]})}export{m as default};
+"use client";import{AccordionStyleType as e}from"./accordion.types.mjs";import t from"./accordion.module.mjs";import n from"./accordion.primary.module.mjs";import r from"./accordion.plain.module.mjs";import{useComponentDefaults as i}from"../configProvider/useComponentDefaults.mjs";import{isSelfActivation as a}from"../utils/activationKey.mjs";import{useEffect as o,useId as s,useRef as c,useState as l}from"react";import u from"classnames";import{FontAwesomeIcon as d}from"@fortawesome/react-fontawesome";import{faChevronDown as f}from"@fortawesome/free-solid-svg-icons";import{jsx as p,jsxs as m}from"react/jsx-runtime";var h={[e.Default]:t,[e.Primary]:n,[e.Plain]:r};function g(t){let{id:n=``,title:r=``,children:g=null,expanded:_=null,onHeaderClicked:v=()=>{},styleType:y=e.Default,startOpen:b=!1,hideHeader:x=!1,className:S,style:C,classNames:w,styles:T,...E}=i(`Accordion`,t),D=h[y],O=s(),k=`${O}-header`,A=`${O}-body`,j=c(null),M=c(null),[N,P]=l(_??b),[F,I]=l(null);o(()=>{_!==null&&P(_)},[_]),o(()=>{let e=j.current;e&&(e.inert=!N)},[N]),o(()=>{let e=M.current;if(!e)return;let t=new ResizeObserver(()=>I(e.offsetHeight));return t.observe(e),()=>t.unobserve(e)},[]);function L(){let e=!N;v(n,e),_===null&&P(e)}let R={height:N?F??`auto`:`0px`};return m(`div`,{...E,id:n||void 0,className:u(D.accordion,N&&D.accordionActive,S,w?.root),style:{...C,...T?.root},children:[!x&&m(`div`,{className:u(D.accordionHeader,N&&D.accordionHeaderActive,w?.header),style:T?.header,onClick:L,role:`button`,tabIndex:0,id:k,"aria-expanded":N,"aria-controls":A,onKeyDown:e=>{a(e)&&(e.preventDefault(),L())},children:[p(`div`,{className:u(D.accordionTitle,w?.title),style:T?.title,children:r}),p(d,{icon:f,className:u(D.accordionIcon,N&&D.accordionIconActive,w?.icon),style:T?.icon})]}),p(`div`,{ref:j,id:A,role:`region`,"aria-labelledby":x?void 0:k,className:u(D.accordionBody,N&&D.accordionBodyActive,w?.body),style:{...R,...T?.body},children:p(`div`,{className:u(D.accordionBodyInner,w?.bodyInner),style:T?.bodyInner,ref:M,children:g})})]})}export{g as default};
 //# sourceMappingURL=accordion.mjs.map

package/dist/esm/common/accordion/accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, type ReactElement } from 'react';\nimport cx from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronDown as arrowIcon } from '@fortawesome/free-solid-svg-icons';\n\nimport { AccordionStyleType, type AccordionProps } from './accordion.types';\n\nimport defaultStyles from './accordion.module.pcss';\nimport primaryStyles from './accordion.primary.module.pcss';\nimport plainStyles from './accordion.plain.module.pcss';\nimport { useComponentDefaults } from '../configProvider';\n\nconst STYLES_BY_TYPE: Record<AccordionStyleType, typeof defaultStyles> = {\n  [AccordionStyleType.Default]: defaultStyles,\n  [AccordionStyleType.Primary]: primaryStyles,\n  [AccordionStyleType.Plain]: plainStyles,\n};\n\nfunction Accordion(props: AccordionProps): ReactElement {\n  const {\n    id = '',\n    title = '',\n    children = null,\n    expanded = null,\n    onHeaderClicked = () => {},\n    styleType = AccordionStyleType.Default,\n    startOpen = false,\n    hideHeader = false,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('Accordion', props);\n  const s = STYLES_BY_TYPE[styleType];\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const bodyInnerRef = useRef<HTMLDivElement>(null);\n\n  const [isExpanded, setIsExpanded] = useState(expanded ?? startOpen);\n  const [bodyHeight, setBodyHeight] = useState<number | null>(null);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    if (expanded !== null) setIsExpanded(expanded);\n  }, [expanded]);\n\n  useEffect(() => {\n    const el = bodyRef.current;\n    if (el) el.inert = !isExpanded;\n  }, [isExpanded]);\n\n  useEffect(() => {\n    const el = bodyInnerRef.current;\n    if (!el) return;\n    const observer = new ResizeObserver(() => setBodyHeight(el.offsetHeight));\n    observer.observe(el);\n    return () => observer.unobserve(el);\n  }, []);\n\n  function toggleExpanded() {\n    const next = !isExpanded;\n    onHeaderClicked(id, next);\n    if (expanded === null) setIsExpanded(next);\n  }\n\n  const bodyStyle = { height: isExpanded ? (bodyHeight ?? 'auto') : '0px' };\n\n  return (\n    <div\n      {...rest}\n      id={id || undefined}\n      className={cx(s.accordion, isExpanded && s.accordionActive, className, classNames?.root)}\n      style={{ ...style, ...slotStyles?.root }}\n    >\n      {!hideHeader && (\n        <div\n          className={cx(s.accordionHeader, isExpanded && s.accordionHeaderActive, classNames?.header)}\n          style={slotStyles?.header}\n          onClick={toggleExpanded}\n          role='button'\n          tabIndex={0}\n          onKeyDown={({ key }) => {\n            if (key === 'Enter') toggleExpanded();\n          }}\n        >\n          <div className={cx(s.accordionTitle, classNames?.title)} style={slotStyles?.title}>\n            {title}\n          </div>\n          <FontAwesomeIcon\n            icon={arrowIcon}\n            className={cx(s.accordionIcon, isExpanded && s.accordionIconActive, classNames?.icon)}\n            style={slotStyles?.icon as React.CSSProperties & Record<`--fa-font-${string}`, string>}\n          />\n        </div>\n      )}\n      <div\n        ref={bodyRef}\n        className={cx(s.accordionBody, isExpanded && s.accordionBodyActive, classNames?.body)}\n        style={{ ...bodyStyle, ...slotStyles?.body }}\n      >\n        <div\n          className={cx(s.accordionBodyInner, classNames?.bodyInner)}\n          style={slotStyles?.bodyInner}\n          ref={bodyInnerRef}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Accordion;\n"],"mappings":"whBAYA,IAAM,EAAmE,EACtE,EAAmB,SAAU,GAC7B,EAAmB,SAAU,GAC7B,EAAmB,OAAQ,CAC9B,EAEA,SAAS,EAAU,EAAqC,CACtD,GAAM,CACJ,KAAK,GACL,QAAQ,GACR,WAAW,KACX,WAAW,KACX,sBAAwB,CAAC,EACzB,YAAY,EAAmB,QAC/B,YAAY,GACZ,aAAa,GACb,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,YAAa,CAAK,EACrC,EAAI,EAAe,GACnB,EAAU,EAAuB,IAAI,EACrC,EAAe,EAAuB,IAAI,EAE1C,CAAC,EAAY,GAAiB,EAAS,GAAY,CAAS,EAC5D,CAAC,EAAY,GAAiB,EAAwB,IAAI,EAEhE,MAAgB,CAEV,IAAa,MAAM,EAAc,CAAQ,CAC/C,EAAG,CAAC,CAAQ,CAAC,EAEb,MAAgB,CACd,IAAM,EAAK,EAAQ,QACf,IAAI,EAAG,MAAQ,CAAC,EACtB,EAAG,CAAC,CAAU,CAAC,EAEf,MAAgB,CACd,IAAM,EAAK,EAAa,QACxB,GAAI,CAAC,EAAI,OACT,IAAM,EAAW,IAAI,mBAAqB,EAAc,EAAG,YAAY,CAAC,EAExE,OADA,EAAS,QAAQ,CAAE,MACN,EAAS,UAAU,CAAE,CACpC,EAAG,CAAC,CAAC,EAEL,SAAS,GAAiB,CACxB,IAAM,EAAO,CAAC,EACd,EAAgB,EAAI,CAAI,EACpB,IAAa,MAAM,EAAc,CAAI,CAC3C,CAEA,IAAM,EAAY,CAAE,OAAQ,EAAc,GAAc,OAAU,KAAM,EAExE,OACE,EAAC,MAAD,CACE,GAAI,EACJ,GAAI,GAAM,IAAA,GACV,UAAW,EAAG,EAAE,UAAW,GAAc,EAAE,gBAAiB,EAAW,GAAY,IAAI,EACvF,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,EAJzC,SAAA,CAMG,CAAC,GACA,EAAC,MAAD,CACE,UAAW,EAAG,EAAE,gBAAiB,GAAc,EAAE,sBAAuB,GAAY,MAAM,EAC1F,MAAO,GAAY,OACnB,QAAS,EACT,KAAK,SACL,SAAU,EACV,WAAY,CAAE,SAAU,CAClB,IAAQ,SAAS,EAAe,CACtC,EARF,SAAA,CAUE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAE,eAAgB,GAAY,KAAK,EAAG,MAAO,GAAY,MACzE,SAAA,CACE,CAAA,EACL,EAAC,EAAD,CACE,KAAM,EACN,UAAW,EAAG,EAAE,cAAe,GAAc,EAAE,oBAAqB,GAAY,IAAI,EACpF,MAAO,GAAY,IACpB,CAAA,CACE,CAEP,CAAA,EAAA,EAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAG,EAAE,cAAe,GAAc,EAAE,oBAAqB,GAAY,IAAI,EACpF,MAAO,CAAE,GAAG,EAAW,GAAG,GAAY,IAAK,EAE3C,SAAA,EAAC,MAAD,CACE,UAAW,EAAG,EAAE,mBAAoB,GAAY,SAAS,EACzD,MAAO,GAAY,UACnB,IAAK,EAEJ,UACE,CAAA,CACF,CAAA,CACF,GAET"}
+{"version":3,"file":"accordion.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.tsx"],"sourcesContent":["import React, { useState, useEffect, useId, useRef, type ReactElement } from 'react';\nimport cx from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronDown as arrowIcon } from '@fortawesome/free-solid-svg-icons';\n\nimport { AccordionStyleType, type AccordionProps } from './accordion.types';\n\nimport defaultStyles from './accordion.module.pcss';\nimport primaryStyles from './accordion.primary.module.pcss';\nimport plainStyles from './accordion.plain.module.pcss';\nimport { useComponentDefaults } from '../configProvider';\nimport { isSelfActivation } from '../utils/activationKey';\n\nconst STYLES_BY_TYPE: Record<AccordionStyleType, typeof defaultStyles> = {\n  [AccordionStyleType.Default]: defaultStyles,\n  [AccordionStyleType.Primary]: primaryStyles,\n  [AccordionStyleType.Plain]: plainStyles,\n};\n\nfunction Accordion(props: AccordionProps): ReactElement {\n  const {\n    id = '',\n    title = '',\n    children = null,\n    expanded = null,\n    onHeaderClicked = () => {},\n    styleType = AccordionStyleType.Default,\n    startOpen = false,\n    hideHeader = false,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('Accordion', props);\n  const s = STYLES_BY_TYPE[styleType];\n  // The header and the body name each other through aria-controls/aria-labelledby, so both need\n  // an id that is stable across renders and unique even with several accordions on the page.\n  const generatedId = useId();\n  const headerId = `${generatedId}-header`;\n  const bodyId = `${generatedId}-body`;\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const bodyInnerRef = useRef<HTMLDivElement>(null);\n\n  const [isExpanded, setIsExpanded] = useState(expanded ?? startOpen);\n  const [bodyHeight, setBodyHeight] = useState<number | null>(null);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    if (expanded !== null) setIsExpanded(expanded);\n  }, [expanded]);\n\n  useEffect(() => {\n    const el = bodyRef.current;\n    if (el) el.inert = !isExpanded;\n  }, [isExpanded]);\n\n  useEffect(() => {\n    const el = bodyInnerRef.current;\n    if (!el) return;\n    const observer = new ResizeObserver(() => setBodyHeight(el.offsetHeight));\n    observer.observe(el);\n    return () => observer.unobserve(el);\n  }, []);\n\n  function toggleExpanded() {\n    const next = !isExpanded;\n    onHeaderClicked(id, next);\n    if (expanded === null) setIsExpanded(next);\n  }\n\n  const bodyStyle = { height: isExpanded ? (bodyHeight ?? 'auto') : '0px' };\n\n  return (\n    <div\n      {...rest}\n      id={id || undefined}\n      className={cx(s.accordion, isExpanded && s.accordionActive, className, classNames?.root)}\n      style={{ ...style, ...slotStyles?.root }}\n    >\n      {!hideHeader && (\n        <div\n          className={cx(s.accordionHeader, isExpanded && s.accordionHeaderActive, classNames?.header)}\n          style={slotStyles?.header}\n          onClick={toggleExpanded}\n          role='button'\n          tabIndex={0}\n          id={headerId}\n          aria-expanded={isExpanded}\n          aria-controls={bodyId}\n          onKeyDown={(event) => {\n            if (!isSelfActivation(event)) return;\n            // Space scrolls the page otherwise, which is what a real <button> suppresses too.\n            event.preventDefault();\n            toggleExpanded();\n          }}\n        >\n          <div className={cx(s.accordionTitle, classNames?.title)} style={slotStyles?.title}>\n            {title}\n          </div>\n          <FontAwesomeIcon\n            icon={arrowIcon}\n            className={cx(s.accordionIcon, isExpanded && s.accordionIconActive, classNames?.icon)}\n            style={slotStyles?.icon as React.CSSProperties & Record<`--fa-font-${string}`, string>}\n          />\n        </div>\n      )}\n      <div\n        ref={bodyRef}\n        id={bodyId}\n        role='region'\n        aria-labelledby={hideHeader ? undefined : headerId}\n        className={cx(s.accordionBody, isExpanded && s.accordionBodyActive, classNames?.body)}\n        style={{ ...bodyStyle, ...slotStyles?.body }}\n      >\n        <div\n          className={cx(s.accordionBodyInner, classNames?.bodyInner)}\n          style={slotStyles?.bodyInner}\n          ref={bodyInnerRef}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Accordion;\n"],"mappings":"8mBAaA,IAAM,EAAmE,EACtE,EAAmB,SAAU,GAC7B,EAAmB,SAAU,GAC7B,EAAmB,OAAQ,CAC9B,EAEA,SAAS,EAAU,EAAqC,CACtD,GAAM,CACJ,KAAK,GACL,QAAQ,GACR,WAAW,KACX,WAAW,KACX,sBAAwB,CAAC,EACzB,YAAY,EAAmB,QAC/B,YAAY,GACZ,aAAa,GACb,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,YAAa,CAAK,EACrC,EAAI,EAAe,GAGnB,EAAc,EAAM,EACpB,EAAW,GAAG,EAAY,SAC1B,EAAS,GAAG,EAAY,OACxB,EAAU,EAAuB,IAAI,EACrC,EAAe,EAAuB,IAAI,EAE1C,CAAC,EAAY,GAAiB,EAAS,GAAY,CAAS,EAC5D,CAAC,EAAY,GAAiB,EAAwB,IAAI,EAEhE,MAAgB,CAEV,IAAa,MAAM,EAAc,CAAQ,CAC/C,EAAG,CAAC,CAAQ,CAAC,EAEb,MAAgB,CACd,IAAM,EAAK,EAAQ,QACf,IAAI,EAAG,MAAQ,CAAC,EACtB,EAAG,CAAC,CAAU,CAAC,EAEf,MAAgB,CACd,IAAM,EAAK,EAAa,QACxB,GAAI,CAAC,EAAI,OACT,IAAM,EAAW,IAAI,mBAAqB,EAAc,EAAG,YAAY,CAAC,EAExE,OADA,EAAS,QAAQ,CAAE,MACN,EAAS,UAAU,CAAE,CACpC,EAAG,CAAC,CAAC,EAEL,SAAS,GAAiB,CACxB,IAAM,EAAO,CAAC,EACd,EAAgB,EAAI,CAAI,EACpB,IAAa,MAAM,EAAc,CAAI,CAC3C,CAEA,IAAM,EAAY,CAAE,OAAQ,EAAc,GAAc,OAAU,KAAM,EAExE,OACE,EAAC,MAAD,CACE,GAAI,EACJ,GAAI,GAAM,IAAA,GACV,UAAW,EAAG,EAAE,UAAW,GAAc,EAAE,gBAAiB,EAAW,GAAY,IAAI,EACvF,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,EAJzC,SAAA,CAMG,CAAC,GACA,EAAC,MAAD,CACE,UAAW,EAAG,EAAE,gBAAiB,GAAc,EAAE,sBAAuB,GAAY,MAAM,EAC1F,MAAO,GAAY,OACnB,QAAS,EACT,KAAK,SACL,SAAU,EACV,GAAI,EACJ,gBAAe,EACf,gBAAe,EACf,UAAY,GAAU,CACf,EAAiB,CAAK,IAE3B,EAAM,eAAe,EACrB,EAAe,EACjB,EAdF,SAAA,CAgBE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAE,eAAgB,GAAY,KAAK,EAAG,MAAO,GAAY,MACzE,SAAA,CACE,CAAA,EACL,EAAC,EAAD,CACE,KAAM,EACN,UAAW,EAAG,EAAE,cAAe,GAAc,EAAE,oBAAqB,GAAY,IAAI,EACpF,MAAO,GAAY,IACpB,CAAA,CACE,CAEP,CAAA,EAAA,EAAC,MAAD,CACE,IAAK,EACL,GAAI,EACJ,KAAK,SACL,kBAAiB,EAAa,IAAA,GAAY,EAC1C,UAAW,EAAG,EAAE,cAAe,GAAc,EAAE,oBAAqB,GAAY,IAAI,EACpF,MAAO,CAAE,GAAG,EAAW,GAAG,GAAY,IAAK,EAE3C,SAAA,EAAC,MAAD,CACE,UAAW,EAAG,EAAE,mBAAoB,GAAY,SAAS,EACzD,MAAO,GAAY,UACnB,IAAK,EAEJ,UACE,CAAA,CACF,CAAA,CACF,GAET"}

package/dist/esm/common/accordion/accordion.module.mjs

@@ -1,2 +1,2 @@
-var e=`accordion_YZt8B`,t=`accordion-title_CGYKY`,n=`accordion-active_mocpj`,r=`accordion-header_OEjXM`,i=`accordion-header-active_6KvnM`,a=`accordion-body_2o-mY`,o=`accordion-body-inner_JI9nJ`,s=`accordion-body-active_sb2-U`,c=`accordion-icon_kLqp-`,l=`accordion-icon-active_lJwG8`,u={accordion:e,"accordion-title":`accordion-title_CGYKY`,accordionTitle:t,"accordion-active":`accordion-active_mocpj`,accordionActive:n,"accordion-header":`accordion-header_OEjXM`,accordionHeader:r,"accordion-header-active":`accordion-header-active_6KvnM`,accordionHeaderActive:i,"accordion-body":`accordion-body_2o-mY`,accordionBody:a,"accordion-body-inner":`accordion-body-inner_JI9nJ`,accordionBodyInner:o,"accordion-body-active":`accordion-body-active_sb2-U`,accordionBodyActive:s,"accordion-icon":`accordion-icon_kLqp-`,accordionIcon:c,"accordion-icon-active":`accordion-icon-active_lJwG8`,accordionIconActive:l};export{e as accordion,n as accordionActive,a as accordionBody,s as accordionBodyActive,o as accordionBodyInner,r as accordionHeader,i as accordionHeaderActive,c as accordionIcon,l as accordionIconActive,t as accordionTitle,u as default};
+"use client";var e=`accordion_YZt8B`,t=`accordion-title_CGYKY`,n=`accordion-active_mocpj`,r=`accordion-header_OEjXM`,i=`accordion-header-active_6KvnM`,a=`accordion-body_2o-mY`,o=`accordion-body-inner_JI9nJ`,s=`accordion-body-active_sb2-U`,c=`accordion-icon_kLqp-`,l=`accordion-icon-active_lJwG8`,u={accordion:e,"accordion-title":`accordion-title_CGYKY`,accordionTitle:t,"accordion-active":`accordion-active_mocpj`,accordionActive:n,"accordion-header":`accordion-header_OEjXM`,accordionHeader:r,"accordion-header-active":`accordion-header-active_6KvnM`,accordionHeaderActive:i,"accordion-body":`accordion-body_2o-mY`,accordionBody:a,"accordion-body-inner":`accordion-body-inner_JI9nJ`,accordionBodyInner:o,"accordion-body-active":`accordion-body-active_sb2-U`,accordionBodyActive:s,"accordion-icon":`accordion-icon_kLqp-`,accordionIcon:c,"accordion-icon-active":`accordion-icon-active_lJwG8`,accordionIconActive:l};export{e as accordion,n as accordionActive,a as accordionBody,s as accordionBodyActive,o as accordionBodyInner,r as accordionHeader,i as accordionHeaderActive,c as accordionIcon,l as accordionIconActive,t as accordionTitle,u as default};
 //# sourceMappingURL=accordion.module.mjs.map

package/dist/esm/common/accordion/accordion.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.module.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.module.pcss"],"sourcesContent":[".accordion {\n  transition: margin 0.2s;\n  margin: -1px;\n  color: var(--text-color);\n\n  &-title {\n    width: 100%;\n  }\n\n  &-active {\n    margin: 0.625em 0;\n  }\n\n  &-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    /* There is no fixed height any more: the header is this padding plus the title's line. */\n    padding: 0.75em 1em;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    background: var(--background);\n    border-radius: var(--default-border-radius);\n    border: 1px solid var(--border-color);\n\n    /* The rest of the accordion measures from the header, so the base is set here. */\n    font-size: var(--default-font-size);\n    font-weight: 400;\n    transition: all 0.2s;\n\n    &-active {\n      border: 1px solid var(--primary-color);\n      background: var(--background-accent);\n      border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;\n    }\n  }\n\n  &-body {\n    overflow: hidden;\n    transition: all 0.2s ease;\n    position: relative;\n    border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);\n    border: 1px solid var(--border-color);\n    border-top: none;\n    border-bottom: none;\n\n    &-inner {\n      padding: 1em;\n    }\n\n    &-active {\n      border: 1px solid var(--primary-color);\n      border-top: none;\n    }\n  }\n\n  &-icon {\n    transition: transform 0.2s;\n    transform: rotate(0deg);\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: var(--border-color);\n\n    &-active {\n      transform: rotate(180deg);\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"accordion.module.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.module.pcss"],"sourcesContent":[".accordion {\n  transition: margin 0.2s;\n  margin: -1px;\n  color: var(--text-color);\n\n  &-title {\n    width: 100%;\n  }\n\n  &-active {\n    margin: 0.625em 0;\n  }\n\n  &-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    /* There is no fixed height any more: the header is this padding plus the title's line. */\n    padding: 0.75em 1em;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    background: var(--background);\n    border-radius: var(--default-border-radius);\n    border: 1px solid var(--border-color);\n\n    /* The rest of the accordion measures from the header, so the base is set here. */\n    font-size: var(--default-font-size);\n    font-weight: 400;\n    transition: all 0.2s;\n\n    &-active {\n      border: 1px solid var(--primary-color);\n      background: var(--background-accent);\n      border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;\n    }\n  }\n\n  &-body {\n    overflow: hidden;\n    transition: all 0.2s ease;\n    position: relative;\n    border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);\n    border: 1px solid var(--border-color);\n    border-top: none;\n    border-bottom: none;\n\n    &-inner {\n      padding: 1em;\n    }\n\n    &-active {\n      border: 1px solid var(--primary-color);\n      border-top: none;\n    }\n  }\n\n  &-icon {\n    transition: transform 0.2s;\n    transform: rotate(0deg);\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: var(--border-color);\n\n    &-active {\n      transform: rotate(180deg);\n    }\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .accordion,\n  .accordion-header,\n  .accordion-body,\n  .accordion-icon {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/accordion/accordion.plain.module.mjs

@@ -1,2 +1,2 @@
-var e=`accordion_wkZJf`,t=`accordion-title_-qwNy`,n=`accordion-active_t9-a2`,r=`accordion-header_-oST6`,i=`accordion-header-active_UvKis`,a=`accordion-body_ZagrJ`,o=`accordion-body-inner_HE7PL`,s=`accordion-icon_kHxym`,c=`accordion-icon-active_-L8BH`,l={accordion:e,"accordion-title":`accordion-title_-qwNy`,accordionTitle:t,"accordion-active":`accordion-active_t9-a2`,accordionActive:n,"accordion-header":`accordion-header_-oST6`,accordionHeader:r,"accordion-header-active":`accordion-header-active_UvKis`,accordionHeaderActive:i,"accordion-body":`accordion-body_ZagrJ`,accordionBody:a,"accordion-body-inner":`accordion-body-inner_HE7PL`,accordionBodyInner:o,"accordion-icon":`accordion-icon_kHxym`,accordionIcon:s,"accordion-icon-active":`accordion-icon-active_-L8BH`,accordionIconActive:c};export{e as accordion,n as accordionActive,a as accordionBody,o as accordionBodyInner,r as accordionHeader,i as accordionHeaderActive,s as accordionIcon,c as accordionIconActive,t as accordionTitle,l as default};
+"use client";var e=`accordion_wkZJf`,t=`accordion-title_-qwNy`,n=`accordion-active_t9-a2`,r=`accordion-header_-oST6`,i=`accordion-header-active_UvKis`,a=`accordion-body_ZagrJ`,o=`accordion-body-inner_HE7PL`,s=`accordion-icon_kHxym`,c=`accordion-icon-active_-L8BH`,l={accordion:e,"accordion-title":`accordion-title_-qwNy`,accordionTitle:t,"accordion-active":`accordion-active_t9-a2`,accordionActive:n,"accordion-header":`accordion-header_-oST6`,accordionHeader:r,"accordion-header-active":`accordion-header-active_UvKis`,accordionHeaderActive:i,"accordion-body":`accordion-body_ZagrJ`,accordionBody:a,"accordion-body-inner":`accordion-body-inner_HE7PL`,accordionBodyInner:o,"accordion-icon":`accordion-icon_kHxym`,accordionIcon:s,"accordion-icon-active":`accordion-icon-active_-L8BH`,accordionIconActive:c};export{e as accordion,n as accordionActive,a as accordionBody,o as accordionBodyInner,r as accordionHeader,i as accordionHeaderActive,s as accordionIcon,c as accordionIconActive,t as accordionTitle,l as default};
 //# sourceMappingURL=accordion.plain.module.mjs.map

package/dist/esm/common/accordion/accordion.plain.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.plain.module.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.plain.module.pcss"],"sourcesContent":[".accordion {\n  transition: margin 0.2s;\n  margin: -1px;\n\n  &-title {\n    width: 100%;\n  }\n\n  &-active {\n    margin: 0.625em 0;\n  }\n\n  &-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    border-radius: var(--default-border-radius);\n    font-size: var(--default-font-size);\n    font-weight: 400;\n    transition: all 0.2s;\n\n    &-active {\n      border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;\n    }\n  }\n\n  &-body {\n    overflow: hidden;\n    transition: all 0.2s ease;\n    position: relative;\n    border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);\n\n    &-inner {\n      padding: 0;\n    }\n  }\n\n  &-icon {\n    transition: transform 0.2s;\n    transform: rotate(0deg);\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: var(--primary-color);\n\n    &-active {\n      transform: rotate(180deg);\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"accordion.plain.module.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.plain.module.pcss"],"sourcesContent":[".accordion {\n  transition: margin 0.2s;\n  margin: -1px;\n\n  &-title {\n    width: 100%;\n  }\n\n  &-active {\n    margin: 0.625em 0;\n  }\n\n  &-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    border-radius: var(--default-border-radius);\n    font-size: var(--default-font-size);\n    font-weight: 400;\n    transition: all 0.2s;\n\n    &-active {\n      border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;\n    }\n  }\n\n  &-body {\n    overflow: hidden;\n    transition: all 0.2s ease;\n    position: relative;\n    border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);\n\n    &-inner {\n      padding: 0;\n    }\n  }\n\n  &-icon {\n    transition: transform 0.2s;\n    transform: rotate(0deg);\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: var(--primary-color);\n\n    &-active {\n      transform: rotate(180deg);\n    }\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .accordion,\n  .accordion-header,\n  .accordion-body,\n  .accordion-icon {\n    transition: none;\n  }\n}\n"],"mappings":""}