@mittwald/flow-react-components 1.6.0-next.1 → 1.6.0-next.11

package/dist/js/packages/components/src/components/Popover/components/PopoverContent/PopoverContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.mjs","names":["styles"],"sources":["../../../../../../../../../src/components/Popover/components/PopoverContent/PopoverContent.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref, RefObject } from \"react\";\nimport { useContext } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"../../Popover.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { useIsActivityActive } from \"@/components/Activity/context\";\nimport { NonModalPopoverContent } from \"../NonModalPopoverContent\";\nimport { PopoverTip } from \"../PopoverTip\";\nimport { popoverViewportPadding } from \"../../viewportPadding\";\nimport { popoverWidthStyle } from \"../../widthStyle\";\n\nexport interface PopoverContentProps\n  extends PropsWithChildren, PropsWithClassName {\n  withTip?: boolean;\n  isDialogContent?: boolean;\n  isOpen?: boolean;\n  width?: string | number;\n  /** @internal Set by `CoachMark`; see `PopoverProps`. */\n  modality?: \"modal\" | \"non-modal\";\n  onOpenChange: (isOpen: boolean) => void;\n  ref?: Ref<HTMLElement>;\n  triggerRef?: RefObject<Element | null>;\n}\n\n/**\n * @flr-generate all\n * @flr-ignore-props modality\n */\nexport const PopoverContent: FC<PopoverContentProps> = (props) => {\n  const {\n    children,\n    className,\n    isDialogContent = false,\n    withTip,\n    onOpenChange,\n    ref,\n    isOpen,\n    width,\n    modality,\n    ...rest\n  } = props;\n\n  const isActivityActive = useIsActivityActive();\n\n  // A trigger hands its popover a ref through the context react-aria sets up,\n  // and the non-modal popover has to anchor itself with it.\n  const popoverContext = useContext(Aria.PopoverContext);\n  const triggerRefFromContext =\n    popoverContext && \"triggerRef\" in popoverContext\n      ? popoverContext.triggerRef\n      : undefined;\n\n  // The trigger points its `aria-controls` at this id while the popover is\n  // open, so the popover has to carry it — react-aria's own only applies it\n  // when the popover is a dialog.\n  const idFromContext =\n    popoverContext && \"id\" in popoverContext ? popoverContext.id : undefined;\n\n  const ContentComponent = isDialogContent ? Aria.Dialog : \"div\";\n\n  if (!isActivityActive) {\n    return null;\n  }\n\n  if (modality === \"non-modal\") {\n    const anchor = rest.triggerRef ?? triggerRefFromContext;\n\n    // Without an anchor there is nothing to position against. react-aria's own\n    // popover has the same requirement; it just throws further in.\n    if (!anchor) {\n      return null;\n    }\n\n    return (\n      <NonModalPopoverContent\n        {...rest}\n        className={className}\n        ref={ref}\n        isOpen={isOpen}\n        width={width}\n        withTip={withTip}\n        id={idFromContext}\n        triggerRef={anchor}\n        onOpenChange={onOpenChange}\n      >\n        {children}\n      </NonModalPopoverContent>\n    );\n  }\n\n  return (\n    <Aria.Popover\n      {...rest}\n      className={className}\n      containerPadding={popoverViewportPadding}\n      ref={ref}\n      isOpen={isOpen}\n      onOpenChange={onOpenChange}\n      style={popoverWidthStyle(width)}\n    >\n      {withTip && (\n        <Aria.OverlayArrow className={styles.tip}>\n          <PopoverTip />\n        </Aria.OverlayArrow>\n      )}\n      <ContentComponent className={styles.content}>{children}</ContentComponent>\n    </Aria.Popover>\n  );\n};\n\nexport default PopoverContent;\n"],"mappings":";;;;;;;;;;;;;;;;AA4BA,IAAa,kBAA2C,UAAU;CAChE,MAAM,EACJ,UACA,WACA,kBAAkB,OAClB,SACA,cACA,KACA,QACA,OACA,UACA,GAAG,SACD;CAEJ,MAAM,mBAAmB,oBAAoB;CAI7C,MAAM,iBAAiB,WAAW,KAAK,cAAc;CACrD,MAAM,wBACJ,kBAAkB,gBAAgB,iBAC9B,eAAe,aACf,KAAA;CAKN,MAAM,gBACJ,kBAAkB,QAAQ,iBAAiB,eAAe,KAAK,KAAA;CAEjE,MAAM,mBAAmB,kBAAkB,KAAK,SAAS;CAEzD,IAAI,CAAC,kBACH,OAAO;CAGT,IAAI,aAAa,aAAa;EAC5B,MAAM,SAAS,KAAK,cAAc;EAIlC,IAAI,CAAC,QACH,OAAO;EAGT,OACE,oBAAC,wBAAD;GACE,GAAI;GACO;GACN;GACG;GACD;GACE;GACT,IAAI;GACJ,YAAY;GACE;GAEb;EACqB,CAAA;CAE5B;CAEA,OACE,qBAAC,KAAK,SAAN;EACE,GAAI;EACO;EACX,kBAAkB;EACb;EACG;EACM;EACd,OAAO,kBAAkB,KAAK;EAPhC,UAAA,CASG,WACC,oBAAC,KAAK,cAAN;GAAmB,WAAWA,uBAAO;GACnC,UAAA,oBAAC,YAAD,CAAa,CAAA;EACI,CAAA,GAErB,oBAAC,kBAAD;GAAkB,WAAWA,uBAAO;GAAU;EAA2B,CAAA,CAC7D;;AAElB"}
+{"version":3,"file":"PopoverContent.mjs","names":["styles"],"sources":["../../../../../../../../../src/components/Popover/components/PopoverContent/PopoverContent.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref, RefObject } from \"react\";\nimport { useContext } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"../../Popover.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { useIsActivityActive } from \"@/components/Activity/context\";\nimport { SectionHeadingReset } from \"@/components/Section/context\";\nimport { NonModalPopoverContent } from \"../NonModalPopoverContent\";\nimport { PopoverTip } from \"../PopoverTip\";\nimport { popoverViewportPadding } from \"../../viewportPadding\";\nimport { popoverWidthStyle } from \"../../widthStyle\";\n\nexport interface PopoverContentProps\n  extends PropsWithChildren, PropsWithClassName {\n  withTip?: boolean;\n  isDialogContent?: boolean;\n  isOpen?: boolean;\n  width?: string | number;\n  /** @internal Set by `CoachMark`; see `PopoverProps`. */\n  modality?: \"modal\" | \"non-modal\";\n  onOpenChange: (isOpen: boolean) => void;\n  ref?: Ref<HTMLElement>;\n  triggerRef?: RefObject<Element | null>;\n}\n\n/**\n * @flr-generate all\n * @flr-ignore-props modality\n */\nexport const PopoverContent: FC<PopoverContentProps> = (props) => {\n  const {\n    children,\n    className,\n    isDialogContent = false,\n    withTip,\n    onOpenChange,\n    ref,\n    isOpen,\n    width,\n    modality,\n    ...rest\n  } = props;\n\n  const isActivityActive = useIsActivityActive();\n\n  // A trigger hands its popover a ref through the context react-aria sets up,\n  // and the non-modal popover has to anchor itself with it.\n  const popoverContext = useContext(Aria.PopoverContext);\n  const triggerRefFromContext =\n    popoverContext && \"triggerRef\" in popoverContext\n      ? popoverContext.triggerRef\n      : undefined;\n\n  // The trigger points its `aria-controls` at this id while the popover is\n  // open, so the popover has to carry it — react-aria's own only applies it\n  // when the popover is a dialog.\n  const idFromContext =\n    popoverContext && \"id\" in popoverContext ? popoverContext.id : undefined;\n\n  const ContentComponent = isDialogContent ? Aria.Dialog : \"div\";\n\n  const content = <SectionHeadingReset>{children}</SectionHeadingReset>;\n\n  if (!isActivityActive) {\n    return null;\n  }\n\n  if (modality === \"non-modal\") {\n    const anchor = rest.triggerRef ?? triggerRefFromContext;\n\n    // Without an anchor there is nothing to position against. react-aria's own\n    // popover has the same requirement; it just throws further in.\n    if (!anchor) {\n      return null;\n    }\n\n    return (\n      <NonModalPopoverContent\n        {...rest}\n        className={className}\n        ref={ref}\n        isOpen={isOpen}\n        width={width}\n        withTip={withTip}\n        id={idFromContext}\n        triggerRef={anchor}\n        onOpenChange={onOpenChange}\n      >\n        {content}\n      </NonModalPopoverContent>\n    );\n  }\n\n  return (\n    <Aria.Popover\n      {...rest}\n      className={className}\n      containerPadding={popoverViewportPadding}\n      ref={ref}\n      isOpen={isOpen}\n      onOpenChange={onOpenChange}\n      style={popoverWidthStyle(width)}\n    >\n      {withTip && (\n        <Aria.OverlayArrow className={styles.tip}>\n          <PopoverTip />\n        </Aria.OverlayArrow>\n      )}\n      <ContentComponent className={styles.content}>{content}</ContentComponent>\n    </Aria.Popover>\n  );\n};\n\nexport default PopoverContent;\n"],"mappings":";;;;;;;;;;;;;;;;;AA6BA,IAAa,kBAA2C,UAAU;CAChE,MAAM,EACJ,UACA,WACA,kBAAkB,OAClB,SACA,cACA,KACA,QACA,OACA,UACA,GAAG,SACD;CAEJ,MAAM,mBAAmB,oBAAoB;CAI7C,MAAM,iBAAiB,WAAW,KAAK,cAAc;CACrD,MAAM,wBACJ,kBAAkB,gBAAgB,iBAC9B,eAAe,aACf,KAAA;CAKN,MAAM,gBACJ,kBAAkB,QAAQ,iBAAiB,eAAe,KAAK,KAAA;CAEjE,MAAM,mBAAmB,kBAAkB,KAAK,SAAS;CAEzD,MAAM,UAAU,oBAAC,qBAAD,EAAsB,SAA8B,CAAA;CAEpE,IAAI,CAAC,kBACH,OAAO;CAGT,IAAI,aAAa,aAAa;EAC5B,MAAM,SAAS,KAAK,cAAc;EAIlC,IAAI,CAAC,QACH,OAAO;EAGT,OACE,oBAAC,wBAAD;GACE,GAAI;GACO;GACN;GACG;GACD;GACE;GACT,IAAI;GACJ,YAAY;GACE;GAEb,UAAA;EACqB,CAAA;CAE5B;CAEA,OACE,qBAAC,KAAK,SAAN;EACE,GAAI;EACO;EACX,kBAAkB;EACb;EACG;EACM;EACd,OAAO,kBAAkB,KAAK;EAPhC,UAAA,CASG,WACC,oBAAC,KAAK,cAAN;GAAmB,WAAWA,uBAAO;GACnC,UAAA,oBAAC,YAAD,CAAa,CAAA;EACI,CAAA,GAErB,oBAAC,kBAAD;GAAkB,WAAWA,uBAAO;GAAU,UAAA;EAA0B,CAAA,CAC5D;;AAElB"}

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/_7.locale.mjs";
+import __locale_default from "../../../../../../_virtual/_8.locale.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { useLocalizedStringFormatter, useNumberFormatter } from "react-aria";

package/dist/js/packages/components/src/components/Rating/components/RatingSegment/RatingSegment.mjs

@@ -3,7 +3,7 @@
 import { flowComponent } from "../../../../lib/componentFactory/flowComponent.mjs";
 import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
 import Rating_module_default from "../../Rating.module.mjs";
-import __locale_default from "../../../../../../../_virtual/_30.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_31.locale.mjs";
 import { useRatingSegmentContext } from "../../context.mjs";
 import { FilledSegment } from "./FilledSegment.mjs";
 import { EmptySegment } from "./EmptySegment.mjs";

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

@@ -11,7 +11,7 @@ import FormField_module_default from "../FormField/FormField.module.mjs";
 import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
 import { useControlledHostValueProps } from "../../lib/remote/useControlledHostValueProps.mjs";
 import SearchField_module_default from "./SearchField.module.mjs";
-import __locale_default from "../../../../../_virtual/_22.locale.mjs";
+import __locale_default from "../../../../../_virtual/_23.locale.mjs";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";

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

@@ -2,6 +2,7 @@
 /* */
 import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { SectionHeadingProvider, useSectionHeading } from "./context.mjs";
 import Section_module_default from "./Section.module.mjs";
 import ContextMenuSectionView from "../../views/ContextMenuSectionView.mjs";
 import clsx from "clsx";
