@mittwald/flow-react-components 1.2.0-next.2 → 1.2.0-next.21

package/dist/js/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.mjs

@@ -2,8 +2,8 @@
 /* */
 import { IconView } from "../../../../../Icon/components/icons/IconView.mjs";
 import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
 import ButtonView from "../../../../../../views/ButtonView.mjs";
+import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
 import ContextMenuTriggerView from "../../../../../../views/ContextMenuTriggerView.mjs";
 import ContextMenuView from "../../../../../../views/ContextMenuView.mjs";
 import TextView from "../../../../../../views/TextView.mjs";

package/dist/js/packages/components/src/components/List/components/Items/components/Item/Item.mjs

@@ -36,7 +36,7 @@ var ItemImpl = (props) => {
 		})
 	});
 };
-var Item = memo(ItemImpl, (prev, next) => prev.id === next.id && prev.data === next.data && prev.triggerRef === next.triggerRef && prev.isTile === next.isTile);
+var Item = memo(ItemImpl, (prev, next) => prev.id === next.id && prev.data === next.data && prev.triggerRef === next.triggerRef && prev.isTile === next.isTile && prev.list.onAction === next.list.onAction && prev.list.accordion === next.list.accordion && !!prev.list.itemView?.rendersSameAs(next.list.itemView));
 Item.displayName = "Item";
 var ItemContainer = (props) => {
 	const list = useList();

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

@@ -1 +1 @@
-{"version":3,"file":"Item.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type ListModel from \"@/components/List/model/List\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport { mergeRefs } from \"@react-aria/utils\";\nimport type { FC, PropsWithChildren, Ref } from \"react\";\nimport { memo, Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ItemLoadingView } from \"./components/ItemLoadingView/ItemLoadingView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n  triggerRef?: Ref<HTMLDivElement>;\n  list: ListModel<never>;\n  isTile: boolean;\n}\n\nconst ItemImpl = (props: Props) => {\n  const { id, data, triggerRef, list, isTile } = props;\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props, list);\n\n  if (!itemView) {\n    return null;\n  }\n\n  const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n  const href = itemView.href ? itemView.href(data) : undefined;\n  const hasAction = !!gridItemProps.onAction || !!href;\n\n  const existingRef = \"ref\" in gridItemProps ? gridItemProps.ref : undefined;\n  const gridItemPropsWithRef = triggerRef\n    ? { ...gridItemProps, ref: mergeRefs(existingRef, triggerRef) }\n    : gridItemProps;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      target={itemView.target}\n      hasAction={hasAction}\n      isTile={isTile}\n      {...gridItemPropsWithRef}\n    >\n      <Suspense fallback={<ItemLoadingView />}>{children}</Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\nexport const Item = memo(\n  ItemImpl,\n  (prev, next) =>\n    prev.id === next.id &&\n    prev.data === next.data &&\n    prev.triggerRef === next.triggerRef &&\n    prev.isTile === next.isTile,\n);\nItem.displayName = \"Item\";\n\ninterface ItemContainerProps extends PropsWithChildren {\n  id?: Key;\n  data?: never;\n}\n\nexport const ItemContainer: FC<ItemContainerProps> = (props) => {\n  const list = useList();\n  return (\n    <ItemsGridListItemView\n      textValue=\"-\"\n      className={styles.item}\n      isTile={list.viewMode.isTiles}\n    >\n      {props.children}\n    </ItemsGridListItemView>\n  );\n};\n\nexport default Item;\n"],"mappings":";;;;;;;;;;;AAmBA,IAAM,YAAY,UAAiB;CACjC,MAAM,EAAE,IAAI,MAAM,YAAY,MAAM,WAAW;CAE/C,MAAM,WAAW,KAAK;CAEtB,MAAM,EAAE,eAAe,aAAa,iBAAiB,OAAO,IAAI;CAEhE,IAAI,CAAC,UACH,OAAO;CAGT,MAAM,YAAY,SAAS,YAAY,SAAS,UAAU,IAAI,IAAI,KAAA;CAClE,MAAM,OAAO,SAAS,OAAO,SAAS,KAAK,IAAI,IAAI,KAAA;CACnD,MAAM,YAAY,CAAC,CAAC,cAAc,YAAY,CAAC,CAAC;CAEhD,MAAM,cAAc,SAAS,gBAAgB,cAAc,MAAM,KAAA;CACjE,MAAM,uBAAuB,aACzB;EAAE,GAAG;EAAe,KAAK,UAAU,aAAa,UAAU;CAAE,IAC5D;CAEJ,OACE,oBAAC,uBAAD;EACM;EACO;EACL;EACN,QAAQ,SAAS;EACN;EACH;EACR,GAAI;EAEJ,UAAA,oBAAC,UAAD;GAAU,UAAU,oBAAC,iBAAD,CAAkB,CAAA;GAAI;EAAmB,CAAA;CACxC,CAAA;AAE3B;AAEA,IAAa,OAAO,KAClB,WACC,MAAM,SACL,KAAK,OAAO,KAAK,MACjB,KAAK,SAAS,KAAK,QACnB,KAAK,eAAe,KAAK,cACzB,KAAK,WAAW,KAAK,MACzB;AACA,KAAK,cAAc;AAOnB,IAAa,iBAAyC,UAAU;CAC9D,MAAM,OAAO,QAAQ;CACrB,OACE,oBAAC,uBAAD;EACE,WAAU;EACV,WAAW,oBAAO;EAClB,QAAQ,KAAK,SAAS;EAErB,UAAA,MAAM;CACc,CAAA;AAE3B"}
+{"version":3,"file":"Item.mjs","names":[],"sources":["../../../../../../../../../../../src/components/List/components/Items/components/Item/Item.tsx"],"sourcesContent":["import { useGridItemProps } from \"@/components/List/components/Items/components/Item/hooks/useGridItemProps\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport type ListModel from \"@/components/List/model/List\";\nimport ItemsGridListItemView from \"@/views/ItemsGridListItemView\";\nimport { mergeRefs } from \"@react-aria/utils\";\nimport type { FC, PropsWithChildren, Ref } from \"react\";\nimport { memo, Suspense } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport styles from \"./Item.module.scss\";\nimport { ItemLoadingView } from \"./components/ItemLoadingView/ItemLoadingView\";\n\ninterface Props extends PropsWithChildren {\n  id: Key;\n  data: never;\n  triggerRef?: Ref<HTMLDivElement>;\n  list: ListModel<never>;\n  isTile: boolean;\n}\n\nconst ItemImpl = (props: Props) => {\n  const { id, data, triggerRef, list, isTile } = props;\n\n  const itemView = list.itemView;\n\n  const { gridItemProps, children } = useGridItemProps(props, list);\n\n  if (!itemView) {\n    return null;\n  }\n\n  const textValue = itemView.textValue ? itemView.textValue(data) : undefined;\n  const href = itemView.href ? itemView.href(data) : undefined;\n  const hasAction = !!gridItemProps.onAction || !!href;\n\n  const existingRef = \"ref\" in gridItemProps ? gridItemProps.ref : undefined;\n  const gridItemPropsWithRef = triggerRef\n    ? { ...gridItemProps, ref: mergeRefs(existingRef, triggerRef) }\n    : gridItemProps;\n\n  return (\n    <ItemsGridListItemView\n      id={id}\n      textValue={textValue}\n      href={href}\n      target={itemView.target}\n      hasAction={hasAction}\n      isTile={isTile}\n      {...gridItemPropsWithRef}\n    >\n      <Suspense fallback={<ItemLoadingView />}>{children}</Suspense>\n    </ItemsGridListItemView>\n  );\n};\n\n// The list model is rebuilt on every render, so it cannot be compared by\n// identity — but everything an item renders from it can. Those closures come\n// from the consumer's own JSX and only change when the consumer re-renders,\n// so loading more still skips the re-render while parent state no longer\n// leaves an item frozen on the values it first saw.\nexport const Item = memo(\n  ItemImpl,\n  (prev, next) =>\n    prev.id === next.id &&\n    prev.data === next.data &&\n    prev.triggerRef === next.triggerRef &&\n    prev.isTile === next.isTile &&\n    prev.list.onAction === next.list.onAction &&\n    prev.list.accordion === next.list.accordion &&\n    !!prev.list.itemView?.rendersSameAs(next.list.itemView),\n);\nItem.displayName = \"Item\";\n\ninterface ItemContainerProps extends PropsWithChildren {\n  id?: Key;\n  data?: never;\n}\n\nexport const ItemContainer: FC<ItemContainerProps> = (props) => {\n  const list = useList();\n  return (\n    <ItemsGridListItemView\n      textValue=\"-\"\n      className={styles.item}\n      isTile={list.viewMode.isTiles}\n    >\n      {props.children}\n    </ItemsGridListItemView>\n  );\n};\n\nexport default Item;\n"],"mappings":";;;;;;;;;;;AAmBA,IAAM,YAAY,UAAiB;CACjC,MAAM,EAAE,IAAI,MAAM,YAAY,MAAM,WAAW;CAE/C,MAAM,WAAW,KAAK;CAEtB,MAAM,EAAE,eAAe,aAAa,iBAAiB,OAAO,IAAI;CAEhE,IAAI,CAAC,UACH,OAAO;CAGT,MAAM,YAAY,SAAS,YAAY,SAAS,UAAU,IAAI,IAAI,KAAA;CAClE,MAAM,OAAO,SAAS,OAAO,SAAS,KAAK,IAAI,IAAI,KAAA;CACnD,MAAM,YAAY,CAAC,CAAC,cAAc,YAAY,CAAC,CAAC;CAEhD,MAAM,cAAc,SAAS,gBAAgB,cAAc,MAAM,KAAA;CACjE,MAAM,uBAAuB,aACzB;EAAE,GAAG;EAAe,KAAK,UAAU,aAAa,UAAU;CAAE,IAC5D;CAEJ,OACE,oBAAC,uBAAD;EACM;EACO;EACL;EACN,QAAQ,SAAS;EACN;EACH;EACR,GAAI;EAEJ,UAAA,oBAAC,UAAD;GAAU,UAAU,oBAAC,iBAAD,CAAkB,CAAA;GAAI;EAAmB,CAAA;CACxC,CAAA;AAE3B;AAOA,IAAa,OAAO,KAClB,WACC,MAAM,SACL,KAAK,OAAO,KAAK,MACjB,KAAK,SAAS,KAAK,QACnB,KAAK,eAAe,KAAK,cACzB,KAAK,WAAW,KAAK,UACrB,KAAK,KAAK,aAAa,KAAK,KAAK,YACjC,KAAK,KAAK,cAAc,KAAK,KAAK,aAClC,CAAC,CAAC,KAAK,KAAK,UAAU,cAAc,KAAK,KAAK,QAAQ,CAC1D;AACA,KAAK,cAAc;AAOnB,IAAa,iBAAyC,UAAU;CAC9D,MAAM,OAAO,QAAQ;CACrB,OACE,oBAAC,uBAAD;EACE,WAAU;EACV,WAAW,oBAAO;EAClB,QAAQ,KAAK,SAAS;EAErB,UAAA,MAAM;CACc,CAAA;AAE3B"}

