@mittwald/flow-react-components 1.5.0-next.9 → 1.5.1

package/dist/types/components/SkeletonMode/components/SkeletonTextContent/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SkeletonTextContent';
+export { default } from './SkeletonTextContent';

package/dist/types/components/SkeletonMode/index.d.ts

@@ -0,0 +1,3 @@
+export * from './view';
+export { type SkeletonModeProps, SkeletonMode } from './SkeletonMode';
+export { default } from './SkeletonMode';

package/dist/types/components/SkeletonMode/lib/hasContent.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+/** Whether `children` renders anything — `null`, booleans and empty text do not. */
+export declare const hasContent: (children: ReactNode) => boolean;

package/dist/types/components/SkeletonMode/lib/isTextChild.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+/**
+ * Whether `child` is a text node — locally a string or number, remotely a
+ * `RemoteTextRenderer` element.
+ */
+export declare const isTextChild: (child: ReactNode) => boolean;
+/** The text of a text node from {@link isTextChild}, `undefined` otherwise. */
+export declare const getTextOfChild: (child: ReactNode) => string | undefined;

package/dist/types/components/SkeletonMode/skeletonModeContext.d.ts

@@ -0,0 +1,16 @@
+import { FC, PropsWithChildren } from 'react';
+export interface SkeletonModeState {
+    /** Whether components render as skeleton. */
+    isEnabled: boolean;
+    /** Whether an enabled `SkeletonMode` above already announces the loading. */
+    isAnnounced: boolean;
+}
+export declare const skeletonModeContext: import('react').Context<SkeletonModeState>;
+/** Whether the calling component renders as skeleton. */
+export declare const useSkeletonMode: () => boolean;
+/**
+ * Renders its children as real UI below a component that already draws the
+ * skeleton for them — the Text inside a text bar or a button surface must not
+ * draw a second bar on top.
+ */
+export declare const SkeletonModeReset: FC<PropsWithChildren>;

package/dist/types/components/SkeletonMode/view.d.ts

@@ -0,0 +1,7 @@
+import { SkeletonMode } from './SkeletonMode';
+import { ViewComponent } from '../../lib/viewComponentContext';
+declare global {
+    interface FlowViewComponents {
+        SkeletonMode: ViewComponent<typeof SkeletonMode>;
+    }
+}

package/dist/types/components/propTypes/index.d.ts

@@ -77,6 +77,7 @@ import { RatingSegmentProps } from '../Rating/components/RatingSegment';
 import { CodeEditorProps } from '../CodeEditor';
 import { KbdProps } from '../Kbd/Kbd';
 import { AccordionProps } from '../Accordion';
+import { AccordionGroupProps } from '../AccordionGroup';
 import { ChatProps } from '../Chat';
 import { SectionHeaderProps } from '../Section/components/SectionHeader/SectionHeader';
 import type * as Aria from "react-aria-components";
@@ -86,6 +87,7 @@ export interface FlowComponentPropsTypes {
     Action: ActionProps;
     ActionGroup: ActionGroupProps;
     Accordion: AccordionProps;
+    AccordionGroup: AccordionGroupProps;
     Alert: AlertProps;
     AlertBadge: AlertBadgeProps;
     AlertIcon: AlertIconProps;

package/dist/types/components/public.d.ts

@@ -1,5 +1,6 @@
 export * from './AccentBox';
 export * from './Accordion';
+export * from './AccordionGroup';
 export * from './Action';
 export * from './ActionGroup';
 export * from './Activity';
@@ -97,6 +98,7 @@ export * from './Separator';
 export * from './SettingsProvider';
 export * from './Kbd';
 export * from './Skeleton';
+export * from './SkeletonMode';
 export * from './SkeletonText';
 export * from './Slider';
 export * from './SuspenseTrigger';

package/dist/types/integrations/react-hook-form/components/Field/Field.d.ts

@@ -2,6 +2,6 @@ import { PropsWithChildren } from 'react';
 import { ControllerProps, FieldValues, UseFormReturn } from 'react-hook-form';
 export interface FieldProps<T extends FieldValues> extends Omit<ControllerProps<T>, "render">, PropsWithChildren {
 }
-export declare function Field<T extends FieldValues>(props: FieldProps<T>): import("react").JSX.Element;
+export declare function Field<T extends FieldValues>(props: FieldProps<T>): import('react').JSX.Element;
 export declare const typedField: <T extends FieldValues>(ignoredForm: UseFormReturn<T> | UseFormReturn<T>["control"]) => typeof Field<T>;
 export default Field;

package/dist/types/integrations/react-hook-form/components/Form/Form.d.ts

@@ -52,5 +52,5 @@ export interface FormProps<F extends FieldValues> extends Omit<ComponentProps<"f
      */
     confirmModalCloseOnUnsavedChanges?: boolean;
 }