@@ -11,29 +12,32 @@ import { jsx } from "react/jsx-runtime";
 /** @flr-generate all */
 var Section = flowComponent("Section", (props) => {
 	const { children, className, ref, renderContextMenuSection, hideSeparator, ...rest } = props;
+	const headingId = useId();
+	const sectionHeading = useSectionHeading(headingId);
 	if (!children) return null;
 	if (renderContextMenuSection) return /* @__PURE__ */ jsx(ContextMenuSectionView, {
 		ref,
 		children
 	});
 	const rootClassName = clsx(Section_module_default.section, hideSeparator && Section_module_default.hideSeparator, className);
-	const headingId = useId();
 	const propsContext = {
 		Heading: {
 			level: 2,
 			id: headingId,
 			className: Section_module_default.heading
 		},
-		Header: { renderSectionHeader: true },
-		List: { "aria-labelledby": headingId }
+		Header: { renderSectionHeader: true }
 	};
 	return /* @__PURE__ */ jsx("section", {
 		...rest,
 		className: rootClassName,
 		ref,
-		children: /* @__PURE__ */ jsx(PropsContextProvider, {
-			props: propsContext,
-			children
+		children: /* @__PURE__ */ jsx(SectionHeadingProvider, {
+			value: sectionHeading,
+			children: /* @__PURE__ */ jsx(PropsContextProvider, {
+				props: propsContext,
+				children
+			})
 		})
 	});
 }, { type: "layout" });

package/dist/js/packages/components/src/components/Section/Section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Section.mjs","names":["styles"],"sources":["../../../../../../../src/components/Section/Section.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport { useId } from \"react\";\nimport styles from \"./Section.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport ContextMenuSectionView from \"@/views/ContextMenuSectionView\";\n\nexport interface SectionProps\n  extends\n    PropsWithChildren<ComponentProps<\"section\">>,\n    FlowComponentProps<HTMLElement> {\n  /** @internal */\n  renderContextMenuSection?: boolean;\n  /** @internal */\n  hideSeparator?: boolean;\n}\n\n/** @flr-generate all */\nexport const Section = flowComponent(\n  \"Section\",\n  (props) => {\n    const {\n      children,\n      className,\n      ref,\n      renderContextMenuSection,\n      hideSeparator,\n      ...rest\n    } = props;\n\n    if (!children) {\n      return null;\n    }\n\n    if (renderContextMenuSection) {\n      return (\n        <ContextMenuSectionView ref={ref as never}>\n          {children}\n        </ContextMenuSectionView>\n      );\n    }\n\n    const rootClassName = clsx(\n      styles.section,\n      hideSeparator && styles.hideSeparator,\n      className,\n    );\n\n    const headingId = useId();\n\n    const propsContext: PropsContext = {\n      Heading: {\n        level: 2,\n        id: headingId,\n        className: styles.heading,\n      },\n      Header: {\n        renderSectionHeader: true,\n      },\n      List: {\n        \"aria-labelledby\": headingId,\n      },\n    };\n\n    return (\n      <section {...rest} className={rootClassName} ref={ref}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </section>\n    );\n  },\n  {\n    type: \"layout\",\n  },\n);\n\nexport default Section;\n"],"mappings":";;;;;;;;;;;AAqBA,IAAa,UAAU,cACrB,YACC,UAAU;CACT,MAAM,EACJ,UACA,WACA,KACA,0BACA,eACA,GAAG,SACD;CAEJ,IAAI,CAAC,UACH,OAAO;CAGT,IAAI,0BACF,OACE,oBAAC,wBAAD;EAA6B;EAC1B;CACqB,CAAA;CAI5B,MAAM,gBAAgB,KACpBA,uBAAO,SACP,iBAAiBA,uBAAO,eACxB,SACF;CAEA,MAAM,YAAY,MAAM;CAExB,MAAM,eAA6B;EACjC,SAAS;GACP,OAAO;GACP,IAAI;GACJ,WAAWA,uBAAO;EACpB;EACA,QAAQ,EACN,qBAAqB,KACvB;EACA,MAAM,EACJ,mBAAmB,UACrB;CACF;CAEA,OACE,oBAAC,WAAD;EAAS,GAAI;EAAM,WAAW;EAAoB;EAChD,UAAA,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA;CACf,CAAA;AAEb,GACA,EACE,MAAM,SACR,CACF"}
+{"version":3,"file":"Section.mjs","names":["styles"],"sources":["../../../../../../../src/components/Section/Section.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport { useId } from \"react\";\nimport styles from \"./Section.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport ContextMenuSectionView from \"@/views/ContextMenuSectionView\";\nimport { SectionHeadingProvider, useSectionHeading } from \"./context\";\n\nexport interface SectionProps\n  extends\n    PropsWithChildren<ComponentProps<\"section\">>,\n    FlowComponentProps<HTMLElement> {\n  /** @internal */\n  renderContextMenuSection?: boolean;\n  /** @internal */\n  hideSeparator?: boolean;\n}\n\n/** @flr-generate all */\nexport const Section = flowComponent(\n  \"Section\",\n  (props) => {\n    const {\n      children,\n      className,\n      ref,\n      renderContextMenuSection,\n      hideSeparator,\n      ...rest\n    } = props;\n\n    const headingId = useId();\n    const sectionHeading = useSectionHeading(headingId);\n\n    if (!children) {\n      return null;\n    }\n\n    if (renderContextMenuSection) {\n      return (\n        <ContextMenuSectionView ref={ref as never}>\n          {children}\n        </ContextMenuSectionView>\n      );\n    }\n\n    const rootClassName = clsx(\n      styles.section,\n      hideSeparator && styles.hideSeparator,\n      className,\n    );\n\n    const propsContext: PropsContext = {\n      Heading: {\n        level: 2,\n        id: headingId,\n        className: styles.heading,\n      },\n      Header: {\n        renderSectionHeader: true,\n      },\n    };\n\n    return (\n      <section {...rest} className={rootClassName} ref={ref}>\n        <SectionHeadingProvider value={sectionHeading}>\n          <PropsContextProvider props={propsContext}>\n            {children}\n          </PropsContextProvider>\n        </SectionHeadingProvider>\n      </section>\n    );\n  },\n  {\n    type: \"layout\",\n  },\n);\n\nexport default Section;\n"],"mappings":";;;;;;;;;;;;AAsBA,IAAa,UAAU,cACrB,YACC,UAAU;CACT,MAAM,EACJ,UACA,WACA,KACA,0BACA,eACA,GAAG,SACD;CAEJ,MAAM,YAAY,MAAM;CACxB,MAAM,iBAAiB,kBAAkB,SAAS;CAElD,IAAI,CAAC,UACH,OAAO;CAGT,IAAI,0BACF,OACE,oBAAC,wBAAD;EAA6B;EAC1B;CACqB,CAAA;CAI5B,MAAM,gBAAgB,KACpBA,uBAAO,SACP,iBAAiBA,uBAAO,eACxB,SACF;CAEA,MAAM,eAA6B;EACjC,SAAS;GACP,OAAO;GACP,IAAI;GACJ,WAAWA,uBAAO;EACpB;EACA,QAAQ,EACN,qBAAqB,KACvB;CACF;CAEA,OACE,oBAAC,WAAD;EAAS,GAAI;EAAM,WAAW;EAAoB;EAChD,UAAA,oBAAC,wBAAD;GAAwB,OAAO;GAC7B,UAAA,oBAAC,sBAAD;IAAsB,OAAO;IAC1B;GACmB,CAAA;EACA,CAAA;CACjB,CAAA;AAEb,GACA,EACE,MAAM,SACR,CACF"}

package/dist/js/packages/components/src/components/Section/components/SectionHeader/SectionHeader.mjs

@@ -40,10 +40,6 @@ var SectionHeader = flowComponent("SectionHeader", (props) => {
 			tunnel: actionsTunnel,
 			Button: { size: "s" }
 		},
-		Action: {
-			tunnel: actionsTunnel,
-			Button: { tunnel: null }
-		},
 		Heading: { level: 2 },
 		Link: { tunnel: actionsTunnel }
 	};