package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/AccordionButton.mjs

@@ -3,8 +3,8 @@
 import { IconChevronDown } from "../../../../../../Icon/components/icons/IconChevronDown.mjs";
 import { IconChevronUp } from "../../../../../../Icon/components/icons/IconChevronUp.mjs";
 import { useLocalizedStringFormatter } from "../../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../../../../_virtual/_16.locale.mjs";
 import ButtonView from "../../../../../../../views/ButtonView.mjs";
+import __locale_default from "../../../../../../../../../../_virtual/_16.locale.mjs";
 import ListItemView_module_default from "../../../../ListItemView/ListItemView.module.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/List/components/Items/components/Item/components/AccordionButton.tsx

package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.mjs

@@ -2,8 +2,8 @@
 /* */
 import { IconContextMenu } from "../../../../../../../Icon/components/icons/IconContextMenu.mjs";
 import { useLocalizedStringFormatter } from "../../../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../../../../../../../_virtual/_16.locale.mjs";
 import ButtonView from "../../../../../../../../views/ButtonView.mjs";
+import __locale_default from "../../../../../../../../../../../_virtual/_16.locale.mjs";
 import ContextMenuTriggerView from "../../../../../../../../views/ContextMenuTriggerView.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.tsx

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

@@ -27,6 +27,13 @@ var ItemView = class ItemView {
 		this.tileMaxWidth = tileMaxWidth;
 	}
 	static fallbackRenderItemFn = (item) => createElement("pre", void 0, JSON.stringify(item));
