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

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

@@ -3,9 +3,11 @@
 import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 import { isAlphaColor } from "../../lib/types/props.mjs";
+import { useSkeletonMode } from "../SkeletonMode/skeletonModeContext.mjs";
 import { Wrap } from "../Wrap/Wrap.mjs";
 import { EmulatedBoldText } from "../EmulatedBoldText/EmulatedBoldText.mjs";
 import Text_module_default from "./Text.module.mjs";
+import { SkeletonTextContent } from "../SkeletonMode/components/SkeletonTextContent/SkeletonTextContent.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import * as Aria from "react-aria-components";
@@ -14,10 +16,12 @@ import invariant from "invariant";
 /** @flr-generate all */
 var Text = flowComponent("Text", (props) => {
 	const { children, className, elementType = "span", emulateBoldWidth, ref, color = "default", align = "start", wrap, style: styleFromProps, whiteSpace, wordBreak, noLigatures, ...rest } = props;
+	const isSkeleton = useSkeletonMode();
 	const rootClassName = clsx(Text_module_default.text, isAlphaColor(color) && Text_module_default[color], align && Text_module_default[`align-${align}`], wrap && Text_module_default[`wrap-${wrap}`], noLigatures && Text_module_default[`no-ligatures`], className);
 	const textProps = {
 		...rest,
-		className: rootClassName
+		className: rootClassName,
+		inert: isSkeleton || void 0
 	};
 	const propsContext = {
 		Link: {
@@ -36,7 +40,10 @@ var Text = flowComponent("Text", (props) => {
 		props: propsContext,
 		children: /* @__PURE__ */ jsx(Wrap, {
 			if: emulateBoldWidth,
-			children: /* @__PURE__ */ jsx(EmulatedBoldText, { children })
+			children: /* @__PURE__ */ jsx(EmulatedBoldText, { children: /* @__PURE__ */ jsx(SkeletonTextContent, {
+				defaultWidth: "8em",
+				children
+			}) })
 		})
 	});
 	if (!props.slot) return /* @__PURE__ */ jsx(elementType, {

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

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","names":[],"sources":["../../../../../../../src/components/Text/Text.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n  type AlphaColor,\n  isAlphaColor,\n  type PropsWithElementType,\n} from \"@/lib/types/props\";\nimport invariant from \"invariant\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { EmulatedBoldText } from \"@/components/EmulatedBoldText\";\nimport { Wrap } from \"@/components/Wrap\";\nimport clsx from \"clsx\";\nimport styles from \"./Text.module.scss\";\n\nexport interface TextProps\n  extends\n    PropsWithChildren,\n    Omit<Aria.TextProps, \"children\" | \"elementType\">,\n    PropsWithElementType<\"span\" | \"div\" | \"p\">,\n    FlowComponentProps {\n  /**\n   * Whether the elements width should match the width it would have with bold\n   * text.\n   */\n  emulateBoldWidth?: boolean;\n  /** The color of the text. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** The alignment of the text. @default \"start\" */\n  align?: \"start\" | \"end\" | \"center\";\n  /** The text-wrap property of the text. */\n  wrap?: \"wrap\" | \"balance\" | \"pretty\";\n  /** The white-space property of the text. */\n  whiteSpace?: React.CSSProperties[\"whiteSpace\"];\n  /** The word-break property of the text. */\n  wordBreak?: React.CSSProperties[\"wordBreak\"];\n  /**\n   * Disables standard and contextual ligatures for predictable, literal text\n   * rendering.\n   */\n  noLigatures?: boolean;\n}\n\n/** @flr-generate all */\nexport const Text = flowComponent(\"Text\", (props) => {\n  const {\n    children,\n    className,\n    elementType = \"span\",\n    emulateBoldWidth,\n    ref,\n    color = \"default\",\n    align = \"start\",\n    wrap,\n    style: styleFromProps,\n    whiteSpace,\n    wordBreak,\n    noLigatures,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.text,\n    isAlphaColor(color) && styles[color],\n    align && styles[`align-${align}`],\n    wrap && styles[`wrap-${wrap}`],\n    noLigatures && styles[`no-ligatures`],\n    className,\n  );\n\n  const textProps = { ...rest, className: rootClassName };\n\n  const propsContext: PropsContext = {\n    Link: {\n      inline: true,\n      color: isAlphaColor(color) ? color : undefined,\n    },\n    Icon: { className: styles.icon },\n    Kbd: { variant: \"soft\" },\n  };\n\n  const style = {\n    whiteSpace,\n    wordBreak,\n    ...styleFromProps,\n  };\n\n  const childrenElement = (\n    <PropsContextProvider props={propsContext}>\n      <Wrap if={emulateBoldWidth}>\n        <EmulatedBoldText>{children}</EmulatedBoldText>\n      </Wrap>\n    </PropsContextProvider>\n  );\n\n  if (!props.slot) {\n    const Element = elementType;\n    return (\n      <Element style={style} {...textProps} ref={ref}>\n        {childrenElement}\n      </Element>\n    );\n  }\n\n  invariant(\n    typeof elementType === \"string\",\n    \"'elementType' in Text component must be of type string\",\n  );\n\n  return (\n    <Aria.Text style={style} {...textProps} elementType={elementType} ref={ref}>\n      {childrenElement}\n    </Aria.Text>\n  );\n});\n\nexport default Text;\n"],"mappings":";;;;;;;;;;;;;;AA+CA,IAAa,OAAO,cAAc,SAAS,UAAU;CACnD,MAAM,EACJ,UACA,WACA,cAAc,QACd,kBACA,KACA,QAAQ,WACR,QAAQ,SACR,MACA,OAAO,gBACP,YACA,WACA,aACA,GAAG,SACD;CAEJ,MAAM,gBAAgB,KACpB,oBAAO,MACP,aAAa,KAAK,KAAK,oBAAO,QAC9B,SAAS,oBAAO,SAAS,UACzB,QAAQ,oBAAO,QAAQ,SACvB,eAAe,oBAAO,iBACtB,SACF;CAEA,MAAM,YAAY;EAAE,GAAG;EAAM,WAAW;CAAc;CAEtD,MAAM,eAA6B;EACjC,MAAM;GACJ,QAAQ;GACR,OAAO,aAAa,KAAK,IAAI,QAAQ,KAAA;EACvC;EACA,MAAM,EAAE,WAAW,oBAAO,KAAK;EAC/B,KAAK,EAAE,SAAS,OAAO;CACzB;CAEA,MAAM,QAAQ;EACZ;EACA;EACA,GAAG;CACL;CAEA,MAAM,kBACJ,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,oBAAC,MAAD;GAAM,IAAI;GACR,UAAA,oBAAC,kBAAD,EAAmB,SAA2B,CAAA;EAC1C,CAAA;CACc,CAAA;CAGxB,IAAI,CAAC,MAAM,MAET,OACE,oBAAC,aAAD;EAAgB;EAAO,GAAI;EAAgB;EACxC,UAAA;CACM,CAAA;CAIb,UACE,OAAO,gBAAgB,UACvB,wDACF;CAEA,OACE,oBAAC,KAAK,MAAN;EAAkB;EAAO,GAAI;EAAwB;EAAkB;EACpE,UAAA;CACQ,CAAA;AAEf,CAAC"}
+{"version":3,"file":"Text.mjs","names":["styles","Element"],"sources":["../../../../../../../src/components/Text/Text.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n  type AlphaColor,\n  isAlphaColor,\n  type PropsWithElementType,\n} from \"@/lib/types/props\";\nimport invariant from \"invariant\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { EmulatedBoldText } from \"@/components/EmulatedBoldText\";\nimport { Wrap } from \"@/components/Wrap\";\nimport clsx from \"clsx\";\nimport styles from \"./Text.module.scss\";\nimport { SkeletonTextContent } from \"@/components/SkeletonMode/components/SkeletonTextContent\";\nimport { useSkeletonMode } from \"@/components/SkeletonMode/skeletonModeContext\";\n\nexport interface TextProps\n  extends\n    PropsWithChildren,\n    Omit<Aria.TextProps, \"children\" | \"elementType\">,\n    PropsWithElementType<\"span\" | \"div\" | \"p\">,\n    FlowComponentProps {\n  /**\n   * Whether the elements width should match the width it would have with bold\n   * text.\n   */\n  emulateBoldWidth?: boolean;\n  /** The color of the text. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** The alignment of the text. @default \"start\" */\n  align?: \"start\" | \"end\" | \"center\";\n  /** The text-wrap property of the text. */\n  wrap?: \"wrap\" | \"balance\" | \"pretty\";\n  /** The white-space property of the text. */\n  whiteSpace?: React.CSSProperties[\"whiteSpace\"];\n  /** The word-break property of the text. */\n  wordBreak?: React.CSSProperties[\"wordBreak\"];\n  /**\n   * Disables standard and contextual ligatures for predictable, literal text\n   * rendering.\n   */\n  noLigatures?: boolean;\n}\n\n/** @flr-generate all */\nexport const Text = flowComponent(\"Text\", (props) => {\n  const {\n    children,\n    className,\n    elementType = \"span\",\n    emulateBoldWidth,\n    ref,\n    color = \"default\",\n    align = \"start\",\n    wrap,\n    style: styleFromProps,\n    whiteSpace,\n    wordBreak,\n    noLigatures,\n    ...rest\n  } = props;\n\n  const isSkeleton = useSkeletonMode();\n\n  const rootClassName = clsx(\n    styles.text,\n    isAlphaColor(color) && styles[color],\n    align && styles[`align-${align}`],\n    wrap && styles[`wrap-${wrap}`],\n    noLigatures && styles[`no-ligatures`],\n    className,\n  );\n\n  const textProps = {\n    ...rest,\n    className: rootClassName,\n    inert: isSkeleton || undefined,\n  };\n\n  const propsContext: PropsContext = {\n    Link: {\n      inline: true,\n      color: isAlphaColor(color) ? color : undefined,\n    },\n    Icon: { className: styles.icon },\n    Kbd: { variant: \"soft\" },\n  };\n\n  const style = {\n    whiteSpace,\n    wordBreak,\n    ...styleFromProps,\n  };\n\n  const childrenElement = (\n    <PropsContextProvider props={propsContext}>\n      <Wrap if={emulateBoldWidth}>\n        <EmulatedBoldText>\n          <SkeletonTextContent defaultWidth=\"8em\">\n            {children}\n          </SkeletonTextContent>\n        </EmulatedBoldText>\n      </Wrap>\n    </PropsContextProvider>\n  );\n\n  if (!props.slot) {\n    const Element = elementType;\n    return (\n      <Element style={style} {...textProps} ref={ref}>\n        {childrenElement}\n      </Element>\n    );\n  }\n\n  invariant(\n    typeof elementType === \"string\",\n    \"'elementType' in Text component must be of type string\",\n  );\n\n  return (\n    <Aria.Text style={style} {...textProps} elementType={elementType} ref={ref}>\n      {childrenElement}\n    </Aria.Text>\n  );\n});\n\nexport default Text;\n"],"mappings":";;;;;;;;;;;;;;;;AAiDA,IAAa,OAAO,cAAc,SAAS,UAAU;CACnD,MAAM,EACJ,UACA,WACA,cAAc,QACd,kBACA,KACA,QAAQ,WACR,QAAQ,SACR,MACA,OAAO,gBACP,YACA,WACA,aACA,GAAG,SACD;CAEJ,MAAM,aAAa,gBAAgB;CAEnC,MAAM,gBAAgB,KACpBA,oBAAO,MACP,aAAa,KAAK,KAAKA,oBAAO,QAC9B,SAASA,oBAAO,SAAS,UACzB,QAAQA,oBAAO,QAAQ,SACvB,eAAeA,oBAAO,iBACtB,SACF;CAEA,MAAM,YAAY;EAChB,GAAG;EACH,WAAW;EACX,OAAO,cAAc,KAAA;CACvB;CAEA,MAAM,eAA6B;EACjC,MAAM;GACJ,QAAQ;GACR,OAAO,aAAa,KAAK,IAAI,QAAQ,KAAA;EACvC;EACA,MAAM,EAAE,WAAWA,oBAAO,KAAK;EAC/B,KAAK,EAAE,SAAS,OAAO;CACzB;CAEA,MAAM,QAAQ;EACZ;EACA;EACA,GAAG;CACL;CAEA,MAAM,kBACJ,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,oBAAC,MAAD;GAAM,IAAI;GACR,UAAA,oBAAC,kBAAD,EAAA,UACE,oBAAC,qBAAD;IAAqB,cAAa;IAC/B;GACkB,CAAA,EACL,CAAA;EACd,CAAA;CACc,CAAA;CAGxB,IAAI,CAAC,MAAM,MAET,OACE,oBAACC,aAAD;EAAgB;EAAO,GAAI;EAAgB;EACxC,UAAA;CACM,CAAA;CAIb,UACE,OAAO,gBAAgB,UACvB,wDACF;CAEA,OACE,oBAAC,KAAK,MAAN;EAAkB;EAAO,GAAI;EAAwB;EAAkB;EACpE,UAAA;CACQ,CAAA;AAEf,CAAC"}

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

@@ -21,11 +21,11 @@ var TextArea = flowComponent("TextArea", (props) => {
 	const { children, placeholder, rows = 5, autoResizeMaxRows = rows, ref, allowVerticalResize, allowHorizontalResize, showCharacterCount, className, onChange, isReadOnly, value, ...rest } = useControlledHostValueProps(props, "");
 	if (allowHorizontalResize !== void 0) warnDeprecation("The 'allowHorizontalResize' prop is deprecated and will be removed in a future release. Use 'allowResize' instead.");
 	if (allowVerticalResize !== void 0) warnDeprecation("The 'allowVerticalResize' prop is deprecated and will be removed in a future release. Use 'allowResize' instead.");
-	const { FieldErrorView, FieldErrorCaptureContext, fieldPropsContext, fieldProps } = useFieldComponent(props, "TextArea");
+	const { FieldErrorView, FieldErrorCaptureContext, fieldPropsContext, wrapperProps, controlProps, skeletonProps } = useFieldComponent(props, "TextArea");
 	let { allowResize } = props;
 	if (allowVerticalResize) allowResize = "vertical";
 	else if (allowHorizontalResize) allowResize = "horizontal";
-	const rootClassName = clsx(fieldProps.className, className);
+	const rootClassName = clsx(wrapperProps.className, className);
 	const inputClassName = clsx(TextArea_module_default.input, typeof allowResize === "boolean" && allowResize ? TextArea_module_default.resize : null, allowResize === "horizontal" ? TextArea_module_default.horizontalResize : allowResize === "vertical" ? TextArea_module_default.verticalResize : null);
 	const handleChange = (v) => {
 		if (isReadOnly) return;
@@ -78,7 +78,8 @@ var TextArea = flowComponent("TextArea", (props) => {
 	]);
 	return /* @__PURE__ */ jsx(Aria.TextField, {
 		...rest,
-		...fieldProps,
+		...controlProps,
+		...skeletonProps,
 		value,
 		className: rootClassName,
 		onChange: handleChange,

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.mjs","names":[],"sources":["../../../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport styles from \"./TextArea.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport {\n  type PropsWithChildren,\n  useEffect,\n  useLayoutEffect,\n  useState,\n} from \"react\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport { FieldDescription } from \"@/components/FieldDescription\";\nimport { useWarnDeprecation } from \"@/components/DeprecationWarningProvider\";\n\nexport interface TextAreaProps\n  extends\n    PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">>,\n    Pick<Aria.TextAreaProps, \"placeholder\" | \"rows\" | \"aria-hidden\">,\n    FlowComponentProps<HTMLTextAreaElement> {\n  /** Whether a character count should be displayed inside the field description. */\n  showCharacterCount?: boolean;\n  /**\n   * Whether the text area should grow if its content gets longer than its\n   * initial height.\n   */\n  autoResizeMaxRows?: number;\n  /** Allows the user to manually resize the textArea horizontally. */\n  allowResize?: boolean | \"horizontal\" | \"vertical\";\n  /** @deprecated Use `allowResize` instead. */\n  allowHorizontalResize?: boolean;\n  /** @deprecated Use `allowResize` instead. */\n  allowVerticalResize?: boolean;\n}\n\n/** @flr-generate all */\nexport const TextArea = flowComponent(\"TextArea\", (props) => {\n  const warnDeprecation = useWarnDeprecation();\n  const {\n    children,\n    placeholder,\n    rows = 5,\n    autoResizeMaxRows = rows,\n    ref,\n    allowVerticalResize,\n    allowHorizontalResize,\n    showCharacterCount,\n    className,\n    onChange,\n    isReadOnly,\n    value,\n    ...rest\n  } = useControlledHostValueProps(props, \"\");\n\n  if (allowHorizontalResize !== undefined) {\n    warnDeprecation(\n      \"The 'allowHorizontalResize' prop is deprecated and will be removed in a future release. Use 'allowResize' instead.\",\n    );\n  }\n  if (allowVerticalResize !== undefined) {\n    warnDeprecation(\n      \"The 'allowVerticalResize' prop is deprecated and will be removed in a future release. Use 'allowResize' instead.\",\n    );\n  }\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props, \"TextArea\");\n\n  let { allowResize } = props;\n  if (allowVerticalResize) {\n    allowResize = \"vertical\";\n  } else if (allowHorizontalResize) {\n    allowResize = \"horizontal\";\n  }\n\n  const rootClassName = clsx(fieldProps.className, className);\n\n  const inputClassName = clsx(\n    styles.input,\n    typeof allowResize === \"boolean\" && allowResize ? styles.resize : null,\n    allowResize === \"horizontal\"\n      ? styles.horizontalResize\n      : allowResize === \"vertical\"\n        ? styles.verticalResize\n        : null,\n  );\n\n  const handleChange = (v: string) => {\n    if (isReadOnly) {\n      return;\n    }\n\n    if (onChange) {\n      onChange(v);\n    }\n  };\n\n  const translation = useLocalizedStringFormatter(locales, \"TextArea\");\n\n  // Derived, so that a value the field never saw typed is counted as well.\n  const charactersCountDescription = translation.format(\"characters\", {\n    count: value.length,\n    maxCount: props.maxLength ?? 0,\n  });\n\n  const localRef = useObjectRef(ref);\n\n  const [resized, setResized] = useState(false);\n\n  const autoResizable = rows !== autoResizeMaxRows;\n\n  const verticallyResizable =\n    allowResize && (!autoResizable || (autoResizable && resized));\n\n  useEffect(() => {\n    const textarea = localRef.current;\n    if (!textarea) return;\n\n    const startHeight = textarea.offsetHeight;\n    let tracking = false;\n\n    const handleMouseDown = () => {\n      tracking = true;\n    };\n\n    const handleMouseMove = () => {\n      if (!tracking || resized) return;\n\n      const currentHeight = textarea.offsetHeight;\n\n      if (currentHeight !== startHeight) {\n        setResized(true);\n        tracking = false;\n      }\n    };\n\n    const handleMouseUp = () => {\n      tracking = false;\n    };\n\n    window.addEventListener(\"mousedown\", handleMouseDown);\n    window.addEventListener(\"mousemove\", handleMouseMove);\n    window.addEventListener(\"mouseup\", handleMouseUp);\n\n    return () => {\n      window.removeEventListener(\"mousedown\", handleMouseDown);\n      window.removeEventListener(\"mousemove\", handleMouseMove);\n      window.removeEventListener(\"mouseup\", handleMouseUp);\n    };\n  }, [resized]);\n\n  /*\n   * The height depends on the rendered content, so it cannot be a style. It is\n   * synced to the value instead of to the `change` event, because a value the\n   * field never saw typed — an initial value, or a draft loaded into a\n   * controlled field — has to resize it just the same.\n   */\n  useLayoutEffect(() => {\n    const textArea = localRef.current;\n    if (!textArea || !autoResizable || verticallyResizable) {\n      return;\n    }\n    // https://stackoverflow.com/a/60795884\n    textArea.style.height = \"0px\";\n    // + 2 to add border height\n    textArea.style.height = `${textArea.scrollHeight + 2}px`;\n  }, [value, autoResizable, verticallyResizable]);\n\n  return (\n    <Aria.TextField\n      {...rest}\n      {...fieldProps}\n      value={value}\n      className={rootClassName}\n      onChange={handleChange}\n    >\n      <PropsContextProvider props={fieldPropsContext}>\n        <FieldErrorCaptureContext>{children}</FieldErrorCaptureContext>\n        <Aria.TextArea\n          rows={rows}\n          {...(isReadOnly ? { \"data-readonly\": true } : {})}\n          aria-readonly={isReadOnly}\n          aria-hidden={props[\"aria-hidden\"]}\n          placeholder={placeholder}\n          className={inputClassName}\n          ref={localRef}\n          style={{\n            \"--text-area--rows\": rows,\n            \"--text-area--max-rows\": verticallyResizable\n              ? undefined\n              : autoResizeMaxRows,\n          }}\n        />\n        {showCharacterCount && (\n          <FieldDescription>{charactersCountDescription}</FieldDescription>\n        )}\n        <FieldErrorView />\n      </PropsContextProvider>\n    </Aria.TextField>\n  );\n});\n\nexport default TextArea;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyCA,IAAa,WAAW,cAAc,aAAa,UAAU;CAC3D,MAAM,kBAAkB,mBAAmB;CAC3C,MAAM,EACJ,UACA,aACA,OAAO,GACP,oBAAoB,MACpB,KACA,qBACA,uBACA,oBACA,WACA,UACA,YACA,OACA,GAAG,SACD,4BAA4B,OAAO,EAAE;CAEzC,IAAI,0BAA0B,KAAA,GAC5B,gBACE,oHACF;CAEF,IAAI,wBAAwB,KAAA,GAC1B,gBACE,kHACF;CAGF,MAAM,EACJ,gBACA,0BACA,mBACA,eACE,kBAAkB,OAAO,UAAU;CAEvC,IAAI,EAAE,gBAAgB;CACtB,IAAI,qBACF,cAAc;MACT,IAAI,uBACT,cAAc;CAGhB,MAAM,gBAAgB,KAAK,WAAW,WAAW,SAAS;CAE1D,MAAM,iBAAiB,KACrB,wBAAO,OACP,OAAO,gBAAgB,aAAa,cAAc,wBAAO,SAAS,MAClE,gBAAgB,eACZ,wBAAO,mBACP,gBAAgB,aACd,wBAAO,iBACP,IACR;CAEA,MAAM,gBAAgB,MAAc;EAClC,IAAI,YACF;EAGF,IAAI,UACF,SAAS,CAAC;CAEd;CAKA,MAAM,6BAHc,4BAA4B,kBAAS,UAGtB,CAAA,CAAY,OAAO,cAAc;EAClE,OAAO,MAAM;EACb,UAAU,MAAM,aAAa;CAC/B,CAAC;CAED,MAAM,WAAW,aAAa,GAAG;CAEjC,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,MAAM,gBAAgB,SAAS;CAE/B,MAAM,sBACJ,gBAAgB,CAAC,iBAAkB,iBAAiB;CAEtD,gBAAgB;EACd,MAAM,WAAW,SAAS;EAC1B,IAAI,CAAC,UAAU;EAEf,MAAM,cAAc,SAAS;EAC7B,IAAI,WAAW;EAEf,MAAM,wBAAwB;GAC5B,WAAW;EACb;EAEA,MAAM,wBAAwB;GAC5B,IAAI,CAAC,YAAY,SAAS;GAI1B,IAFsB,SAAS,iBAET,aAAa;IACjC,WAAW,IAAI;IACf,WAAW;GACb;EACF;EAEA,MAAM,sBAAsB;GAC1B,WAAW;EACb;EAEA,OAAO,iBAAiB,aAAa,eAAe;EACpD,OAAO,iBAAiB,aAAa,eAAe;EACpD,OAAO,iBAAiB,WAAW,aAAa;EAEhD,aAAa;GACX,OAAO,oBAAoB,aAAa,eAAe;GACvD,OAAO,oBAAoB,aAAa,eAAe;GACvD,OAAO,oBAAoB,WAAW,aAAa;EACrD;CACF,GAAG,CAAC,OAAO,CAAC;CAQZ,sBAAsB;EACpB,MAAM,WAAW,SAAS;EAC1B,IAAI,CAAC,YAAY,CAAC,iBAAiB,qBACjC;EAGF,SAAS,MAAM,SAAS;EAExB,SAAS,MAAM,SAAS,GAAG,SAAS,eAAe,EAAE;CACvD,GAAG;EAAC;EAAO;EAAe;CAAmB,CAAC;CAE9C,OACE,oBAAC,KAAK,WAAN;EACE,GAAI;EACJ,GAAI;EACG;EACP,WAAW;EACX,UAAU;EAEV,UAAA,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA;IACE,oBAAC,0BAAD,EAA2B,SAAmC,CAAA;IAC9D,oBAAC,KAAK,UAAN;KACQ;KACN,GAAK,aAAa,EAAE,iBAAiB,KAAK,IAAI,CAAC;KAC/C,iBAAe;KACf,eAAa,MAAM;KACN;KACb,WAAW;KACX,KAAK;KACL,OAAO;MACL,qBAAqB;MACrB,yBAAyB,sBACrB,KAAA,IACA;KACN;IACD,CAAA;IACA,sBACC,oBAAC,kBAAD,EAAA,UAAmB,2BAA6C,CAAA;IAElE,oBAAC,gBAAD,CAAiB,CAAA;GACG;;CACR,CAAA;AAEpB,CAAC"}
+{"version":3,"file":"TextArea.mjs","names":["styles","locales"],"sources":["../../../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport styles from \"./TextArea.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport {\n  type PropsWithChildren,\n  useEffect,\n  useLayoutEffect,\n  useState,\n} from \"react\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport { FieldDescription } from \"@/components/FieldDescription\";\nimport { useWarnDeprecation } from \"@/components/DeprecationWarningProvider\";\n\nexport interface TextAreaProps\n  extends\n    PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">>,\n    Pick<Aria.TextAreaProps, \"placeholder\" | \"rows\" | \"aria-hidden\">,\n    FlowComponentProps<HTMLTextAreaElement> {\n  /** Whether a character count should be displayed inside the field description. */\n  showCharacterCount?: boolean;\n  /**\n   * Whether the text area should grow if its content gets longer than its\n   * initial height.\n   */\n  autoResizeMaxRows?: number;\n  /** Allows the user to manually resize the textArea horizontally. */\n  allowResize?: boolean | \"horizontal\" | \"vertical\";\n  /** @deprecated Use `allowResize` instead. */\n  allowHorizontalResize?: boolean;\n  /** @deprecated Use `allowResize` instead. */\n  allowVerticalResize?: boolean;\n}\n\n/** @flr-generate all */\nexport const TextArea = flowComponent(\"TextArea\", (props) => {\n  const warnDeprecation = useWarnDeprecation();\n  const {\n    children,\n    placeholder,\n    rows = 5,\n    autoResizeMaxRows = rows,\n    ref,\n    allowVerticalResize,\n    allowHorizontalResize,\n    showCharacterCount,\n    className,\n    onChange,\n    isReadOnly,\n    value,\n    ...rest\n  } = useControlledHostValueProps(props, \"\");\n\n  if (allowHorizontalResize !== undefined) {\n    warnDeprecation(\n      \"The 'allowHorizontalResize' prop is deprecated and will be removed in a future release. Use 'allowResize' instead.\",\n    );\n  }\n  if (allowVerticalResize !== undefined) {\n    warnDeprecation(\n      \"The 'allowVerticalResize' prop is deprecated and will be removed in a future release. Use 'allowResize' instead.\",\n    );\n  }\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    wrapperProps,\n    controlProps,\n    skeletonProps,\n  } = useFieldComponent(props, \"TextArea\");\n\n  let { allowResize } = props;\n  if (allowVerticalResize) {\n    allowResize = \"vertical\";\n  } else if (allowHorizontalResize) {\n    allowResize = \"horizontal\";\n  }\n\n  const rootClassName = clsx(wrapperProps.className, className);\n\n  const inputClassName = clsx(\n    styles.input,\n    typeof allowResize === \"boolean\" && allowResize ? styles.resize : null,\n    allowResize === \"horizontal\"\n      ? styles.horizontalResize\n      : allowResize === \"vertical\"\n        ? styles.verticalResize\n        : null,\n  );\n\n  const handleChange = (v: string) => {\n    if (isReadOnly) {\n      return;\n    }\n\n    if (onChange) {\n      onChange(v);\n    }\n  };\n\n  const translation = useLocalizedStringFormatter(locales, \"TextArea\");\n\n  // Derived, so that a value the field never saw typed is counted as well.\n  const charactersCountDescription = translation.format(\"characters\", {\n    count: value.length,\n    maxCount: props.maxLength ?? 0,\n  });\n\n  const localRef = useObjectRef(ref);\n\n  const [resized, setResized] = useState(false);\n\n  const autoResizable = rows !== autoResizeMaxRows;\n\n  const verticallyResizable =\n    allowResize && (!autoResizable || (autoResizable && resized));\n\n  useEffect(() => {\n    const textarea = localRef.current;\n    if (!textarea) return;\n\n    const startHeight = textarea.offsetHeight;\n    let tracking = false;\n\n    const handleMouseDown = () => {\n      tracking = true;\n    };\n\n    const handleMouseMove = () => {\n      if (!tracking || resized) return;\n\n      const currentHeight = textarea.offsetHeight;\n\n      if (currentHeight !== startHeight) {\n        setResized(true);\n        tracking = false;\n      }\n    };\n\n    const handleMouseUp = () => {\n      tracking = false;\n    };\n\n    window.addEventListener(\"mousedown\", handleMouseDown);\n    window.addEventListener(\"mousemove\", handleMouseMove);\n    window.addEventListener(\"mouseup\", handleMouseUp);\n\n    return () => {\n      window.removeEventListener(\"mousedown\", handleMouseDown);\n      window.removeEventListener(\"mousemove\", handleMouseMove);\n      window.removeEventListener(\"mouseup\", handleMouseUp);\n    };\n  }, [resized]);\n\n  /*\n   * The height depends on the rendered content, so it cannot be a style. It is\n   * synced to the value instead of to the `change` event, because a value the\n   * field never saw typed — an initial value, or a draft loaded into a\n   * controlled field — has to resize it just the same.\n   */\n  useLayoutEffect(() => {\n    const textArea = localRef.current;\n    if (!textArea || !autoResizable || verticallyResizable) {\n      return;\n    }\n    // https://stackoverflow.com/a/60795884\n    textArea.style.height = \"0px\";\n    // + 2 to add border height\n    textArea.style.height = `${textArea.scrollHeight + 2}px`;\n  }, [value, autoResizable, verticallyResizable]);\n\n  return (\n    <Aria.TextField\n      {...rest}\n      {...controlProps}\n      {...skeletonProps}\n      value={value}\n      className={rootClassName}\n      onChange={handleChange}\n    >\n      <PropsContextProvider props={fieldPropsContext}>\n        <FieldErrorCaptureContext>{children}</FieldErrorCaptureContext>\n        <Aria.TextArea\n          rows={rows}\n          {...(isReadOnly ? { \"data-readonly\": true } : {})}\n          aria-readonly={isReadOnly}\n          aria-hidden={props[\"aria-hidden\"]}\n          placeholder={placeholder}\n          className={inputClassName}\n          ref={localRef}\n          style={{\n            \"--text-area--rows\": rows,\n            \"--text-area--max-rows\": verticallyResizable\n              ? undefined\n              : autoResizeMaxRows,\n          }}\n        />\n        {showCharacterCount && (\n          <FieldDescription>{charactersCountDescription}</FieldDescription>\n        )}\n        <FieldErrorView />\n      </PropsContextProvider>\n    </Aria.TextField>\n  );\n});\n\nexport default TextArea;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyCA,IAAa,WAAW,cAAc,aAAa,UAAU;CAC3D,MAAM,kBAAkB,mBAAmB;CAC3C,MAAM,EACJ,UACA,aACA,OAAO,GACP,oBAAoB,MACpB,KACA,qBACA,uBACA,oBACA,WACA,UACA,YACA,OACA,GAAG,SACD,4BAA4B,OAAO,EAAE;CAEzC,IAAI,0BAA0B,KAAA,GAC5B,gBACE,oHACF;CAEF,IAAI,wBAAwB,KAAA,GAC1B,gBACE,kHACF;CAGF,MAAM,EACJ,gBACA,0BACA,mBACA,cACA,cACA,kBACE,kBAAkB,OAAO,UAAU;CAEvC,IAAI,EAAE,gBAAgB;CACtB,IAAI,qBACF,cAAc;MACT,IAAI,uBACT,cAAc;CAGhB,MAAM,gBAAgB,KAAK,aAAa,WAAW,SAAS;CAE5D,MAAM,iBAAiB,KACrBA,wBAAO,OACP,OAAO,gBAAgB,aAAa,cAAcA,wBAAO,SAAS,MAClE,gBAAgB,eACZA,wBAAO,mBACP,gBAAgB,aACdA,wBAAO,iBACP,IACR;CAEA,MAAM,gBAAgB,MAAc;EAClC,IAAI,YACF;EAGF,IAAI,UACF,SAAS,CAAC;CAEd;CAKA,MAAM,6BAHc,4BAA4BC,kBAAS,UAGtB,CAAA,CAAY,OAAO,cAAc;EAClE,OAAO,MAAM;EACb,UAAU,MAAM,aAAa;CAC/B,CAAC;CAED,MAAM,WAAW,aAAa,GAAG;CAEjC,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,MAAM,gBAAgB,SAAS;CAE/B,MAAM,sBACJ,gBAAgB,CAAC,iBAAkB,iBAAiB;CAEtD,gBAAgB;EACd,MAAM,WAAW,SAAS;EAC1B,IAAI,CAAC,UAAU;EAEf,MAAM,cAAc,SAAS;EAC7B,IAAI,WAAW;EAEf,MAAM,wBAAwB;GAC5B,WAAW;EACb;EAEA,MAAM,wBAAwB;GAC5B,IAAI,CAAC,YAAY,SAAS;GAI1B,IAFsB,SAAS,iBAET,aAAa;IACjC,WAAW,IAAI;IACf,WAAW;GACb;EACF;EAEA,MAAM,sBAAsB;GAC1B,WAAW;EACb;EAEA,OAAO,iBAAiB,aAAa,eAAe;EACpD,OAAO,iBAAiB,aAAa,eAAe;EACpD,OAAO,iBAAiB,WAAW,aAAa;EAEhD,aAAa;GACX,OAAO,oBAAoB,aAAa,eAAe;GACvD,OAAO,oBAAoB,aAAa,eAAe;GACvD,OAAO,oBAAoB,WAAW,aAAa;EACrD;CACF,GAAG,CAAC,OAAO,CAAC;CAQZ,sBAAsB;EACpB,MAAM,WAAW,SAAS;EAC1B,IAAI,CAAC,YAAY,CAAC,iBAAiB,qBACjC;EAGF,SAAS,MAAM,SAAS;EAExB,SAAS,MAAM,SAAS,GAAG,SAAS,eAAe,EAAE;CACvD,GAAG;EAAC;EAAO;EAAe;CAAmB,CAAC;CAE9C,OACE,oBAAC,KAAK,WAAN;EACE,GAAI;EACJ,GAAI;EACJ,GAAI;EACG;EACP,WAAW;EACX,UAAU;EAEV,UAAA,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA;IACE,oBAAC,0BAAD,EAA2B,SAAmC,CAAA;IAC9D,oBAAC,KAAK,UAAN;KACQ;KACN,GAAK,aAAa,EAAE,iBAAiB,KAAK,IAAI,CAAC;KAC/C,iBAAe;KACf,eAAa,MAAM;KACN;KACb,WAAW;KACX,KAAK;KACL,OAAO;MACL,qBAAqB;MACrB,yBAAyB,sBACrB,KAAA,IACA;KACN;IACD,CAAA;IACA,sBACC,oBAAC,kBAAD,EAAA,UAAmB,2BAA6C,CAAA;IAElE,oBAAC,gBAAD,CAAiB,CAAA;GACG;;CACR,CAAA;AAEpB,CAAC"}

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

@@ -11,7 +11,9 @@ var TextArea_module_default = {
 	horizontalResize,
 	verticalResize,
 	resize,
-	readonly
+	readonly,
+	"skeleton-surface-shimmer": "flow--text-area--skeleton-surface-shimmer",
+	"skeleton-text-shimmer": "flow--text-area--skeleton-text-shimmer"
 };
 //#endregion
 export { TextArea_module_default as default, horizontalResize, input, readonly, resize, verticalResize };

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/_33.locale.mjs";
+import __locale_default from "../../../../../_virtual/_34.locale.mjs";
 import clsx from "clsx";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -22,8 +22,8 @@ var TextField = flowComponent("TextField", (props) => {
 	const { className, showCharacterCount, form, placeholder, ref, type: typeFromProps, children, onChange, ...rest } = useControlledHostValueProps(props, "");
 	const [charactersCount, setCharactersCount] = useState(props.defaultValue?.length ?? props.value?.length ?? 0);
 	const [type, setType] = useState(typeFromProps);
-	const { FieldErrorView, FieldErrorCaptureContext, fieldPropsContext, fieldProps } = useFieldComponent(props, "TextField");
-	const rootClassName = clsx(fieldProps.className, className);
+	const { FieldErrorView, FieldErrorCaptureContext, fieldPropsContext, wrapperProps, controlProps, skeletonProps } = useFieldComponent(props, "TextField");
+	const rootClassName = clsx(wrapperProps.className, className);
 	const propsContext = {
 		Button: {
 			className: TextField_module_default.button,
@@ -54,7 +54,8 @@ var TextField = flowComponent("TextField", (props) => {
 	});
 	return /* @__PURE__ */ jsx(Aria.TextField, {
 		...rest,
-		...fieldProps,
+		...controlProps,
+		...skeletonProps,
 		className: rootClassName,
 		onChange: handleChange,
 		type,

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.mjs","names":[],"sources":["../../../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport { type PropsWithChildren, useState } from \"react\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"./TextField.module.scss\";\nimport { FieldDescription } from \"@/components/FieldDescription\";\nimport locales from \"./locales/*.locale.json\";\nimport { Button } from \"@/components/Button\";\nimport { IconHide, IconShow } from \"@/components/Icon/components/icons\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface TextFieldProps\n  extends\n    PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">>,\n    Pick<Aria.InputProps, \"placeholder\">,\n    FlowComponentProps<HTMLInputElement> {\n  /** Whether a character count should be displayed inside the field description. */\n  showCharacterCount?: boolean;\n}\n\n/** @flr-generate all */\nexport const TextField = flowComponent(\"TextField\", (props) => {\n  const {\n    className,\n    showCharacterCount,\n    form,\n    placeholder,\n    ref,\n    type: typeFromProps,\n    children,\n    onChange,\n    ...rest\n  } = useControlledHostValueProps(props, \"\");\n\n  const [charactersCount, setCharactersCount] = useState(\n    props.defaultValue?.length ?? props.value?.length ?? 0,\n  );\n\n  const [type, setType] = useState(typeFromProps);\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props, \"TextField\");\n\n  const rootClassName = clsx(fieldProps.className, className);\n\n  const propsContext: PropsContext = {\n    Button: {\n      className: styles.button,\n      variant: \"plain\",\n      color: \"secondary\",\n      tunnel: {\n        id: \"button\",\n        component: \"TextField\",\n      },\n    },\n    CopyButton: {\n      className: styles.button,\n      tunnel: {\n        id: \"button\",\n        component: \"TextField\",\n      },\n    },\n    ...fieldPropsContext,\n  };\n\n  const handleChange = (v: string) => {\n    if (showCharacterCount) {\n      setCharactersCount(v.length);\n    }\n    if (onChange) {\n      onChange(v);\n    }\n  };\n\n  const translation = useLocalizedStringFormatter(locales, \"TextField\");\n\n  const charactersCountDescription = translation.format(\"characters\", {\n    count: charactersCount,\n    maxCount: props.maxLength ?? 0,\n  });\n\n  return (\n    <Aria.TextField\n      {...rest}\n      {...fieldProps}\n      className={rootClassName}\n      onChange={handleChange}\n      type={type}\n    >\n      <PropsContextProvider props={propsContext}>\n        <FieldErrorCaptureContext>\n          {children}\n          <div className={styles.inputContainer}>\n            <Aria.Input\n              form={form}\n              placeholder={placeholder}\n              className={styles.input}\n              ref={ref}\n            />\n            <UiComponentTunnelExit id=\"button\" component=\"TextField\" />\n            {typeFromProps === \"password\" && (\n              <Button\n                color=\"secondary\"\n                variant=\"plain\"\n                className={styles.button}\n                onPress={() =>\n                  setType(type === \"password\" ? \"text\" : \"password\")\n                }\n                aria-label={translation.format(\n                  `password.${type === \"password\" ? \"show\" : \"hide\"}`,\n                )}\n              >\n                {type === \"password\" ? <IconShow /> : <IconHide />}\n              </Button>\n            )}\n          </div>\n          {showCharacterCount && (\n            <FieldDescription>{charactersCountDescription}</FieldDescription>\n          )}\n        </FieldErrorCaptureContext>\n        <FieldErrorView />\n      </PropsContextProvider>\n    </Aria.TextField>\n  );\n});\n\nexport default TextField;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BA,IAAa,YAAY,cAAc,cAAc,UAAU;CAC7D,MAAM,EACJ,WACA,oBACA,MACA,aACA,KACA,MAAM,eACN,UACA,UACA,GAAG,SACD,4BAA4B,OAAO,EAAE;CAEzC,MAAM,CAAC,iBAAiB,sBAAsB,SAC5C,MAAM,cAAc,UAAU,MAAM,OAAO,UAAU,CACvD;CAEA,MAAM,CAAC,MAAM,WAAW,SAAS,aAAa;CAE9C,MAAM,EACJ,gBACA,0BACA,mBACA,eACE,kBAAkB,OAAO,WAAW;CAExC,MAAM,gBAAgB,KAAK,WAAW,WAAW,SAAS;CAE1D,MAAM,eAA6B;EACjC,QAAQ;GACN,WAAW,yBAAO;GAClB,SAAS;GACT,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;EACF;EACA,YAAY;GACV,WAAW,yBAAO;GAClB,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;EACF;EACA,GAAG;CACL;CAEA,MAAM,gBAAgB,MAAc;EAClC,IAAI,oBACF,mBAAmB,EAAE,MAAM;EAE7B,IAAI,UACF,SAAS,CAAC;CAEd;CAEA,MAAM,cAAc,4BAA4B,kBAAS,WAAW;CAEpE,MAAM,6BAA6B,YAAY,OAAO,cAAc;EAClE,OAAO;EACP,UAAU,MAAM,aAAa;CAC/B,CAAC;CAED,OACE,oBAAC,KAAK,WAAN;EACE,GAAI;EACJ,GAAI;EACJ,WAAW;EACX,UAAU;EACJ;EAEN,UAAA,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA,CACE,qBAAC,0BAAD,EAAA,UAAA;IACG;IACD,qBAAC,OAAD;KAAK,WAAW,yBAAO;KAAvB,UAAA;MACE,oBAAC,KAAK,OAAN;OACQ;OACO;OACb,WAAW,yBAAO;OACb;MACN,CAAA;MACD,oBAAC,uBAAD;OAAuB,IAAG;OAAS,WAAU;MAAa,CAAA;MACzD,kBAAkB,cACjB,oBAAC,QAAD;OACE,OAAM;OACN,SAAQ;OACR,WAAW,yBAAO;OAClB,eACE,QAAQ,SAAS,aAAa,SAAS,UAAU;OAEnD,cAAY,YAAY,OACtB,YAAY,SAAS,aAAa,SAAS,QAC7C;OAEC,UAAA,SAAS,aAAa,oBAAC,UAAD,CAAW,CAAA,IAAI,oBAAC,UAAD,CAAW,CAAA;MAC3C,CAAA;KAEP;;IACJ,sBACC,oBAAC,kBAAD,EAAA,UAAmB,2BAA6C,CAAA;GAE1C,EAAA,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACG;;CACR,CAAA;AAEpB,CAAC"}
+{"version":3,"file":"TextField.mjs","names":["styles","locales"],"sources":["../../../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport { type PropsWithChildren, useState } from \"react\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"./TextField.module.scss\";\nimport { FieldDescription } from \"@/components/FieldDescription\";\nimport locales from \"./locales/*.locale.json\";\nimport { Button } from \"@/components/Button\";\nimport { IconHide, IconShow } from \"@/components/Icon/components/icons\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\n\nexport interface TextFieldProps\n  extends\n    PropsWithChildren<Omit<Aria.TextFieldProps, \"children\">>,\n    Pick<Aria.InputProps, \"placeholder\">,\n    FlowComponentProps<HTMLInputElement> {\n  /** Whether a character count should be displayed inside the field description. */\n  showCharacterCount?: boolean;\n}\n\n/** @flr-generate all */\nexport const TextField = flowComponent(\"TextField\", (props) => {\n  const {\n    className,\n    showCharacterCount,\n    form,\n    placeholder,\n    ref,\n    type: typeFromProps,\n    children,\n    onChange,\n    ...rest\n  } = useControlledHostValueProps(props, \"\");\n\n  const [charactersCount, setCharactersCount] = useState(\n    props.defaultValue?.length ?? props.value?.length ?? 0,\n  );\n\n  const [type, setType] = useState(typeFromProps);\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    wrapperProps,\n    controlProps,\n    skeletonProps,\n  } = useFieldComponent(props, \"TextField\");\n\n  const rootClassName = clsx(wrapperProps.className, className);\n\n  const propsContext: PropsContext = {\n    Button: {\n      className: styles.button,\n      variant: \"plain\",\n      color: \"secondary\",\n      tunnel: {\n        id: \"button\",\n        component: \"TextField\",\n      },\n    },\n    CopyButton: {\n      className: styles.button,\n      tunnel: {\n        id: \"button\",\n        component: \"TextField\",\n      },\n    },\n    ...fieldPropsContext,\n  };\n\n  const handleChange = (v: string) => {\n    if (showCharacterCount) {\n      setCharactersCount(v.length);\n    }\n    if (onChange) {\n      onChange(v);\n    }\n  };\n\n  const translation = useLocalizedStringFormatter(locales, \"TextField\");\n\n  const charactersCountDescription = translation.format(\"characters\", {\n    count: charactersCount,\n    maxCount: props.maxLength ?? 0,\n  });\n\n  return (\n    <Aria.TextField\n      {...rest}\n      {...controlProps}\n      {...skeletonProps}\n      className={rootClassName}\n      onChange={handleChange}\n      type={type}\n    >\n      <PropsContextProvider props={propsContext}>\n        <FieldErrorCaptureContext>\n          {children}\n          <div className={styles.inputContainer}>\n            <Aria.Input\n              form={form}\n              placeholder={placeholder}\n              className={styles.input}\n              ref={ref}\n            />\n            <UiComponentTunnelExit id=\"button\" component=\"TextField\" />\n            {typeFromProps === \"password\" && (\n              <Button\n                color=\"secondary\"\n                variant=\"plain\"\n                className={styles.button}\n                onPress={() =>\n                  setType(type === \"password\" ? \"text\" : \"password\")\n                }\n                aria-label={translation.format(\n                  `password.${type === \"password\" ? \"show\" : \"hide\"}`,\n                )}\n              >\n                {type === \"password\" ? <IconShow /> : <IconHide />}\n              </Button>\n            )}\n          </div>\n          {showCharacterCount && (\n            <FieldDescription>{charactersCountDescription}</FieldDescription>\n          )}\n        </FieldErrorCaptureContext>\n        <FieldErrorView />\n      </PropsContextProvider>\n    </Aria.TextField>\n  );\n});\n\nexport default TextField;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BA,IAAa,YAAY,cAAc,cAAc,UAAU;CAC7D,MAAM,EACJ,WACA,oBACA,MACA,aACA,KACA,MAAM,eACN,UACA,UACA,GAAG,SACD,4BAA4B,OAAO,EAAE;CAEzC,MAAM,CAAC,iBAAiB,sBAAsB,SAC5C,MAAM,cAAc,UAAU,MAAM,OAAO,UAAU,CACvD;CAEA,MAAM,CAAC,MAAM,WAAW,SAAS,aAAa;CAE9C,MAAM,EACJ,gBACA,0BACA,mBACA,cACA,cACA,kBACE,kBAAkB,OAAO,WAAW;CAExC,MAAM,gBAAgB,KAAK,aAAa,WAAW,SAAS;CAE5D,MAAM,eAA6B;EACjC,QAAQ;GACN,WAAWA,yBAAO;GAClB,SAAS;GACT,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;EACF;EACA,YAAY;GACV,WAAWA,yBAAO;GAClB,QAAQ;IACN,IAAI;IACJ,WAAW;GACb;EACF;EACA,GAAG;CACL;CAEA,MAAM,gBAAgB,MAAc;EAClC,IAAI,oBACF,mBAAmB,EAAE,MAAM;EAE7B,IAAI,UACF,SAAS,CAAC;CAEd;CAEA,MAAM,cAAc,4BAA4BC,kBAAS,WAAW;CAEpE,MAAM,6BAA6B,YAAY,OAAO,cAAc;EAClE,OAAO;EACP,UAAU,MAAM,aAAa;CAC/B,CAAC;CAED,OACE,oBAAC,KAAK,WAAN;EACE,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,WAAW;EACX,UAAU;EACJ;EAEN,UAAA,qBAAC,sBAAD;GAAsB,OAAO;GAA7B,UAAA,CACE,qBAAC,0BAAD,EAAA,UAAA;IACG;IACD,qBAAC,OAAD;KAAK,WAAWD,yBAAO;KAAvB,UAAA;MACE,oBAAC,KAAK,OAAN;OACQ;OACO;OACb,WAAWA,yBAAO;OACb;MACN,CAAA;MACD,oBAAC,uBAAD;OAAuB,IAAG;OAAS,WAAU;MAAa,CAAA;MACzD,kBAAkB,cACjB,oBAAC,QAAD;OACE,OAAM;OACN,SAAQ;OACR,WAAWA,yBAAO;OAClB,eACE,QAAQ,SAAS,aAAa,SAAS,UAAU;OAEnD,cAAY,YAAY,OACtB,YAAY,SAAS,aAAa,SAAS,QAC7C;OAEC,UAAA,SAAS,aAAa,oBAAC,UAAD,CAAW,CAAA,IAAI,oBAAC,UAAD,CAAW,CAAA;MAC3C,CAAA;KAEP;;IACJ,sBACC,oBAAC,kBAAD,EAAA,UAAmB,2BAA6C,CAAA;GAE1C,EAAA,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACG;;CACR,CAAA;AAEpB,CAAC"}

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

@@ -9,7 +9,9 @@ var TextField_module_default = {
 	inputContainer,
 	input,
 	readonly,
-	button
+	"skeleton-surface-shimmer": "flow--text-field--skeleton-surface-shimmer",
+	button,
+	"skeleton-text-shimmer": "flow--text-field--skeleton-text-shimmer"
 };
 //#endregion
 export { button, TextField_module_default as default, input, inputContainer, readonly };

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.module.mjs","names":[],"sources":["../../../../../../../src/components/TextField/TextField.module.scss"],"sourcesContent":["@use \"@/styles/mixins/formControl\";\n\n.inputContainer {\n  order: 2;\n  display: flex;\n  position: relative;\n\n  .input {\n    flex-grow: 1;\n    min-width: 0;\n\n    @include formControl.formControl();\n  }\n\n  &:has(.button) .input {\n    --button-size: calc(\n      var(--icon--size--m) + var(--button--padding-icon-only) * 2\n    );\n\n    padding-inline-end: var(--button-size);\n  }\n\n  .button {\n    position: absolute;\n    inset-inline-end: var(--size-rem--xxxs);\n    top: var(--size-rem--xxxs);\n    bottom: var(--size-rem--xxxs);\n    padding-block: initial;\n    outline-offset: calc(var(--size-px--xxxs) * -1);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"TextField.module.mjs","names":[],"sources":["../../../../../../../src/components/TextField/TextField.module.scss"],"sourcesContent":["@use \"@/styles/mixins/formControl\";\n\n.inputContainer {\n  order: 2;\n  display: flex;\n  position: relative;\n\n  .input {\n    flex-grow: 1;\n    min-width: 0;\n\n    @include formControl.formControl();\n  }\n\n  &:has(.button) .input {\n    --button-size: calc(\n      var(--icon--size--m) + var(--button--padding-icon-only) * 2\n    );\n\n    padding-inline-end: var(--button-size);\n  }\n\n  .button {\n    position: absolute;\n    inset-inline-end: var(--size-rem--xxxs);\n    top: var(--size-rem--xxxs);\n    bottom: var(--size-rem--xxxs);\n    padding-block: initial;\n    outline-offset: calc(var(--size-px--xxxs) * -1);\n  }\n\n  /* Skeleton: the buttons are siblings of the input, so the container is the\n     surface that hides them */\n  @include formControl.formSkeleton;\n}\n"],"mappings":""}

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

@@ -3,6 +3,7 @@
 import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
 import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
 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 "react";
@@ -11,12 +12,14 @@ 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 } = props;
-	const { FieldErrorView, FieldErrorCaptureContext, fieldPropsContext, fieldProps } = useFieldComponent(props, "TimeField");
+	const { children, ref, ...rest } = useControlledHostValueProps(props, null);
+	const { FieldErrorView, FieldErrorCaptureContext, fieldPropsContext, wrapperProps, controlProps, skeletonProps } = useFieldComponent(props, "TimeField");
 	return /* @__PURE__ */ jsxs(Aria.TimeField, {
 		hourCycle: 24,
 		...rest,
-		...fieldProps,
+		...wrapperProps,
+		...controlProps,
+		...skeletonProps,
 		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":[],"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\";\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  const { children, ref, ...rest } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props, \"TimeField\");\n\n  return (\n    <Aria.TimeField hourCycle={24} {...rest} {...fieldProps}>\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":";;;;;;;;;;;;AAiBA,IAAa,YAAY,cAAc,cAAc,UAAU;CAC7D,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS;CAEnC,MAAM,EACJ,gBACA,0BACA,mBACA,eACE,kBAAkB,OAAO,WAAW;CAExC,OACE,qBAAC,KAAK,WAAN;EAAgB,WAAW;EAAI,GAAI;EAAM,GAAI;EAA7C,UAAA,CACE,qBAAC,0BAAD,EAAA,UAAA,CACE,oBAAC,WAAD;GAAW,WAAW,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 * 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"}

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

@@ -5,7 +5,9 @@ var dateInput = "flow--time-field--date-input";
 var readonly = "flow--time-field--readonly";
 var TimeField_module_default = {
 	dateInput,
-	readonly
+	readonly,
+	"skeleton-surface-shimmer": "flow--time-field--skeleton-surface-shimmer",
+	"skeleton-text-shimmer": "flow--time-field--skeleton-text-shimmer"
 };
 //#endregion
 export { dateInput, TimeField_module_default as default, readonly };

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","names":[],"sources":["../../../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Tooltip.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext\";\nimport { useIsActivityActive } from \"@/components/Activity/context\";\n\nexport type TooltipProps = PropsWithChildren<\n  Omit<Aria.TooltipProps, \"children\">\n>;\n\n/** @flr-generate all */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const isActivityActive = useIsActivityActive();\n\n  const rootClassName = clsx(styles.tooltip, className);\n\n  if (!isActivityActive) {\n    return null;\n  }\n\n  return (\n    <ClearPropsContext>\n      <Aria.Tooltip {...rest} className={rootClassName}>\n        <Aria.OverlayArrow className={styles.tip}>\n          <svg className={styles.tipIcon} viewBox=\"0 0 8 8\">\n            <path d=\"M0 0 L4 4 L8 0\" />\n          </svg>\n        </Aria.OverlayArrow>\n        {children}\n      </Aria.Tooltip>\n    </ClearPropsContext>\n  );\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;;;AAYA,IAAa,WAA6B,UAAU;CAClD,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CAEzC,MAAM,mBAAmB,oBAAoB;CAE7C,MAAM,gBAAgB,KAAK,uBAAO,SAAS,SAAS;CAEpD,IAAI,CAAC,kBACH,OAAO;CAGT,OACE,oBAAC,mBAAD,EAAA,UACE,qBAAC,KAAK,SAAN;EAAc,GAAI;EAAM,WAAW;EAAnC,UAAA,CACE,oBAAC,KAAK,cAAN;GAAmB,WAAW,uBAAO;GACnC,UAAA,oBAAC,OAAD;IAAK,WAAW,uBAAO;IAAS,SAAQ;IACtC,UAAA,oBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA;GACvB,CAAA;EACY,CAAA,GAClB,QACW;CACG,CAAA,EAAA,CAAA;AAEvB"}
+{"version":3,"file":"Tooltip.mjs","names":["styles"],"sources":["../../../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport styles from \"./Tooltip.module.scss\";\nimport clsx from \"clsx\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext\";\nimport { useIsActivityActive } from \"@/components/Activity/context\";\n\nexport type TooltipProps = PropsWithChildren<\n  Omit<Aria.TooltipProps, \"children\">\n>;\n\n/** @flr-generate all */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const { children, className, ...rest } = props;\n\n  const isActivityActive = useIsActivityActive();\n\n  const rootClassName = clsx(styles.tooltip, className);\n\n  if (!isActivityActive) {\n    return null;\n  }\n\n  return (\n    <ClearPropsContext>\n      <Aria.Tooltip {...rest} className={rootClassName}>\n        <Aria.OverlayArrow className={styles.tip}>\n          <svg className={styles.tipIcon} viewBox=\"0 0 8 8\">\n            <path d=\"M0 0 L4 4 L8 0\" />\n          </svg>\n        </Aria.OverlayArrow>\n        {children}\n      </Aria.Tooltip>\n    </ClearPropsContext>\n  );\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;;;AAYA,IAAa,WAA6B,UAAU;CAClD,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;CAEzC,MAAM,mBAAmB,oBAAoB;CAE7C,MAAM,gBAAgB,KAAKA,uBAAO,SAAS,SAAS;CAEpD,IAAI,CAAC,kBACH,OAAO;CAGT,OACE,oBAAC,mBAAD,EAAA,UACE,qBAAC,KAAK,SAAN;EAAc,GAAI;EAAM,WAAW;EAAnC,UAAA,CACE,oBAAC,KAAK,cAAN;GAAmB,WAAWA,uBAAO;GACnC,UAAA,oBAAC,OAAD;IAAK,WAAWA,uBAAO;IAAS,SAAQ;IACtC,UAAA,oBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA;GACvB,CAAA;EACY,CAAA,GAClB,QACW;CACG,CAAA,EAAA,CAAA;AAEvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Truncate.mjs","names":[],"sources":["../../../../../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./Truncate.module.scss\";\nimport type { TruncateProps as ReactTruncateProps } from \"react-truncate-inside\";\nimport ReactTruncate from \"react-truncate-inside\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport { useIsSSR } from \"react-aria\";\n\nexport interface TruncateProps\n  extends\n    PropsWithChildren,\n    PropsWithClassName,\n    Omit<ReactTruncateProps, \"text\" | \"width\"> {\n  /**\n   * The `title` attribute of the elements root, which browsers show as a native\n   * tooltip on hover. It is not derived from the children — pass the full text\n   * to make it readable while truncated.\n   */\n  title?: string;\n}\n\n/** @flr-generate all */\nexport const Truncate: FC<TruncateProps> = (props) => {\n  const { children, className, title, offset, ellipsis } = props;\n\n  const rootClassName = clsx(styles.truncate, className);\n\n  const isSsr = useIsSSR();\n\n  if (!isSsr && (offset || ellipsis)) {\n    const text = extractTextFromFirstChild(children) ?? \"\";\n\n    return (\n      <span title={title} className={rootClassName}>\n        <ReactTruncate offset={offset} ellipsis={ellipsis} text={text} />\n      </span>\n    );\n  }\n\n  return (\n    <span title={title} className={clsx(rootClassName, styles.ellipsis)}>\n      {children}\n    </span>\n  );\n};\n\nexport default Truncate;\n"],"mappings":";;;;;;;;;;AAuBA,IAAa,YAA+B,UAAU;CACpD,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,aAAa;CAEzD,MAAM,gBAAgB,KAAK,wBAAO,UAAU,SAAS;CAIrD,IAAI,CAFU,SAET,MAAU,UAAU,WAAW;EAClC,MAAM,OAAO,0BAA0B,QAAQ,KAAK;EAEpD,OACE,oBAAC,QAAD;GAAa;GAAO,WAAW;GAC7B,UAAA,oBAAC,eAAD;IAAuB;IAAkB;IAAgB;GAAO,CAAA;EAC5D,CAAA;CAEV;CAEA,OACE,oBAAC,QAAD;EAAa;EAAO,WAAW,KAAK,eAAe,wBAAO,QAAQ;EAC/D;CACG,CAAA;AAEV"}
+{"version":3,"file":"Truncate.mjs","names":["styles"],"sources":["../../../../../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./Truncate.module.scss\";\nimport type { TruncateProps as ReactTruncateProps } from \"react-truncate-inside\";\nimport ReactTruncate from \"react-truncate-inside\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport { useIsSSR } from \"react-aria\";\n\nexport interface TruncateProps\n  extends\n    PropsWithChildren,\n    PropsWithClassName,\n    Omit<ReactTruncateProps, \"text\" | \"width\"> {\n  /**\n   * The `title` attribute of the elements root, which browsers show as a native\n   * tooltip on hover. It is not derived from the children — pass the full text\n   * to make it readable while truncated.\n   */\n  title?: string;\n}\n\n/** @flr-generate all */\nexport const Truncate: FC<TruncateProps> = (props) => {\n  const { children, className, title, offset, ellipsis } = props;\n\n  const rootClassName = clsx(styles.truncate, className);\n\n  const isSsr = useIsSSR();\n\n  if (!isSsr && (offset || ellipsis)) {\n    const text = extractTextFromFirstChild(children) ?? \"\";\n\n    return (\n      <span title={title} className={rootClassName}>\n        <ReactTruncate offset={offset} ellipsis={ellipsis} text={text} />\n      </span>\n    );\n  }\n\n  return (\n    <span title={title} className={clsx(rootClassName, styles.ellipsis)}>\n      {children}\n    </span>\n  );\n};\n\nexport default Truncate;\n"],"mappings":";;;;;;;;;;AAuBA,IAAa,YAA+B,UAAU;CACpD,MAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,aAAa;CAEzD,MAAM,gBAAgB,KAAKA,wBAAO,UAAU,SAAS;CAIrD,IAAI,CAFU,SAET,MAAU,UAAU,WAAW;EAClC,MAAM,OAAO,0BAA0B,QAAQ,KAAK;EAEpD,OACE,oBAAC,QAAD;GAAa;GAAO,WAAW;GAC7B,UAAA,oBAAC,eAAD;IAAuB;IAAkB;IAAgB;GAAO,CAAA;EAC5D,CAAA;CAEV;CAEA,OACE,oBAAC,QAAD;EAAa;EAAO,WAAW,KAAK,eAAeA,wBAAO,QAAQ;EAC/D;CACG,CAAA;AAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"TunnelEntry.mjs","names":[],"sources":["../../../../../../../src/components/TunnelEntry/TunnelEntry.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { TunnelEntry as ReactTunnelEntry } from \"@mittwald/react-tunnel\";\nimport type { TunnelEntryProps } from \"@mittwald/react-tunnel\";\n\nexport type { TunnelEntryProps } from \"@mittwald/react-tunnel\";\n\n/**\n * @flr-generate all\n * @flr-ignore-props providerId\n */\nexport const TunnelEntry: FC<TunnelEntryProps> = (props) => (\n  <ReactTunnelEntry {...props} />\n);\n\nexport default TunnelEntry;\n"],"mappings":";;;;;;;;;AAUA,IAAa,iBAAqC,UAChD,oBAAC,aAAD,EAAkB,GAAI,MAAQ,CAAA"}
+{"version":3,"file":"TunnelEntry.mjs","names":["TunnelEntry","ReactTunnelEntry"],"sources":["../../../../../../../src/components/TunnelEntry/TunnelEntry.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { TunnelEntry as ReactTunnelEntry } from \"@mittwald/react-tunnel\";\nimport type { TunnelEntryProps } from \"@mittwald/react-tunnel\";\n\nexport type { TunnelEntryProps } from \"@mittwald/react-tunnel\";\n\n/**\n * @flr-generate all\n * @flr-ignore-props providerId\n */\nexport const TunnelEntry: FC<TunnelEntryProps> = (props) => (\n  <ReactTunnelEntry {...props} />\n);\n\nexport default TunnelEntry;\n"],"mappings":";;;;;;;;;AAUA,IAAaA,iBAAqC,UAChD,oBAACC,aAAD,EAAkB,GAAI,MAAQ,CAAA"}

package/dist/js/packages/components/src/components/propTypes/index.mjs

@@ -4,6 +4,7 @@ var propsContextSupportingComponents = Object.keys({
 	Action: true,
 	ActionGroup: true,
 	Accordion: true,
+	AccordionGroup: true,
 	Avatar: true,
 	Autocomplete: true,
 	Alert: true,

package/dist/js/packages/components/src/components/propTypes/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../../src/components/propTypes/index.ts"],"sourcesContent":["import type { TextProps } from \"@/components/Text\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport type { IconProps } from \"@/components/Icon\";\nimport type { LabelProps } from \"@/components/Label\";\nimport type { ContentProps } from \"@/components/Content\";\nimport type { LayoutCardProps } from \"@/components/LayoutCard\";\nimport type { LinkProps } from \"@/components/Link\";\nimport type { LightBoxProps } from \"@/components/LightBox\";\nimport type { FieldErrorProps } from \"@/components/FieldError\";\nimport type { FieldDescriptionProps } from \"@/components/FieldDescription\";\nimport type { AlertProps } from \"@/components/Alert\";\nimport type { HeadingProps } from \"@/components/Heading\";\nimport type { TabNavigationProps } from \"@/components/TabNavigation\";\nimport type { InitialsProps } from \"@/components/Initials\";\nimport type { ImageProps } from \"@/components/Image\";\nimport type { CopyButtonProps } from \"@/components/CopyButton\";\nimport type { HeaderProps } from \"@/components/Header/\";\nimport type { SwitchProps } from \"@/components/Switch\";\nimport type { AlertBadgeProps } from \"@/components/AlertBadge\";\nimport type { ActionGroupProps } from \"@/components/ActionGroup\";\nimport type { AvatarProps } from \"@/components/Avatar\";\nimport type { ActionProps } from \"@/components/Action\";\nimport type {\n  ContextMenuProps,\n  ContextMenuTriggerProps,\n  MenuItemProps,\n} from \"@/components/ContextMenu\";\nimport type { SelectProps } from \"@/components/Select\";\nimport type {\n  RadioButtonProps,\n  RadioGroupProps,\n  RadioProps,\n} from \"@/components/RadioGroup\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport type { NumberFieldProps } from \"@/components/NumberField\";\nimport type { TextAreaProps } from \"@/components/TextArea\";\nimport type { CheckboxGroupProps } from \"@/components/CheckboxGroup\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport type { CheckboxButtonProps } from \"@/components/CheckboxButton\";\nimport type { TabsProps } from \"@/components/Tabs\";\nimport type { ModalProps, ModalTriggerProps } from \"@/components/Modal\";\nimport type { SectionProps } from \"@/components/Section\";\nimport type { SliderProps } from \"@/components/Slider\";\nimport type { CounterBadgeProps } from \"@/components/CounterBadge\";\nimport type { FlowComponentName } from \"@/components/propTypes/types\";\nimport type {\n  ContextualHelpProps,\n  ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp\";\nimport type { CoachMarkProps } from \"@/components/CoachMark\";\nimport type { PopoverProps, PopoverTriggerProps } from \"@/components/Popover\";\nimport type { ContextMenuSectionProps } from \"@/components/ContextMenu/components/ContextMenuSection\";\nimport type { ListItemViewContentProps, ListProps } from \"@/components/List\";\nimport type { PasswordCreationFieldProps } from \"@/components/PasswordCreationField\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { BadgeProps } from \"@/components/Badge\";\nimport type { DatePickerProps } from \"@/components/DatePicker\";\nimport type * as Aria from \"react-aria-components\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\nimport type { TimeFieldProps } from \"@/components/TimeField\";\nimport type { AlertIconProps } from \"@/components/AlertIcon\";\nimport type { ListSummaryProps } from \"@/components/List/components/ListSummary/ListSummary\";\nimport type { SegmentedControlProps } from \"@/components/SegmentedControl\";\nimport type { SegmentProps } from \"@/components/SegmentedControl/components/Segment\";\nimport type { FileCardProps } from \"@/components/FileCard\";\nimport type { FileFieldProps } from \"@/components/FileField\";\nimport type { AlignProps } from \"@/components/Align\";\nimport type { CombineProps } from \"@/components/Combine\";\nimport type { CountryOptionsProps } from \"@/components/CountryOptions\";\nimport type { ComboBoxProps } from \"@/components/ComboBox\";\nimport type { OptionProps } from \"@/components/Option\";\nimport type { MessageProps } from \"@/components/Message\";\nimport type { MessageThreadProps } from \"@/components/MessageThread\";\nimport type { FileCardListProps } from \"@/components/FileCardList\";\nimport type { AccentBoxProps } from \"@/components/AccentBox\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport type {\n  DialogTriggerProps,\n  MenuTriggerProps,\n} from \"@/components/OverlayTrigger\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport type { FileDropZoneProps } from \"@/components/FileDropZone\";\nimport type { NavigationProps } from \"@/components/Navigation\";\nimport type { NavigationGroupProps } from \"@/components/Navigation/components/NavigationGroup\";\nimport type { AutocompleteProps } from \"@/components/Autocomplete/Autocomplete\";\nimport type { OptionsProps } from \"@/components/Options/Options\";\nimport type { MarkdownEditorProps } from \"@/components/MarkdownEditor\";\nimport type { AlertTextProps } from \"@/components/AlertText\";\nimport type { IllustratedMessageProps } from \"@/components/IllustratedMessage\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport type { RatingSegmentProps } from \"@/components/Rating/components/RatingSegment\";\nimport type { CodeEditorProps } from \"@/components/CodeEditor\";\nimport type { KbdProps } from \"@/components/Kbd/Kbd\";\nimport type { AccordionProps } from \"@/components/Accordion\";\nimport type { ChatProps } from \"@/components/Chat\";\nimport type { SectionHeaderProps } from \"@/components/Section/components/SectionHeader/SectionHeader\";\nimport type {\n  LightBoxGalleryItemProps,\n  LightBoxGalleryProps,\n} from \"@/components/LightBox\";\n\nexport * from \"./types\";\n\nexport interface FlowComponentPropsTypes {\n  AccentBox: AccentBoxProps;\n  Action: ActionProps;\n  ActionGroup: ActionGroupProps;\n  Accordion: AccordionProps;\n  Alert: AlertProps;\n  AlertBadge: AlertBadgeProps;\n  AlertIcon: AlertIconProps;\n  AlertText: AlertTextProps;\n  Align: AlignProps;\n  Combine: CombineProps;\n  Avatar: AvatarProps;\n  Autocomplete: AutocompleteProps;\n  Badge: BadgeProps;\n  Button: ButtonProps;\n  CodeEditor: CodeEditorProps;\n  Chat: ChatProps;\n  Checkbox: CheckboxProps;\n  CheckboxButton: CheckboxButtonProps;\n  CheckboxGroup: CheckboxGroupProps;\n  ColumnLayout: ColumnLayoutProps;\n  ComboBox: ComboBoxProps;\n  Content: ContentProps;\n  ContextMenu: ContextMenuProps;\n  ContextMenuSection: ContextMenuSectionProps;\n  ContextMenuTrigger: ContextMenuTriggerProps;\n  CoachMark: CoachMarkProps;\n  ContextualHelp: ContextualHelpProps;\n  ContextualHelpTrigger: ContextualHelpTriggerProps;\n  CopyButton: CopyButtonProps;\n  CounterBadge: CounterBadgeProps;\n  CountryOptions: CountryOptionsProps;\n  DatePicker: DatePickerProps<Aria.DateValue>;\n  DateRangePicker: DateRangePickerProps<Aria.DateValue>;\n  DialogTrigger: DialogTriggerProps;\n  FieldDescription: FieldDescriptionProps;\n  FieldError: FieldErrorProps;\n  FileCard: FileCardProps;\n  FileCardList: FileCardListProps;\n  FileField: FileFieldProps;\n  FileDropZone: FileDropZoneProps;\n  Header: HeaderProps;\n  Heading: HeadingProps;\n  TabNavigation: TabNavigationProps;\n  Icon: IconProps;\n  IllustratedMessage: IllustratedMessageProps;\n  Image: ImageProps;\n  Initials: InitialsProps;\n  Label: LabelProps;\n  LayoutCard: LayoutCardProps;\n  LightBox: LightBoxProps;\n  LightBoxGallery: LightBoxGalleryProps;\n  LightBoxGalleryItem: LightBoxGalleryItemProps;\n  Link: LinkProps;\n  List: ListProps<never>;\n  ListItemView: ListItemViewContentProps;\n  ListSummary: ListSummaryProps;\n  MarkdownEditor: MarkdownEditorProps;\n  MenuItem: MenuItemProps;\n  MenuTrigger: MenuTriggerProps;\n  Message: MessageProps;\n  MessageThread: MessageThreadProps;\n  Modal: ModalProps;\n  ModalTrigger: ModalTriggerProps;\n  Navigation: NavigationProps;\n  NavigationGroup: NavigationGroupProps;\n  NumberField: NumberFieldProps;\n  Option: OptionProps;\n  Options: OptionsProps;\n  Popover: PopoverProps;\n  PopoverTrigger: PopoverTriggerProps;\n  PasswordCreationField: PasswordCreationFieldProps;\n  ProgressBar: ProgressBarProps;\n  Radio: RadioProps;\n  RadioButton: RadioButtonProps;\n  RadioGroup: RadioGroupProps;\n  Rating: RatingProps;\n  RatingSegment: RatingSegmentProps;\n  SearchField: SearchFieldProps;\n  Section: SectionProps;\n  Segment: SegmentProps;\n  SegmentedControl: SegmentedControlProps;\n  Select: SelectProps;\n  Kbd: KbdProps;\n  SectionHeader: SectionHeaderProps;\n  Slider: SliderProps;\n  Switch: SwitchProps;\n  Tabs: TabsProps;\n  TabTitle: TabsProps;\n  Text: TextProps;\n  TextArea: TextAreaProps;\n  TextField: TextFieldProps;\n  TimeField: TimeFieldProps;\n}\n\nconst propsContextSupportingComponentsMap: Record<\n  keyof FlowComponentPropsTypes,\n  true\n> = {\n  AccentBox: true,\n  Action: true,\n  ActionGroup: true,\n  Accordion: true,\n  Avatar: true,\n  Autocomplete: true,\n  Alert: true,\n  AlertBadge: true,\n  AlertIcon: true,\n  AlertText: true,\n  Align: true,\n  Combine: true,\n  Badge: true,\n  Button: true,\n  CodeEditor: true,\n  Chat: true,\n  Checkbox: true,\n  CheckboxButton: true,\n  CheckboxGroup: true,\n  ColumnLayout: true,\n  ComboBox: true,\n  Content: true,\n  ContextMenu: true,\n  ContextMenuSection: true,\n  ContextMenuTrigger: true,\n  CoachMark: true,\n  ContextualHelp: true,\n  ContextualHelpTrigger: true,\n  CopyButton: true,\n  CounterBadge: true,\n  CountryOptions: true,\n  DatePicker: true,\n  DateRangePicker: true,\n  DialogTrigger: true,\n  FieldDescription: true,\n  FieldError: true,\n  FileCard: true,\n  FileCardList: true,\n  FileField: true,\n  FileDropZone: true,\n  Header: true,\n  Heading: true,\n  TabNavigation: true,\n  Icon: true,\n  IllustratedMessage: true,\n  Image: true,\n  Initials: true,\n  Kbd: true,\n  Label: true,\n  LayoutCard: true,\n  LightBox: true,\n  LightBoxGallery: true,\n  LightBoxGalleryItem: true,\n  Link: true,\n  List: true,\n  ListItemView: true,\n  ListSummary: true,\n  MarkdownEditor: true,\n  MenuItem: true,\n  MenuTrigger: true,\n  Message: true,\n  MessageThread: true,\n  Modal: true,\n  ModalTrigger: true,\n  Navigation: true,\n  NavigationGroup: true,\n  NumberField: true,\n  Radio: true,\n  Option: true,\n  Options: true,\n  Popover: true,\n  PopoverTrigger: true,\n  PasswordCreationField: true,\n  ProgressBar: true,\n  RadioButton: true,\n  RadioGroup: true,\n  Rating: true,\n  RatingSegment: true,\n  SearchField: true,\n  Section: true,\n  SectionHeader: true,\n  Segment: true,\n  SegmentedControl: true,\n  Select: true,\n  Slider: true,\n  Switch: true,\n  Tabs: true,\n  TabTitle: true,\n  TestComponent: true,\n  Text: true,\n  TextArea: true,\n  TextField: true,\n  TimeField: true,\n};\n\nexport const propsContextSupportingComponents = Object.keys(\n  propsContextSupportingComponentsMap,\n) as FlowComponentName[];\n"],"mappings":";AAySA,IAAa,mCAAmC,OAAO,KACrD;CAhGA,WAAW;CACX,QAAQ;CACR,aAAa;CACb,WAAW;CACX,QAAQ;CACR,cAAc;CACd,OAAO;CACP,YAAY;CACZ,WAAW;CACX,WAAW;CACX,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,gBAAgB;CAChB,eAAe;CACf,cAAc;CACd,UAAU;CACV,SAAS;CACT,aAAa;CACb,oBAAoB;CACpB,oBAAoB;CACpB,WAAW;CACX,gBAAgB;CAChB,uBAAuB;CACvB,YAAY;CACZ,cAAc;CACd,gBAAgB;CAChB,YAAY;CACZ,iBAAiB;CACjB,eAAe;CACf,kBAAkB;CAClB,YAAY;CACZ,UAAU;CACV,cAAc;CACd,WAAW;CACX,cAAc;CACd,QAAQ;CACR,SAAS;CACT,eAAe;CACf,MAAM;CACN,oBAAoB;CACpB,OAAO;CACP,UAAU;CACV,KAAK;CACL,OAAO;CACP,YAAY;CACZ,UAAU;CACV,iBAAiB;CACjB,qBAAqB;CACrB,MAAM;CACN,MAAM;CACN,cAAc;CACd,aAAa;CACb,gBAAgB;CAChB,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,OAAO;CACP,cAAc;CACd,YAAY;CACZ,iBAAiB;CACjB,aAAa;CACb,OAAO;CACP,QAAQ;CACR,SAAS;CACT,SAAS;CACT,gBAAgB;CAChB,uBAAuB;CACvB,aAAa;CACb,aAAa;CACb,YAAY;CACZ,QAAQ;CACR,eAAe;CACf,aAAa;CACb,SAAS;CACT,eAAe;CACf,SAAS;CACT,kBAAkB;CAClB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,UAAU;CACV,eAAe;CACf,MAAM;CACN,UAAU;CACV,WAAW;CACX,WAAW;AAIX,CACF"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../../src/components/propTypes/index.ts"],"sourcesContent":["import type { TextProps } from \"@/components/Text\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport type { IconProps } from \"@/components/Icon\";\nimport type { LabelProps } from \"@/components/Label\";\nimport type { ContentProps } from \"@/components/Content\";\nimport type { LayoutCardProps } from \"@/components/LayoutCard\";\nimport type { LinkProps } from \"@/components/Link\";\nimport type { LightBoxProps } from \"@/components/LightBox\";\nimport type { FieldErrorProps } from \"@/components/FieldError\";\nimport type { FieldDescriptionProps } from \"@/components/FieldDescription\";\nimport type { AlertProps } from \"@/components/Alert\";\nimport type { HeadingProps } from \"@/components/Heading\";\nimport type { TabNavigationProps } from \"@/components/TabNavigation\";\nimport type { InitialsProps } from \"@/components/Initials\";\nimport type { ImageProps } from \"@/components/Image\";\nimport type { CopyButtonProps } from \"@/components/CopyButton\";\nimport type { HeaderProps } from \"@/components/Header/\";\nimport type { SwitchProps } from \"@/components/Switch\";\nimport type { AlertBadgeProps } from \"@/components/AlertBadge\";\nimport type { ActionGroupProps } from \"@/components/ActionGroup\";\nimport type { AvatarProps } from \"@/components/Avatar\";\nimport type { ActionProps } from \"@/components/Action\";\nimport type {\n  ContextMenuProps,\n  ContextMenuTriggerProps,\n  MenuItemProps,\n} from \"@/components/ContextMenu\";\nimport type { SelectProps } from \"@/components/Select\";\nimport type {\n  RadioButtonProps,\n  RadioGroupProps,\n  RadioProps,\n} from \"@/components/RadioGroup\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport type { NumberFieldProps } from \"@/components/NumberField\";\nimport type { TextAreaProps } from \"@/components/TextArea\";\nimport type { CheckboxGroupProps } from \"@/components/CheckboxGroup\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport type { CheckboxButtonProps } from \"@/components/CheckboxButton\";\nimport type { TabsProps } from \"@/components/Tabs\";\nimport type { ModalProps, ModalTriggerProps } from \"@/components/Modal\";\nimport type { SectionProps } from \"@/components/Section\";\nimport type { SliderProps } from \"@/components/Slider\";\nimport type { CounterBadgeProps } from \"@/components/CounterBadge\";\nimport type { FlowComponentName } from \"@/components/propTypes/types\";\nimport type {\n  ContextualHelpProps,\n  ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp\";\nimport type { CoachMarkProps } from \"@/components/CoachMark\";\nimport type { PopoverProps, PopoverTriggerProps } from \"@/components/Popover\";\nimport type { ContextMenuSectionProps } from \"@/components/ContextMenu/components/ContextMenuSection\";\nimport type { ListItemViewContentProps, ListProps } from \"@/components/List\";\nimport type { PasswordCreationFieldProps } from \"@/components/PasswordCreationField\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { BadgeProps } from \"@/components/Badge\";\nimport type { DatePickerProps } from \"@/components/DatePicker\";\nimport type * as Aria from \"react-aria-components\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\nimport type { TimeFieldProps } from \"@/components/TimeField\";\nimport type { AlertIconProps } from \"@/components/AlertIcon\";\nimport type { ListSummaryProps } from \"@/components/List/components/ListSummary/ListSummary\";\nimport type { SegmentedControlProps } from \"@/components/SegmentedControl\";\nimport type { SegmentProps } from \"@/components/SegmentedControl/components/Segment\";\nimport type { FileCardProps } from \"@/components/FileCard\";\nimport type { FileFieldProps } from \"@/components/FileField\";\nimport type { AlignProps } from \"@/components/Align\";\nimport type { CombineProps } from \"@/components/Combine\";\nimport type { CountryOptionsProps } from \"@/components/CountryOptions\";\nimport type { ComboBoxProps } from \"@/components/ComboBox\";\nimport type { OptionProps } from \"@/components/Option\";\nimport type { MessageProps } from \"@/components/Message\";\nimport type { MessageThreadProps } from \"@/components/MessageThread\";\nimport type { FileCardListProps } from \"@/components/FileCardList\";\nimport type { AccentBoxProps } from \"@/components/AccentBox\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport type {\n  DialogTriggerProps,\n  MenuTriggerProps,\n} from \"@/components/OverlayTrigger\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport type { FileDropZoneProps } from \"@/components/FileDropZone\";\nimport type { NavigationProps } from \"@/components/Navigation\";\nimport type { NavigationGroupProps } from \"@/components/Navigation/components/NavigationGroup\";\nimport type { AutocompleteProps } from \"@/components/Autocomplete/Autocomplete\";\nimport type { OptionsProps } from \"@/components/Options/Options\";\nimport type { MarkdownEditorProps } from \"@/components/MarkdownEditor\";\nimport type { AlertTextProps } from \"@/components/AlertText\";\nimport type { IllustratedMessageProps } from \"@/components/IllustratedMessage\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport type { RatingSegmentProps } from \"@/components/Rating/components/RatingSegment\";\nimport type { CodeEditorProps } from \"@/components/CodeEditor\";\nimport type { KbdProps } from \"@/components/Kbd/Kbd\";\nimport type { AccordionProps } from \"@/components/Accordion\";\nimport type { AccordionGroupProps } from \"@/components/AccordionGroup\";\nimport type { ChatProps } from \"@/components/Chat\";\nimport type { SectionHeaderProps } from \"@/components/Section/components/SectionHeader/SectionHeader\";\nimport type {\n  LightBoxGalleryItemProps,\n  LightBoxGalleryProps,\n} from \"@/components/LightBox\";\n\nexport * from \"./types\";\n\nexport interface FlowComponentPropsTypes {\n  AccentBox: AccentBoxProps;\n  Action: ActionProps;\n  ActionGroup: ActionGroupProps;\n  Accordion: AccordionProps;\n  AccordionGroup: AccordionGroupProps;\n  Alert: AlertProps;\n  AlertBadge: AlertBadgeProps;\n  AlertIcon: AlertIconProps;\n  AlertText: AlertTextProps;\n  Align: AlignProps;\n  Combine: CombineProps;\n  Avatar: AvatarProps;\n  Autocomplete: AutocompleteProps;\n  Badge: BadgeProps;\n  Button: ButtonProps;\n  CodeEditor: CodeEditorProps;\n  Chat: ChatProps;\n  Checkbox: CheckboxProps;\n  CheckboxButton: CheckboxButtonProps;\n  CheckboxGroup: CheckboxGroupProps;\n  ColumnLayout: ColumnLayoutProps;\n  ComboBox: ComboBoxProps;\n  Content: ContentProps;\n  ContextMenu: ContextMenuProps;\n  ContextMenuSection: ContextMenuSectionProps;\n  ContextMenuTrigger: ContextMenuTriggerProps;\n  CoachMark: CoachMarkProps;\n  ContextualHelp: ContextualHelpProps;\n  ContextualHelpTrigger: ContextualHelpTriggerProps;\n  CopyButton: CopyButtonProps;\n  CounterBadge: CounterBadgeProps;\n  CountryOptions: CountryOptionsProps;\n  DatePicker: DatePickerProps<Aria.DateValue>;\n  DateRangePicker: DateRangePickerProps<Aria.DateValue>;\n  DialogTrigger: DialogTriggerProps;\n  FieldDescription: FieldDescriptionProps;\n  FieldError: FieldErrorProps;\n  FileCard: FileCardProps;\n  FileCardList: FileCardListProps;\n  FileField: FileFieldProps;\n  FileDropZone: FileDropZoneProps;\n  Header: HeaderProps;\n  Heading: HeadingProps;\n  TabNavigation: TabNavigationProps;\n  Icon: IconProps;\n  IllustratedMessage: IllustratedMessageProps;\n  Image: ImageProps;\n  Initials: InitialsProps;\n  Label: LabelProps;\n  LayoutCard: LayoutCardProps;\n  LightBox: LightBoxProps;\n  LightBoxGallery: LightBoxGalleryProps;\n  LightBoxGalleryItem: LightBoxGalleryItemProps;\n  Link: LinkProps;\n  List: ListProps<never>;\n  ListItemView: ListItemViewContentProps;\n  ListSummary: ListSummaryProps;\n  MarkdownEditor: MarkdownEditorProps;\n  MenuItem: MenuItemProps;\n  MenuTrigger: MenuTriggerProps;\n  Message: MessageProps;\n  MessageThread: MessageThreadProps;\n  Modal: ModalProps;\n  ModalTrigger: ModalTriggerProps;\n  Navigation: NavigationProps;\n  NavigationGroup: NavigationGroupProps;\n  NumberField: NumberFieldProps;\n  Option: OptionProps;\n  Options: OptionsProps;\n  Popover: PopoverProps;\n  PopoverTrigger: PopoverTriggerProps;\n  PasswordCreationField: PasswordCreationFieldProps;\n  ProgressBar: ProgressBarProps;\n  Radio: RadioProps;\n  RadioButton: RadioButtonProps;\n  RadioGroup: RadioGroupProps;\n  Rating: RatingProps;\n  RatingSegment: RatingSegmentProps;\n  SearchField: SearchFieldProps;\n  Section: SectionProps;\n  Segment: SegmentProps;\n  SegmentedControl: SegmentedControlProps;\n  Select: SelectProps;\n  Kbd: KbdProps;\n  SectionHeader: SectionHeaderProps;\n  Slider: SliderProps;\n  Switch: SwitchProps;\n  Tabs: TabsProps;\n  TabTitle: TabsProps;\n  Text: TextProps;\n  TextArea: TextAreaProps;\n  TextField: TextFieldProps;\n  TimeField: TimeFieldProps;\n}\n\nconst propsContextSupportingComponentsMap: Record<\n  keyof FlowComponentPropsTypes,\n  true\n> = {\n  AccentBox: true,\n  Action: true,\n  ActionGroup: true,\n  Accordion: true,\n  AccordionGroup: true,\n  Avatar: true,\n  Autocomplete: true,\n  Alert: true,\n  AlertBadge: true,\n  AlertIcon: true,\n  AlertText: true,\n  Align: true,\n  Combine: true,\n  Badge: true,\n  Button: true,\n  CodeEditor: true,\n  Chat: true,\n  Checkbox: true,\n  CheckboxButton: true,\n  CheckboxGroup: true,\n  ColumnLayout: true,\n  ComboBox: true,\n  Content: true,\n  ContextMenu: true,\n  ContextMenuSection: true,\n  ContextMenuTrigger: true,\n  CoachMark: true,\n  ContextualHelp: true,\n  ContextualHelpTrigger: true,\n  CopyButton: true,\n  CounterBadge: true,\n  CountryOptions: true,\n  DatePicker: true,\n  DateRangePicker: true,\n  DialogTrigger: true,\n  FieldDescription: true,\n  FieldError: true,\n  FileCard: true,\n  FileCardList: true,\n  FileField: true,\n  FileDropZone: true,\n  Header: true,\n  Heading: true,\n  TabNavigation: true,\n  Icon: true,\n  IllustratedMessage: true,\n  Image: true,\n  Initials: true,\n  Kbd: true,\n  Label: true,\n  LayoutCard: true,\n  LightBox: true,\n  LightBoxGallery: true,\n  LightBoxGalleryItem: true,\n  Link: true,\n  List: true,\n  ListItemView: true,\n  ListSummary: true,\n  MarkdownEditor: true,\n  MenuItem: true,\n  MenuTrigger: true,\n  Message: true,\n  MessageThread: true,\n  Modal: true,\n  ModalTrigger: true,\n  Navigation: true,\n  NavigationGroup: true,\n  NumberField: true,\n  Radio: true,\n  Option: true,\n  Options: true,\n  Popover: true,\n  PopoverTrigger: true,\n  PasswordCreationField: true,\n  ProgressBar: true,\n  RadioButton: true,\n  RadioGroup: true,\n  Rating: true,\n  RatingSegment: true,\n  SearchField: true,\n  Section: true,\n  SectionHeader: true,\n  Segment: true,\n  SegmentedControl: true,\n  Select: true,\n  Slider: true,\n  Switch: true,\n  Tabs: true,\n  TabTitle: true,\n  TestComponent: true,\n  Text: true,\n  TextArea: true,\n  TextField: true,\n  TimeField: true,\n};\n\nexport const propsContextSupportingComponents = Object.keys(\n  propsContextSupportingComponentsMap,\n) as FlowComponentName[];\n"],"mappings":";AA4SA,IAAa,mCAAmC,OAAO,KACrD;CAjGA,WAAW;CACX,QAAQ;CACR,aAAa;CACb,WAAW;CACX,gBAAgB;CAChB,QAAQ;CACR,cAAc;CACd,OAAO;CACP,YAAY;CACZ,WAAW;CACX,WAAW;CACX,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,gBAAgB;CAChB,eAAe;CACf,cAAc;CACd,UAAU;CACV,SAAS;CACT,aAAa;CACb,oBAAoB;CACpB,oBAAoB;CACpB,WAAW;CACX,gBAAgB;CAChB,uBAAuB;CACvB,YAAY;CACZ,cAAc;CACd,gBAAgB;CAChB,YAAY;CACZ,iBAAiB;CACjB,eAAe;CACf,kBAAkB;CAClB,YAAY;CACZ,UAAU;CACV,cAAc;CACd,WAAW;CACX,cAAc;CACd,QAAQ;CACR,SAAS;CACT,eAAe;CACf,MAAM;CACN,oBAAoB;CACpB,OAAO;CACP,UAAU;CACV,KAAK;CACL,OAAO;CACP,YAAY;CACZ,UAAU;CACV,iBAAiB;CACjB,qBAAqB;CACrB,MAAM;CACN,MAAM;CACN,cAAc;CACd,aAAa;CACb,gBAAgB;CAChB,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,OAAO;CACP,cAAc;CACd,YAAY;CACZ,iBAAiB;CACjB,aAAa;CACb,OAAO;CACP,QAAQ;CACR,SAAS;CACT,SAAS;CACT,gBAAgB;CAChB,uBAAuB;CACvB,aAAa;CACb,aAAa;CACb,YAAY;CACZ,QAAQ;CACR,eAAe;CACf,aAAa;CACb,SAAS;CACT,eAAe;CACf,SAAS;CACT,kBAAkB;CAClB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,UAAU;CACV,eAAe;CACf,MAAM;CACN,UAAU;CACV,WAAW;CACX,WAAW;AAIX,CACF"}

package/dist/js/packages/components/src/integrations/nextjs/components/RouterProvider/RouterProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RouterProvider.mjs","names":[],"sources":["../../../../../../../../../src/integrations/nextjs/components/RouterProvider/RouterProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { RouterProvider as BaseRouterProvider } from \"react-aria-components\";\nimport { useRouter } from \"next/navigation\";\nimport { addBasePath } from \"next/dist/client/add-base-path\";\n\nexport const RouterProvider: FC<PropsWithChildren> = (props) => {\n  const router = useRouter();\n  return (\n    <BaseRouterProvider navigate={router.push} useHref={addBasePath}>\n      {props.children}\n    </BaseRouterProvider>\n  );\n};\n\nexport default RouterProvider;\n"],"mappings":";;;;;;;AAKA,IAAa,oBAAyC,UAAU;CAC9D,MAAM,SAAS,UAAU;CACzB,OACE,oBAAC,gBAAD;EAAoB,UAAU,OAAO;EAAM,SAAS;EACjD,UAAA,MAAM;CACW,CAAA;AAExB"}
+{"version":3,"file":"RouterProvider.mjs","names":["RouterProvider","BaseRouterProvider"],"sources":["../../../../../../../../../src/integrations/nextjs/components/RouterProvider/RouterProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { RouterProvider as BaseRouterProvider } from \"react-aria-components\";\nimport { useRouter } from \"next/navigation\";\nimport { addBasePath } from \"next/dist/client/add-base-path\";\n\nexport const RouterProvider: FC<PropsWithChildren> = (props) => {\n  const router = useRouter();\n  return (\n    <BaseRouterProvider navigate={router.push} useHref={addBasePath}>\n      {props.children}\n    </BaseRouterProvider>\n  );\n};\n\nexport default RouterProvider;\n"],"mappings":";;;;;;;AAKA,IAAaA,oBAAyC,UAAU;CAC9D,MAAM,SAAS,UAAU;CACzB,OACE,oBAACC,gBAAD;EAAoB,UAAU,OAAO;EAAM,SAAS;EACjD,UAAA,MAAM;CACW,CAAA;AAExB"}

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/_34.locale.mjs";
+import __locale_default from "../../../../../../../_virtual/_35.locale.mjs";
 import FieldErrorView from "../../../../views/FieldErrorView.mjs";
 import { useUpdateFormDefaultValue } from "./hooks/useUpdateFormDefaultValue.mjs";
 import "react";
@@ -59,8 +59,10 @@ function Field(props) {
 		name
 	}) ?? controller.field.value;
 	const isFieldInvalid = controller.fieldState.invalid;
+	const { disabled, ...controllerFieldProps } = controller.field;
 	const fieldProps = {
-		...controller.field,
+		...controllerFieldProps,
+		...disabled && { isDisabled: dynamic(() => true) },
 		value,
 		name,
 		form: formContext.id,

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

@@ -1 +1 @@
-{"version":3,"file":"Field.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { type PropsWithChildren } from \"react\";\nimport {\n  type ControllerProps,\n  type FieldValues,\n  useController,\n  type UseFormReturn,\n  useWatch,\n} from \"react-hook-form\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { useUpdateFormDefaultValue } from \"@/integrations/react-hook-form/components/Field/hooks/useUpdateFormDefaultValue\";\n\nexport interface FieldProps<T extends FieldValues>\n  extends Omit<ControllerProps<T>, \"render\">, PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n  const { children, name, defaultValue, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"ReactHookForm.Field\",\n  );\n\n  const controller = useController({\n    ...props,\n    rules: {\n      ...props.rules,\n      min:\n        typeof rest.rules?.min === \"number\"\n          ? {\n              value: rest.rules.min,\n              message: stringFormatter.format(\"validation.min\", {\n                number: rest.rules.min,\n              }),\n            }\n          : rest.rules?.min,\n      max:\n        typeof rest.rules?.max === \"number\"\n          ? {\n              value: rest.rules.max,\n              message: stringFormatter.format(\"validation.max\", {\n                number: rest.rules.max,\n              }),\n            }\n          : rest.rules?.max,\n      required:\n        typeof rest.rules?.required === \"boolean\"\n          ? stringFormatter.format(\"validation.required\")\n          : rest.rules?.required,\n      pattern:\n        rest.rules?.pattern instanceof RegExp\n          ? {\n              value: rest.rules.pattern,\n              message: stringFormatter.format(\"validation.pattern\", {\n                pattern: rest.rules.pattern.source,\n              }),\n            }\n          : rest.rules?.pattern,\n      minLength:\n        typeof rest.rules?.minLength === \"number\"\n          ? {\n              value: rest.rules.minLength,\n              message: stringFormatter.format(\"validation.minLength\", {\n                number: rest.rules.minLength,\n              }),\n            }\n          : rest.rules?.minLength,\n      maxLength:\n        typeof rest.rules?.maxLength === \"number\"\n          ? {\n              value: rest.rules.maxLength,\n              message: stringFormatter.format(\"validation.maxLength\", {\n                number: rest.rules.maxLength,\n              }),\n            }\n          : rest.rules?.maxLength,\n    },\n  });\n  const formContext = useFormContext<T>();\n\n  useUpdateFormDefaultValue(props, formContext.form);\n\n  /**\n   * We don't use controller.field.value here, because it doesn't update when\n   * the form value is updated outside of this field (e.g. when setting values\n   * with form.setValue or resetting the form), and the Field unmounts in\n   * between. This is generally a feature of React Hook Form, but this breaks\n   * dynamic forms where fields are conditionally rendered.\n   *\n   * By using formContext.form.watch(name), we ensure that the field value is\n   * always in sync with the form state. See:\n   * https://react-hook-form.com/api/usecontroller/controller/\n   */\n  const value =\n    useWatch({\n      control: formContext.form.control,\n      name,\n    }) ?? controller.field.value;\n\n  const isFieldInvalid = controller.fieldState.invalid;\n\n  const fieldProps = {\n    ...controller.field,\n    value,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    isReadOnly: formContext.isReadOnly,\n    validationBehavior: \"aria\" as const,\n    defaultValue,\n    isInvalid: isFieldInvalid,\n    children: dynamic((p) => {\n      return (\n        <>\n          {p.children}\n          <FieldErrorView>\n            {controller.fieldState.error?.message}\n          </FieldErrorView>\n        </>\n      );\n    }),\n  };\n\n  const propsContext: PropsContext = {\n    Autocomplete: {\n      SearchField: fieldProps,\n      TextField: fieldProps,\n    },\n    SearchField: fieldProps,\n    TextField: fieldProps,\n    TextArea: fieldProps,\n    MarkdownEditor: fieldProps,\n    CodeEditor: fieldProps,\n    Checkbox: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    CheckboxGroup: {\n      ...fieldProps,\n    },\n    CheckboxButton: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    FileField: fieldProps,\n    FileDropZone: fieldProps,\n    NumberField: fieldProps,\n    RadioGroup: fieldProps,\n    Switch: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    Slider: fieldProps,\n    PasswordCreationField: fieldProps,\n    DatePicker: fieldProps,\n    DateRangePicker: fieldProps,\n    TimeField: fieldProps,\n    SegmentedControl: fieldProps,\n    Select: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    ComboBox: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    Rating: fieldProps,\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[\n        controller.fieldState,\n        controller.field,\n        value,\n        formContext.isReadOnly,\n      ]}\n    >\n      {children}\n    </PropsContextProvider>\n  );\n}\n\nexport const typedField = <T extends FieldValues>(\n  ignoredForm: UseFormReturn<T> | UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n\nexport default Field;\n"],"mappings":";;;;;;;;;;;;;AAsBA,SAAgB,MAA6B,OAAsB;CACjE,MAAM,EAAE,UAAU,MAAM,cAAc,GAAG,SAAS;CAElD,MAAM,kBAAkB,4BACtB,kBACA,qBACF;CAEA,MAAM,aAAa,cAAc;EAC/B,GAAG;EACH,OAAO;GACL,GAAG,MAAM;GACT,KACE,OAAO,KAAK,OAAO,QAAQ,WACvB;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,kBAAkB,EAChD,QAAQ,KAAK,MAAM,IACrB,CAAC;GACH,IACA,KAAK,OAAO;GAClB,KACE,OAAO,KAAK,OAAO,QAAQ,WACvB;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,kBAAkB,EAChD,QAAQ,KAAK,MAAM,IACrB,CAAC;GACH,IACA,KAAK,OAAO;GAClB,UACE,OAAO,KAAK,OAAO,aAAa,YAC5B,gBAAgB,OAAO,qBAAqB,IAC5C,KAAK,OAAO;GAClB,SACE,KAAK,OAAO,mBAAmB,SAC3B;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,sBAAsB,EACpD,SAAS,KAAK,MAAM,QAAQ,OAC9B,CAAC;GACH,IACA,KAAK,OAAO;GAClB,WACE,OAAO,KAAK,OAAO,cAAc,WAC7B;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,wBAAwB,EACtD,QAAQ,KAAK,MAAM,UACrB,CAAC;GACH,IACA,KAAK,OAAO;GAClB,WACE,OAAO,KAAK,OAAO,cAAc,WAC7B;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,wBAAwB,EACtD,QAAQ,KAAK,MAAM,UACrB,CAAC;GACH,IACA,KAAK,OAAO;EACpB;CACF,CAAC;CACD,MAAM,cAAc,eAAkB;CAEtC,0BAA0B,OAAO,YAAY,IAAI;;;;;;;;;;;;CAajD,MAAM,QACJ,SAAS;EACP,SAAS,YAAY,KAAK;EAC1B;CACF,CAAC,KAAK,WAAW,MAAM;CAEzB,MAAM,iBAAiB,WAAW,WAAW;CAE7C,MAAM,aAAa;EACjB,GAAG,WAAW;EACd;EACA;EACA,MAAM,YAAY;EAClB,YAAY,CAAC,CAAC,KAAK,OAAO;EAC1B,YAAY,YAAY;EACxB,oBAAoB;EACpB;EACA,WAAW;EACX,UAAU,SAAS,MAAM;GACvB,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,EAAE,UACH,oBAAC,gBAAD,EAAA,UACG,WAAW,WAAW,OAAO,QAChB,CAAA,CAChB,EAAA,CAAA;EAEN,CAAC;CACH;CAEA,MAAM,eAA6B;EACjC,cAAc;GACZ,aAAa;GACb,WAAW;EACb;EACA,aAAa;EACb,WAAW;EACX,UAAU;EACV,gBAAgB;EAChB,YAAY;EACZ,UAAU;GACR,GAAG;GACH,YAAY;EACd;EACA,eAAe,EACb,GAAG,WACL;EACA,gBAAgB;GACd,GAAG;GACH,YAAY;EACd;EACA,WAAW;EACX,cAAc;EACd,aAAa;EACb,YAAY;EACZ,QAAQ;GACN,GAAG;GACH,YAAY;EACd;EACA,QAAQ;EACR,uBAAuB;EACvB,YAAY;EACZ,iBAAiB;EACjB,WAAW;EACX,kBAAkB;EAClB,QAAQ;GACN,GAAG;GACH,aAAa;EACf;EACA,UAAU;GACR,GAAG;GACH,aAAa;EACf;EACA,QAAQ;CACV;CAEA,OACE,oBAAC,sBAAD;EACE,OAAO;EACP,cAAc;GACZ,WAAW;GACX,WAAW;GACX;GACA,YAAY;EACd;EAEC;CACmB,CAAA;AAE1B;AAEA,IAAa,cACX,gBACoB"}
+{"version":3,"file":"Field.mjs","names":["locales","_Fragment"],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { type PropsWithChildren } from \"react\";\nimport {\n  type ControllerProps,\n  type FieldValues,\n  useController,\n  type UseFormReturn,\n  useWatch,\n} from \"react-hook-form\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { useUpdateFormDefaultValue } from \"@/integrations/react-hook-form/components/Field/hooks/useUpdateFormDefaultValue\";\nimport type {\n  FlowComponentName,\n  FlowComponentPropName,\n} from \"@/components/propTypes\";\n\ntype DisableableComponentName = {\n  [C in FlowComponentName]: \"isDisabled\" extends FlowComponentPropName<C>\n    ? C\n    : never;\n}[FlowComponentName];\n\nexport interface FieldProps<T extends FieldValues>\n  extends Omit<ControllerProps<T>, \"render\">, PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n  const { children, name, defaultValue, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"ReactHookForm.Field\",\n  );\n\n  const controller = useController({\n    ...props,\n    rules: {\n      ...props.rules,\n      min:\n        typeof rest.rules?.min === \"number\"\n          ? {\n              value: rest.rules.min,\n              message: stringFormatter.format(\"validation.min\", {\n                number: rest.rules.min,\n              }),\n            }\n          : rest.rules?.min,\n      max:\n        typeof rest.rules?.max === \"number\"\n          ? {\n              value: rest.rules.max,\n              message: stringFormatter.format(\"validation.max\", {\n                number: rest.rules.max,\n              }),\n            }\n          : rest.rules?.max,\n      required:\n        typeof rest.rules?.required === \"boolean\"\n          ? stringFormatter.format(\"validation.required\")\n          : rest.rules?.required,\n      pattern:\n        rest.rules?.pattern instanceof RegExp\n          ? {\n              value: rest.rules.pattern,\n              message: stringFormatter.format(\"validation.pattern\", {\n                pattern: rest.rules.pattern.source,\n              }),\n            }\n          : rest.rules?.pattern,\n      minLength:\n        typeof rest.rules?.minLength === \"number\"\n          ? {\n              value: rest.rules.minLength,\n              message: stringFormatter.format(\"validation.minLength\", {\n                number: rest.rules.minLength,\n              }),\n            }\n          : rest.rules?.minLength,\n      maxLength:\n        typeof rest.rules?.maxLength === \"number\"\n          ? {\n              value: rest.rules.maxLength,\n              message: stringFormatter.format(\"validation.maxLength\", {\n                number: rest.rules.maxLength,\n              }),\n            }\n          : rest.rules?.maxLength,\n    },\n  });\n  const formContext = useFormContext<T>();\n\n  useUpdateFormDefaultValue(props, formContext.form);\n\n  /**\n   * We don't use controller.field.value here, because it doesn't update when\n   * the form value is updated outside of this field (e.g. when setting values\n   * with form.setValue or resetting the form), and the Field unmounts in\n   * between. This is generally a feature of React Hook Form, but this breaks\n   * dynamic forms where fields are conditionally rendered.\n   *\n   * By using formContext.form.watch(name), we ensure that the field value is\n   * always in sync with the form state. See:\n   * https://react-hook-form.com/api/usecontroller/controller/\n   */\n  const value =\n    useWatch({\n      control: formContext.form.control,\n      name,\n    }) ?? controller.field.value;\n\n  const isFieldInvalid = controller.fieldState.invalid;\n\n  const { disabled, ...controllerFieldProps } = controller.field;\n\n  const fieldProps = {\n    ...controllerFieldProps,\n    // Dynamic, so a local `isDisabled={false}` cannot enable a field whose\n    // value React Hook Form drops on submit\n    ...(disabled && {\n      isDisabled: dynamic<DisableableComponentName, \"isDisabled\">(() => true),\n    }),\n    value,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    isReadOnly: formContext.isReadOnly,\n    validationBehavior: \"aria\" as const,\n    defaultValue,\n    isInvalid: isFieldInvalid,\n    children: dynamic((p) => {\n      return (\n        <>\n          {p.children}\n          <FieldErrorView>\n            {controller.fieldState.error?.message}\n          </FieldErrorView>\n        </>\n      );\n    }),\n  };\n\n  const propsContext: PropsContext = {\n    Autocomplete: {\n      SearchField: fieldProps,\n      TextField: fieldProps,\n    },\n    SearchField: fieldProps,\n    TextField: fieldProps,\n    TextArea: fieldProps,\n    MarkdownEditor: fieldProps,\n    CodeEditor: fieldProps,\n    Checkbox: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    CheckboxGroup: {\n      ...fieldProps,\n    },\n    CheckboxButton: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    FileField: fieldProps,\n    FileDropZone: fieldProps,\n    NumberField: fieldProps,\n    RadioGroup: fieldProps,\n    Switch: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    Slider: fieldProps,\n    PasswordCreationField: fieldProps,\n    DatePicker: fieldProps,\n    DateRangePicker: fieldProps,\n    TimeField: fieldProps,\n    SegmentedControl: fieldProps,\n    Select: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    ComboBox: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    Rating: fieldProps,\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[\n        controller.fieldState,\n        controller.field,\n        value,\n        formContext.isReadOnly,\n      ]}\n    >\n      {children}\n    </PropsContextProvider>\n  );\n}\n\nexport const typedField = <T extends FieldValues>(\n  ignoredForm: UseFormReturn<T> | UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n\nexport default Field;\n"],"mappings":";;;;;;;;;;;;;AAgCA,SAAgB,MAA6B,OAAsB;CACjE,MAAM,EAAE,UAAU,MAAM,cAAc,GAAG,SAAS;CAElD,MAAM,kBAAkB,4BACtBA,kBACA,qBACF;CAEA,MAAM,aAAa,cAAc;EAC/B,GAAG;EACH,OAAO;GACL,GAAG,MAAM;GACT,KACE,OAAO,KAAK,OAAO,QAAQ,WACvB;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,kBAAkB,EAChD,QAAQ,KAAK,MAAM,IACrB,CAAC;GACH,IACA,KAAK,OAAO;GAClB,KACE,OAAO,KAAK,OAAO,QAAQ,WACvB;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,kBAAkB,EAChD,QAAQ,KAAK,MAAM,IACrB,CAAC;GACH,IACA,KAAK,OAAO;GAClB,UACE,OAAO,KAAK,OAAO,aAAa,YAC5B,gBAAgB,OAAO,qBAAqB,IAC5C,KAAK,OAAO;GAClB,SACE,KAAK,OAAO,mBAAmB,SAC3B;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,sBAAsB,EACpD,SAAS,KAAK,MAAM,QAAQ,OAC9B,CAAC;GACH,IACA,KAAK,OAAO;GAClB,WACE,OAAO,KAAK,OAAO,cAAc,WAC7B;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,wBAAwB,EACtD,QAAQ,KAAK,MAAM,UACrB,CAAC;GACH,IACA,KAAK,OAAO;GAClB,WACE,OAAO,KAAK,OAAO,cAAc,WAC7B;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,wBAAwB,EACtD,QAAQ,KAAK,MAAM,UACrB,CAAC;GACH,IACA,KAAK,OAAO;EACpB;CACF,CAAC;CACD,MAAM,cAAc,eAAkB;CAEtC,0BAA0B,OAAO,YAAY,IAAI;;;;;;;;;;;;CAajD,MAAM,QACJ,SAAS;EACP,SAAS,YAAY,KAAK;EAC1B;CACF,CAAC,KAAK,WAAW,MAAM;CAEzB,MAAM,iBAAiB,WAAW,WAAW;CAE7C,MAAM,EAAE,UAAU,GAAG,yBAAyB,WAAW;CAEzD,MAAM,aAAa;EACjB,GAAG;EAGH,GAAI,YAAY,EACd,YAAY,cAAsD,IAAI,EACxE;EACA;EACA;EACA,MAAM,YAAY;EAClB,YAAY,CAAC,CAAC,KAAK,OAAO;EAC1B,YAAY,YAAY;EACxB,oBAAoB;EACpB;EACA,WAAW;EACX,UAAU,SAAS,MAAM;GACvB,OACE,qBAAAC,YAAA,EAAA,UAAA,CACG,EAAE,UACH,oBAAC,gBAAD,EAAA,UACG,WAAW,WAAW,OAAO,QAChB,CAAA,CAChB,EAAA,CAAA;EAEN,CAAC;CACH;CAEA,MAAM,eAA6B;EACjC,cAAc;GACZ,aAAa;GACb,WAAW;EACb;EACA,aAAa;EACb,WAAW;EACX,UAAU;EACV,gBAAgB;EAChB,YAAY;EACZ,UAAU;GACR,GAAG;GACH,YAAY;EACd;EACA,eAAe,EACb,GAAG,WACL;EACA,gBAAgB;GACd,GAAG;GACH,YAAY;EACd;EACA,WAAW;EACX,cAAc;EACd,aAAa;EACb,YAAY;EACZ,QAAQ;GACN,GAAG;GACH,YAAY;EACd;EACA,QAAQ;EACR,uBAAuB;EACvB,YAAY;EACZ,iBAAiB;EACjB,WAAW;EACX,kBAAkB;EAClB,QAAQ;GACN,GAAG;GACH,aAAa;EACf;EACA,UAAU;GACR,GAAG;GACH,aAAa;EACf;EACA,QAAQ;CACV;CAEA,OACE,oBAAC,sBAAD;EACE,OAAO;EACP,cAAc;GACZ,WAAW;GACX,WAAW;GACX;GACA,YAAY;EACd;EAEC;CACmB,CAAA;AAE1B;AAEA,IAAa,cACX,gBACoB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"sourcesContent":["import { FormContextProvider } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport { useComponentDefaults } from \"@/components/ComponentDefaultsProvider\";\nimport { type OverlayController, useModalController } from \"@/lib/controller\";\nimport {\n  type BaseSyntheticEvent,\n  type ComponentProps,\n  type FC,\n  type PropsWithChildren,\n  type Ref,\n  type SubmitEventHandler,\n  useId,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type {\n  FieldValues,\n  Path,\n  SubmitHandler,\n  UseFormReturn,\n} from \"react-hook-form\";\nimport { FormProvider as RhfFormContextProvider } from \"react-hook-form\";\nimport { useFormRootErrorController } from \"../FormRootError/useFormRootErrorController\";\nimport { FormRootError } from \"../../lib/FormRootError\";\nimport { useFormSettings } from \"../FormSettingsProvider/FormSettingsProvider\";\nimport {\n  useFormSubmitController,\n  type WithFormSubmitControllerProps,\n} from \"@/integrations/react-hook-form/components/Form/hooks/useFormSubmitController\";\nimport { useHotkeySubmit } from \"@/integrations/react-hook-form/components/Form/hooks/useHotkeySubmit\";\n\nexport type FormOnSubmitHandler<F extends FieldValues> = SubmitHandler<F>;\n\nexport type AfterFormSubmitCallback = (...unknownArgs: unknown[]) => unknown;\n\nexport interface FormAutoResetOptions {\n  /**\n   * Whether the form is reset to its default values after the surrounding modal\n   * has closed.\n   *\n   * @default true\n   */\n  onAfterModalClose?: boolean;\n}\n\ntype FormComponentType = FC<\n  PropsWithChildren<{\n    id: string;\n    onSubmit?: SubmitEventHandler | FormOnSubmitHandler<never>;\n    ref?: Ref<HTMLFormElement>;\n  }>\n>;\n\nexport interface FormProps<F extends FieldValues>\n  extends\n    Omit<ComponentProps<\"form\">, \"onSubmit\">,\n    PropsWithChildren,\n    WithFormSubmitControllerProps {\n  /** The react-hook-form instance returned by `useForm()`. */\n  form: UseFormReturn<F>;\n  /**\n   * Called with the validated form values when the form is submitted. Returning\n   * a promise keeps the submit button pending until it settles.\n   */\n  onSubmit: FormOnSubmitHandler<F>;\n  /**\n   * The component rendered as the form element. Use it to render the form with\n   * a routers form component. Defaults to a plain `<form />`.\n   */\n  formComponent?: FC<Omit<FormComponentType, \"ref\">>;\n  /**\n   * Whether all fields of the form can be read but not edited.\n   *\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /**\n   * When the form is reset to its default values. `true` resets it after the\n   * surrounding modal has closed, `false` never resets it.\n   *\n   * @default true\n   */\n  autoReset?: FormAutoResetOptions | boolean;\n  /**\n   * Whether closing the surrounding modal must be confirmed while the form has\n   * unsaved changes. Overrides `Form.confirmModalCloseOnUnsavedChanges` of the\n   * `ComponentDefaultsProvider`.\n   *\n   * @default true\n   */\n  confirmModalCloseOnUnsavedChanges?: boolean;\n}\n\nconst DefaultFormComponent: FormComponentType = (p) => <form {...p} />;\n\n/**\n * Runs `operation` while closing the surrounding Modal is allowed without a\n * confirmation, and drops that permission again as soon as the operation has\n * settled. Scoping it to the operation is what keeps a submit that only\n * advances a wizard step from disarming the confirmation for good (#2775).\n */\nconst runWithGrantedModalClose = (\n  modalController: OverlayController,\n  operation: () => unknown,\n): unknown => {\n  const releaseGrant = modalController.grantCloseWithoutConfirmation();\n\n  let result: unknown;\n  try {\n    result = operation();\n  } catch (error) {\n    releaseGrant();\n    throw error;\n  }\n\n  if (result instanceof Promise) {\n    return result.finally(releaseGrant);\n  }\n  releaseGrant();\n  return result;\n};\n\nexport function Form<F extends FieldValues>(props: FormProps<F>) {\n  const {\n    form,\n    children,\n    onSubmit: onSubmitProp,\n    formComponent = DefaultFormComponent,\n    isReadOnly,\n    ref,\n    id: idProp,\n    autoReset = true,\n    confirmModalCloseOnUnsavedChanges: confirmModalCloseOnUnsavedChangesProp,\n    submitController: submitControllerFromProps,\n    ...formProps\n  } = props;\n\n  const newFormId = useId();\n  const formId = idProp ?? newFormId;\n  const FormComponent = useMemo(() => formComponent, [formId]);\n  const afterSubmitCallback = useRef<AfterFormSubmitCallback>(undefined);\n  const { isDirty } = form.formState;\n  const rootErrorController = useFormRootErrorController();\n\n  const defaultSubmitController = useFormSubmitController();\n  const submitController = submitControllerFromProps\n    ? submitControllerFromProps.submit.extend(defaultSubmitController)\n    : defaultSubmitController;\n\n  const autoResetOptions =\n    typeof autoReset === \"boolean\"\n      ? { onAfterModalClose: autoReset }\n      : autoReset;\n\n  const defaults = useComponentDefaults(\"Form\");\n  const confirmModalCloseOnUnsavedChanges =\n    confirmModalCloseOnUnsavedChangesProp ??\n    defaults.confirmModalCloseOnUnsavedChanges;\n\n  const modalController = useModalController();\n  modalController.useUpdateOptions({\n    // A dirty Form contributes one close confirmation source to the surrounding\n    // Modal; sources are combined, so a clean Form does not overrule a\n    // `<Modal confirmOnClose>`. The Modal renders the confirmation dialog.\n    // A Form that switched it off contributes nothing at all.\n    confirmOnClose: confirmModalCloseOnUnsavedChanges ? isDirty : undefined,\n  });\n  modalController.useOnClosed(() => {\n    if (autoResetOptions?.onAfterModalClose) {\n      form.reset();\n    }\n  });\n\n  const { submitInterceptor } = useFormSettings();\n  const onSubmit = submitInterceptor\n    ? (values: F) => submitInterceptor<F>(onSubmitProp, values, { form })\n    : onSubmitProp;\n\n  const handleSubmitResult = (result: unknown) => {\n    if (typeof result === \"function\") {\n      afterSubmitCallback.current = result as AfterFormSubmitCallback;\n    }\n    const rootError = form.getFieldState(\"root\" as Path<F>)?.error;\n    if (rootError && !rootErrorController.errorComponentMounted) {\n      throw new FormRootError(rootError);\n    }\n  };\n\n  const handleSubmit = async (e?: BaseSyntheticEvent | F): Promise<void> => {\n    const formEvent =\n      e && \"nativeEvent\" in e ? (e as BaseSyntheticEvent) : undefined;\n    formEvent?.stopPropagation();\n\n    // react-hook-form's submit handler resolves with an unknown value; the\n    // submit controller only awaits it, so drop the result.\n    await form.handleSubmit((values, event) =>\n      runWithGrantedModalClose(modalController, () => {\n        const submitResult = onSubmit(values, event);\n        if (submitResult instanceof Promise) {\n          return submitResult.then(handleSubmitResult);\n        }\n        handleSubmitResult(submitResult);\n      }),\n    )(formEvent);\n  };\n  submitController.submit.set(handleSubmit);\n\n  const onAfterSuccessFeedback = () => {\n    const callback = afterSubmitCallback.current;\n    if (!callback) {\n      return;\n    }\n    // The callback runs after the submit itself has finished (and after\n    // SubmitButton's success feedback), so it needs its own permission to close\n    // the Modal.\n    runWithGrantedModalClose(modalController, callback);\n  };\n\n  const refWithHotkeySubmit = useHotkeySubmit({\n    ref,\n    submitController,\n  });\n\n  return (\n    <RhfFormContextProvider {...form}>\n      <FormContextProvider\n        form={form as UseFormReturn}\n        isReadOnly={isReadOnly}\n        id={formId}\n        onAfterSuccessFeedback={onAfterSuccessFeedback}\n        rootErrorController={rootErrorController}\n      >\n        <FormComponent\n          {...formProps}\n          ref={refWithHotkeySubmit}\n          id={formId}\n          onSubmit={handleSubmit}\n        >\n          {children}\n        </FormComponent>\n      </FormContextProvider>\n    </RhfFormContextProvider>\n  );\n}\n\nexport default Form;\n"],"mappings":";;;;;;;;;;;;;;AA4FA,IAAM,wBAA2C,MAAM,oBAAC,QAAD,EAAM,GAAI,EAAI,CAAA;;;;;;;AAQrE,IAAM,4BACJ,iBACA,cACY;CACZ,MAAM,eAAe,gBAAgB,8BAA8B;CAEnE,IAAI;CACJ,IAAI;EACF,SAAS,UAAU;CACrB,SAAS,OAAO;EACd,aAAa;EACb,MAAM;CACR;CAEA,IAAI,kBAAkB,SACpB,OAAO,OAAO,QAAQ,YAAY;CAEpC,aAAa;CACb,OAAO;AACT;AAEA,SAAgB,KAA4B,OAAqB;CAC/D,MAAM,EACJ,MACA,UACA,UAAU,cACV,gBAAgB,sBAChB,YACA,KACA,IAAI,QACJ,YAAY,MACZ,mCAAmC,uCACnC,kBAAkB,2BAClB,GAAG,cACD;CAEJ,MAAM,YAAY,MAAM;CACxB,MAAM,SAAS,UAAU;CACzB,MAAM,gBAAgB,cAAc,eAAe,CAAC,MAAM,CAAC;CAC3D,MAAM,sBAAsB,OAAgC,KAAA,CAAS;CACrE,MAAM,EAAE,YAAY,KAAK;CACzB,MAAM,sBAAsB,2BAA2B;CAEvD,MAAM,0BAA0B,wBAAwB;CACxD,MAAM,mBAAmB,4BACrB,0BAA0B,OAAO,OAAO,uBAAuB,IAC/D;CAEJ,MAAM,mBACJ,OAAO,cAAc,YACjB,EAAE,mBAAmB,UAAU,IAC/B;CAEN,MAAM,WAAW,qBAAqB,MAAM;CAC5C,MAAM,oCACJ,yCACA,SAAS;CAEX,MAAM,kBAAkB,mBAAmB;CAC3C,gBAAgB,iBAAiB,EAK/B,gBAAgB,oCAAoC,UAAU,KAAA,EAChE,CAAC;CACD,gBAAgB,kBAAkB;EAChC,IAAI,kBAAkB,mBACpB,KAAK,MAAM;CAEf,CAAC;CAED,MAAM,EAAE,sBAAsB,gBAAgB;CAC9C,MAAM,WAAW,qBACZ,WAAc,kBAAqB,cAAc,QAAQ,EAAE,KAAK,CAAC,IAClE;CAEJ,MAAM,sBAAsB,WAAoB;EAC9C,IAAI,OAAO,WAAW,YACpB,oBAAoB,UAAU;EAEhC,MAAM,YAAY,KAAK,cAAc,MAAiB,CAAC,EAAE;EACzD,IAAI,aAAa,CAAC,oBAAoB,uBACpC,MAAM,IAAI,cAAc,SAAS;CAErC;CAEA,MAAM,eAAe,OAAO,MAA8C;EACxE,MAAM,YACJ,KAAK,iBAAiB,IAAK,IAA2B,KAAA;EACxD,WAAW,gBAAgB;EAI3B,MAAM,KAAK,cAAc,QAAQ,UAC/B,yBAAyB,uBAAuB;GAC9C,MAAM,eAAe,SAAS,QAAQ,KAAK;GAC3C,IAAI,wBAAwB,SAC1B,OAAO,aAAa,KAAK,kBAAkB;GAE7C,mBAAmB,YAAY;EACjC,CAAC,CACH,CAAC,CAAC,SAAS;CACb;CACA,iBAAiB,OAAO,IAAI,YAAY;CAExC,MAAM,+BAA+B;EACnC,MAAM,WAAW,oBAAoB;EACrC,IAAI,CAAC,UACH;EAKF,yBAAyB,iBAAiB,QAAQ;CACpD;CAEA,MAAM,sBAAsB,gBAAgB;EAC1C;EACA;CACF,CAAC;CAED,OACE,oBAAC,cAAD;EAAwB,GAAI;EAC1B,UAAA,oBAAC,qBAAD;GACQ;GACM;GACZ,IAAI;GACoB;GACH;GAErB,UAAA,oBAAC,eAAD;IACE,GAAI;IACJ,KAAK;IACL,IAAI;IACJ,UAAU;IAET;GACY,CAAA;EACI,CAAA;CACC,CAAA;AAE5B"}
+{"version":3,"file":"Form.mjs","names":["RhfFormContextProvider"],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"sourcesContent":["import { FormContextProvider } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport { useComponentDefaults } from \"@/components/ComponentDefaultsProvider\";\nimport { type OverlayController, useModalController } from \"@/lib/controller\";\nimport {\n  type BaseSyntheticEvent,\n  type ComponentProps,\n  type FC,\n  type PropsWithChildren,\n  type Ref,\n  type SubmitEventHandler,\n  useId,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type {\n  FieldValues,\n  Path,\n  SubmitHandler,\n  UseFormReturn,\n} from \"react-hook-form\";\nimport { FormProvider as RhfFormContextProvider } from \"react-hook-form\";\nimport { useFormRootErrorController } from \"../FormRootError/useFormRootErrorController\";\nimport { FormRootError } from \"../../lib/FormRootError\";\nimport { useFormSettings } from \"../FormSettingsProvider/FormSettingsProvider\";\nimport {\n  useFormSubmitController,\n  type WithFormSubmitControllerProps,\n} from \"@/integrations/react-hook-form/components/Form/hooks/useFormSubmitController\";\nimport { useHotkeySubmit } from \"@/integrations/react-hook-form/components/Form/hooks/useHotkeySubmit\";\n\nexport type FormOnSubmitHandler<F extends FieldValues> = SubmitHandler<F>;\n\nexport type AfterFormSubmitCallback = (...unknownArgs: unknown[]) => unknown;\n\nexport interface FormAutoResetOptions {\n  /**\n   * Whether the form is reset to its default values after the surrounding modal\n   * has closed.\n   *\n   * @default true\n   */\n  onAfterModalClose?: boolean;\n}\n\ntype FormComponentType = FC<\n  PropsWithChildren<{\n    id: string;\n    onSubmit?: SubmitEventHandler | FormOnSubmitHandler<never>;\n    ref?: Ref<HTMLFormElement>;\n  }>\n>;\n\nexport interface FormProps<F extends FieldValues>\n  extends\n    Omit<ComponentProps<\"form\">, \"onSubmit\">,\n    PropsWithChildren,\n    WithFormSubmitControllerProps {\n  /** The react-hook-form instance returned by `useForm()`. */\n  form: UseFormReturn<F>;\n  /**\n   * Called with the validated form values when the form is submitted. Returning\n   * a promise keeps the submit button pending until it settles.\n   */\n  onSubmit: FormOnSubmitHandler<F>;\n  /**\n   * The component rendered as the form element. Use it to render the form with\n   * a routers form component. Defaults to a plain `<form />`.\n   */\n  formComponent?: FC<Omit<FormComponentType, \"ref\">>;\n  /**\n   * Whether all fields of the form can be read but not edited.\n   *\n   * @default false\n   */\n  isReadOnly?: boolean;\n  /**\n   * When the form is reset to its default values. `true` resets it after the\n   * surrounding modal has closed, `false` never resets it.\n   *\n   * @default true\n   */\n  autoReset?: FormAutoResetOptions | boolean;\n  /**\n   * Whether closing the surrounding modal must be confirmed while the form has\n   * unsaved changes. Overrides `Form.confirmModalCloseOnUnsavedChanges` of the\n   * `ComponentDefaultsProvider`.\n   *\n   * @default true\n   */\n  confirmModalCloseOnUnsavedChanges?: boolean;\n}\n\nconst DefaultFormComponent: FormComponentType = (p) => <form {...p} />;\n\n/**\n * Runs `operation` while closing the surrounding Modal is allowed without a\n * confirmation, and drops that permission again as soon as the operation has\n * settled. Scoping it to the operation is what keeps a submit that only\n * advances a wizard step from disarming the confirmation for good (#2775).\n */\nconst runWithGrantedModalClose = (\n  modalController: OverlayController,\n  operation: () => unknown,\n): unknown => {\n  const releaseGrant = modalController.grantCloseWithoutConfirmation();\n\n  let result: unknown;\n  try {\n    result = operation();\n  } catch (error) {\n    releaseGrant();\n    throw error;\n  }\n\n  if (result instanceof Promise) {\n    return result.finally(releaseGrant);\n  }\n  releaseGrant();\n  return result;\n};\n\nexport function Form<F extends FieldValues>(props: FormProps<F>) {\n  const {\n    form,\n    children,\n    onSubmit: onSubmitProp,\n    formComponent = DefaultFormComponent,\n    isReadOnly,\n    ref,\n    id: idProp,\n    autoReset = true,\n    confirmModalCloseOnUnsavedChanges: confirmModalCloseOnUnsavedChangesProp,\n    submitController: submitControllerFromProps,\n    ...formProps\n  } = props;\n\n  const newFormId = useId();\n  const formId = idProp ?? newFormId;\n  const FormComponent = useMemo(() => formComponent, [formId]);\n  const afterSubmitCallback = useRef<AfterFormSubmitCallback>(undefined);\n  const { isDirty } = form.formState;\n  const rootErrorController = useFormRootErrorController();\n\n  const defaultSubmitController = useFormSubmitController();\n  const submitController = submitControllerFromProps\n    ? submitControllerFromProps.submit.extend(defaultSubmitController)\n    : defaultSubmitController;\n\n  const autoResetOptions =\n    typeof autoReset === \"boolean\"\n      ? { onAfterModalClose: autoReset }\n      : autoReset;\n\n  const defaults = useComponentDefaults(\"Form\");\n  const confirmModalCloseOnUnsavedChanges =\n    confirmModalCloseOnUnsavedChangesProp ??\n    defaults.confirmModalCloseOnUnsavedChanges;\n\n  const modalController = useModalController();\n  modalController.useUpdateOptions({\n    // A dirty Form contributes one close confirmation source to the surrounding\n    // Modal; sources are combined, so a clean Form does not overrule a\n    // `<Modal confirmOnClose>`. The Modal renders the confirmation dialog.\n    // A Form that switched it off contributes nothing at all.\n    confirmOnClose: confirmModalCloseOnUnsavedChanges ? isDirty : undefined,\n  });\n  modalController.useOnClosed(() => {\n    if (autoResetOptions?.onAfterModalClose) {\n      form.reset();\n    }\n  });\n\n  const { submitInterceptor } = useFormSettings();\n  const onSubmit = submitInterceptor\n    ? (values: F) => submitInterceptor<F>(onSubmitProp, values, { form })\n    : onSubmitProp;\n\n  const handleSubmitResult = (result: unknown) => {\n    if (typeof result === \"function\") {\n      afterSubmitCallback.current = result as AfterFormSubmitCallback;\n    }\n    const rootError = form.getFieldState(\"root\" as Path<F>)?.error;\n    if (rootError && !rootErrorController.errorComponentMounted) {\n      throw new FormRootError(rootError);\n    }\n  };\n\n  const handleSubmit = async (e?: BaseSyntheticEvent | F): Promise<void> => {\n    const formEvent =\n      e && \"nativeEvent\" in e ? (e as BaseSyntheticEvent) : undefined;\n    formEvent?.stopPropagation();\n\n    // react-hook-form's submit handler resolves with an unknown value; the\n    // submit controller only awaits it, so drop the result.\n    await form.handleSubmit((values, event) =>\n      runWithGrantedModalClose(modalController, () => {\n        const submitResult = onSubmit(values, event);\n        if (submitResult instanceof Promise) {\n          return submitResult.then(handleSubmitResult);\n        }\n        handleSubmitResult(submitResult);\n      }),\n    )(formEvent);\n  };\n  submitController.submit.set(handleSubmit);\n\n  const onAfterSuccessFeedback = () => {\n    const callback = afterSubmitCallback.current;\n    if (!callback) {\n      return;\n    }\n    // The callback runs after the submit itself has finished (and after\n    // SubmitButton's success feedback), so it needs its own permission to close\n    // the Modal.\n    runWithGrantedModalClose(modalController, callback);\n  };\n\n  const refWithHotkeySubmit = useHotkeySubmit({\n    ref,\n    submitController,\n  });\n\n  return (\n    <RhfFormContextProvider {...form}>\n      <FormContextProvider\n        form={form as UseFormReturn}\n        isReadOnly={isReadOnly}\n        id={formId}\n        onAfterSuccessFeedback={onAfterSuccessFeedback}\n        rootErrorController={rootErrorController}\n      >\n        <FormComponent\n          {...formProps}\n          ref={refWithHotkeySubmit}\n          id={formId}\n          onSubmit={handleSubmit}\n        >\n          {children}\n        </FormComponent>\n      </FormContextProvider>\n    </RhfFormContextProvider>\n  );\n}\n\nexport default Form;\n"],"mappings":";;;;;;;;;;;;;;AA4FA,IAAM,wBAA2C,MAAM,oBAAC,QAAD,EAAM,GAAI,EAAI,CAAA;;;;;;;AAQrE,IAAM,4BACJ,iBACA,cACY;CACZ,MAAM,eAAe,gBAAgB,8BAA8B;CAEnE,IAAI;CACJ,IAAI;EACF,SAAS,UAAU;CACrB,SAAS,OAAO;EACd,aAAa;EACb,MAAM;CACR;CAEA,IAAI,kBAAkB,SACpB,OAAO,OAAO,QAAQ,YAAY;CAEpC,aAAa;CACb,OAAO;AACT;AAEA,SAAgB,KAA4B,OAAqB;CAC/D,MAAM,EACJ,MACA,UACA,UAAU,cACV,gBAAgB,sBAChB,YACA,KACA,IAAI,QACJ,YAAY,MACZ,mCAAmC,uCACnC,kBAAkB,2BAClB,GAAG,cACD;CAEJ,MAAM,YAAY,MAAM;CACxB,MAAM,SAAS,UAAU;CACzB,MAAM,gBAAgB,cAAc,eAAe,CAAC,MAAM,CAAC;CAC3D,MAAM,sBAAsB,OAAgC,KAAA,CAAS;CACrE,MAAM,EAAE,YAAY,KAAK;CACzB,MAAM,sBAAsB,2BAA2B;CAEvD,MAAM,0BAA0B,wBAAwB;CACxD,MAAM,mBAAmB,4BACrB,0BAA0B,OAAO,OAAO,uBAAuB,IAC/D;CAEJ,MAAM,mBACJ,OAAO,cAAc,YACjB,EAAE,mBAAmB,UAAU,IAC/B;CAEN,MAAM,WAAW,qBAAqB,MAAM;CAC5C,MAAM,oCACJ,yCACA,SAAS;CAEX,MAAM,kBAAkB,mBAAmB;CAC3C,gBAAgB,iBAAiB,EAK/B,gBAAgB,oCAAoC,UAAU,KAAA,EAChE,CAAC;CACD,gBAAgB,kBAAkB;EAChC,IAAI,kBAAkB,mBACpB,KAAK,MAAM;CAEf,CAAC;CAED,MAAM,EAAE,sBAAsB,gBAAgB;CAC9C,MAAM,WAAW,qBACZ,WAAc,kBAAqB,cAAc,QAAQ,EAAE,KAAK,CAAC,IAClE;CAEJ,MAAM,sBAAsB,WAAoB;EAC9C,IAAI,OAAO,WAAW,YACpB,oBAAoB,UAAU;EAEhC,MAAM,YAAY,KAAK,cAAc,MAAiB,CAAC,EAAE;EACzD,IAAI,aAAa,CAAC,oBAAoB,uBACpC,MAAM,IAAI,cAAc,SAAS;CAErC;CAEA,MAAM,eAAe,OAAO,MAA8C;EACxE,MAAM,YACJ,KAAK,iBAAiB,IAAK,IAA2B,KAAA;EACxD,WAAW,gBAAgB;EAI3B,MAAM,KAAK,cAAc,QAAQ,UAC/B,yBAAyB,uBAAuB;GAC9C,MAAM,eAAe,SAAS,QAAQ,KAAK;GAC3C,IAAI,wBAAwB,SAC1B,OAAO,aAAa,KAAK,kBAAkB;GAE7C,mBAAmB,YAAY;EACjC,CAAC,CACH,CAAC,CAAC,SAAS;CACb;CACA,iBAAiB,OAAO,IAAI,YAAY;CAExC,MAAM,+BAA+B;EACnC,MAAM,WAAW,oBAAoB;EACrC,IAAI,CAAC,UACH;EAKF,yBAAyB,iBAAiB,QAAQ;CACpD;CAEA,MAAM,sBAAsB,gBAAgB;EAC1C;EACA;CACF,CAAC;CAED,OACE,oBAACA,cAAD;EAAwB,GAAI;EAC1B,UAAA,oBAAC,qBAAD;GACQ;GACM;GACZ,IAAI;GACoB;GACH;GAErB,UAAA,oBAAC,eAAD;IACE,GAAI;IACJ,KAAK;IACL,IAAI;IACJ,UAAU;IAET;GACY,CAAA;EACI,CAAA;CACC,CAAA;AAE5B"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormAction.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormAction/FormAction.tsx"],"sourcesContent":["import type { ActionProps } from \"@/components/Action/types\";\nimport { FormResetAction } from \"@/integrations/react-hook-form/components/FormAction/FormResetAction\";\nimport FormSubmitAction from \"@/integrations/react-hook-form/components/FormAction/FormSubmitAction\";\nimport type { FC, PropsWithChildren } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport interface FormActionProps\n  extends PropsWithChildren, SupportedActionProps {\n  reset?: boolean;\n  submit?: boolean;\n}\n\nexport const FormAction: FC<FormActionProps> = (props) => {\n  const { children, reset, submit, ...actionProps } = props;\n\n  if (submit) {\n    return <FormSubmitAction {...actionProps}>{children}</FormSubmitAction>;\n  }\n\n  if (reset) {\n    return <FormResetAction {...actionProps}>{children}</FormResetAction>;\n  }\n\n  return <>{children}</>;\n};\n\nexport default FormAction;\n"],"mappings":";;;;;;AAaA,IAAa,cAAmC,UAAU;CACxD,MAAM,EAAE,UAAU,OAAO,QAAQ,GAAG,gBAAgB;CAEpD,IAAI,QACF,OAAO,oBAAC,kBAAD;EAAkB,GAAI;EAAc;CAA2B,CAAA;CAGxE,IAAI,OACF,OAAO,oBAAC,iBAAD;EAAiB,GAAI;EAAc;CAA0B,CAAA;CAGtE,OAAO,oBAAA,UAAA,EAAG,SAAW,CAAA;AACvB"}
+{"version":3,"file":"FormAction.mjs","names":["_Fragment"],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormAction/FormAction.tsx"],"sourcesContent":["import type { ActionProps } from \"@/components/Action/types\";\nimport { FormResetAction } from \"@/integrations/react-hook-form/components/FormAction/FormResetAction\";\nimport FormSubmitAction from \"@/integrations/react-hook-form/components/FormAction/FormSubmitAction\";\nimport type { FC, PropsWithChildren } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport interface FormActionProps\n  extends PropsWithChildren, SupportedActionProps {\n  reset?: boolean;\n  submit?: boolean;\n}\n\nexport const FormAction: FC<FormActionProps> = (props) => {\n  const { children, reset, submit, ...actionProps } = props;\n\n  if (submit) {\n    return <FormSubmitAction {...actionProps}>{children}</FormSubmitAction>;\n  }\n\n  if (reset) {\n    return <FormResetAction {...actionProps}>{children}</FormResetAction>;\n  }\n\n  return <>{children}</>;\n};\n\nexport default FormAction;\n"],"mappings":";;;;;;AAaA,IAAa,cAAmC,UAAU;CACxD,MAAM,EAAE,UAAU,OAAO,QAAQ,GAAG,gBAAgB;CAEpD,IAAI,QACF,OAAO,oBAAC,kBAAD;EAAkB,GAAI;EAAc;CAA2B,CAAA;CAGxE,IAAI,OACF,OAAO,oBAAC,iBAAD;EAAiB,GAAI;EAAc;CAA0B,CAAA;CAGtE,OAAO,oBAAAA,UAAA,EAAG,SAAW,CAAA;AACvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormRootError.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormRootError/FormRootError.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport type { FieldErrors } from \"react-hook-form\";\nimport { useFormContext } from \"../FormContextProvider\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { useMountedFormRootErrorComponent } from \"./useMountedFormRootErrorComponent\";\n\nexport type FormRootErrorValue = NonNullable<FieldErrors[\"root\"]>;\n\nexport interface FormRootErrorProps {\n  /**\n   * Custom content shown instead of the default alert. Rendered only while a\n   * root error is set. A function receives the root error, e.g. to pick the\n   * content by its `type`.\n   */\n  children?: ReactNode | ((error: FormRootErrorValue) => ReactNode);\n}\n\n/** @flowStatus new */\nexport const FormRootError: FC<FormRootErrorProps> = (props) => {\n  const { children } = props;\n  const form = useFormContext().form;\n  useMountedFormRootErrorComponent();\n  const error = form.formState.errors.root;\n\n  if (children === undefined) {\n    return <FieldErrorView renderAlert>{error?.message}</FieldErrorView>;\n  }\n\n  if (!error) {\n    return null;\n  }\n\n  return <>{typeof children === \"function\" ? children(error) : children}</>;\n};\n\nexport default FormRootError;\n"],"mappings":";;;;;;;;AAkBA,IAAa,iBAAyC,UAAU;CAC9D,MAAM,EAAE,aAAa;CACrB,MAAM,OAAO,eAAe,CAAC,CAAC;CAC9B,iCAAiC;CACjC,MAAM,QAAQ,KAAK,UAAU,OAAO;CAEpC,IAAI,aAAa,KAAA,GACf,OAAO,oBAAC,gBAAD;EAAgB,aAAA;EAAa,UAAA,OAAO;CAAwB,CAAA;CAGrE,IAAI,CAAC,OACH,OAAO;CAGT,OAAO,oBAAA,UAAA,EAAA,UAAG,OAAO,aAAa,aAAa,SAAS,KAAK,IAAI,SAAW,CAAA;AAC1E"}
+{"version":3,"file":"FormRootError.mjs","names":["_Fragment"],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormRootError/FormRootError.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport type { FieldErrors } from \"react-hook-form\";\nimport { useFormContext } from \"../FormContextProvider\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { useMountedFormRootErrorComponent } from \"./useMountedFormRootErrorComponent\";\n\nexport type FormRootErrorValue = NonNullable<FieldErrors[\"root\"]>;\n\nexport interface FormRootErrorProps {\n  /**\n   * Custom content shown instead of the default alert. Rendered only while a\n   * root error is set. A function receives the root error, e.g. to pick the\n   * content by its `type`.\n   */\n  children?: ReactNode | ((error: FormRootErrorValue) => ReactNode);\n}\n\n/** @flowStatus new */\nexport const FormRootError: FC<FormRootErrorProps> = (props) => {\n  const { children } = props;\n  const form = useFormContext().form;\n  useMountedFormRootErrorComponent();\n  const error = form.formState.errors.root;\n\n  if (children === undefined) {\n    return <FieldErrorView renderAlert>{error?.message}</FieldErrorView>;\n  }\n\n  if (!error) {\n    return null;\n  }\n\n  return <>{typeof children === \"function\" ? children(error) : children}</>;\n};\n\nexport default FormRootError;\n"],"mappings":";;;;;;;;AAkBA,IAAa,iBAAyC,UAAU;CAC9D,MAAM,EAAE,aAAa;CACrB,MAAM,OAAO,eAAe,CAAC,CAAC;CAC9B,iCAAiC;CACjC,MAAM,QAAQ,KAAK,UAAU,OAAO;CAEpC,IAAI,aAAa,KAAA,GACf,OAAO,oBAAC,gBAAD;EAAgB,aAAA;EAAa,UAAA,OAAO;CAAwB,CAAA;CAGrE,IAAI,CAAC,OACH,OAAO;CAGT,OAAO,oBAAAA,UAAA,EAAA,UAAG,OAAO,aAAa,aAAa,SAAS,KAAK,IAAI,SAAW,CAAA;AAC1E"}

package/dist/js/packages/components/src/lib/hooks/fieldErrorRenderedContext.mjs

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { createContext } from "react";
+//#region src/lib/hooks/fieldErrorRenderedContext.ts
+/**
+* Lets a rendered `FieldError` tell its field which id it has, so the field
+* references the error only while it exists. `undefined` reports that it is
+* gone.
+*
+* @internal
+*/
+var FieldErrorRenderedContext = createContext(void 0);
+//#endregion
+export { FieldErrorRenderedContext };
+
+//# sourceMappingURL=fieldErrorRenderedContext.mjs.map

package/dist/js/packages/components/src/lib/hooks/fieldErrorRenderedContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldErrorRenderedContext.mjs","names":[],"sources":["../../../../../../../src/lib/hooks/fieldErrorRenderedContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\n/**\n * Lets a rendered `FieldError` tell its field which id it has, so the field\n * references the error only while it exists. `undefined` reports that it is\n * gone.\n *\n * @internal\n */\nexport const FieldErrorRenderedContext = createContext<\n  ((fieldErrorId: string | undefined) => void) | undefined\n>(undefined);\n"],"mappings":";;;;;;;;;;;AASA,IAAa,4BAA4B,cAEvC,KAAA,CAAS"}