package/dist/js/packages/components/src/components/Section/components/SectionHeader/SectionHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.mjs","names":["styles"],"sources":["../../../../../../../../../src/components/Section/components/SectionHeader/SectionHeader.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, RefAttributes } from \"react\";\nimport styles from \"./SectionHeader.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport {\n  overlayTriggersTunneledTo,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport type SectionHeaderProps = PropsWithChildren &\n  PropsWithClassName &\n  RefAttributes<HTMLHeadingElement>;\n\nexport const SectionHeader: FC<SectionHeaderProps> = flowComponent(\n  \"SectionHeader\",\n  (props) => {\n    const { children, className, ref } = props;\n\n    const rootClassName = clsx(styles.sectionHeader, className);\n\n    const actionsTunnel = {\n      id: \"actions\",\n      component: \"SectionHeader\",\n    } as const;\n\n    const propsContext: PropsContext = {\n      ...overlayTriggersTunneledTo(actionsTunnel),\n      Switch: {\n        labelPosition: \"leading\",\n        tunnel: actionsTunnel,\n      },\n      Button: {\n        size: \"s\",\n        tunnel: actionsTunnel,\n      },\n      ActionGroup: {\n        preserveOrder: true,\n        size: \"s\",\n        tunnel: actionsTunnel,\n        Button: {\n          tunnel: null,\n        },\n        Switch: {\n          tunnel: null,\n        },\n        Link: {\n          size: \"m\",\n          tunnel: null,\n        },\n      },\n      FileField: {\n        tunnel: actionsTunnel,\n        Button: { size: \"s\" },\n      },\n      Action: {\n        tunnel: actionsTunnel,\n        Button: {\n          tunnel: null,\n        },\n      },\n      Heading: {\n        level: 2,\n      },\n      Link: {\n        tunnel: actionsTunnel,\n      },\n    };\n\n    return (\n      <header ref={ref} className={rootClassName}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n          <div className={styles.actions}>\n            <UiComponentTunnelExit id=\"actions\" component=\"SectionHeader\" />\n          </div>\n        </PropsContextProvider>\n      </header>\n    );\n  },\n  {\n    type: \"layout\",\n  },\n);\n\nexport default SectionHeader;\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,gBAAwC,cACnD,kBACC,UAAU;CACT,MAAM,EAAE,UAAU,WAAW,QAAQ;CAErC,MAAM,gBAAgB,KAAKA,6BAAO,eAAe,SAAS;CAE1D,MAAM,gBAAgB;EACpB,IAAI;EACJ,WAAW;CACb;CAEA,MAAM,eAA6B;EACjC,GAAG,0BAA0B,aAAa;EAC1C,QAAQ;GACN,eAAe;GACf,QAAQ;EACV;EACA,QAAQ;GACN,MAAM;GACN,QAAQ;EACV;EACA,aAAa;GACX,eAAe;GACf,MAAM;GACN,QAAQ;GACR,QAAQ,EACN,QAAQ,KACV;GACA,QAAQ,EACN,QAAQ,KACV;GACA,MAAM;IACJ,MAAM;IACN,QAAQ;GACV;EACF;EACA,WAAW;GACT,QAAQ;GACR,QAAQ,EAAE,MAAM,IAAI;EACtB;EACA,QAAQ;GACN,QAAQ;GACR,QAAQ,EACN,QAAQ,KACV;EACF;EACA,SAAS,EACP,OAAO,EACT;EACA,MAAM,EACJ,QAAQ,cACV;CACF;CAEA,OACE,oBAAC,UAAD;EAAa;EAAK,WAAW;EAC3B,UAAA,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA,CACG,UACD,oBAAC,OAAD;IAAK,WAAWA,6BAAO;IACrB,UAAA,oBAAC,uBAAD;KAAuB,IAAG;KAAU,WAAU;IAAiB,CAAA;GAC5D,CAAA,CACe;;CAChB,CAAA;AAEZ,GACA,EACE,MAAM,SACR,CACF"}
+{"version":3,"file":"SectionHeader.mjs","names":["styles"],"sources":["../../../../../../../../../src/components/Section/components/SectionHeader/SectionHeader.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, RefAttributes } from \"react\";\nimport styles from \"./SectionHeader.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport {\n  overlayTriggersTunneledTo,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport type SectionHeaderProps = PropsWithChildren &\n  PropsWithClassName &\n  RefAttributes<HTMLHeadingElement>;\n\nexport const SectionHeader: FC<SectionHeaderProps> = flowComponent(\n  \"SectionHeader\",\n  (props) => {\n    const { children, className, ref } = props;\n\n    const rootClassName = clsx(styles.sectionHeader, className);\n\n    const actionsTunnel = {\n      id: \"actions\",\n      component: \"SectionHeader\",\n    } as const;\n\n    const propsContext: PropsContext = {\n      ...overlayTriggersTunneledTo(actionsTunnel),\n      Switch: {\n        labelPosition: \"leading\",\n        tunnel: actionsTunnel,\n      },\n      Button: {\n        size: \"s\",\n        tunnel: actionsTunnel,\n      },\n      ActionGroup: {\n        preserveOrder: true,\n        size: \"s\",\n        tunnel: actionsTunnel,\n        Button: {\n          tunnel: null,\n        },\n        Switch: {\n          tunnel: null,\n        },\n        Link: {\n          size: \"m\",\n          tunnel: null,\n        },\n      },\n      FileField: {\n        tunnel: actionsTunnel,\n        Button: { size: \"s\" },\n      },\n      Heading: {\n        level: 2,\n      },\n      Link: {\n        tunnel: actionsTunnel,\n      },\n    };\n\n    return (\n      <header ref={ref} className={rootClassName}>\n        <PropsContextProvider props={propsContext}>\n          {children}\n          <div className={styles.actions}>\n            <UiComponentTunnelExit id=\"actions\" component=\"SectionHeader\" />\n          </div>\n        </PropsContextProvider>\n      </header>\n    );\n  },\n  {\n    type: \"layout\",\n  },\n);\n\nexport default SectionHeader;\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,gBAAwC,cACnD,kBACC,UAAU;CACT,MAAM,EAAE,UAAU,WAAW,QAAQ;CAErC,MAAM,gBAAgB,KAAKA,6BAAO,eAAe,SAAS;CAE1D,MAAM,gBAAgB;EACpB,IAAI;EACJ,WAAW;CACb;CAEA,MAAM,eAA6B;EACjC,GAAG,0BAA0B,aAAa;EAC1C,QAAQ;GACN,eAAe;GACf,QAAQ;EACV;EACA,QAAQ;GACN,MAAM;GACN,QAAQ;EACV;EACA,aAAa;GACX,eAAe;GACf,MAAM;GACN,QAAQ;GACR,QAAQ,EACN,QAAQ,KACV;GACA,QAAQ,EACN,QAAQ,KACV;GACA,MAAM;IACJ,MAAM;IACN,QAAQ;GACV;EACF;EACA,WAAW;GACT,QAAQ;GACR,QAAQ,EAAE,MAAM,IAAI;EACtB;EACA,SAAS,EACP,OAAO,EACT;EACA,MAAM,EACJ,QAAQ,cACV;CACF;CAEA,OACE,oBAAC,UAAD;EAAa;EAAK,WAAW;EAC3B,UAAA,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA,CACG,UACD,oBAAC,OAAD;IAAK,WAAWA,6BAAO;IACrB,UAAA,oBAAC,uBAAD;KAAuB,IAAG;KAAU,WAAU;IAAiB,CAAA;GAC5D,CAAA,CACe;;CAChB,CAAA;AAEZ,GACA,EACE,MAAM,SACR,CACF"}

package/dist/js/packages/components/src/components/Section/context.mjs

@@ -0,0 +1,47 @@
+"use client"
+/* */
+import { createContext, createElement, useCallback, useContext, useLayoutEffect, useMemo, useState } from "react";
+//#region src/components/Section/context.ts
+var sectionHeadingContext = createContext(void 0);
+/** The heading state a `Section` provides for the given heading id. */
+var useSectionHeading = (id) => {
+	const [renderedCount, setRenderedCount] = useState(0);
+	const register = useCallback(() => {
+		setRenderedCount((count) => count + 1);
+		return () => setRenderedCount((count) => count - 1);
+	}, []);
+	return useMemo(() => ({
+		id,
+		isRendered: renderedCount > 0,
+		register
+	}), [
+		id,
+		renderedCount,
+		register
+	]);
+};
+var SectionHeadingProvider = sectionHeadingContext.Provider;
+/**
+* Ends the surrounding `Section`'s heading scope, for content that has a
+* heading of its own (`Accordion`, `Alert`, an overlay, …).
+*/
+var SectionHeadingReset = ({ children }) => createElement(sectionHeadingContext.Provider, { value: void 0 }, children);
+/** Marks the section heading as rendered while a heading carries its id. */
+var useRegisterSectionHeading = (id) => {
+	const sectionHeading = useContext(sectionHeadingContext);
+	const register = sectionHeading && id === sectionHeading.id ? sectionHeading.register : void 0;
+	useLayoutEffect(() => register?.(), [register]);
+};
+/**
+* The `aria-labelledby` of a grid or table: its own label, else the heading of
+* the surrounding `Section` once that heading renders.
+*/
+var useLabelledBySectionHeading = (props) => {
+	const sectionHeading = useContext(sectionHeadingContext);
+	if (props["aria-labelledby"] || props["aria-label"]) return props["aria-labelledby"];
+	return sectionHeading?.isRendered ? sectionHeading.id : void 0;
+};
+//#endregion
+export { SectionHeadingProvider, SectionHeadingReset, useLabelledBySectionHeading, useRegisterSectionHeading, useSectionHeading };
+
+//# sourceMappingURL=context.mjs.map

package/dist/js/packages/components/src/components/Section/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../../../../../src/components/Section/context.ts"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport {\n  createContext,\n  createElement,\n  useCallback,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from \"react\";\n\ninterface SectionHeading {\n  /** The id the surrounding `Section` gives its heading. */\n  id: string;\n  /** Whether a heading currently renders with that id. */\n  isRendered: boolean;\n  /** Called by a heading that renders with the id; returns the cleanup. */\n  register: () => () => void;\n}\n\nconst sectionHeadingContext = createContext<SectionHeading | undefined>(\n  undefined,\n);\n\n/** The heading state a `Section` provides for the given heading id. */\nexport const useSectionHeading = (id: string): SectionHeading => {\n  const [renderedCount, setRenderedCount] = useState(0);\n\n  const register = useCallback(() => {\n    setRenderedCount((count) => count + 1);\n    return () => setRenderedCount((count) => count - 1);\n  }, []);\n\n  return useMemo(\n    () => ({ id, isRendered: renderedCount > 0, register }),\n    [id, renderedCount, register],\n  );\n};\n\nexport const SectionHeadingProvider = sectionHeadingContext.Provider;\n\n/**\n * Ends the surrounding `Section`'s heading scope, for content that has a\n * heading of its own (`Accordion`, `Alert`, an overlay, …).\n */\nexport const SectionHeadingReset: FC<PropsWithChildren> = ({ children }) =>\n  createElement(sectionHeadingContext.Provider, { value: undefined }, children);\n\n/** Marks the section heading as rendered while a heading carries its id. */\nexport const useRegisterSectionHeading = (id: string | undefined) => {\n  const sectionHeading = useContext(sectionHeadingContext);\n  const register =\n    sectionHeading && id === sectionHeading.id\n      ? sectionHeading.register\n      : undefined;\n\n  useLayoutEffect(() => register?.(), [register]);\n};\n\n/**\n * The `aria-labelledby` of a grid or table: its own label, else the heading of\n * the surrounding `Section` once that heading renders.\n */\nexport const useLabelledBySectionHeading = (props: {\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n}): string | undefined => {\n  const sectionHeading = useContext(sectionHeadingContext);\n\n  if (props[\"aria-labelledby\"] || props[\"aria-label\"]) {\n    return props[\"aria-labelledby\"];\n  }\n\n  return sectionHeading?.isRendered ? sectionHeading.id : undefined;\n};\n"],"mappings":";;;;AAoBA,IAAM,wBAAwB,cAC5B,KAAA,CACF;;AAGA,IAAa,qBAAqB,OAA+B;CAC/D,MAAM,CAAC,eAAe,oBAAoB,SAAS,CAAC;CAEpD,MAAM,WAAW,kBAAkB;EACjC,kBAAkB,UAAU,QAAQ,CAAC;EACrC,aAAa,kBAAkB,UAAU,QAAQ,CAAC;CACpD,GAAG,CAAC,CAAC;CAEL,OAAO,eACE;EAAE;EAAI,YAAY,gBAAgB;EAAG;CAAS,IACrD;EAAC;EAAI;EAAe;CAAQ,CAC9B;AACF;AAEA,IAAa,yBAAyB,sBAAsB;;;;;AAM5D,IAAa,uBAA8C,EAAE,eAC3D,cAAc,sBAAsB,UAAU,EAAE,OAAO,KAAA,EAAU,GAAG,QAAQ;;AAG9E,IAAa,6BAA6B,OAA2B;CACnE,MAAM,iBAAiB,WAAW,qBAAqB;CACvD,MAAM,WACJ,kBAAkB,OAAO,eAAe,KACpC,eAAe,WACf,KAAA;CAEN,sBAAsB,WAAW,GAAG,CAAC,QAAQ,CAAC;AAChD;;;;;AAMA,IAAa,+BAA+B,UAGlB;CACxB,MAAM,iBAAiB,WAAW,qBAAqB;CAEvD,IAAI,MAAM,sBAAsB,MAAM,eACpC,OAAO,MAAM;CAGf,OAAO,gBAAgB,aAAa,eAAe,KAAK,KAAA;AAC1D"}

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

@@ -2,7 +2,7 @@
 /* */
 import { skeletonModeContext } from "./skeletonModeContext.mjs";
 import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
-import __locale_default from "../../../../../_virtual/_32.locale.mjs";
+import __locale_default from "../../../../../_virtual/_33.locale.mjs";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";

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

@@ -1,19 +1,20 @@
 "use client"
 /* */
 import SkeletonText_module_default from "./SkeletonText.module.mjs";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/SkeletonText/SkeletonText.tsx
 /** @flr-generate all */
 var SkeletonText = (props) => {
-	const { width, style = {}, ...rest } = props;
+	const { width, style = {}, className, ...rest } = props;
 	return /* @__PURE__ */ jsx("span", {
 		"aria-hidden": true,
-		className: SkeletonText_module_default.skeletonText,
 		style: {
 			width,
 			...style
 		},
-		...rest
+		...rest,
+		className: clsx(SkeletonText_module_default.skeletonText, className)
 	});
 };
 //#endregion

package/dist/js/packages/components/src/components/SkeletonText/SkeletonText.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonText.mjs","names":["styles"],"sources":["../../../../../../../src/components/SkeletonText/SkeletonText.tsx"],"sourcesContent":["import type { ComponentProps, CSSProperties, FC } from \"react\";\nimport styles from \"./SkeletonText.module.scss\";\n\nexport interface SkeletonTextProps extends ComponentProps<\"span\"> {\n  /** The width of the skeleton text. */\n  width?: CSSProperties[\"width\"];\n}\n\n/** @flr-generate all */\nexport const SkeletonText: FC<SkeletonTextProps> = (props) => {\n  const { width, style = {}, ...rest } = props;\n  return (\n    <span\n      aria-hidden\n      className={styles.skeletonText}\n      style={{ width, ...style }}\n      {...rest}\n    />\n  );\n};\n\nexport default SkeletonText;\n"],"mappings":";;;;;;AASA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EAAE,OAAO,QAAQ,CAAC,GAAG,GAAG,SAAS;CACvC,OACE,oBAAC,QAAD;EACE,eAAA;EACA,WAAWA,4BAAO;EAClB,OAAO;GAAE;GAAO,GAAG;EAAM;EACzB,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"SkeletonText.mjs","names":["styles"],"sources":["../../../../../../../src/components/SkeletonText/SkeletonText.tsx"],"sourcesContent":["import type { ComponentProps, CSSProperties, FC } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./SkeletonText.module.scss\";\n\nexport interface SkeletonTextProps extends ComponentProps<\"span\"> {\n  /** The width of the skeleton text. */\n  width?: CSSProperties[\"width\"];\n}\n\n/** @flr-generate all */\nexport const SkeletonText: FC<SkeletonTextProps> = (props) => {\n  const { width, style = {}, className, ...rest } = props;\n  return (\n    <span\n      aria-hidden\n      style={{ width, ...style }}\n      {...rest}\n      className={clsx(styles.skeletonText, className)}\n    />\n  );\n};\n\nexport default SkeletonText;\n"],"mappings":";;;;;;;AAUA,IAAa,gBAAuC,UAAU;CAC5D,MAAM,EAAE,OAAO,QAAQ,CAAC,GAAG,WAAW,GAAG,SAAS;CAClD,OACE,oBAAC,QAAD;EACE,eAAA;EACA,OAAO;GAAE;GAAO,GAAG;EAAM;EACzB,GAAI;EACJ,WAAW,KAAKA,4BAAO,cAAc,SAAS;CAC/C,CAAA;AAEL"}

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

@@ -10,7 +10,7 @@ import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExi
 import { SkeletonTextContent } from "../SkeletonMode/components/SkeletonTextContent/SkeletonTextContent.mjs";
 import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
 import Slider_module_default from "./Slider.module.mjs";
-import __locale_default from "../../../../../_virtual/_19.locale.mjs";
+import __locale_default from "../../../../../_virtual/_20.locale.mjs";
 import clsx from "clsx";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useObjectRef } from "@react-aria/utils";

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

@@ -13,7 +13,7 @@ import ContextMenuTriggerView from "../../views/ContextMenuTriggerView.mjs";
 import ContextMenuView from "../../views/ContextMenuView.mjs";
 import TabNavigation_module_default from "./TabNavigation.module.mjs";
 import { LinkContent } from "./components/LinkContent/LinkContent.mjs";
-import __locale_default from "../../../../../_virtual/_18.locale.mjs";
+import __locale_default from "../../../../../_virtual/_19.locale.mjs";
 import useCollapsingItems from "./lib/useCollapsingItems.mjs";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,5 +1,6 @@
 "use client"
 /* */
+import { useLabelledBySectionHeading } from "../Section/context.mjs";
 import Table_module_default from "./Table.module.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