+	/**
+	* Whether `other` would render this item identically — i.e. all render
+	* functions taken from the consumer's `ListItem` element are still the same.
+	*/
+	rendersSameAs(other) {
+		return !!other && this.renderFn === other.renderFn && this.textValue === other.textValue && this.href === other.href && this.target === other.target && this.defaultExpanded === other.defaultExpanded;
+	}
 	render(data) {
 		return (this.renderFn ?? ItemView.fallbackRenderItemFn)(data, this.list);
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"ItemView.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/item/ItemView.ts"],"sourcesContent":["import type { HTMLAttributeAnchorTarget, ReactElement, ReactNode } from \"react\";\nimport { createElement } from \"react\";\nimport type { RenderItemFn } from \"@/components/List/model/item/types\";\nimport type List from \"@/components/List/model/List\";\n\nexport interface ItemViewShape<T> {\n  textValue?: (data: T) => string;\n  href?: (data: T) => string;\n  target?: HTMLAttributeAnchorTarget;\n  defaultExpanded?: (data: T) => boolean;\n  renderFn?: RenderItemFn<T>;\n  /** @deprecated Use loadingView instead */\n  fallback?: ReactElement;\n  loadingView?: ReactElement;\n  showList?: boolean;\n  showTiles?: boolean;\n  tileMaxWidth?: number;\n}\n\nexport class ItemView<T> {\n  public readonly list: List<T>;\n  public readonly textValue?: (data: T) => string;\n  public readonly href?: (data: T) => string;\n  public readonly target?: HTMLAttributeAnchorTarget;\n  public readonly defaultExpanded?: (data: T) => boolean;\n  public readonly loadingView?: ReactElement;\n  public readonly showTiles?: boolean;\n  public readonly showList?: boolean;\n  public readonly tileMaxWidth: number;\n  private readonly renderFn?: RenderItemFn<T>;\n\n  public constructor(list: List<T>, shape: ItemViewShape<T> = {}) {\n    const {\n      fallback,\n      loadingView = fallback,\n      textValue,\n      href,\n      target,\n      defaultExpanded,\n      renderFn,\n      showTiles,\n      showList = true,\n      tileMaxWidth = 230,\n    } = shape;\n    this.list = list;\n    this.textValue = textValue;\n    this.renderFn = renderFn;\n    this.href = href;\n    this.target = target;\n    this.defaultExpanded = defaultExpanded;\n    this.loadingView = loadingView;\n    this.showTiles = showTiles;\n    this.showList = showList;\n    this.tileMaxWidth = tileMaxWidth;\n  }\n\n  private static fallbackRenderItemFn: RenderItemFn<never> = (item) =>\n    createElement(\"pre\", undefined, JSON.stringify(item));\n\n  public render(data: T): ReactNode {\n    const renderFn = (this.renderFn ??\n      ItemView.fallbackRenderItemFn) as RenderItemFn<T>;\n    return renderFn(data as never, this.list);\n  }\n}\n"],"mappings":";;;;AAmBA,IAAa,WAAb,MAAa,SAAY;CACvB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAEA,YAAmB,MAAe,QAA0B,CAAC,GAAG;EAC9D,MAAM,EACJ,UACA,cAAc,UACd,WACA,MACA,QACA,iBACA,UACA,WACA,WAAW,MACX,eAAe,QACb;EACJ,KAAK,OAAO;EACZ,KAAK,YAAY;EACjB,KAAK,WAAW;EAChB,KAAK,OAAO;EACZ,KAAK,SAAS;EACd,KAAK,kBAAkB;EACvB,KAAK,cAAc;EACnB,KAAK,YAAY;EACjB,KAAK,WAAW;EAChB,KAAK,eAAe;CACtB;CAEA,OAAe,wBAA6C,SAC1D,cAAc,OAAO,KAAA,GAAW,KAAK,UAAU,IAAI,CAAC;CAEtD,OAAc,MAAoB;EAGhC,QAFkB,KAAK,YACrB,SAAS,qBAAA,CACK,MAAe,KAAK,IAAI;CAC1C;AACF"}
+{"version":3,"file":"ItemView.mjs","names":[],"sources":["../../../../../../../../../src/components/List/model/item/ItemView.ts"],"sourcesContent":["import type { HTMLAttributeAnchorTarget, ReactElement, ReactNode } from \"react\";\nimport { createElement } from \"react\";\nimport type { RenderItemFn } from \"@/components/List/model/item/types\";\nimport type List from \"@/components/List/model/List\";\n\nexport interface ItemViewShape<T> {\n  textValue?: (data: T) => string;\n  href?: (data: T) => string;\n  target?: HTMLAttributeAnchorTarget;\n  defaultExpanded?: (data: T) => boolean;\n  renderFn?: RenderItemFn<T>;\n  /** @deprecated Use loadingView instead */\n  fallback?: ReactElement;\n  loadingView?: ReactElement;\n  showList?: boolean;\n  showTiles?: boolean;\n  tileMaxWidth?: number;\n}\n\nexport class ItemView<T> {\n  public readonly list: List<T>;\n  public readonly textValue?: (data: T) => string;\n  public readonly href?: (data: T) => string;\n  public readonly target?: HTMLAttributeAnchorTarget;\n  public readonly defaultExpanded?: (data: T) => boolean;\n  public readonly loadingView?: ReactElement;\n  public readonly showTiles?: boolean;\n  public readonly showList?: boolean;\n  public readonly tileMaxWidth: number;\n  private readonly renderFn?: RenderItemFn<T>;\n\n  public constructor(list: List<T>, shape: ItemViewShape<T> = {}) {\n    const {\n      fallback,\n      loadingView = fallback,\n      textValue,\n      href,\n      target,\n      defaultExpanded,\n      renderFn,\n      showTiles,\n      showList = true,\n      tileMaxWidth = 230,\n    } = shape;\n    this.list = list;\n    this.textValue = textValue;\n    this.renderFn = renderFn;\n    this.href = href;\n    this.target = target;\n    this.defaultExpanded = defaultExpanded;\n    this.loadingView = loadingView;\n    this.showTiles = showTiles;\n    this.showList = showList;\n    this.tileMaxWidth = tileMaxWidth;\n  }\n\n  private static fallbackRenderItemFn: RenderItemFn<never> = (item) =>\n    createElement(\"pre\", undefined, JSON.stringify(item));\n\n  /**\n   * Whether `other` would render this item identically — i.e. all render\n   * functions taken from the consumer's `ListItem` element are still the same.\n   */\n  public rendersSameAs(other?: ItemView<T>): boolean {\n    return (\n      !!other &&\n      this.renderFn === other.renderFn &&\n      this.textValue === other.textValue &&\n      this.href === other.href &&\n      this.target === other.target &&\n      this.defaultExpanded === other.defaultExpanded\n    );\n  }\n\n  public render(data: T): ReactNode {\n    const renderFn = (this.renderFn ??\n      ItemView.fallbackRenderItemFn) as RenderItemFn<T>;\n    return renderFn(data as never, this.list);\n  }\n}\n"],"mappings":";;;;AAmBA,IAAa,WAAb,MAAa,SAAY;CACvB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAEA,YAAmB,MAAe,QAA0B,CAAC,GAAG;EAC9D,MAAM,EACJ,UACA,cAAc,UACd,WACA,MACA,QACA,iBACA,UACA,WACA,WAAW,MACX,eAAe,QACb;EACJ,KAAK,OAAO;EACZ,KAAK,YAAY;EACjB,KAAK,WAAW;EAChB,KAAK,OAAO;EACZ,KAAK,SAAS;EACd,KAAK,kBAAkB;EACvB,KAAK,cAAc;EACnB,KAAK,YAAY;EACjB,KAAK,WAAW;EAChB,KAAK,eAAe;CACtB;CAEA,OAAe,wBAA6C,SAC1D,cAAc,OAAO,KAAA,GAAW,KAAK,UAAU,IAAI,CAAC;;;;;CAMtD,cAAqB,OAA8B;EACjD,OACE,CAAC,CAAC,SACF,KAAK,aAAa,MAAM,YACxB,KAAK,cAAc,MAAM,aACzB,KAAK,SAAS,MAAM,QACpB,KAAK,WAAW,MAAM,UACtB,KAAK,oBAAoB,MAAM;CAEnC;CAEA,OAAc,MAAoB;EAGhC,QAFkB,KAAK,YACrB,SAAS,qBAAA,CACK,MAAe,KAAK,IAAI;CAC1C;AACF"}