-export declare function Form<F extends FieldValues>(props: FormProps<F>): import("react").JSX.Element;
+export declare function Form<F extends FieldValues>(props: FormProps<F>): import('react').JSX.Element;
 export default Form;

package/dist/types/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.d.ts

@@ -18,7 +18,7 @@ export interface FormContextProviderProps extends PropsWithChildren {
     onAfterSuccessFeedback?: AfterFormSubmitCallback;
     rootErrorController: FormRootErrorController;
 }
-export declare const FormContextProvider: (props: FormContextProviderProps) => import("react").JSX.Element;
+export declare const FormContextProvider: (props: FormContextProviderProps) => import('react').JSX.Element;
 export declare const useFormContext: <F extends FieldValues>() => FormContext<F>;
 export declare const useOptionalFormContext: <F extends FieldValues>() => FormContext<F> | undefined;
 export default FormContextProvider;

package/dist/types/integrations/react-hook-form/components/FormSettingsProvider/FormSettingsProvider.d.ts

@@ -9,6 +9,6 @@ interface Context {
     submitInterceptor?: SubmitInterceptor;
 }
 export type FormSettingsProviderProps = Context & PropsWithChildren;
-export declare function FormSettingsProvider(props: FormSettingsProviderProps): import("react").JSX.Element;
+export declare function FormSettingsProvider(props: FormSettingsProviderProps): import('react').JSX.Element;
 export declare const useFormSettings: () => Context;
 export {};

package/dist/types/lib/dev/parkPointer.d.ts

@@ -0,0 +1 @@
+export declare const parkPointer: () => Promise<void>;

package/dist/types/lib/hooks/useFieldComponent.d.ts

@@ -1,21 +1,41 @@
 import { FC, PropsWithChildren } from 'react';
 import { PropsContext } from '../propsContext';
