@mittwald/flow-react-components 1.3.0-next.8 → 1.3.0

package/dist/types/components/Action/models/ActionModel.d.ts

@@ -2,7 +2,8 @@ import { OverlayController } from '../../../lib/controller';
 import { ActionProps } from '../types';
 import { ActionState } from './ActionState';
 import { OverlayContext } from '../../../lib/controller/overlay/context';
-import { OverlayReference } from '../../../lib/controller/overlay/OverlayController';
+import { FlowComponentName } from '../../propTypes';
+import { CloseModalOptions, CloseOverlayOptions } from '../../../lib/controller/overlay/OverlayController';
 interface InitObject {
     actionProps: ActionProps;
     parentAction?: ActionModel;
@@ -22,17 +23,8 @@ export declare class ActionModel {
     static useNew(actionProps: ActionProps, init?: Partial<InitObject>): ActionModel;
     static use(): ActionModel;
     static useConfirmationAction(): ActionModel;
-    /**
-     * Resolves an overlay reference against this action's overlay context.
-     *
-     * Returns `undefined` unless the action carries one of the overlay props –
-     * `Action` relies on that to tell whether it owns a surrounding `Modal`'s
-     * controller.
-     */
-    getOverlayController(from: OverlayReference): OverlayController | undefined;
-    private get hasOverlayProps();
-    private resolveOverlayReference;
-    static getCloseOverlayOptions: (options?: OverlayReference) => import('../../../lib/controller/overlay/OverlayController').CloseOverlayOptions | undefined;
+    getOverlayController(from: FlowComponentName | OverlayController | CloseOverlayOptions | CloseModalOptions): OverlayController | undefined;
+    static getCloseOverlayOptions: (options?: OverlayController | FlowComponentName | CloseOverlayOptions | CloseModalOptions | true) => CloseModalOptions | undefined;
     execute: (...args: unknown[]) => void;
 }
 export {};

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

@@ -16,15 +16,8 @@ export interface ActionProps extends PropsWithChildren, FlowComponentProps {
      * components share one action state.
      */
     actionModel?: ActionModel;
-    /**
-     * The overlay to close when the action is triggered. `true` closes the
-     * nearest enclosing overlay, whichever component it is — a name still wins,
-     * so `closeOverlay="Modal"` inside a `Popover` closes the outer modal.
-     *
-     * There is no `openOverlay={true}` counterpart: the nearest overlay is the
-     * one this action renders inside, so it is open by definition.
-     */
-    closeOverlay?: boolean | FlowComponentName | OverlayController | CloseOverlayOptions;
+    /** The overlay to close when the action is triggered. */
+    closeOverlay?: FlowComponentName | OverlayController | CloseOverlayOptions;
     /** The overlay to open when the action is triggered. */
     openOverlay?: FlowComponentName | OverlayController;
     /** The overlay to open or close when the action is triggered. */

package/dist/types/components/CartesianChart/hooks/useChartAnimation.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/ContextMenu/lib.d.ts

@@ -1,8 +1,4 @@
 export type ContextMenuSelectionMode = "single" | "multiple" | "navigation" | "switch";
 export declare const getAriaSelectionMode: (selectionMode?: ContextMenuSelectionMode) => "single" | "multiple" | "none" | undefined;
 export declare const getMenuItemSelectionVariant: (selectionMode?: ContextMenuSelectionMode) => "switch" | "navigation" | "control" | undefined;
-/**
- * Whether selecting an item closes the menu. A mode that collects several
- * selections keeps it open.
- */
-export declare const closesOnSelect: (selectionMode?: ContextMenuSelectionMode) => selectionMode is "single" | "navigation" | undefined;
+export declare const getCloseOverlayType: (selectionMode?: ContextMenuSelectionMode) => "ContextMenu" | undefined;

package/dist/types/components/Icon/components/icons/index.d.ts

@@ -54,7 +54,6 @@ export { IconUnorderedList } from './IconUnorderedList';
 export { IconUpload } from './IconUpload';
 export { IconView } from './IconView';
 export { IconAI } from './IconAI';
-export { IconAIHosting } from './IconAIHosting';
 export { IconAnalytics } from './IconAnalytics';
 export { IconApp } from './IconApp';
 export { IconAutoresponder } from './IconAutoresponder';

package/dist/types/components/List/hooks/useInfiniteScrollTrigger.d.ts

@@ -0,0 +1,17 @@
+import { RefCallback } from 'react';
+interface InfiniteScrollTrigger {
+    /**
+     * Attach to whatever the view renders for `triggerIndex`. A callback ref, so
+     * the observer follows the trigger as it moves on with every loaded batch — a
+     * ref object would leave the effect without a signal that the element it
+     * observes has been replaced.
+     */
+    triggerRef: RefCallback<HTMLElement>;
+    /**
+     * Index of the item that loads the next batch once it scrolls into view, or
+     * `undefined` while infinite scrolling is off.
+     */
+    triggerIndex: number | undefined;
+}
+export declare const useInfiniteScrollTrigger: () => InfiniteScrollTrigger;
+export {};

package/dist/types/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.d.ts

@@ -1,8 +1 @@
-import { FC } from 'react';
-import { ActionFn } from '../../../Action';
-interface Props {
-    isDisabled?: boolean;
-    onGeneratePasswordAction?: ActionFn;
-}
-export declare const PasswordGenerateButton: FC<Props>;
 export {};

package/dist/types/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.d.ts

@@ -1,10 +1 @@
-import { FC } from 'react';
-import { ResolvedPolicyValidationResult } from '../../PasswordCreationField';
-import { PropsWithClassName } from '../../../../lib/types/props';
-interface Props extends PropsWithClassName {
-    policyValidationResult?: ResolvedPolicyValidationResult;
-    isDisabled?: boolean;
-    isEmptyValue: boolean;
-}
-export declare const ValidationResultButton: FC<Props>;
 export {};

package/dist/types/components/PasswordCreationField/lib/ariaAnnounce.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/PasswordCreationField/lib/generateValidationTranslation.d.ts

@@ -1,3 +1 @@
-import { RuleValidationResult } from '../../../integrations/@mittwald/password-tools-js';
-export declare const generateValidationTranslation: (r: Partial<RuleValidationResult>, shotVersion?: boolean) => [string, Record<string, string | number | boolean> | undefined];
 export default generateValidationTranslation;

package/dist/types/components/PasswordCreationField/lib/getStatusFromPolicyValidationResult.d.ts

@@ -1,4 +1 @@
-import { ResolvedPolicyValidationResult } from '../PasswordCreationField';
-import { ComplexityStatus } from '../components/ComplexityIndicator/ComplexityIndicator';
-export declare const getStatusFromPolicyValidationResult: (isValid: ResolvedPolicyValidationResult["isValid"], result: ResolvedPolicyValidationResult) => ComplexityStatus;
 export default getStatusFromPolicyValidationResult;

package/dist/types/components/PasswordCreationField/lib/usePolicyValidationResult.d.ts

@@ -1,7 +1 @@
-import { Policy } from '../../../integrations/@mittwald/password-tools-js';
-import { ResolvedPolicyValidationResult } from '../PasswordCreationField';
-export declare const usePolicyValidationResult: (validationPolicy: Policy, password: string, onValidationStart?: () => void, onValidationResult?: (data: {
-    password: string;
-    isValid: boolean;
-    results: ResolvedPolicyValidationResult;
-}) => void) => void;
+export {};

package/dist/types/components/Popover/components/PopoverTip/PopoverTip.d.ts

@@ -1,3 +1,2 @@
-import { PropsWithClassName } from '../../../../lib/types/props';
 import { FC } from 'react';
-export declare const PopoverTip: FC<PropsWithClassName>;
+export declare const PopoverTip: FC;

package/dist/types/lib/controller/overlay/OverlayContextProvider.d.ts

@@ -4,15 +4,6 @@ import { OverlayController } from '..';
 interface Props extends PropsWithChildren {
     type: FlowComponentName;
     controller: OverlayController;
-    /**
-     * Whether the children are the overlay's content. Content also registers the
-     * controller as the _nearest_ overlay, which is what `closeOverlay` without a
-     * name resolves to. Set `false` where the subtree is not inside the overlay –
-     * `OverlayTrigger` wraps the trigger too.
-     *
-     * @default true
-     */
-    isOverlayContent?: boolean;
 }
 export declare const OverlayContextProvider: FC<Props>;
 export default OverlayContextProvider;

package/dist/types/lib/controller/overlay/OverlayController.d.ts

@@ -5,23 +5,13 @@ export type OverlayCloseHandler = () => unknown;
 export type OverlayOpenStateHandler = (isOpen: boolean) => unknown;
 type DisposerFn = () => void;
 export interface CloseOverlayOptions {
-    /**
-     * The overlay to close. Omitted, the nearest enclosing overlay is closed –
-     * the same thing `closeOverlay={true}` means.
-     */
-    overlay?: FlowComponentName | OverlayController;
+    overlay: FlowComponentName | OverlayController;
     bypassConfirmation?: boolean;
 }
 export interface OnOverlayClosedOptions {
     dependencies?: DependencyList;
 }
 export type CloseModalOptions = Omit<CloseOverlayOptions, "overlay">;
-/**
- * Every way an action can point at an overlay: by the Flow component name it
- * registers under, by controller, by options, or with `true` – the nearest
- * enclosing overlay, whatever its name.
- */
-export type OverlayReference = FlowComponentName | OverlayController | CloseOverlayOptions | true;
 type CloseOptions = CloseOverlayOptions | CloseModalOptions;
 export interface OverlayControllerOptions {
     isDefaultOpen?: boolean;

package/dist/types/lib/controller/overlay/context.d.ts

@@ -1,22 +1,5 @@
 import { OverlayController } from './OverlayController';
 import { FlowComponentName } from '../../../components/propTypes';
-export interface OverlayContext {
-    /**
-     * The enclosing overlays' controllers, keyed by the Flow component name the
-     * providing overlay registers itself under. Innermost wins per name – a
-     * `Modal` inside a `Modal` overwrites the `Modal` entry – but the map does
-     * not record which of two differently named overlays is the inner one.
-     */
-    byType: Partial<Record<FlowComponentName, OverlayController | undefined>>;
-    /**
-     * The controller of the innermost overlay this subtree is the _content_ of,
-     * whatever its component name. `undefined` outside any overlay content.
-     *
-     * Only providers that wrap overlay content set it. `OverlayTrigger` wraps the
-     * trigger as well, so it contributes to `byType` only – an `Action` in the
-     * trigger button is not inside the overlay it opens.
-     */
-    nearest?: OverlayController;
-}
-export declare const overlayContext: import('react').Context<OverlayContext>;
+export type OverlayContext = Partial<Record<FlowComponentName, OverlayController | undefined>>;
+export declare const overlayContext: import('react').Context<Partial<Record<keyof import('../../../components/propTypes').FlowComponentPropsTypes, OverlayController | undefined>>>;
 export declare const useOverlayContext: () => OverlayContext;

package/dist/types/lib/files/acceptedFiles.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/lib/hooks/dom/useKeepBrowserExtensionsInteractive.d.ts

@@ -1,3 +1,4 @@
+export declare const isBrowserExtensionNode: (element: Element) => boolean;
 /**
  * While a modal overlay is open, react-aria isolates the rest of the document
  * by setting `inert` on every sibling of the modal (see `ariaHideOutside`) —

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

@@ -4007,6 +4007,12 @@ export declare const useDesignTokens: () => {
             path: string[];
         };
     };
+    "cartesian-chart": {
+        "transition-duration": {
+            value: string;
+            path: string[];
+        };
+    };
     "cartesian-grid": {
         color: {
             value: string;
@@ -4024,6 +4030,10 @@ export declare const useDesignTokens: () => {
         };
     };
     "donut-chart": {
+        "transition-duration": {
+            value: string;
+            path: string[];
+        };
         "border-color": {
             value: string;
             path: string[];
@@ -6278,6 +6288,10 @@ export declare const useDesignTokens: () => {
         };
     };
     "progress-bar": {
+        "transition-duration": {
+            value: string;
+            path: string[];
+        };
         "font-size": {
             value: string;
             path: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "1.3.0-next.8",
+  "version": "1.3.0",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://flow.mittwald.de",
@@ -83,9 +83,9 @@
     "@internationalized/string-compiler": "^3.4.1",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "^1.3.0-next.8",
+    "@mittwald/flow-icons": "^1.3.0",
     "@mittwald/password-tools-js": "^3.0.0",
-    "@mittwald/react-tunnel": "^1.3.0-next.8",
+    "@mittwald/react-tunnel": "^1.3.0",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.2.1",
     "@react-aria/i18n": "^3.13.1",
@@ -138,12 +138,12 @@
     "@internationalized/date": "^3.12.3",
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.10",
-    "@mittwald/flow-core": "1.3.0-next.8",
-    "@mittwald/flow-design-tokens": "1.3.0-next.8",
-    "@mittwald/flow-icons-base": "1.3.0-next.8",
+    "@mittwald/flow-core": "1.3.0",
+    "@mittwald/flow-design-tokens": "1.3.0",
+    "@mittwald/flow-icons-base": "1.3.0",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
-    "@mittwald/typescript-config": "1.3.0-next.8",
+    "@mittwald/typescript-config": "1.3.0",
     "@nx/storybook": "^22.7.6",
     "@storybook/addon-a11y": "^10.5.10",
     "@storybook/addon-actions": "^9.0.8",
@@ -153,7 +153,7 @@
     "@storybook/react-vite": "^10.5.10",
     "@tabler/icons-react": "^3.46.0",
     "@teispace/next-themes": "^2.0.4",
-    "@types/node": "25.9.5",
+    "@types/node": "25.9.7",
     "@typescript/native": "npm:typescript@^7.0.2",
     "@vitejs/plugin-react": "5.2.0",
     "@vitest/browser": "^4.1.11",
@@ -195,7 +195,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/flow-icons-pro": "1.3.0-next.8",
+    "@mittwald/flow-icons-pro": "1.3.0",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -219,5 +219,5 @@
   "browserslist": [
     "baseline widely available"
   ],
-  "gitHead": "2f929db0568f955402439043d42656519fc272ed"
+  "gitHead": "c10f5dfb91a2f7544de5224b80707d9bcb98669e"
 }

package/dist/js/packages/components/src/components/Icon/components/icons/IconAIHosting.mjs

@@ -1,19 +0,0 @@
-"use client"
-/* */
-import { useContextIcon } from "../IconSetProvider.mjs";
-import IconView$1 from "../../../../views/IconView.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { IconAIHosting } from "@mittwald/flow-icons";
-//#region src/components/Icon/components/icons/IconAIHosting.tsx
-var IconAIHosting$1 = (props) => {
-	const Icon = useContextIcon("AIHosting") ?? IconAIHosting;
-	return /* @__PURE__ */ jsx(IconView$1, {
-		...props,
-		children: /* @__PURE__ */ jsx(Icon, {})
-	});
-};
-//#endregion
-export { IconAIHosting$1 as IconAIHosting, IconAIHosting$1 as default };
-
-//# sourceMappingURL=IconAIHosting.mjs.map

package/dist/js/packages/components/src/components/Icon/components/icons/IconAIHosting.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconAIHosting.mjs","names":[],"sources":["../../../../../../../../../src/components/Icon/components/icons/IconAIHosting.tsx"],"sourcesContent":["/* auto-generated file */\nimport React, { type ComponentProps, type FC } from \"react\";\nimport { IconAIHosting as IconImport } from \"@mittwald/flow-icons\";\nimport { type Icon } from \"@/components/Icon\";\nimport View from \"@/views/IconView\";\nimport { useContextIcon } from \"../IconSetProvider\";\n\nexport const IconAIHosting: FC<\n  Omit<ComponentProps<typeof Icon>, \"children\">\n> = (props) => {\n  const fromContext = useContextIcon(\"AIHosting\");\n  const Icon = fromContext ?? IconImport;\n  return (\n    <View {...props}>\n      <Icon />\n    </View>\n  );\n};\n\nexport default IconAIHosting;\n"],"mappings":";;;;;;;;AAOA,IAAa,mBAER,UAAU;CAEb,MAAM,OADc,eAAe,WACtB,KAAe;CAC5B,OACE,oBAAC,YAAD;EAAM,GAAI;EACR,UAAA,oBAAC,MAAD,CAAO,CAAA;CACH,CAAA;AAEV"}

package/dist/js/packages/components/src/components/List/components/Items/hooks/useInfiniteScrollTrigger.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInfiniteScrollTrigger.mjs","names":[],"sources":["../../../../../../../../../../src/components/List/components/Items/hooks/useInfiniteScrollTrigger.ts"],"sourcesContent":["import { useEffect, useEffectEvent, type RefObject } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\n\nconst loadMoreThresholdFactor = 0.2;\nconst minLoadMoreThresholdRows = 1;\nconst maxLoadMoreThresholdRows = 8;\n\nexport const getLoadMoreThresholdRows = (batchSize: number): number =>\n  Math.min(\n    maxLoadMoreThresholdRows,\n    Math.max(\n      minLoadMoreThresholdRows,\n      Math.round(batchSize * loadMoreThresholdFactor),\n    ),\n  );\n\nexport const useInfiniteScrollTrigger = (\n  triggerRef: RefObject<HTMLElement | null>,\n): void => {\n  const list = useList();\n  const isLoading = list.loader.useIsLoading();\n  const visibleItemsCount = list.batches.getVisibleItemsCount();\n\n  const loadNextBatch = useEffectEvent(() => {\n    if (list.batches.hasNextBatch() && !isLoading) {\n      list.batches.nextBatch();\n    }\n  });\n\n  useEffect(() => {\n    const trigger = triggerRef.current;\n    if (!trigger) {\n      return;\n    }\n\n    const observer = new IntersectionObserver((entries) => {\n      if (entries.some((entry) => entry.isIntersecting)) {\n        loadNextBatch();\n      }\n    });\n    observer.observe(trigger);\n\n    return () => observer.disconnect();\n  }, [loadNextBatch, triggerRef, visibleItemsCount]);\n};\n"],"mappings":";;;;;AAGA,IAAM,0BAA0B;AAChC,IAAM,2BAA2B;AACjC,IAAM,2BAA2B;AAEjC,IAAa,4BAA4B,cACvC,KAAK,IACH,0BACA,KAAK,IACH,0BACA,KAAK,MAAM,YAAY,uBAAuB,CAChD,CACF;AAEF,IAAa,4BACX,eACS;CACT,MAAM,OAAO,QAAQ;CACrB,MAAM,YAAY,KAAK,OAAO,aAAa;CAC3C,MAAM,oBAAoB,KAAK,QAAQ,qBAAqB;CAE5D,MAAM,gBAAgB,qBAAqB;EACzC,IAAI,KAAK,QAAQ,aAAa,KAAK,CAAC,WAClC,KAAK,QAAQ,UAAU;CAE3B,CAAC;CAED,gBAAgB;EACd,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,SACH;EAGF,MAAM,WAAW,IAAI,sBAAsB,YAAY;GACrD,IAAI,QAAQ,MAAM,UAAU,MAAM,cAAc,GAC9C,cAAc;EAElB,CAAC;EACD,SAAS,QAAQ,OAAO;EAExB,aAAa,SAAS,WAAW;CACnC,GAAG;EAAC;EAAe;EAAY;CAAiB,CAAC;AACnD"}

package/dist/types/components/Icon/components/icons/IconAIHosting.d.ts

@@ -1,4 +0,0 @@
-import { ComponentProps, FC } from 'react';
-import { Icon } from '../..';
-export declare const IconAIHosting: FC<Omit<ComponentProps<typeof Icon>, "children">>;
-export default IconAIHosting;

package/dist/types/components/List/components/Items/hooks/useInfiniteScrollTrigger.d.ts

@@ -1,3 +0,0 @@
-import { RefObject } from 'react';
-export declare const getLoadMoreThresholdRows: (batchSize: number) => number;
-export declare const useInfiniteScrollTrigger: (triggerRef: RefObject<HTMLElement | null>) => void;