package/dist/js/packages/components/src/components/List/views/EmptyView/EmptyView.mjs

@@ -1,8 +1,8 @@
 "use client"
 /* */
 import { IconSearch } from "../../../Icon/components/icons/IconSearch.mjs";
-import { Text } from "../../../Text/Text.mjs";
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
+import { Text } from "../../../Text/Text.mjs";
 import { Heading } from "../../../Heading/Heading.mjs";
 import __locale_default from "../../../../../../../_virtual/_16.locale.mjs";
 import { IllustratedMessage } from "../../../IllustratedMessage/IllustratedMessage.mjs";

package/dist/js/packages/components/src/components/Modal/Modal.mjs

@@ -9,8 +9,8 @@ import { Wrap } from "../Wrap/Wrap.mjs";
 import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { OverlayController } from "../../lib/controller/overlay/OverlayController.mjs";
 import { Action } from "../Action/Action.mjs";
-import DivView from "../../views/DivView.mjs";
 import ButtonView from "../../views/ButtonView.mjs";
+import DivView from "../../views/DivView.mjs";
 import { Overlay } from "../Overlay/Overlay.mjs";
 import Modal_module_default from "./Modal.module.mjs";
 import { OffCanvasSuspenseFallback } from "./components/OffCanvasSuspenseFallback/OffCanvasSuspenseFallback.mjs";