-import { default as clsx, ClassValue } from 'clsx';
+import { ClassValue } from 'clsx';
 import { FlowComponentName } from '../../components/propTypes';
 interface FieldComponentProps {
     className?: ClassValue;
     isRequired?: boolean;
     isDisabled?: boolean;
-    isInvalid?: boolean;
     "aria-describedby"?: string;
 }
 export interface UseFieldComponent {
     FieldErrorCaptureContext: FC<PropsWithChildren>;
     FieldErrorView: FC;
     fieldPropsContext: PropsContext;
-    fieldProps: {
+    /** For the field's outer element. */
+    wrapperProps: {
+        className: string;
+    };
+    /**
+     * For what assistive technology lands on — the input, or the group of a
+     * grouped control. Where the react-aria root forwards `aria-describedby` to
+     * its input itself, spread it on the root together with `wrapperProps`.
+     * Spread it after `rest`: it already contains the consumer's
+     * `aria-describedby`, which `rest` would otherwise put back alone.
+     */
+    controlProps: {
         "aria-describedby"?: string;
-        className?: ReturnType<typeof clsx>;
+    };
+    /** The id of the error while one is rendered, without the consumer's ids. */
+    renderedFieldErrorId?: string;
+    /**
+     * Belongs on the field's root element. In an enabled `SkeletonMode` it makes
+     * the field `inert`, and `data-skeleton` turns its control into a surface
+     * (`formSkeleton` in `@/styles/mixins/formControl`).
+     */
+    skeletonProps: {
+        inert?: true;
+        "data-skeleton"?: true;
     };
 }
 export declare const useFieldComponent: (props: FieldComponentProps, component: FlowComponentName) => UseFieldComponent;

package/dist/types/lib/hooks/useFieldError.d.ts

@@ -9,5 +9,11 @@ export declare const useFieldError: (options: UseFieldErrorOptions) => {
     readonly FieldErrorCaptureContext: React.FC<{
         children?: React.ReactNode | undefined;
     }>;
-    readonly FieldErrorView: () => React.JSX.Element | null;
+    readonly FieldErrorView: React.FC;
+    /**
+     * The id of the error while one is rendered for this field. A nested field
+     * (a `Checkbox` inside a `CheckboxButton`) renders its error at the outer
+     * one, so only the outer field ever gets an id here.
+     */
+    readonly renderedFieldErrorId: string | undefined;
 };

package/dist/types/lib/propsContext/nestedPropsContext/types.d.ts

@@ -1,2 +1,5 @@
 export declare const nestingLevelKey: "___nestingLevel";
 export type NestingLevelKey = typeof nestingLevelKey;
+export interface NestingLevelProps {
+    [nestingLevelKey]?: number;
+}

package/dist/types/lib/propsContext/overlayTriggerTunnel.d.ts

@@ -1,5 +1,5 @@
 import { PropsContext } from './types';
-import { PropsWithTunnel } from '../types/props';
+import { TunnelTarget } from '../types/props';
 /**
  * Props context entries that send every overlay trigger into `tunnel`.
  *
@@ -20,5 +20,5 @@ import { PropsWithTunnel } from '../types/props';
  * Spread the entries before the context's own, so a single trigger can still be
  * sent somewhere else (see `Label`).
  */
-export declare const overlayTriggersTunneledTo: (tunnel: PropsWithTunnel["tunnel"]) => PropsContext;
+export declare const overlayTriggersTunneledTo: (tunnel: TunnelTarget) => PropsContext;
 export default overlayTriggersTunneledTo;

package/dist/types/lib/remote/eventHandlerContext.d.ts

@@ -1,10 +1,11 @@
+import { CtxCascadeApi } from 'context';
 export interface EventHandlerContext {
     remoteEvent?: {
         type: string;
     };
     [key: string]: unknown;
 }
-export declare const eventHandlerContext: import('context').CtxCascadeApi<EventHandlerContext>;
+export declare const eventHandlerContext: CtxCascadeApi<EventHandlerContext>;
 export declare const getRemoteEvent: () => {
     type: string;
 } | undefined;

package/dist/types/lib/theming/hooks/useDesignTokens.d.ts

@@ -6434,11 +6434,15 @@ export declare const useDesignTokens: () => {
             value: string;
             path: string[];
         };
-        "padding-x": {
+        padding: {
             value: string;
             path: string[];
         };
-        "padding-y": {
+        "padding-s-y": {
+            value: string;
+            path: string[];
+        };
+        "content-padding-bottom": {
             value: string;
             path: string[];
         };
@@ -6498,6 +6502,18 @@ export declare const useDesignTokens: () => {
                 path: string[];
             };
         };
+        "kbd-kbd": {
+            spacing: {
+                value: string;
+                path: string[];
+            };
+        };
+        "kbd-text": {
+            spacing: {
+                value: string;
+                path: string[];
+            };
+        };
     };
     "layout-card": {
         "background-color": {

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

@@ -1,3 +1,4 @@
+import { FlowComponentName } from '../../components/propTypes';
 import { ExoticComponent, HTMLAttributes } from 'react';
 export declare const statusTypes: readonly ["info", "success", "warning", "danger", "unavailable"];
 export type Status = (typeof statusTypes)[number];
@@ -5,6 +6,19 @@ export type PropsWithStatus<T extends Status = Status, P = unknown> = P & {
     /** The elements status */
     status?: T;
 };
+export type TunnelTarget = {
+    id: string;
+    component: FlowComponentName;
+    /**
+     * A stable entry id instead of a generated one. Needed wherever the same
+     * component is rendered more than once for a single logical element:
+     * react-aria renders collection children twice — once into its hidden
+     * collection document, once for real — and a generated id would register each
+     * render as its own entry, so the tunnel exit renders every element twice.
+     * Must be unique among the siblings of one tunnel.
+     */
+    staticEntryId?: string;
+} | null;
 export interface PropsWithTunnel {
 }
 export interface PropsWithClassName {

package/dist/types/status/component-status.json.d.ts

@@ -7,6 +7,10 @@ declare const _default: {
     "level": "beta",
     "isNew": false
   },
+  "@mittwald/flow-react-components#AccordionGroup": {
+    "level": "beta",
+    "isNew": true
+  },
   "@mittwald/flow-react-components#Action": {
     "level": "stable",
     "isNew": false
@@ -381,6 +385,10 @@ declare const _default: {
     "level": "stable",
     "isNew": false
   },
+  "@mittwald/flow-react-components#SkeletonMode": {
+    "level": "beta",
+    "isNew": true
+  },
   "@mittwald/flow-react-components#SkeletonText": {
     "level": "stable",
     "isNew": false

package/dist/types/views/AccordionGroupView.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { AccordionGroupProps } from '../components/AccordionGroup/AccordionGroup';
+declare const AccordionGroupView: FC<AccordionGroupProps>;
+export default AccordionGroupView;

package/dist/types/views/SkeletonModeView.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SkeletonModeProps } from '../components/SkeletonMode/SkeletonMode';
+declare const SkeletonModeView: FC<SkeletonModeProps>;
+export default SkeletonModeView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "1.5.0-next.9",
+  "version": "1.5.1",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://flow.mittwald.de",
@@ -68,6 +68,7 @@
     "dev": "storybook dev --port 6006",
     "test:browser": "vitest run --project=browser* --browser.headless",
     "test:browser:dev": "vitest dev --project=browser*",
+    "test:browser:prepare": "if [ -z \"$CI\" ]; then playwright install firefox webkit; fi",
     "test:compile": "tsc --noEmit && tsc --noEmit -p tsconfig.vite.json",
     "test:unit": "vitest run --project=unit*",
     "test:unit:dev": "vitest dev --project=unit*"
@@ -83,9 +84,9 @@
     "@internationalized/string-compiler": "^3.4.1",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "^1.5.0-next.9",
+    "@mittwald/flow-icons": "^1.5.1",
     "@mittwald/password-tools-js": "^3.0.0",
-    "@mittwald/react-tunnel": "^1.5.0-next.9",
+    "@mittwald/react-tunnel": "^1.5.1",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.2.1",
     "@react-aria/i18n": "^3.13.1",
@@ -94,7 +95,7 @@
     "@react-stately/form": "^3.3.1",
     "@react-types/shared": "^3.36.1",
     "@replit/codemirror-indentation-markers": "^6.5.3",
-    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/table-core": "^8.21.3",
     "@types/invariant": "^2.2.37",
     "@types/luxon": "^3.7.5",
     "@types/prop-types": "^15.7.15",
@@ -138,12 +139,13 @@
     "@internationalized/date": "^3.12.3",
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.10",
-    "@mittwald/flow-core": "1.5.0-next.9",
-    "@mittwald/flow-design-tokens": "1.5.0-next.9",
-    "@mittwald/flow-icons-base": "1.5.0-next.9",
+    "@mittwald/flow-components-base": "1.5.1",
+    "@mittwald/flow-core": "1.5.1",
+    "@mittwald/flow-design-tokens": "1.5.1",
+    "@mittwald/flow-icons-base": "1.5.1",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
-    "@mittwald/typescript-config": "1.5.0-next.9",
+    "@mittwald/typescript-config": "1.5.1",
     "@nx/storybook": "^22.7.6",
     "@storybook/addon-a11y": "^10.5.10",
     "@storybook/addon-actions": "^9.0.8",
@@ -153,7 +155,7 @@
     "@storybook/react-vite": "^10.5.10",
     "@tabler/icons-react": "^3.46.0",
     "@teispace/next-themes": "^2.0.4",
-    "@types/node": "25.9.7",
+    "@types/node": "25.9.8",
     "@typescript/native": "npm:typescript@^7.0.2",
     "@vitejs/plugin-react": "5.2.0",
     "@vitest/browser": "^4.1.11",
@@ -162,6 +164,7 @@
     "autoprefixer": "^10.5.4",
     "camelcase": "^9.0.0",
     "decamelize": "^6.0.1",
+    "eslint": "^10.9.0",
     "fs-jetpack": "^5.1.0",
     "glob": "^13.0.6",
     "happy-dom": "^20.11.6",
@@ -185,6 +188,7 @@
     "stylelint": "^17.14.1",
     "tsx": "^4.23.12",
     "typescript": "^6.0.3",
+    "typescript-eslint": "^8.67.0",
     "unplugin-dts": "^1.0.3",
     "vite": "^8.2.2",
     "vite-plugin-externalize-deps": "^0.10.0",
@@ -195,7 +199,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/flow-icons-pro": "1.5.0-next.9",
+    "@mittwald/flow-icons-pro": "1.5.1",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -219,5 +223,5 @@
   "browserslist": [
     "baseline widely available"
   ],
-  "gitHead": "0e23e83976d053838f8d02fd9b42093ad5c9bf14"
+  "gitHead": "59e49fe7ae9c4157fc348cbc1ffcc85e9db31433"
 }

package/dist/js/packages/components/src/components/List/model/filter/FilterValue.mjs

@@ -1,43 +0,0 @@
-"use client"
-/* */
-import { isShallowEqual } from "remeda";
-import { hash } from "object-code";
-//#region src/components/List/model/filter/FilterValue.ts
-var FilterValue = class FilterValue {
-	filter;
-	value;
-	id;
-	constructor(filter, value) {
-		this.filter = filter;
-		if (typeof value === "string" && value.startsWith("FilterValueId@@")) {
-			this.value = filter.values.find((v) => v.id === value)?.value;
-			this.id = value;
-		} else {
-			this.value = value;
-			this.id = `FilterValueId@@${this.filter.property}@@${hash(this.value)}`;
-		}
-	}
-	static create(filter, value) {
-		if (value instanceof FilterValue) return value;
-		return new FilterValue(filter, value);
-	}
-	equals(otherValue) {
-		return isShallowEqual(this.value, otherValue.value);
-	}
-	get isActive() {
-		return this.filter.isValueActive(this);
-	}
-	render() {
-		return this.filter.renderItem(this.value);
-	}
-	toggle() {
-		this.filter.toggleValue(this);
-	}
-	deactivate() {
-		this.filter.deactivateValue(this);
-	}
-};
-//#endregion
-export { FilterValue };
-
-//# sourceMappingURL=FilterValue.mjs.map

package/dist/js/packages/components/src/components/List/model/filter/FilterValue.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterValue.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/filter/FilterValue.ts"],"sourcesContent":["import type { Filter } from \"@/components/List/model/filter/Filter\";\nimport { isShallowEqual } from \"remeda\";\nimport { hash } from \"object-code\";\n\nexport class FilterValue {\n  public readonly filter: Filter<unknown, string, unknown>;\n  public readonly value: unknown;\n  public readonly id: string;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private constructor(filter: Filter<any, any, any>, value: unknown) {\n    this.filter = filter;\n\n    if (typeof value === \"string\" && value.startsWith(\"FilterValueId@@\")) {\n      this.value = filter.values.find((v) => v.id === value)?.value;\n      this.id = value;\n    } else {\n      this.value = value;\n      this.id = `FilterValueId@@${this.filter.property}@@${hash(this.value)}`;\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public static create(filter: Filter<any, any, any>, value: unknown) {\n    if (value instanceof FilterValue) {\n      return value;\n    }\n    return new FilterValue(filter, value);\n  }\n\n  public equals(otherValue: FilterValue) {\n    return isShallowEqual(this.value, otherValue.value);\n  }\n\n  public get isActive() {\n    return this.filter.isValueActive(this);\n  }\n\n  public render() {\n    return this.filter.renderItem(this.value as never);\n  }\n\n  public toggle() {\n    this.filter.toggleValue(this);\n  }\n\n  public deactivate() {\n    this.filter.deactivateValue(this);\n  }\n}\n"],"mappings":";;;;;AAIA,IAAa,cAAb,MAAa,YAAY;CACvB;CACA;CACA;CAGA,YAAoB,QAA+B,OAAgB;EACjE,KAAK,SAAS;EAEd,IAAI,OAAO,UAAU,YAAY,MAAM,WAAW,iBAAiB,GAAG;GACpE,KAAK,QAAQ,OAAO,OAAO,MAAM,MAAM,EAAE,OAAO,KAAK,CAAC,EAAE;GACxD,KAAK,KAAK;EACZ,OAAO;GACL,KAAK,QAAQ;GACb,KAAK,KAAK,kBAAkB,KAAK,OAAO,SAAS,IAAI,KAAK,KAAK,KAAK;EACtE;CACF;CAGA,OAAc,OAAO,QAA+B,OAAgB;EAClE,IAAI,iBAAiB,aACnB,OAAO;EAET,OAAO,IAAI,YAAY,QAAQ,KAAK;CACtC;CAEA,OAAc,YAAyB;EACrC,OAAO,eAAe,KAAK,OAAO,WAAW,KAAK;CACpD;CAEA,IAAW,WAAW;EACpB,OAAO,KAAK,OAAO,cAAc,IAAI;CACvC;CAEA,SAAgB;EACd,OAAO,KAAK,OAAO,WAAW,KAAK,KAAc;CACnD;CAEA,SAAgB;EACd,KAAK,OAAO,YAAY,IAAI;CAC9B;CAEA,aAAoB;EAClB,KAAK,OAAO,gBAAgB,IAAI;CAClC;AACF"}

package/dist/js/packages/components/src/components/List/model/filter/dateRangeFilterFn.mjs

@@ -1,23 +0,0 @@
-"use client"
-/* */
-import { transformDateValueToDateTime } from "../../../../lib/date/transformDateValueToDateTime.mjs";
-import { DateTime } from "luxon";
-import { CalendarDate } from "@internationalized/date";
-//#region src/components/List/model/filter/dateRangeFilterFn.ts
-function dateRangeFilterFn(row, columnId, range) {
-	if (!range) return true;
-	const value = row.getValue(columnId);
-	let dateValue;
-	if (value instanceof DateTime) dateValue = value;
-	else if (value instanceof CalendarDate) dateValue = transformDateValueToDateTime(value);
-	else if (typeof value === "string") dateValue = DateTime.fromISO(value).startOf("day");
-	if (!dateValue) return true;
-	const startDate = range.start ? transformDateValueToDateTime(range.start) : void 0;
-	const endDate = range.end ? transformDateValueToDateTime(range.end) : void 0;
-	if (startDate && dateValue < startDate) return false;
-	return !(endDate && dateValue > endDate);
-}
-//#endregion
-export { dateRangeFilterFn };
-
-//# sourceMappingURL=dateRangeFilterFn.mjs.map

package/dist/js/packages/components/src/components/List/model/filter/dateRangeFilterFn.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dateRangeFilterFn.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/filter/dateRangeFilterFn.ts"],"sourcesContent":["import { DateTime } from \"luxon\";\nimport { CalendarDate } from \"@internationalized/date\";\nimport type { Row } from \"@tanstack/react-table\";\nimport { transformDateValueToDateTime } from \"@/lib/date/transformDateValueToDateTime\";\n\nexport function dateRangeFilterFn<T>(\n  row: Row<T>,\n  columnId: string,\n  range?: { start?: CalendarDate; end?: CalendarDate },\n): boolean {\n  if (!range) {\n    return true;\n  }\n\n  const value = row.getValue(columnId);\n\n  let dateValue;\n\n  if (value instanceof DateTime) {\n    dateValue = value;\n  } else if (value instanceof CalendarDate) {\n    dateValue = transformDateValueToDateTime(value);\n  } else if (typeof value === \"string\") {\n    dateValue = DateTime.fromISO(value).startOf(\"day\");\n  }\n\n  if (!dateValue) {\n    return true;\n  }\n\n  const startDate = range.start\n    ? transformDateValueToDateTime(range.start)\n    : undefined;\n\n  const endDate = range.end\n    ? transformDateValueToDateTime(range.end)\n    : undefined;\n\n  if (startDate && dateValue < startDate) {\n    return false;\n  }\n\n  return !(endDate && dateValue > endDate);\n}\n"],"mappings":";;;;;;AAKA,SAAgB,kBACd,KACA,UACA,OACS;CACT,IAAI,CAAC,OACH,OAAO;CAGT,MAAM,QAAQ,IAAI,SAAS,QAAQ;CAEnC,IAAI;CAEJ,IAAI,iBAAiB,UACnB,YAAY;MACP,IAAI,iBAAiB,cAC1B,YAAY,6BAA6B,KAAK;MACzC,IAAI,OAAO,UAAU,UAC1B,YAAY,SAAS,QAAQ,KAAK,CAAC,CAAC,QAAQ,KAAK;CAGnD,IAAI,CAAC,WACH,OAAO;CAGT,MAAM,YAAY,MAAM,QACpB,6BAA6B,MAAM,KAAK,IACxC,KAAA;CAEJ,MAAM,UAAU,MAAM,MAClB,6BAA6B,MAAM,GAAG,IACtC,KAAA;CAEJ,IAAI,aAAa,YAAY,WAC3B,OAAO;CAGT,OAAO,EAAE,WAAW,YAAY;AAClC"}