@@ -8,6 +9,7 @@ import * as Aria from "react-aria-components";
 /** @flr-generate all */
 var Table = (props) => {
 	const { children, className, verticalAlign = "top", layout = "auto", minWidth, ...rest } = props;
+	const ariaLabelledBy = useLabelledBySectionHeading(rest);
 	const rootClassName = clsx(Table_module_default.table, verticalAlign !== "top" && Table_module_default[`vertical-align-${verticalAlign}`], Table_module_default[`layout-${layout}`], className);
 	return /* @__PURE__ */ jsx("div", {
 		className: Table_module_default.tableContainer,
@@ -17,6 +19,7 @@ var Table = (props) => {
 			children: /* @__PURE__ */ jsx(Aria.Table, {
 				className: rootClassName,
 				...rest,
+				"aria-labelledby": ariaLabelledBy,
 				children
 			})
 		})

package/dist/js/packages/components/src/components/Table/Table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.mjs","names":["styles"],"sources":["../../../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Table.module.scss\";\n\nexport type TableProps = Omit<\n  Aria.TableProps,\n  \"render\" | \"className\" | \"style\"\n> & {\n  /** The vertical alignment of the table cells content. */\n  verticalAlign?: \"top\" | \"middle\";\n  /**\n   * The column-sizing algorithm of the table. Use \"fixed\" together with column\n   * widths to enforce exact widths. @default \"auto\"\n   */\n  layout?: \"auto\" | \"fixed\";\n  /**\n   * The minimum width of the table. Below this width the table scrolls\n   * horizontally instead of shrinking its columns.\n   */\n  minWidth?: number | string;\n  /** The elements class name. */\n  className?: string;\n};\n\n/** @flr-generate all */\nexport const Table: FC<TableProps> = (props) => {\n  const {\n    children,\n    className,\n    verticalAlign = \"top\",\n    layout = \"auto\",\n    minWidth,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.table,\n    verticalAlign !== \"top\" && styles[`vertical-align-${verticalAlign}`],\n    styles[`layout-${layout}`],\n    className,\n  );\n\n  return (\n    <div className={styles.tableContainer}>\n      <div className={styles.tableScrollArea} style={{ minWidth }}>\n        <Aria.Table className={rootClassName} {...rest}>\n          {children}\n        </Aria.Table>\n      </div>\n    </div>\n  );\n};\n\nexport default Table;\n"],"mappings":";;;;;;;;AA0BA,IAAa,SAAyB,UAAU;CAC9C,MAAM,EACJ,UACA,WACA,gBAAgB,OAChB,SAAS,QACT,UACA,GAAG,SACD;CAEJ,MAAM,gBAAgB,KACpBA,qBAAO,OACP,kBAAkB,SAASA,qBAAO,kBAAkB,kBACpDA,qBAAO,UAAU,WACjB,SACF;CAEA,OACE,oBAAC,OAAD;EAAK,WAAWA,qBAAO;EACrB,UAAA,oBAAC,OAAD;GAAK,WAAWA,qBAAO;GAAiB,OAAO,EAAE,SAAS;GACxD,UAAA,oBAAC,KAAK,OAAN;IAAY,WAAW;IAAe,GAAI;IACvC;GACS,CAAA;EACT,CAAA;CACF,CAAA;AAET"}
+{"version":3,"file":"Table.mjs","names":["styles"],"sources":["../../../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Table.module.scss\";\nimport { useLabelledBySectionHeading } from \"@/components/Section/context\";\n\nexport type TableProps = Omit<\n  Aria.TableProps,\n  \"render\" | \"className\" | \"style\"\n> & {\n  /** The vertical alignment of the table cells content. */\n  verticalAlign?: \"top\" | \"middle\";\n  /**\n   * The column-sizing algorithm of the table. Use \"fixed\" together with column\n   * widths to enforce exact widths. @default \"auto\"\n   */\n  layout?: \"auto\" | \"fixed\";\n  /**\n   * The minimum width of the table. Below this width the table scrolls\n   * horizontally instead of shrinking its columns.\n   */\n  minWidth?: number | string;\n  /** The elements class name. */\n  className?: string;\n};\n\n/** @flr-generate all */\nexport const Table: FC<TableProps> = (props) => {\n  const {\n    children,\n    className,\n    verticalAlign = \"top\",\n    layout = \"auto\",\n    minWidth,\n    ...rest\n  } = props;\n\n  const ariaLabelledBy = useLabelledBySectionHeading(rest);\n\n  const rootClassName = clsx(\n    styles.table,\n    verticalAlign !== \"top\" && styles[`vertical-align-${verticalAlign}`],\n    styles[`layout-${layout}`],\n    className,\n  );\n\n  return (\n    <div className={styles.tableContainer}>\n      <div className={styles.tableScrollArea} style={{ minWidth }}>\n        <Aria.Table\n          className={rootClassName}\n          {...rest}\n          aria-labelledby={ariaLabelledBy}\n        >\n          {children}\n        </Aria.Table>\n      </div>\n    </div>\n  );\n};\n\nexport default Table;\n"],"mappings":";;;;;;;;;AA2BA,IAAa,SAAyB,UAAU;CAC9C,MAAM,EACJ,UACA,WACA,gBAAgB,OAChB,SAAS,QACT,UACA,GAAG,SACD;CAEJ,MAAM,iBAAiB,4BAA4B,IAAI;CAEvD,MAAM,gBAAgB,KACpBA,qBAAO,OACP,kBAAkB,SAASA,qBAAO,kBAAkB,kBACpDA,qBAAO,UAAU,WACjB,SACF;CAEA,OACE,oBAAC,OAAD;EAAK,WAAWA,qBAAO;EACrB,UAAA,oBAAC,OAAD;GAAK,WAAWA,qBAAO;GAAiB,OAAO,EAAE,SAAS;GACxD,UAAA,oBAAC,KAAK,OAAN;IACE,WAAW;IACX,GAAI;IACJ,mBAAiB;IAEhB;GACS,CAAA;EACT,CAAA;CACF,CAAA;AAET"}

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