package/dist/js/packages/components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.mjs

@@ -2,9 +2,9 @@
 /* */
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { Button } from "../../../Button/Button.mjs";
+import { ContextualHelpTrigger } from "../../../ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs";
 import { Heading } from "../../../Heading/Heading.mjs";
 import { ContextualHelp } from "../../../ContextualHelp/ContextualHelp.mjs";
-import { ContextualHelpTrigger } from "../../../ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs";
 import __locale_default from "../../../../../../../_virtual/_28.locale.mjs";
 import { ValidationResultEntry } from "../ValidationResultEntry/ValidationResultEntry.mjs";
 import "react";

package/dist/js/packages/components/src/components/PasswordCreationField/components/ValidationResultEntry/ValidationResultEntry.mjs

@@ -1,8 +1,8 @@
 "use client"
 /* */
-import { Text } from "../../../Text/Text.mjs";
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { AlertIcon } from "../../../AlertIcon/AlertIcon.mjs";
+import { Text } from "../../../Text/Text.mjs";
 import __locale_default from "../../../../../../../_virtual/_28.locale.mjs";
 import generateValidationTranslation from "../../lib/generateValidationTranslation.mjs";
 import ValidationResultEntry_module_default from "./ValidationResultEntry.module.mjs";

package/dist/js/packages/components/src/components/ProgressBar/components/ProgressBarValue.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import ProgressBar_module_default from "../ProgressBar.module.mjs";
-import __locale_default from "../../../../../../_virtual/_6.locale.mjs";
+import __locale_default from "../../../../../../_virtual/_7.locale.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { useLocalizedStringFormatter, useNumberFormatter } from "react-aria";

package/dist/js/packages/components/src/components/SegmentedControl/components/Segment/Segment.mjs