package/dist/js/packages/components/src/components/List/model/item/Item.mjs

@@ -1,20 +0,0 @@
-"use client"
-/* */
-//#region src/components/List/model/item/Item.ts
-var Item = class Item {
-	id;
-	data;
-	collection;
-	constructor(collection, id, data) {
-		this.collection = collection;
-		this.id = id;
-		this.data = data;
-	}
-	static fromRow(collection, row) {
-		return new Item(collection, row.id, row.original);
-	}
-};
-//#endregion
-export { Item };
-
-//# sourceMappingURL=Item.mjs.map

package/dist/js/packages/components/src/components/List/model/item/Item.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/item/Item.ts"],"sourcesContent":["import type { ItemCollection } from \"@/components/List/model/item/ItemCollection\";\nimport type { Row } from \"@tanstack/react-table\";\n\nexport class Item<T> {\n  public readonly id: string;\n  public readonly data: T;\n  public readonly collection: ItemCollection<T>;\n\n  public constructor(collection: ItemCollection<T>, id: string, data: T) {\n    this.collection = collection;\n    this.id = id;\n    this.data = data;\n  }\n\n  public static fromRow<T>(\n    collection: ItemCollection<T>,\n    row: Row<T>,\n  ): Item<T> {\n    return new Item(collection, row.id, row.original);\n  }\n}\n"],"mappings":";;;AAGA,IAAa,OAAb,MAAa,KAAQ;CACnB;CACA;CACA;CAEA,YAAmB,YAA+B,IAAY,MAAS;EACrE,KAAK,aAAa;EAClB,KAAK,KAAK;EACV,KAAK,OAAO;CACd;CAEA,OAAc,QACZ,YACA,KACS;EACT,OAAO,IAAI,KAAK,YAAY,IAAI,IAAI,IAAI,QAAQ;CAClD;AACF"}