@@ -6,7 +6,7 @@ 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";
-import __locale_default from "../../../../../../../_virtual/_33.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_34.locale.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Tabs/components/FallbackTab/FallbackTab.tsx
 var FallbackTab = (props) => {

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

@@ -10,14 +10,12 @@ import TabList_module_default from "./TabList.module.mjs";
 import { useTabIndicator } from "../../lib/useTabIndicator.mjs";
 import { useObserveOverflow } from "../../../../lib/hooks/dom/useObserveOverflow.mjs";
 import clsx from "clsx";
-import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";
 import { useMergeRefs } from "use-callback-ref";
 //#region src/components/Tabs/components/TabList/TabList.tsx
 var TabList = (props) => {
 	const { selection, disabledKeys, onContextMenuSelectionChange, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby } = props;
-	const titleCollapsedElementId = useId();
 	const isSkeleton = useSkeletonMode();
 	const overflowObserver = useObserveOverflow();
 	const isCollapsed = overflowObserver.isOverflowing;
@@ -41,7 +39,6 @@ var TabList = (props) => {
 		variant: "solid",
 		className: TabList_module_default.contextMenuButton,
 		color: "light",
-		"aria-labelledby": titleCollapsedElementId,
 		children: [/* @__PURE__ */ jsx(UiComponentTunnelExit, {
 			id: "ActiveTitle",
 			component: "Tabs"

package/dist/js/packages/components/src/components/Tabs/components/TabList/TabList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.mjs","names":["styles"],"sources":["../../../../../../../../../src/components/Tabs/components/TabList/TabList.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useId } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./TabList.module.scss\";\nimport { useTabIndicator } from \"../../lib/useTabIndicator\";\nimport { useObserveOverflow } from \"@/lib/hooks/dom/useObserveOverflow\";\nimport { Button } from \"@/components/Button\";\nimport clsx from \"clsx\";\nimport { useMergeRefs } from \"use-callback-ref\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\ninterface Props {\n  selection: Aria.Key | null;\n  onContextMenuSelectionChange: (key: Aria.Key) => void;\n  disabledKeys?: Iterable<Aria.Key>;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n}\n\nexport const TabList: FC<Props> = (props) => {\n  const {\n    selection,\n    disabledKeys,\n    onContextMenuSelectionChange,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n  } = props;\n\n  const titleCollapsedElementId = useId();\n  const isSkeleton = useSkeletonMode();\n  const overflowObserver = useObserveOverflow();\n  const isCollapsed = overflowObserver.isOverflowing;\n  const rootClassName = clsx(styles.tabList, isCollapsed && styles.collapsed);\n  const tabIndicator = useTabIndicator(isCollapsed);\n\n  const setTitlesRef = useMergeRefs<HTMLDivElement>([\n    overflowObserver.ref,\n    tabIndicator.titlesRef,\n  ]);\n\n  const handleContextMenuSelectionChange = (key: Aria.Key) => {\n    onContextMenuSelectionChange(key);\n  };\n\n  const regularTabTitles = (\n    <Aria.TabList\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      className={styles.titles}\n      ref={setTitlesRef}\n    >\n      <UiComponentTunnelExit id=\"Titles\" component=\"Tabs\" />\n    </Aria.TabList>\n  );\n\n  const contextMenuWhenCollapsed = isCollapsed && (\n    <ContextMenuTriggerView>\n      <Button\n        variant=\"solid\"\n        className={styles.contextMenuButton}\n        color=\"light\"\n        aria-labelledby={titleCollapsedElementId}\n      >\n        <UiComponentTunnelExit id=\"ActiveTitle\" component=\"Tabs\" />\n        <IconChevronDown />\n      </Button>\n\n      <ContextMenuView\n        disabledKeys={disabledKeys}\n        selectedKeys={selection ? [selection] : undefined}\n        selectionMode=\"navigation\"\n        onAction={(key) => handleContextMenuSelectionChange(key)}\n      >\n        <UiComponentTunnelExit id=\"ContextMenuItems\" component=\"Tabs\" />\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n\n  /* In the mode, no tab shows as selected. */\n  const showIndicator =\n    !isCollapsed && !isSkeleton && tabIndicator.indicatorStyle;\n\n  return (\n    <div\n      className={rootClassName}\n      ref={tabIndicator.rootRef}\n      inert={isSkeleton || undefined}\n    >\n      {showIndicator && (\n        <div\n          aria-hidden=\"true\"\n          className={clsx(\n            styles.activeIndicator,\n            tabIndicator.isAnimated && styles.animated,\n          )}\n          style={tabIndicator.indicatorStyle}\n        />\n      )}\n      {regularTabTitles}\n      {contextMenuWhenCollapsed}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,IAAa,WAAsB,UAAU;CAC3C,MAAM,EACJ,WACA,cACA,8BACA,cAAc,WACd,mBAAmB,mBACjB;CAEJ,MAAM,0BAA0B,MAAM;CACtC,MAAM,aAAa,gBAAgB;CACnC,MAAM,mBAAmB,mBAAmB;CAC5C,MAAM,cAAc,iBAAiB;CACrC,MAAM,gBAAgB,KAAKA,uBAAO,SAAS,eAAeA,uBAAO,SAAS;CAC1E,MAAM,eAAe,gBAAgB,WAAW;CAEhD,MAAM,eAAe,aAA6B,CAChD,iBAAiB,KACjB,aAAa,SACf,CAAC;CAED,MAAM,oCAAoC,QAAkB;EAC1D,6BAA6B,GAAG;CAClC;CAEA,MAAM,mBACJ,oBAAC,KAAK,SAAN;EACE,cAAY;EACZ,mBAAiB;EACjB,WAAWA,uBAAO;EAClB,KAAK;EAEL,UAAA,oBAAC,uBAAD;GAAuB,IAAG;GAAS,WAAU;EAAQ,CAAA;CACzC,CAAA;CAGhB,MAAM,2BAA2B,eAC/B,qBAAC,wBAAD,EAAA,UAAA,CACE,qBAAC,QAAD;EACE,SAAQ;EACR,WAAWA,uBAAO;EAClB,OAAM;EACN,mBAAiB;EAJnB,UAAA,CAME,oBAAC,uBAAD;GAAuB,IAAG;GAAc,WAAU;EAAQ,CAAA,GAC1D,oBAAC,iBAAD,CAAkB,CAAA,CACZ;CAER,CAAA,GAAA,oBAAC,iBAAD;EACgB;EACd,cAAc,YAAY,CAAC,SAAS,IAAI,KAAA;EACxC,eAAc;EACd,WAAW,QAAQ,iCAAiC,GAAG;EAEvD,UAAA,oBAAC,uBAAD;GAAuB,IAAG;GAAmB,WAAU;EAAQ,CAAA;CAChD,CAAA,CACK,EAAA,CAAA;CAI1B,MAAM,gBACJ,CAAC,eAAe,CAAC,cAAc,aAAa;CAE9C,OACE,qBAAC,OAAD;EACE,WAAW;EACX,KAAK,aAAa;EAClB,OAAO,cAAc,KAAA;EAHvB,UAAA;GAKG,iBACC,oBAAC,OAAD;IACE,eAAY;IACZ,WAAW,KACTA,uBAAO,iBACP,aAAa,cAAcA,uBAAO,QACpC;IACA,OAAO,aAAa;GACrB,CAAA;GAEF;GACA;EACE;;AAET"}
+{"version":3,"file":"TabList.mjs","names":["styles"],"sources":["../../../../../../../../../src/components/Tabs/components/TabList/TabList.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./TabList.module.scss\";\nimport { useTabIndicator } from \"../../lib/useTabIndicator\";\nimport { useObserveOverflow } from \"@/lib/hooks/dom/useObserveOverflow\";\nimport { Button } from \"@/components/Button\";\nimport clsx from \"clsx\";\nimport { useMergeRefs } from \"use-callback-ref\";\nimport ContextMenuTriggerView from \"@/views/ContextMenuTriggerView\";\nimport ContextMenuView from \"@/views/ContextMenuView\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\ninterface Props {\n  selection: Aria.Key | null;\n  onContextMenuSelectionChange: (key: Aria.Key) => void;\n  disabledKeys?: Iterable<Aria.Key>;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n}\n\nexport const TabList: FC<Props> = (props) => {\n  const {\n    selection,\n    disabledKeys,\n    onContextMenuSelectionChange,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n  } = props;\n\n  const isSkeleton = useSkeletonMode();\n  const overflowObserver = useObserveOverflow();\n  const isCollapsed = overflowObserver.isOverflowing;\n  const rootClassName = clsx(styles.tabList, isCollapsed && styles.collapsed);\n  const tabIndicator = useTabIndicator(isCollapsed);\n\n  const setTitlesRef = useMergeRefs<HTMLDivElement>([\n    overflowObserver.ref,\n    tabIndicator.titlesRef,\n  ]);\n\n  const handleContextMenuSelectionChange = (key: Aria.Key) => {\n    onContextMenuSelectionChange(key);\n  };\n\n  const regularTabTitles = (\n    <Aria.TabList\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      className={styles.titles}\n      ref={setTitlesRef}\n    >\n      <UiComponentTunnelExit id=\"Titles\" component=\"Tabs\" />\n    </Aria.TabList>\n  );\n\n  const contextMenuWhenCollapsed = isCollapsed && (\n    <ContextMenuTriggerView>\n      <Button\n        variant=\"solid\"\n        className={styles.contextMenuButton}\n        color=\"light\"\n      >\n        <UiComponentTunnelExit id=\"ActiveTitle\" component=\"Tabs\" />\n        <IconChevronDown />\n      </Button>\n\n      <ContextMenuView\n        disabledKeys={disabledKeys}\n        selectedKeys={selection ? [selection] : undefined}\n        selectionMode=\"navigation\"\n        onAction={(key) => handleContextMenuSelectionChange(key)}\n      >\n        <UiComponentTunnelExit id=\"ContextMenuItems\" component=\"Tabs\" />\n      </ContextMenuView>\n    </ContextMenuTriggerView>\n  );\n\n  /* In the mode, no tab shows as selected. */\n  const showIndicator =\n    !isCollapsed && !isSkeleton && tabIndicator.indicatorStyle;\n\n  return (\n    <div\n      className={rootClassName}\n      ref={tabIndicator.rootRef}\n      inert={isSkeleton || undefined}\n    >\n      {showIndicator && (\n        <div\n          aria-hidden=\"true\"\n          className={clsx(\n            styles.activeIndicator,\n            tabIndicator.isAnimated && styles.animated,\n          )}\n          style={tabIndicator.indicatorStyle}\n        />\n      )}\n      {regularTabTitles}\n      {contextMenuWhenCollapsed}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,IAAa,WAAsB,UAAU;CAC3C,MAAM,EACJ,WACA,cACA,8BACA,cAAc,WACd,mBAAmB,mBACjB;CAEJ,MAAM,aAAa,gBAAgB;CACnC,MAAM,mBAAmB,mBAAmB;CAC5C,MAAM,cAAc,iBAAiB;CACrC,MAAM,gBAAgB,KAAKA,uBAAO,SAAS,eAAeA,uBAAO,SAAS;CAC1E,MAAM,eAAe,gBAAgB,WAAW;CAEhD,MAAM,eAAe,aAA6B,CAChD,iBAAiB,KACjB,aAAa,SACf,CAAC;CAED,MAAM,oCAAoC,QAAkB;EAC1D,6BAA6B,GAAG;CAClC;CAEA,MAAM,mBACJ,oBAAC,KAAK,SAAN;EACE,cAAY;EACZ,mBAAiB;EACjB,WAAWA,uBAAO;EAClB,KAAK;EAEL,UAAA,oBAAC,uBAAD;GAAuB,IAAG;GAAS,WAAU;EAAQ,CAAA;CACzC,CAAA;CAGhB,MAAM,2BAA2B,eAC/B,qBAAC,wBAAD,EAAA,UAAA,CACE,qBAAC,QAAD;EACE,SAAQ;EACR,WAAWA,uBAAO;EAClB,OAAM;EAHR,UAAA,CAKE,oBAAC,uBAAD;GAAuB,IAAG;GAAc,WAAU;EAAQ,CAAA,GAC1D,oBAAC,iBAAD,CAAkB,CAAA,CACZ;CAER,CAAA,GAAA,oBAAC,iBAAD;EACgB;EACd,cAAc,YAAY,CAAC,SAAS,IAAI,KAAA;EACxC,eAAc;EACd,WAAW,QAAQ,iCAAiC,GAAG;EAEvD,UAAA,oBAAC,uBAAD;GAAuB,IAAG;GAAmB,WAAU;EAAQ,CAAA;CAChD,CAAA,CACK,EAAA,CAAA;CAI1B,MAAM,gBACJ,CAAC,eAAe,CAAC,cAAc,aAAa;CAE9C,OACE,qBAAC,OAAD;EACE,WAAW;EACX,KAAK,aAAa;EAClB,OAAO,cAAc,KAAA;EAHvB,UAAA;GAKG,iBACC,oBAAC,OAAD;IACE,eAAY;IACZ,WAAW,KACTA,uBAAO,iBACP,aAAa,cAAcA,uBAAO,QACpC;IACA,OAAO,aAAa;GACrB,CAAA;GAEF;GACA;EACE;;AAET"}

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

@@ -8,7 +8,7 @@ import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
 import { useControlledHostValueProps } from "../../lib/remote/useControlledHostValueProps.mjs";
 import { FieldDescription } from "../FieldDescription/FieldDescription.mjs";
 import TextArea_module_default from "./TextArea.module.mjs";
-import __locale_default from "../../../../../_virtual/_24.locale.mjs";
+import __locale_default from "../../../../../_virtual/_25.locale.mjs";
 import clsx from "clsx";
 import { useEffect, useLayoutEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -11,7 +11,7 @@ import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
 import { useControlledHostValueProps } from "../../lib/remote/useControlledHostValueProps.mjs";
 import { FieldDescription } from "../FieldDescription/FieldDescription.mjs";
 import TextField_module_default from "./TextField.module.mjs";
-import __locale_default from "../../../../../_virtual/_34.locale.mjs";
+import __locale_default from "../../../../../_virtual/_35.locale.mjs";
 import clsx from "clsx";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -6,20 +6,22 @@ import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
 import { useControlledHostValueProps } from "../../lib/remote/useControlledHostValueProps.mjs";
 import { DateInput } from "../DateInput/DateInput.mjs";
 import TimeField_module_default from "./TimeField.module.mjs";
+import clsx from "clsx";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";
 //#region src/components/TimeField/TimeField.tsx
 /** @flr-generate all */
 var TimeField = flowComponent("TimeField", (props) => {
-	const { children, ref, ...rest } = useControlledHostValueProps(props, null);
+	const { children, className, ref, ...rest } = useControlledHostValueProps(props, null);
 	const { FieldErrorView, FieldErrorCaptureContext, fieldPropsContext, wrapperProps, controlProps, skeletonProps } = useFieldComponent(props, "TimeField");
+	const rootClassName = clsx(wrapperProps.className, className);
 	return /* @__PURE__ */ jsxs(Aria.TimeField, {
 		hourCycle: 24,
 		...rest,
-		...wrapperProps,
 		...controlProps,
 		...skeletonProps,
+		className: rootClassName,
 		children: [/* @__PURE__ */ jsxs(FieldErrorCaptureContext, { children: [/* @__PURE__ */ jsx(DateInput, {
 			className: TimeField_module_default.dateInput,
 			ref

package/dist/js/packages/components/src/components/TimeField/TimeField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.mjs","names":["styles"],"sources":["../../../../../../../src/components/TimeField/TimeField.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./TimeField.module.scss\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport DateInput from \"@/components/DateInput\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport interface TimeFieldProps<T extends Aria.TimeValue = Aria.TimeValue>\n  extends\n    PropsWithChildren<Omit<Aria.TimeFieldProps<T>, \"children\">>,\n    FlowComponentProps<HTMLSpanElement> {}\n\n/** @flr-generate all */\nexport const TimeField = flowComponent(\"TimeField\", (props) => {\n  // `null` is what react-aria's time field state uses for \"no time\"\n  const { children, ref, ...rest } = useControlledHostValueProps(props, null);\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    wrapperProps,\n    controlProps,\n    skeletonProps,\n  } = useFieldComponent(props, \"TimeField\");\n\n  return (\n    <Aria.TimeField\n      hourCycle={24}\n      {...rest}\n      {...wrapperProps}\n      {...controlProps}\n      {...skeletonProps}\n    >\n      <FieldErrorCaptureContext>\n        <DateInput className={styles.dateInput} ref={ref} />\n        <PropsContextProvider props={fieldPropsContext}>\n          {children}\n        </PropsContextProvider>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.TimeField>\n  );\n});\n\nexport default TimeField;\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAa,YAAY,cAAc,cAAc,UAAU;CAE7D,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS,4BAA4B,OAAO,IAAI;CAE1E,MAAM,EACJ,gBACA,0BACA,mBACA,cACA,cACA,kBACE,kBAAkB,OAAO,WAAW;CAExC,OACE,qBAAC,KAAK,WAAN;EACE,WAAW;EACX,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;EALN,UAAA,CAOE,qBAAC,0BAAD,EAAA,UAAA,CACE,oBAAC,WAAD;GAAW,WAAWA,yBAAO;GAAgB;EAAM,CAAA,GACnD,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA,CACE,EAAA,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACH;;AAEpB,CAAC"}
+{"version":3,"file":"TimeField.mjs","names":["styles"],"sources":["../../../../../../../src/components/TimeField/TimeField.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport * as Aria from \"react-aria-components\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport styles from \"./TimeField.module.scss\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport DateInput from \"@/components/DateInput\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport interface TimeFieldProps<T extends Aria.TimeValue = Aria.TimeValue>\n  extends\n    PropsWithChildren<Omit<Aria.TimeFieldProps<T>, \"children\">>,\n    FlowComponentProps<HTMLSpanElement> {}\n\n/** @flr-generate all */\nexport const TimeField = flowComponent(\"TimeField\", (props) => {\n  // `null` is what react-aria's time field state uses for \"no time\"\n  const { children, className, ref, ...rest } = useControlledHostValueProps(\n    props,\n    null,\n  );\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    wrapperProps,\n    controlProps,\n    skeletonProps,\n  } = useFieldComponent(props, \"TimeField\");\n\n  const rootClassName = clsx(wrapperProps.className, className);\n\n  return (\n    <Aria.TimeField\n      hourCycle={24}\n      {...rest}\n      {...controlProps}\n      {...skeletonProps}\n      className={rootClassName}\n    >\n      <FieldErrorCaptureContext>\n        <DateInput className={styles.dateInput} ref={ref} />\n        <PropsContextProvider props={fieldPropsContext}>\n          {children}\n        </PropsContextProvider>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.TimeField>\n  );\n});\n\nexport default TimeField;\n"],"mappings":";;;;;;;;;;;;;;AAmBA,IAAa,YAAY,cAAc,cAAc,UAAU;CAE7D,MAAM,EAAE,UAAU,WAAW,KAAK,GAAG,SAAS,4BAC5C,OACA,IACF;CAEA,MAAM,EACJ,gBACA,0BACA,mBACA,cACA,cACA,kBACE,kBAAkB,OAAO,WAAW;CAExC,MAAM,gBAAgB,KAAK,aAAa,WAAW,SAAS;CAE5D,OACE,qBAAC,KAAK,WAAN;EACE,WAAW;EACX,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,WAAW;EALb,UAAA,CAOE,qBAAC,0BAAD,EAAA,UAAA,CACE,oBAAC,WAAD;GAAW,WAAWA,yBAAO;GAAgB;EAAM,CAAA,GACnD,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA,CACE,EAAA,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACH;;AAEpB,CAAC"}

package/dist/js/packages/components/src/integrations/react-hook-form/components/Field/Field.mjs

@@ -4,7 +4,7 @@ import { PropsContextProvider } from "../../../../lib/propsContext/components/Pr
 import dynamic from "../../../../lib/propsContext/dynamicProps/dynamic.mjs";
 import { useLocalizedStringFormatter } from "../../../../components/TranslationProvider/useLocalizedStringFormatter.mjs";
 import { useFormContext } from "../FormContextProvider/FormContextProvider.mjs";
-import __locale_default from "../../../../../../../_virtual/_35.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_36.locale.mjs";
 import FieldErrorView from "../../../../views/FieldErrorView.mjs";
 import { useUpdateFormDefaultValue } from "./hooks/useUpdateFormDefaultValue.mjs";
 import "react";

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

@@ -848,7 +848,7 @@ var light = { "color": {
 		]
 	}
 } };
-var color = /*#__PURE__*/ JSON.parse("{\"gray\":{\"100\":{\"value\":\"#1B1F24\",\"path\":[\"color\",\"gray\",\"100\"]},\"200\":{\"value\":\"#292F37\",\"path\":[\"color\",\"gray\",\"200\"]},\"300\":{\"value\":\"#3A434E\",\"path\":[\"color\",\"gray\",\"300\"]},\"400\":{\"value\":\"#5E6C7A\",\"path\":[\"color\",\"gray\",\"400\"]},\"500\":{\"value\":\"#8FA1B4\",\"path\":[\"color\",\"gray\",\"500\"]},\"600\":{\"value\":\"#B7C9DB\",\"path\":[\"color\",\"gray\",\"600\"]},\"700\":{\"value\":\"#DCE9F7\",\"path\":[\"color\",\"gray\",\"700\"]},\"800\":{\"value\":\"#E5EFF8\",\"path\":[\"color\",\"gray\",\"800\"]},\"900\":{\"value\":\"#F4F8FC\",\"path\":[\"color\",\"gray\",\"900\"]},\"1000\":{\"value\":\"#FFFFFF\",\"path\":[\"color\",\"gray\",\"1000\"]},\"1100\":{\"value\":\"#FFFFFF\",\"path\":[\"color\",\"gray\",\"1100\"]},\"1200\":{\"value\":\"#FFFFFF\",\"path\":[\"color\",\"gray\",\"1200\"]}},\"hosting-blue\":{\"100\":{\"value\":\"#00205C\",\"path\":[\"color\",\"hosting-blue\",\"100\"]},\"200\":{\"value\":\"#002A7B\",\"path\":[\"color\",\"hosting-blue\",\"200\"]},\"300\":{\"value\":\"#003FB8\",\"path\":[\"color\",\"hosting-blue\",\"300\"]},\"400\":{\"value\":\"#0054F5\",\"path\":[\"color\",\"hosting-blue\",\"400\"]},\"500\":{\"value\":\"#1A68FF\",\"path\":[\"color\",\"hosting-blue\",\"500\"]},\"600\":{\"value\":\"#3D80FF\",\"path\":[\"color\",\"hosting-blue\",\"600\"]},\"700\":{\"value\":\"#6197FF\",\"path\":[\"color\",\"hosting-blue\",\"700\"]},\"800\":{\"value\":\"#85AFFF\",\"path\":[\"color\",\"hosting-blue\",\"800\"]},\"900\":{\"value\":\"#ABC6FF\",\"path\":[\"color\",\"hosting-blue\",\"900\"]},\"1000\":{\"value\":\"#E0EBFF\",\"path\":[\"color\",\"hosting-blue\",\"1000\"]},\"1100\":{\"value\":\"#F0F5FF\",\"path\":[\"color\",\"hosting-blue\",\"1100\"]}},\"amaranth-red\":{\"100\":{\"value\":\"#540B1B\",\"path\":[\"color\",\"amaranth-red\",\"100\"]},\"200\":{\"value\":\"#710F24\",\"path\":[\"color\",\"amaranth-red\",\"200\"]},\"300\":{\"value\":\"#AB1737\",\"path\":[\"color\",\"amaranth-red\",\"300\"]},\"400\":{\"value\":\"#E1244C\",\"path\":[\"color\",\"amaranth-red\",\"400\"]},\"500\":{\"value\":\"#E54366\",\"path\":[\"color\",\"amaranth-red\",\"500\"]},\"600\":{\"value\":\"#EA637F\",\"path\":[\"color\",\"amaranth-red\",\"600\"]},\"700\":{\"value\":\"#EE8299\",\"path\":[\"color\",\"amaranth-red\",\"700\"]},\"800\":{\"value\":\"#F2A2B3\",\"path\":[\"color\",\"amaranth-red\",\"800\"]},\"900\":{\"value\":\"#F7C1CC\",\"path\":[\"color\",\"amaranth-red\",\"900\"]},\"1000\":{\"value\":\"#FBE0E6\",\"path\":[\"color\",\"amaranth-red\",\"1000\"]},\"1100\":{\"value\":\"#FDF0F3\",\"path\":[\"color\",\"amaranth-red\",\"1100\"]}},\"royal-orange\":{\"100\":{\"value\":\"#763200\",\"path\":[\"color\",\"royal-orange\",\"100\"]},\"200\":{\"value\":\"#8F3D00\",\"path\":[\"color\",\"royal-orange\",\"200\"]},\"300\":{\"value\":\"#C25200\",\"path\":[\"color\",\"royal-orange\",\"300\"]},\"400\":{\"value\":\"#F56800\",\"path\":[\"color\",\"royal-orange\",\"400\"]},\"500\":{\"value\":\"#FF8225\",\"path\":[\"color\",\"royal-orange\",\"500\"]},\"600\":{\"value\":\"#FF9343\",\"path\":[\"color\",\"royal-orange\",\"600\"]},\"700\":{\"value\":\"#FFA562\",\"path\":[\"color\",\"royal-orange\",\"700\"]},\"800\":{\"value\":\"#FFC89F\",\"path\":[\"color\",\"royal-orange\",\"800\"]},\"900\":{\"value\":\"#FFD9BD\",\"path\":[\"color\",\"royal-orange\",\"900\"]},\"1000\":{\"value\":\"#FFEBDC\",\"path\":[\"color\",\"royal-orange\",\"1000\"]},\"1100\":{\"value\":\"#FFF4EB\",\"path\":[\"color\",\"royal-orange\",\"1100\"]}},\"espelkamp-green\":{\"100\":{\"value\":\"#00291C\",\"path\":[\"color\",\"espelkamp-green\",\"100\"]},\"200\":{\"value\":\"#003B29\",\"path\":[\"color\",\"espelkamp-green\",\"200\"]},\"300\":{\"value\":\"#005F42\",\"path\":[\"color\",\"espelkamp-green\",\"300\"]},\"400\":{\"value\":\"#00825B\",\"path\":[\"color\",\"espelkamp-green\",\"400\"]},\"500\":{\"value\":\"#00A673\",\"path\":[\"color\",\"espelkamp-green\",\"500\"]},\"600\":{\"value\":\"#00DE9A\",\"path\":[\"color\",\"espelkamp-green\",\"600\"]},\"700\":{\"value\":\"#17FFB8\",\"path\":[\"color\",\"espelkamp-green\",\"700\"]},\"800\":{\"value\":\"#4FFFC9\",\"path\":[\"color\",\"espelkamp-green\",\"800\"]},\"900\":{\"value\":\"#87FFDA\",\"path\":[\"color\",\"espelkamp-green\",\"900\"]},\"1000\":{\"value\":\"#C0FFEB\",\"path\":[\"color\",\"espelkamp-green\",\"1000\"]},\"1100\":{\"value\":\"#DCFFF4\",\"path\":[\"color\",\"espelkamp-green\",\"1100\"]}},\"soft-contrast-violet\":{\"100\":{\"value\":\"#302a6f\",\"path\":[\"color\",\"soft-contrast-violet\",\"100\"]},\"200\":{\"value\":\"#483b9f\",\"path\":[\"color\",\"soft-contrast-violet\",\"200\"]},\"300\":{\"value\":\"#5d4abf\",\"path\":[\"color\",\"soft-contrast-violet\",\"300\"]},\"400\":{\"value\":\"#715DEE\",\"path\":[\"color\",\"soft-contrast-violet\",\"400\"]},\"500\":{\"value\":\"#8574F0\",\"path\":[\"color\",\"soft-contrast-violet\",\"500\"]},\"600\":{\"value\":\"#998BF3\",\"path\":[\"color\",\"soft-contrast-violet\",\"600\"]},\"700\":{\"value\":\"#AEA2F5\",\"path\":[\"color\",\"soft-contrast-violet\",\"700\"]},\"800\":{\"value\":\"#C2B9F8\",\"path\":[\"color\",\"soft-contrast-violet\",\"800\"]},\"900\":{\"value\":\"#D6D0FA\",\"path\":[\"color\",\"soft-contrast-violet\",\"900\"]},\"1000\":{\"value\":\"#EAE7FD\",\"path\":[\"color\",\"soft-contrast-violet\",\"1000\"]},\"1100\":{\"value\":\"#F4F3FE\",\"path\":[\"color\",\"soft-contrast-violet\",\"1100\"]}},\"mittwald-navy\":{\"100\":{\"value\":\"#0E142E\",\"path\":[\"color\",\"mittwald-navy\",\"100\"]},\"200\":{\"value\":\"#131B3D\",\"path\":[\"color\",\"mittwald-navy\",\"200\"]},\"300\":{\"value\":\"#1D285C\",\"path\":[\"color\",\"mittwald-navy\",\"300\"]},\"400\":{\"value\":\"#27367B\",\"path\":[\"color\",\"mittwald-navy\",\"400\"]},\"500\":{\"value\":\"#32459E\",\"path\":[\"color\",\"mittwald-navy\",\"500\"]},\"600\":{\"value\":\"#3D55C1\",\"path\":[\"color\",\"mittwald-navy\",\"600\"]},\"700\":{\"value\":\"#5F73CC\",\"path\":[\"color\",\"mittwald-navy\",\"700\"]},\"800\":{\"value\":\"#8291D7\",\"path\":[\"color\",\"mittwald-navy\",\"800\"]},\"900\":{\"value\":\"#A5B0E2\",\"path\":[\"color\",\"mittwald-navy\",\"900\"]},\"1000\":{\"value\":\"#C8CFEE\",\"path\":[\"color\",\"mittwald-navy\",\"1000\"]},\"1100\":{\"value\":\"#E4E7F6\",\"path\":[\"color\",\"mittwald-navy\",\"1100\"]}},\"bright-lilac\":{\"100\":{\"value\":\"#470062\",\"path\":[\"color\",\"bright-lilac\",\"100\"]},\"200\":{\"value\":\"#5f0083\",\"path\":[\"color\",\"bright-lilac\",\"200\"]},\"300\":{\"value\":\"#9000c5\",\"path\":[\"color\",\"bright-lilac\",\"300\"]},\"400\":{\"value\":\"#bc08ff\",\"path\":[\"color\",\"bright-lilac\",\"400\"]},\"500\":{\"value\":\"#ce4bff\",\"path\":[\"color\",\"bright-lilac\",\"500\"]},\"600\":{\"value\":\"#e08dff\",\"path\":[\"color\",\"bright-lilac\",\"600\"]},\"700\":{\"value\":\"#e6a1ff\",\"path\":[\"color\",\"bright-lilac\",\"700\"]},\"800\":{\"value\":\"#ebb6ff\",\"path\":[\"color\",\"bright-lilac\",\"800\"]},\"900\":{\"value\":\"#f1caff\",\"path\":[\"color\",\"bright-lilac\",\"900\"]},\"1000\":{\"value\":\"#f6dfff\",\"path\":[\"color\",\"bright-lilac\",\"1000\"]},\"1100\":{\"value\":\"#f9e9ff\",\"path\":[\"color\",\"bright-lilac\",\"1100\"]}},\"super-teal\":{\"100\":{\"value\":\"#00424a\",\"path\":[\"color\",\"super-teal\",\"100\"]},\"200\":{\"value\":\"#004f59\",\"path\":[\"color\",\"super-teal\",\"200\"]},\"300\":{\"value\":\"#006b78\",\"path\":[\"color\",\"super-teal\",\"300\"]},\"400\":{\"value\":\"#008696\",\"path\":[\"color\",\"super-teal\",\"400\"]},\"500\":{\"value\":\"#00a1b5\",\"path\":[\"color\",\"super-teal\",\"500\"]},\"600\":{\"value\":\"#00d3ed\",\"path\":[\"color\",\"super-teal\",\"600\"]},\"700\":{\"value\":\"#26e7ff\",\"path\":[\"color\",\"super-teal\",\"700\"]},\"800\":{\"value\":\"#5eedff\",\"path\":[\"color\",\"super-teal\",\"800\"]},\"900\":{\"value\":\"#96f3ff\",\"path\":[\"color\",\"super-teal\",\"900\"]},\"1000\":{\"value\":\"#cffaff\",\"path\":[\"color\",\"super-teal\",\"1000\"]},\"1100\":{\"value\":\"#ebfdff\",\"path\":[\"color\",\"super-teal\",\"1100\"]}},\"categorical\":{\"sea-green\":{\"value\":\"#0fb5ae\",\"path\":[\"color\",\"categorical\",\"sea-green\"]},\"palatinate-blue\":{\"value\":\"#4046ca\",\"path\":[\"color\",\"categorical\",\"palatinate-blue\"]},\"tangerine\":{\"value\":\"#f68511\",\"path\":[\"color\",\"categorical\",\"tangerine\"]},\"magenta\":{\"value\":\"#de3d82\",\"path\":[\"color\",\"categorical\",\"magenta\"]},\"tropical-indigo\":{\"value\":\"#7e84fa\",\"path\":[\"color\",\"categorical\",\"tropical-indigo\"]},\"malachite\":{\"value\":\"#72e06a\",\"path\":[\"color\",\"categorical\",\"malachite\"]},\"azure\":{\"value\":\"#147af3\",\"path\":[\"color\",\"categorical\",\"azure\"]},\"violet\":{\"value\":\"#7326d3\",\"path\":[\"color\",\"categorical\",\"violet\"]},\"yellow\":{\"value\":\"#e8c600\",\"path\":[\"color\",\"categorical\",\"yellow\"]},\"alloy-orange\":{\"value\":\"#cb5d00\",\"path\":[\"color\",\"categorical\",\"alloy-orange\"]},\"green\":{\"value\":\"#008f5d\",\"path\":[\"color\",\"categorical\",\"green\"]},\"lime\":{\"value\":\"#bce931\",\"path\":[\"color\",\"categorical\",\"lime\"]}},\"transparent\":{\"value\":\"transparent\",\"path\":[\"color\",\"transparent\"]},\"code-syntax\":{\"keyword\":{\"value\":\"#ff7b72\",\"path\":[\"color\",\"code-syntax\",\"keyword\"]},\"type\":{\"value\":\"#d2a8ff\",\"path\":[\"color\",\"code-syntax\",\"type\"]},\"variable\":{\"value\":\"#79c0ff\",\"path\":[\"color\",\"code-syntax\",\"variable\"]},\"property\":{\"value\":\"#d2a8ff\",\"path\":[\"color\",\"code-syntax\",\"property\"]},\"string\":{\"value\":\"#a5d6ff\",\"path\":[\"color\",\"code-syntax\",\"string\"]},\"number\":{\"value\":\"#79c0ff\",\"path\":[\"color\",\"code-syntax\",\"number\"]},\"comment\":{\"value\":\"#a0a7b0\",\"path\":[\"color\",\"code-syntax\",\"comment\"]},\"function\":{\"value\":\"#d2a8ff\",\"path\":[\"color\",\"code-syntax\",\"function\"]},\"operator\":{\"value\":\"#ff7b72\",\"path\":[\"color\",\"code-syntax\",\"operator\"]},\"invalid\":{\"value\":\"#f97583\",\"path\":[\"color\",\"code-syntax\",\"invalid\"]}},\"black-alpha\":{\"100\":{\"value\":\"rgb(255 255 255 / 12.5%)\",\"path\":[\"color\",\"black-alpha\",\"100\"]},\"200\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"color\",\"black-alpha\",\"200\"]},\"300\":{\"value\":\"rgb(255 255 255 / 37.5%)\",\"path\":[\"color\",\"black-alpha\",\"300\"]},\"400\":{\"value\":\"rgb(255 255 255 / 50%)\",\"path\":[\"color\",\"black-alpha\",\"400\"]},\"500\":{\"value\":\"rgb(255 255 255 / 62.5%)\",\"path\":[\"color\",\"black-alpha\",\"500\"]},\"600\":{\"value\":\"rgb(255 255 255 / 75%)\",\"path\":[\"color\",\"black-alpha\",\"600\"]},\"700\":{\"value\":\"rgb(255 255 255 / 87.5%)\",\"path\":[\"color\",\"black-alpha\",\"700\"]},\"800\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"color\",\"black-alpha\",\"800\"]}},\"white-alpha\":{\"100\":{\"value\":\"rgb(0 0 0 / 12.5%)\",\"path\":[\"color\",\"white-alpha\",\"100\"]},\"200\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"color\",\"white-alpha\",\"200\"]},\"300\":{\"value\":\"rgb(0 0 0 / 37.5%)\",\"path\":[\"color\",\"white-alpha\",\"300\"]},\"400\":{\"value\":\"rgb(0 0 0 / 50%)\",\"path\":[\"color\",\"white-alpha\",\"400\"]},\"500\":{\"value\":\"rgb(0 0 0 / 62.5%)\",\"path\":[\"color\",\"white-alpha\",\"500\"]},\"600\":{\"value\":\"rgb(0 0 0 / 75%)\",\"path\":[\"color\",\"white-alpha\",\"600\"]},\"700\":{\"value\":\"rgb(0 0 0 / 87.5%)\",\"path\":[\"color\",\"white-alpha\",\"700\"]},\"800\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"color\",\"white-alpha\",\"800\"]}},\"static-black-alpha\":{\"100\":{\"value\":\"rgb(0 0 0 / 12.5%)\",\"path\":[\"color\",\"static-black-alpha\",\"100\"]},\"200\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"color\",\"static-black-alpha\",\"200\"]},\"300\":{\"value\":\"rgb(0 0 0 / 37.5%)\",\"path\":[\"color\",\"static-black-alpha\",\"300\"]},\"400\":{\"value\":\"rgb(0 0 0 / 50%)\",\"path\":[\"color\",\"static-black-alpha\",\"400\"]},\"500\":{\"value\":\"rgb(0 0 0 / 62.5%)\",\"path\":[\"color\",\"static-black-alpha\",\"500\"]},\"600\":{\"value\":\"rgb(0 0 0 / 75%)\",\"path\":[\"color\",\"static-black-alpha\",\"600\"]},\"700\":{\"value\":\"rgb(0 0 0 / 87.5%)\",\"path\":[\"color\",\"static-black-alpha\",\"700\"]},\"800\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"color\",\"static-black-alpha\",\"800\"]}},\"static-white-alpha\":{\"100\":{\"value\":\"rgb(255 255 255 / 12.5%)\",\"path\":[\"color\",\"static-white-alpha\",\"100\"]},\"200\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"color\",\"static-white-alpha\",\"200\"]},\"300\":{\"value\":\"rgb(255 255 255 / 37.5%)\",\"path\":[\"color\",\"static-white-alpha\",\"300\"]},\"400\":{\"value\":\"rgb(255 255 255 / 50%)\",\"path\":[\"color\",\"static-white-alpha\",\"400\"]},\"500\":{\"value\":\"rgb(255 255 255 / 62.5%)\",\"path\":[\"color\",\"static-white-alpha\",\"500\"]},\"600\":{\"value\":\"rgb(255 255 255 / 75%)\",\"path\":[\"color\",\"static-white-alpha\",\"600\"]},\"700\":{\"value\":\"rgb(255 255 255 / 87.5%)\",\"path\":[\"color\",\"static-white-alpha\",\"700\"]},\"800\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"color\",\"static-white-alpha\",\"800\"]}},\"gradient\":{\"value\":\"radial-gradient(circle at 18% 20%, #3D55C159, transparent 22%), radial-gradient(circle at 82% 18%, #00A1B54D, transparent 18%), radial-gradient(circle at 70% 82%, #715DEE47, transparent 24%), linear-gradient(180deg, #06070A 0%, #0A0E18 45%, #0F1424 100%)\",\"path\":[\"color\",\"gradient\"]},\"background-gradient\":{\"value\":\"linear-gradient(180deg,rgba(18, 21, 24, 1) 0%, rgba(35, 41, 64, 1) 80%)\",\"path\":[\"color\",\"background-gradient\"]}}");
+var color = /*#__PURE__*/ JSON.parse("{\"gray\":{\"100\":{\"value\":\"#1B1F24\",\"path\":[\"color\",\"gray\",\"100\"]},\"200\":{\"value\":\"#292F37\",\"path\":[\"color\",\"gray\",\"200\"]},\"300\":{\"value\":\"#3A434E\",\"path\":[\"color\",\"gray\",\"300\"]},\"400\":{\"value\":\"#5E6C7A\",\"path\":[\"color\",\"gray\",\"400\"]},\"500\":{\"value\":\"#8FA1B4\",\"path\":[\"color\",\"gray\",\"500\"]},\"600\":{\"value\":\"#B7C9DB\",\"path\":[\"color\",\"gray\",\"600\"]},\"700\":{\"value\":\"#DCE9F7\",\"path\":[\"color\",\"gray\",\"700\"]},\"800\":{\"value\":\"#E5EFF8\",\"path\":[\"color\",\"gray\",\"800\"]},\"900\":{\"value\":\"#F4F8FC\",\"path\":[\"color\",\"gray\",\"900\"]},\"1000\":{\"value\":\"#FFFFFF\",\"path\":[\"color\",\"gray\",\"1000\"]},\"1100\":{\"value\":\"#FFFFFF\",\"path\":[\"color\",\"gray\",\"1100\"]},\"1200\":{\"value\":\"#FFFFFF\",\"path\":[\"color\",\"gray\",\"1200\"]}},\"hosting-blue\":{\"100\":{\"value\":\"#00205C\",\"path\":[\"color\",\"hosting-blue\",\"100\"]},\"200\":{\"value\":\"#002A7B\",\"path\":[\"color\",\"hosting-blue\",\"200\"]},\"300\":{\"value\":\"#003FB8\",\"path\":[\"color\",\"hosting-blue\",\"300\"]},\"400\":{\"value\":\"#0054F5\",\"path\":[\"color\",\"hosting-blue\",\"400\"]},\"500\":{\"value\":\"#1A68FF\",\"path\":[\"color\",\"hosting-blue\",\"500\"]},\"600\":{\"value\":\"#3D80FF\",\"path\":[\"color\",\"hosting-blue\",\"600\"]},\"700\":{\"value\":\"#6197FF\",\"path\":[\"color\",\"hosting-blue\",\"700\"]},\"800\":{\"value\":\"#85AFFF\",\"path\":[\"color\",\"hosting-blue\",\"800\"]},\"900\":{\"value\":\"#ABC6FF\",\"path\":[\"color\",\"hosting-blue\",\"900\"]},\"1000\":{\"value\":\"#E0EBFF\",\"path\":[\"color\",\"hosting-blue\",\"1000\"]},\"1100\":{\"value\":\"#F0F5FF\",\"path\":[\"color\",\"hosting-blue\",\"1100\"]}},\"amaranth-red\":{\"100\":{\"value\":\"#540B1B\",\"path\":[\"color\",\"amaranth-red\",\"100\"]},\"200\":{\"value\":\"#710F24\",\"path\":[\"color\",\"amaranth-red\",\"200\"]},\"300\":{\"value\":\"#AB1737\",\"path\":[\"color\",\"amaranth-red\",\"300\"]},\"400\":{\"value\":\"#E1244C\",\"path\":[\"color\",\"amaranth-red\",\"400\"]},\"500\":{\"value\":\"#E54366\",\"path\":[\"color\",\"amaranth-red\",\"500\"]},\"600\":{\"value\":\"#EA637F\",\"path\":[\"color\",\"amaranth-red\",\"600\"]},\"700\":{\"value\":\"#EE8299\",\"path\":[\"color\",\"amaranth-red\",\"700\"]},\"800\":{\"value\":\"#F2A2B3\",\"path\":[\"color\",\"amaranth-red\",\"800\"]},\"900\":{\"value\":\"#F7C1CC\",\"path\":[\"color\",\"amaranth-red\",\"900\"]},\"1000\":{\"value\":\"#FBE0E6\",\"path\":[\"color\",\"amaranth-red\",\"1000\"]},\"1100\":{\"value\":\"#FDF0F3\",\"path\":[\"color\",\"amaranth-red\",\"1100\"]}},\"royal-orange\":{\"100\":{\"value\":\"#763200\",\"path\":[\"color\",\"royal-orange\",\"100\"]},\"200\":{\"value\":\"#8F3D00\",\"path\":[\"color\",\"royal-orange\",\"200\"]},\"300\":{\"value\":\"#C25200\",\"path\":[\"color\",\"royal-orange\",\"300\"]},\"400\":{\"value\":\"#F56800\",\"path\":[\"color\",\"royal-orange\",\"400\"]},\"500\":{\"value\":\"#FF8225\",\"path\":[\"color\",\"royal-orange\",\"500\"]},\"600\":{\"value\":\"#FF9343\",\"path\":[\"color\",\"royal-orange\",\"600\"]},\"700\":{\"value\":\"#FFA562\",\"path\":[\"color\",\"royal-orange\",\"700\"]},\"800\":{\"value\":\"#FFC89F\",\"path\":[\"color\",\"royal-orange\",\"800\"]},\"900\":{\"value\":\"#FFD9BD\",\"path\":[\"color\",\"royal-orange\",\"900\"]},\"1000\":{\"value\":\"#FFEBDC\",\"path\":[\"color\",\"royal-orange\",\"1000\"]},\"1100\":{\"value\":\"#FFF4EB\",\"path\":[\"color\",\"royal-orange\",\"1100\"]}},\"espelkamp-green\":{\"100\":{\"value\":\"#00291C\",\"path\":[\"color\",\"espelkamp-green\",\"100\"]},\"200\":{\"value\":\"#003B29\",\"path\":[\"color\",\"espelkamp-green\",\"200\"]},\"300\":{\"value\":\"#005F42\",\"path\":[\"color\",\"espelkamp-green\",\"300\"]},\"400\":{\"value\":\"#00825B\",\"path\":[\"color\",\"espelkamp-green\",\"400\"]},\"500\":{\"value\":\"#00A673\",\"path\":[\"color\",\"espelkamp-green\",\"500\"]},\"600\":{\"value\":\"#00DE9A\",\"path\":[\"color\",\"espelkamp-green\",\"600\"]},\"700\":{\"value\":\"#17FFB8\",\"path\":[\"color\",\"espelkamp-green\",\"700\"]},\"800\":{\"value\":\"#4FFFC9\",\"path\":[\"color\",\"espelkamp-green\",\"800\"]},\"900\":{\"value\":\"#87FFDA\",\"path\":[\"color\",\"espelkamp-green\",\"900\"]},\"1000\":{\"value\":\"#C0FFEB\",\"path\":[\"color\",\"espelkamp-green\",\"1000\"]},\"1100\":{\"value\":\"#DCFFF4\",\"path\":[\"color\",\"espelkamp-green\",\"1100\"]}},\"soft-contrast-violet\":{\"100\":{\"value\":\"#302a6f\",\"path\":[\"color\",\"soft-contrast-violet\",\"100\"]},\"200\":{\"value\":\"#483b9f\",\"path\":[\"color\",\"soft-contrast-violet\",\"200\"]},\"300\":{\"value\":\"#5d4abf\",\"path\":[\"color\",\"soft-contrast-violet\",\"300\"]},\"400\":{\"value\":\"#715DEE\",\"path\":[\"color\",\"soft-contrast-violet\",\"400\"]},\"500\":{\"value\":\"#8574F0\",\"path\":[\"color\",\"soft-contrast-violet\",\"500\"]},\"600\":{\"value\":\"#998BF3\",\"path\":[\"color\",\"soft-contrast-violet\",\"600\"]},\"700\":{\"value\":\"#AEA2F5\",\"path\":[\"color\",\"soft-contrast-violet\",\"700\"]},\"800\":{\"value\":\"#C2B9F8\",\"path\":[\"color\",\"soft-contrast-violet\",\"800\"]},\"900\":{\"value\":\"#D6D0FA\",\"path\":[\"color\",\"soft-contrast-violet\",\"900\"]},\"1000\":{\"value\":\"#EAE7FD\",\"path\":[\"color\",\"soft-contrast-violet\",\"1000\"]},\"1100\":{\"value\":\"#F4F3FE\",\"path\":[\"color\",\"soft-contrast-violet\",\"1100\"]}},\"mittwald-navy\":{\"100\":{\"value\":\"#0E142E\",\"path\":[\"color\",\"mittwald-navy\",\"100\"]},\"200\":{\"value\":\"#131B3D\",\"path\":[\"color\",\"mittwald-navy\",\"200\"]},\"300\":{\"value\":\"#1D285C\",\"path\":[\"color\",\"mittwald-navy\",\"300\"]},\"400\":{\"value\":\"#27367B\",\"path\":[\"color\",\"mittwald-navy\",\"400\"]},\"500\":{\"value\":\"#32459E\",\"path\":[\"color\",\"mittwald-navy\",\"500\"]},\"600\":{\"value\":\"#3D55C1\",\"path\":[\"color\",\"mittwald-navy\",\"600\"]},\"700\":{\"value\":\"#5F73CC\",\"path\":[\"color\",\"mittwald-navy\",\"700\"]},\"800\":{\"value\":\"#8291D7\",\"path\":[\"color\",\"mittwald-navy\",\"800\"]},\"900\":{\"value\":\"#A5B0E2\",\"path\":[\"color\",\"mittwald-navy\",\"900\"]},\"1000\":{\"value\":\"#C8CFEE\",\"path\":[\"color\",\"mittwald-navy\",\"1000\"]},\"1100\":{\"value\":\"#E4E7F6\",\"path\":[\"color\",\"mittwald-navy\",\"1100\"]}},\"bright-lilac\":{\"100\":{\"value\":\"#470062\",\"path\":[\"color\",\"bright-lilac\",\"100\"]},\"200\":{\"value\":\"#5f0083\",\"path\":[\"color\",\"bright-lilac\",\"200\"]},\"300\":{\"value\":\"#9000c5\",\"path\":[\"color\",\"bright-lilac\",\"300\"]},\"400\":{\"value\":\"#bc08ff\",\"path\":[\"color\",\"bright-lilac\",\"400\"]},\"500\":{\"value\":\"#ce4bff\",\"path\":[\"color\",\"bright-lilac\",\"500\"]},\"600\":{\"value\":\"#e08dff\",\"path\":[\"color\",\"bright-lilac\",\"600\"]},\"700\":{\"value\":\"#e6a1ff\",\"path\":[\"color\",\"bright-lilac\",\"700\"]},\"800\":{\"value\":\"#ebb6ff\",\"path\":[\"color\",\"bright-lilac\",\"800\"]},\"900\":{\"value\":\"#f1caff\",\"path\":[\"color\",\"bright-lilac\",\"900\"]},\"1000\":{\"value\":\"#f6dfff\",\"path\":[\"color\",\"bright-lilac\",\"1000\"]},\"1100\":{\"value\":\"#f9e9ff\",\"path\":[\"color\",\"bright-lilac\",\"1100\"]}},\"super-teal\":{\"100\":{\"value\":\"#00424a\",\"path\":[\"color\",\"super-teal\",\"100\"]},\"200\":{\"value\":\"#004f59\",\"path\":[\"color\",\"super-teal\",\"200\"]},\"300\":{\"value\":\"#006b78\",\"path\":[\"color\",\"super-teal\",\"300\"]},\"400\":{\"value\":\"#008696\",\"path\":[\"color\",\"super-teal\",\"400\"]},\"500\":{\"value\":\"#00a1b5\",\"path\":[\"color\",\"super-teal\",\"500\"]},\"600\":{\"value\":\"#00d3ed\",\"path\":[\"color\",\"super-teal\",\"600\"]},\"700\":{\"value\":\"#26e7ff\",\"path\":[\"color\",\"super-teal\",\"700\"]},\"800\":{\"value\":\"#5eedff\",\"path\":[\"color\",\"super-teal\",\"800\"]},\"900\":{\"value\":\"#96f3ff\",\"path\":[\"color\",\"super-teal\",\"900\"]},\"1000\":{\"value\":\"#cffaff\",\"path\":[\"color\",\"super-teal\",\"1000\"]},\"1100\":{\"value\":\"#ebfdff\",\"path\":[\"color\",\"super-teal\",\"1100\"]}},\"categorical\":{\"sea-green\":{\"value\":\"#0fb5ae\",\"path\":[\"color\",\"categorical\",\"sea-green\"]},\"palatinate-blue\":{\"value\":\"#4046ca\",\"path\":[\"color\",\"categorical\",\"palatinate-blue\"]},\"tangerine\":{\"value\":\"#f68511\",\"path\":[\"color\",\"categorical\",\"tangerine\"]},\"magenta\":{\"value\":\"#de3d82\",\"path\":[\"color\",\"categorical\",\"magenta\"]},\"tropical-indigo\":{\"value\":\"#7e84fa\",\"path\":[\"color\",\"categorical\",\"tropical-indigo\"]},\"malachite\":{\"value\":\"#72e06a\",\"path\":[\"color\",\"categorical\",\"malachite\"]},\"azure\":{\"value\":\"#147af3\",\"path\":[\"color\",\"categorical\",\"azure\"]},\"violet\":{\"value\":\"#7326d3\",\"path\":[\"color\",\"categorical\",\"violet\"]},\"yellow\":{\"value\":\"#e8c600\",\"path\":[\"color\",\"categorical\",\"yellow\"]},\"alloy-orange\":{\"value\":\"#cb5d00\",\"path\":[\"color\",\"categorical\",\"alloy-orange\"]},\"green\":{\"value\":\"#008f5d\",\"path\":[\"color\",\"categorical\",\"green\"]},\"lime\":{\"value\":\"#bce931\",\"path\":[\"color\",\"categorical\",\"lime\"]}},\"transparent\":{\"value\":\"transparent\",\"path\":[\"color\",\"transparent\"]},\"code-syntax\":{\"keyword\":{\"value\":\"#ff7b72\",\"path\":[\"color\",\"code-syntax\",\"keyword\"]},\"type\":{\"value\":\"#d2a8ff\",\"path\":[\"color\",\"code-syntax\",\"type\"]},\"variable\":{\"value\":\"#79c0ff\",\"path\":[\"color\",\"code-syntax\",\"variable\"]},\"property\":{\"value\":\"#d2a8ff\",\"path\":[\"color\",\"code-syntax\",\"property\"]},\"string\":{\"value\":\"#a5d6ff\",\"path\":[\"color\",\"code-syntax\",\"string\"]},\"number\":{\"value\":\"#79c0ff\",\"path\":[\"color\",\"code-syntax\",\"number\"]},\"comment\":{\"value\":\"#a0a7b0\",\"path\":[\"color\",\"code-syntax\",\"comment\"]},\"function\":{\"value\":\"#d2a8ff\",\"path\":[\"color\",\"code-syntax\",\"function\"]},\"operator\":{\"value\":\"#ff7b72\",\"path\":[\"color\",\"code-syntax\",\"operator\"]},\"invalid\":{\"value\":\"#f97583\",\"path\":[\"color\",\"code-syntax\",\"invalid\"]}},\"black-alpha\":{\"100\":{\"value\":\"rgb(255 255 255 / 12.5%)\",\"path\":[\"color\",\"black-alpha\",\"100\"]},\"200\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"color\",\"black-alpha\",\"200\"]},\"300\":{\"value\":\"rgb(255 255 255 / 37.5%)\",\"path\":[\"color\",\"black-alpha\",\"300\"]},\"400\":{\"value\":\"rgb(255 255 255 / 50%)\",\"path\":[\"color\",\"black-alpha\",\"400\"]},\"500\":{\"value\":\"rgb(255 255 255 / 62.5%)\",\"path\":[\"color\",\"black-alpha\",\"500\"]},\"600\":{\"value\":\"rgb(255 255 255 / 75%)\",\"path\":[\"color\",\"black-alpha\",\"600\"]},\"700\":{\"value\":\"rgb(255 255 255 / 87.5%)\",\"path\":[\"color\",\"black-alpha\",\"700\"]},\"800\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"color\",\"black-alpha\",\"800\"]}},\"white-alpha\":{\"100\":{\"value\":\"rgb(0 0 0 / 12.5%)\",\"path\":[\"color\",\"white-alpha\",\"100\"]},\"200\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"color\",\"white-alpha\",\"200\"]},\"300\":{\"value\":\"rgb(0 0 0 / 37.5%)\",\"path\":[\"color\",\"white-alpha\",\"300\"]},\"400\":{\"value\":\"rgb(0 0 0 / 50%)\",\"path\":[\"color\",\"white-alpha\",\"400\"]},\"500\":{\"value\":\"rgb(0 0 0 / 62.5%)\",\"path\":[\"color\",\"white-alpha\",\"500\"]},\"600\":{\"value\":\"rgb(0 0 0 / 75%)\",\"path\":[\"color\",\"white-alpha\",\"600\"]},\"700\":{\"value\":\"rgb(0 0 0 / 87.5%)\",\"path\":[\"color\",\"white-alpha\",\"700\"]},\"800\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"color\",\"white-alpha\",\"800\"]}},\"static-black-alpha\":{\"100\":{\"value\":\"rgb(0 0 0 / 12.5%)\",\"path\":[\"color\",\"static-black-alpha\",\"100\"]},\"200\":{\"value\":\"rgb(0 0 0 / 25%)\",\"path\":[\"color\",\"static-black-alpha\",\"200\"]},\"300\":{\"value\":\"rgb(0 0 0 / 37.5%)\",\"path\":[\"color\",\"static-black-alpha\",\"300\"]},\"400\":{\"value\":\"rgb(0 0 0 / 50%)\",\"path\":[\"color\",\"static-black-alpha\",\"400\"]},\"500\":{\"value\":\"rgb(0 0 0 / 62.5%)\",\"path\":[\"color\",\"static-black-alpha\",\"500\"]},\"600\":{\"value\":\"rgb(0 0 0 / 75%)\",\"path\":[\"color\",\"static-black-alpha\",\"600\"]},\"700\":{\"value\":\"rgb(0 0 0 / 87.5%)\",\"path\":[\"color\",\"static-black-alpha\",\"700\"]},\"800\":{\"value\":\"rgb(0 0 0 / 100%)\",\"path\":[\"color\",\"static-black-alpha\",\"800\"]}},\"static-white-alpha\":{\"100\":{\"value\":\"rgb(255 255 255 / 12.5%)\",\"path\":[\"color\",\"static-white-alpha\",\"100\"]},\"200\":{\"value\":\"rgb(255 255 255 / 25%)\",\"path\":[\"color\",\"static-white-alpha\",\"200\"]},\"300\":{\"value\":\"rgb(255 255 255 / 37.5%)\",\"path\":[\"color\",\"static-white-alpha\",\"300\"]},\"400\":{\"value\":\"rgb(255 255 255 / 50%)\",\"path\":[\"color\",\"static-white-alpha\",\"400\"]},\"500\":{\"value\":\"rgb(255 255 255 / 62.5%)\",\"path\":[\"color\",\"static-white-alpha\",\"500\"]},\"600\":{\"value\":\"rgb(255 255 255 / 75%)\",\"path\":[\"color\",\"static-white-alpha\",\"600\"]},\"700\":{\"value\":\"rgb(255 255 255 / 87.5%)\",\"path\":[\"color\",\"static-white-alpha\",\"700\"]},\"800\":{\"value\":\"rgb(255 255 255 / 100%)\",\"path\":[\"color\",\"static-white-alpha\",\"800\"]}},\"gradient\":{\"value\":\"radial-gradient(circle at 18% 20%, #3D55C159, transparent 22%), radial-gradient(circle at 82% 18%, #00A1B54D, transparent 18%), radial-gradient(circle at 70% 82%, #715DEE47, transparent 24%), linear-gradient(180deg, #06070A 0%, #0A0E18 45%, #0F1424 100%)\",\"path\":[\"color\",\"gradient\"]},\"background-gradient\":{\"value\":\"linear-gradient(180deg, #0d101a 0%, #354176 100%)\",\"path\":[\"color\",\"background-gradient\"]}}");
 var avatar = {
 	"size": {
 		"xs": {
@@ -2810,6 +2810,10 @@ var table = {
 		"path": ["table", "background-color-accent"]
 	}
 };
+var texture = { "grain": {
+	"value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncG type='linear' slope='0.8' intercept='0.1'/%3E%3CfeFuncB type='linear' slope='0.8' intercept='0.1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")",
+	"path": ["texture", "grain"]
+} };
 var all_dark_default = {
 	"action-group": { "spacing": {
 		"m": {
@@ -5623,6 +5627,7 @@ var all_dark_default = {
 	},
 	separator,
 	table,
+	texture,
 	"file-card": {
 		"padding-x": {
 			"value": "8px",
@@ -5837,6 +5842,6 @@ var all_dark_default = {
 	}
 };
 //#endregion
-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 };
+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, texture, tooltip, transition, unavailable, warning };
 
 //# sourceMappingURL=all-dark.mjs.map