@@ -8,7 +8,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";
 //#region src/components/SegmentedControl/components/Segment/Segment.tsx
 /**
-* @deprecated Use `Tab` inside `Tabs`, or `Radio` inside a `RadioGroup`.
+* @deprecated Use `Tab` inside `Tabs`, or `RadioButton` inside a `RadioGroup` —
+*   `RadioButton` takes exactly this component's props.
 * @flr-generate all
 */
 var Segment = flowComponent("Segment", (props) => {

package/dist/js/packages/components/src/components/SegmentedControl/components/Segment/Segment.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Segment.mjs","names":[],"sources":["../../../../../../../../../src/components/SegmentedControl/components/Segment/Segment.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Segment.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconCheck } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface SegmentProps\n  extends\n    PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {}\n\n/**\n * @deprecated Use `Tab` inside `Tabs`, or `Radio` inside a `RadioGroup`.\n * @flr-generate all\n */\nexport const Segment = flowComponent(\"Segment\", (props) => {\n  // No deprecation warning here — a Segment only renders inside a\n  // SegmentedControl, which already warns.\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.segment, className);\n\n  return (\n    <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n      {children}\n      <IconCheck className={styles.checkmark} />\n    </Aria.Radio>\n  );\n});\n\nexport default Segment;\n"],"mappings":";;;;;;;;;;;;;AAiBA,IAAa,UAAU,cAAc,YAAY,UAAU;CAGzD,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAE9C,MAAM,gBAAgB,KAAK,uBAAO,SAAS,SAAS;CAEpD,OACE,qBAAC,KAAK,OAAN;EAAY,GAAI;EAAM,WAAW;EAAoB;EAArD,UAAA,CACG,UACD,oBAAC,WAAD,EAAW,WAAW,uBAAO,UAAY,CAAA,CAC/B;;AAEhB,CAAC"}
+{"version":3,"file":"Segment.mjs","names":[],"sources":["../../../../../../../../../src/components/SegmentedControl/components/Segment/Segment.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Segment.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconCheck } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface SegmentProps\n  extends\n    PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {}\n\n/**\n * @deprecated Use `Tab` inside `Tabs`, or `RadioButton` inside a `RadioGroup` —\n *   `RadioButton` takes exactly this component's props.\n * @flr-generate all\n */\nexport const Segment = flowComponent(\"Segment\", (props) => {\n  // No deprecation warning here — a Segment only renders inside a\n  // SegmentedControl, which already warns.\n  const { children, className, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.segment, className);\n\n  return (\n    <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n      {children}\n      <IconCheck className={styles.checkmark} />\n    </Aria.Radio>\n  );\n});\n\nexport default Segment;\n"],"mappings":";;;;;;;;;;;;;;AAkBA,IAAa,UAAU,cAAc,YAAY,UAAU;CAGzD,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS;CAE9C,MAAM,gBAAgB,KAAK,uBAAO,SAAS,SAAS;CAEpD,OACE,qBAAC,KAAK,OAAN;EAAY,GAAI;EAAM,WAAW;EAAoB;EAArD,UAAA,CACG,UACD,oBAAC,WAAD,EAAW,WAAW,uBAAO,UAAY,CAAA,CAC/B;;AAEhB,CAAC"}

package/dist/js/packages/components/src/components/TabNavigation/TabNavigation.mjs

@@ -4,10 +4,10 @@ import { PropsContextProvider } from "../../lib/propsContext/components/PropsCon
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 import dynamic from "../../lib/propsContext/dynamicProps/dynamic.mjs";
 import { IconChevronDown } from "../Icon/components/icons/IconChevronDown.mjs";
-import { Text } from "../Text/Text.mjs";
 import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { Button } from "../Button/Button.mjs";
 import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
+import { Text } from "../Text/Text.mjs";
 import ContextMenuTriggerView from "../../views/ContextMenuTriggerView.mjs";
 import ContextMenuView from "../../views/ContextMenuView.mjs";
 import TabNavigation_module_default from "./TabNavigation.module.mjs";

package/dist/js/packages/components/src/components/Tabs/components/FallbackTab/FallbackTab.mjs

@@ -1,8 +1,8 @@
 "use client"
 /* */
-import { Text } from "../../../Text/Text.mjs";
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import { AlertIcon } from "../../../AlertIcon/AlertIcon.mjs";
+import { Text } from "../../../Text/Text.mjs";
 import { Heading } from "../../../Heading/Heading.mjs";
 import { IllustratedMessage } from "../../../IllustratedMessage/IllustratedMessage.mjs";
 import Tabs_module_default from "../../Tabs.module.mjs";

package/dist/js/packages/components/src/lib/react/remote.mjs

@@ -1,11 +1,18 @@
 "use client"
 /* */
-import { Children, isValidElement } from "react";
+import { Children, Fragment, isValidElement } from "react";
 import { isObjectType, isString } from "remeda";
 //#region src/lib/react/remote.ts
 function isRemoteComponentRendererProps(props) {
 	return isObjectType(props) && "element" in props && "components" in props && "receiver" in props;
 }