package/dist/js/packages/components/src/components/List/model/pagination/BatchesController.mjs

@@ -1,58 +0,0 @@
-"use client"
-/* */
-//#region src/components/List/model/pagination/BatchesController.ts
-var BatchesController = class {
-	batchSize;
-	list;
-	constructor(list, shape = {}) {
-		const { batchSize = 20 } = shape;
-		this.list = list;
-		this.batchSize = batchSize;
-		list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));
-		list.search?.onUpdated(() => this.reset());
-	}
-	get reactTable() {
-		return this.list.reactTable.table;
-	}
-	getBatchIndex() {
-		return this.reactTable.getState().pagination.pageIndex;
-	}
-	hasNextBatch() {
-		if (this.list.loader.manualPagination) return this.reactTable.getCanNextPage();
-		return this.reactTable.getState().pagination.pageSize < this.getTotalItemsCount();
-	}
-	getTotalItemsCount() {
-		if (this.list.loader.manualPagination) return this.reactTable.getRowCount();
-		return this.reactTable.getFilteredRowModel().rows.length;
-	}
-	getVisibleItemsCount() {
-		return this.reactTable.getRowModel().rows.length ?? 0;
-	}
-	updateItemTotalCount(value) {
-		this.reactTable.setOptions((s) => ({
-			...s,
-			rowCount: value
-		}));
-	}
-	reset() {
-		if (this.list.loader.manualFiltering) this.updateItemTotalCount(0);
-		this.reactTable.setPagination(() => ({
-			pageIndex: 0,
-			pageSize: this.batchSize
-		}));
-	}
-	nextBatch() {
-		if (this.list.loader.manualPagination) this.reactTable.nextPage();
-		else {
-			const newSize = this.reactTable.getState().pagination.pageSize + this.batchSize;
-			this.reactTable.setPagination((prev) => ({
-				...prev,
-				pageSize: newSize
-			}));
-		}
-	}
-};
-//#endregion
-export { BatchesController };
-
-//# sourceMappingURL=BatchesController.mjs.map

package/dist/js/packages/components/src/components/List/model/pagination/BatchesController.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BatchesController.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/pagination/BatchesController.ts"],"sourcesContent":["import type List from \"@/components/List/model/List\";\nimport type { BatchesControllerShape } from \"@/components/List/model/pagination/types\";\nimport type { Table } from \"@tanstack/react-table\";\n\nexport class BatchesController<T> {\n  public readonly batchSize: number;\n  private readonly list: List<T>;\n\n  public constructor(list: List<T>, shape: BatchesControllerShape = {}) {\n    const { batchSize = 20 } = shape;\n\n    this.list = list;\n    this.batchSize = batchSize;\n    list.filters.forEach((f) => f.onFilterUpdated(() => this.reset()));\n    list.search?.onUpdated(() => this.reset());\n  }\n\n  private get reactTable(): Table<T> {\n    return this.list.reactTable.table;\n  }\n\n  public getBatchIndex(): number {\n    return this.reactTable.getState().pagination.pageIndex;\n  }\n\n  public hasNextBatch(): boolean {\n    if (this.list.loader.manualPagination) {\n      return this.reactTable.getCanNextPage();\n    }\n    return (\n      this.reactTable.getState().pagination.pageSize < this.getTotalItemsCount()\n    );\n  }\n\n  public getTotalItemsCount(): number {\n    if (this.list.loader.manualPagination) {\n      return this.reactTable.getRowCount();\n    }\n    return this.reactTable.getFilteredRowModel().rows.length;\n  }\n\n  public getVisibleItemsCount(): number {\n    return this.reactTable.getRowModel().rows.length ?? 0;\n  }\n\n  public updateItemTotalCount(value: number): void {\n    this.reactTable.setOptions((s) => ({\n      ...s,\n      rowCount: value,\n    }));\n  }\n\n  public reset(): void {\n    if (this.list.loader.manualFiltering) {\n      this.updateItemTotalCount(0);\n    }\n    this.reactTable.setPagination(() => ({\n      pageIndex: 0,\n      pageSize: this.batchSize,\n    }));\n  }\n\n  public nextBatch(): void {\n    if (this.list.loader.manualPagination) {\n      this.reactTable.nextPage();\n    } else {\n      const newSize =\n        this.reactTable.getState().pagination.pageSize + this.batchSize;\n\n      this.reactTable.setPagination((prev) => ({\n        ...prev,\n        pageSize: newSize,\n      }));\n    }\n  }\n}\n"],"mappings":";;;AAIA,IAAa,oBAAb,MAAkC;CAChC;CACA;CAEA,YAAmB,MAAe,QAAgC,CAAC,GAAG;EACpE,MAAM,EAAE,YAAY,OAAO;EAE3B,KAAK,OAAO;EACZ,KAAK,YAAY;EACjB,KAAK,QAAQ,SAAS,MAAM,EAAE,sBAAsB,KAAK,MAAM,CAAC,CAAC;EACjE,KAAK,QAAQ,gBAAgB,KAAK,MAAM,CAAC;CAC3C;CAEA,IAAY,aAAuB;EACjC,OAAO,KAAK,KAAK,WAAW;CAC9B;CAEA,gBAA+B;EAC7B,OAAO,KAAK,WAAW,SAAS,CAAC,CAAC,WAAW;CAC/C;CAEA,eAA+B;EAC7B,IAAI,KAAK,KAAK,OAAO,kBACnB,OAAO,KAAK,WAAW,eAAe;EAExC,OACE,KAAK,WAAW,SAAS,CAAC,CAAC,WAAW,WAAW,KAAK,mBAAmB;CAE7E;CAEA,qBAAoC;EAClC,IAAI,KAAK,KAAK,OAAO,kBACnB,OAAO,KAAK,WAAW,YAAY;EAErC,OAAO,KAAK,WAAW,oBAAoB,CAAC,CAAC,KAAK;CACpD;CAEA,uBAAsC;EACpC,OAAO,KAAK,WAAW,YAAY,CAAC,CAAC,KAAK,UAAU;CACtD;CAEA,qBAA4B,OAAqB;EAC/C,KAAK,WAAW,YAAY,OAAO;GACjC,GAAG;GACH,UAAU;EACZ,EAAE;CACJ;CAEA,QAAqB;EACnB,IAAI,KAAK,KAAK,OAAO,iBACnB,KAAK,qBAAqB,CAAC;EAE7B,KAAK,WAAW,qBAAqB;GACnC,WAAW;GACX,UAAU,KAAK;EACjB,EAAE;CACJ;CAEA,YAAyB;EACvB,IAAI,KAAK,KAAK,OAAO,kBACnB,KAAK,WAAW,SAAS;OACpB;GACL,MAAM,UACJ,KAAK,WAAW,SAAS,CAAC,CAAC,WAAW,WAAW,KAAK;GAExD,KAAK,WAAW,eAAe,UAAU;IACvC,GAAG;IACH,UAAU;GACZ,EAAE;EACJ;CACF;AACF"}