+/** Whether the node renders text — a string, number, or remote counterpart. */
+var isTextNode = (child) => typeof child === "string" || typeof child === "number" || isValidElement(child) && isRemoteTextRenderProps(child.props);
+/**
+* `Children.toArray` treats a fragment as a single child, so recurse into one
+* to reach the text a component like `Link` passes down through it.
+*/
+var containsTextChild = (children) => Children.toArray(children).some((child) => isTextNode(child) || isValidElement(child) && child.type === Fragment && containsTextChild(child.props.children));
 var extractTextFromFirstChild = (children) => {
 	if (Children.count(children) !== 1) return;
 	const firstChild = Children.toArray(children)[0];
@@ -15,6 +22,6 @@ function isRemoteTextRenderProps(props) {
 	return isObjectType(props) && "remote" in props && isObjectType(props.remote) && "data" in props.remote && isString(props.remote.data);
 }
 //#endregion
-export { extractTextFromFirstChild, isRemoteComponentRendererProps, isRemoteTextRenderProps };
+export { containsTextChild, extractTextFromFirstChild, isRemoteComponentRendererProps, isRemoteTextRenderProps };
 
 //# sourceMappingURL=remote.mjs.map

package/dist/js/packages/components/src/lib/react/remote.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"remote.mjs","names":[],"sources":["../../../../../../../src/lib/react/remote.ts"],"sourcesContent":["import type {\n  RemoteComponentRendererProps,\n  RemoteTextRendererProps,\n} from \"@mittwald/remote-dom-react/host\";\nimport { isObjectType, isString } from \"remeda\";\nimport { Children, isValidElement, type ReactNode } from \"react\";\n\nexport function isRemoteComponentRendererProps(\n  props: unknown,\n): props is RemoteComponentRendererProps {\n  return (\n    isObjectType(props) &&\n    \"element\" in props &&\n    \"components\" in props &&\n    \"receiver\" in props\n  );\n}\n\nexport const extractTextFromFirstChild = (children: ReactNode) => {\n  if (Children.count(children) !== 1) {\n    return undefined;\n  }\n\n  const firstChild = Children.toArray(children)[0];\n\n  return typeof firstChild === \"string\"\n    ? firstChild\n    : isValidElement(firstChild) && isRemoteTextRenderProps(firstChild.props)\n      ? firstChild.props.remote.data\n      : undefined;\n};\n\nexport function isRemoteTextRenderProps(\n  props: unknown,\n): props is RemoteTextRendererProps {\n  return (\n    isObjectType(props) &&\n    \"remote\" in props &&\n    isObjectType(props.remote) &&\n    \"data\" in props.remote &&\n    isString(props.remote.data)\n  );\n}\n"],"mappings":";;;;;AAOA,SAAgB,+BACd,OACuC;CACvC,OACE,aAAa,KAAK,KAClB,aAAa,SACb,gBAAgB,SAChB,cAAc;AAElB;AAEA,IAAa,6BAA6B,aAAwB;CAChE,IAAI,SAAS,MAAM,QAAQ,MAAM,GAC/B;CAGF,MAAM,aAAa,SAAS,QAAQ,QAAQ,CAAC,CAAC;CAE9C,OAAO,OAAO,eAAe,WACzB,aACA,eAAe,UAAU,KAAK,wBAAwB,WAAW,KAAK,IACpE,WAAW,MAAM,OAAO,OACxB,KAAA;AACR;AAEA,SAAgB,wBACd,OACkC;CAClC,OACE,aAAa,KAAK,KAClB,YAAY,SACZ,aAAa,MAAM,MAAM,KACzB,UAAU,MAAM,UAChB,SAAS,MAAM,OAAO,IAAI;AAE9B"}
+{"version":3,"file":"remote.mjs","names":[],"sources":["../../../../../../../src/lib/react/remote.ts"],"sourcesContent":["import type {\n  RemoteComponentRendererProps,\n  RemoteTextRendererProps,\n} from \"@mittwald/remote-dom-react/host\";\nimport { isObjectType, isString } from \"remeda\";\nimport {\n  Children,\n  Fragment,\n  isValidElement,\n  type PropsWithChildren,\n  type ReactNode,\n} from \"react\";\n\nexport function isRemoteComponentRendererProps(\n  props: unknown,\n): props is RemoteComponentRendererProps {\n  return (\n    isObjectType(props) &&\n    \"element\" in props &&\n    \"components\" in props &&\n    \"receiver\" in props\n  );\n}\n\n/** Whether the node renders text — a string, number, or remote counterpart. */\nconst isTextNode = (child: ReactNode): boolean =>\n  typeof child === \"string\" ||\n  typeof child === \"number\" ||\n  (isValidElement(child) && isRemoteTextRenderProps(child.props));\n\n/**\n * `Children.toArray` treats a fragment as a single child, so recurse into one\n * to reach the text a component like `Link` passes down through it.\n */\nexport const containsTextChild = (children: ReactNode): boolean =>\n  Children.toArray(children).some(\n    (child) =>\n      isTextNode(child) ||\n      (isValidElement<PropsWithChildren>(child) &&\n        child.type === Fragment &&\n        containsTextChild(child.props.children)),\n  );\n\nexport const extractTextFromFirstChild = (children: ReactNode) => {\n  if (Children.count(children) !== 1) {\n    return undefined;\n  }\n\n  const firstChild = Children.toArray(children)[0];\n\n  return typeof firstChild === \"string\"\n    ? firstChild\n    : isValidElement(firstChild) && isRemoteTextRenderProps(firstChild.props)\n      ? firstChild.props.remote.data\n      : undefined;\n};\n\nexport function isRemoteTextRenderProps(\n  props: unknown,\n): props is RemoteTextRendererProps {\n  return (\n    isObjectType(props) &&\n    \"remote\" in props &&\n    isObjectType(props.remote) &&\n    \"data\" in props.remote &&\n    isString(props.remote.data)\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgB,+BACd,OACuC;CACvC,OACE,aAAa,KAAK,KAClB,aAAa,SACb,gBAAgB,SAChB,cAAc;AAElB;;AAGA,IAAM,cAAc,UAClB,OAAO,UAAU,YACjB,OAAO,UAAU,YAChB,eAAe,KAAK,KAAK,wBAAwB,MAAM,KAAK;;;;;AAM/D,IAAa,qBAAqB,aAChC,SAAS,QAAQ,QAAQ,CAAC,CAAC,MACxB,UACC,WAAW,KAAK,KACf,eAAkC,KAAK,KACtC,MAAM,SAAS,YACf,kBAAkB,MAAM,MAAM,QAAQ,CAC5C;AAEF,IAAa,6BAA6B,aAAwB;CAChE,IAAI,SAAS,MAAM,QAAQ,MAAM,GAC/B;CAGF,MAAM,aAAa,SAAS,QAAQ,QAAQ,CAAC,CAAC;CAE9C,OAAO,OAAO,eAAe,WACzB,aACA,eAAe,UAAU,KAAK,wBAAwB,WAAW,KAAK,IACpE,WAAW,MAAM,OAAO,OACxB,KAAA;AACR;AAEA,SAAgB,wBACd,OACkC;CAClC,OACE,aAAa,KAAK,KAClB,YAAY,SACZ,aAAa,MAAM,MAAM,KACzB,UAAU,MAAM,UAChB,SAAS,MAAM,OAAO,IAAI;AAE9B"}

package/dist/js/packages/components/src/views/ContextualHelpTriggerView.mjs

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { viewComponentContext } from "../lib/viewComponentContext/viewComponentContext.mjs";
+import { ContextualHelpTrigger } from "../components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs";
+import { memo, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/views/ContextualHelpTriggerView.tsx
+var ContextualHelpTriggerView = memo((props) => {
+	const View = useContext(viewComponentContext)["ContextualHelpTrigger"] ?? ContextualHelpTrigger;
+	return /* @__PURE__ */ jsx(View, { ...props });
+});
+ContextualHelpTriggerView.displayName = "ContextualHelpTriggerView";
+//#endregion
+export { ContextualHelpTriggerView as default };
+
+//# sourceMappingURL=ContextualHelpTriggerView.mjs.map

package/dist/js/packages/components/src/views/ContextualHelpTriggerView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextualHelpTriggerView.mjs","names":[],"sources":["../../../../../../src/views/ContextualHelpTriggerView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ContextualHelpTrigger,\n  type ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ContextualHelpTriggerView: FC<ContextualHelpTriggerProps> = memo(\n  (props) => {\n    const View =\n      useContext(viewComponentContext)[\"ContextualHelpTrigger\"] ??\n      ContextualHelpTrigger;\n    return <View {...props} />;\n  },\n);\nContextualHelpTriggerView.displayName = \"ContextualHelpTriggerView\";\n\nexport default ContextualHelpTriggerView;\n"],"mappings":";;;;;;;AASA,IAAM,4BAA4D,MAC/D,UAAU;CACT,MAAM,OACJ,WAAW,oBAAoB,CAAC,CAAC,4BACjC;CACF,OAAO,oBAAC,MAAD,EAAM,GAAI,MAAQ,CAAA;AAC3B,CACF;AACA,0BAA0B,cAAc"}

package/dist/js/packages/design-tokens/dist/json-runtime/all-dark.mjs

@@ -1341,6 +1341,10 @@ var axis = {
 		"path": ["axis", "tick-size"]
 	}
 };
+var bar = { "corner-radius": {
+	"value": "4px",
+	"path": ["bar", "corner-radius"]
+} };
 var legend = {
 	"spacing-x": {
 		"value": "16px",
@@ -4295,6 +4299,7 @@ var all_dark_default = {
 	text,
 	area,
 	axis,
+	bar,
 	"big-number": {
 		"spacing": {
 			"value": "0.25rem",
@@ -5784,6 +5789,6 @@ var all_dark_default = {
 	}
 };
 //#endregion
-export { accordion, alert, area, avatar, axis, badge, blur, breadcrumb, button, calendar, chat, choice, color, combine, danger, dark, decorative, all_dark_default as default, focus, heading, icon, image, info, initials, kbd, label, legend, light, line, link, list, markdown, menu, message, modal, neutral, notification, overlay, popover, primary, rating, scrollbar, section, separator, shadow, slider, success, table, tabs, text, tooltip, transition, unavailable, warning };
+export { accordion, alert, area, avatar, axis, badge, bar, blur, breadcrumb, button, calendar, chat, choice, color, combine, danger, dark, decorative, all_dark_default as default, focus, heading, icon, image, info, initials, kbd, label, legend, light, line, link, list, markdown, menu, message, modal, neutral, notification, overlay, popover, primary, rating, scrollbar, section, separator, shadow, slider, success, table, tabs, text, tooltip, transition, unavailable, warning };
 
 //# sourceMappingURL=all-dark.mjs.map