package/dist/js/packages/components/src/lib/array/toArray.mjs

@@ -1,8 +0,0 @@
-"use client"
-/* */
-//#region src/lib/array/toArray.ts
-var toArray = (val) => Array.isArray(val) ? val : [val];
-//#endregion
-export { toArray };
-
-//# sourceMappingURL=toArray.mjs.map

package/dist/js/packages/components/src/lib/array/toArray.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toArray.mjs","names":[],"sources":["../../../../../../../src/lib/array/toArray.ts"],"sourcesContent":["export const toArray = <T>(val: T | T[]): T[] =>\n  Array.isArray(val) ? val : [val];\n"],"mappings":";;;AAAA,IAAa,WAAc,QACzB,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,GAAG"}

package/dist/js/packages/components/src/lib/date/transformDateValueToDateTime.mjs

@@ -1,15 +0,0 @@
-"use client"
-/* */
-import { DateTime } from "luxon";
-//#region src/lib/date/transformDateValueToDateTime.tsx
-var transformDateValueToDateTime = (date) => {
-	return DateTime.fromObject({
-		year: date.year,
-		month: date.month,
-		day: date.day
-	});
-};
-//#endregion
-export { transformDateValueToDateTime };
-
-//# sourceMappingURL=transformDateValueToDateTime.mjs.map

package/dist/js/packages/components/src/lib/date/transformDateValueToDateTime.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"transformDateValueToDateTime.mjs","names":[],"sources":["../../../../../../../src/lib/date/transformDateValueToDateTime.tsx"],"sourcesContent":["import type { DateValue } from \"@internationalized/date\";\nimport { DateTime } from \"luxon\";\n\nexport const transformDateValueToDateTime = (date: DateValue) => {\n  return DateTime.fromObject({\n    year: date.year,\n    month: date.month,\n    day: date.day,\n  });\n};\n"],"mappings":";;;;AAGA,IAAa,gCAAgC,SAAoB;CAC/D,OAAO,SAAS,WAAW;EACzB,MAAM,KAAK;EACX,OAAO,KAAK;EACZ,KAAK,KAAK;CACZ,CAAC;AACH"}

package/dist/js/packages/components/src/lib/promises/sleep.mjs

@@ -1,8 +0,0 @@
-"use client"
-/* */
-//#region src/lib/promises/sleep.ts
-var sleep = (ms) => new Promise((res) => setTimeout(res, ms));
-//#endregion
-export { sleep };
-
-//# sourceMappingURL=sleep.mjs.map

package/dist/js/packages/components/src/lib/promises/sleep.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"sleep.mjs","names":[],"sources":["../../../../../../../src/lib/promises/sleep.ts"],"sourcesContent":["export const sleep = (ms: number): Promise<void> =>\n  new Promise((res) => setTimeout(res, ms));\n"],"mappings":";;;AAAA,IAAa,SAAS,OACpB,IAAI,SAAS,QAAQ,WAAW,KAAK,EAAE,CAAC"}