@mittwald/flow-remote-react-components 1.5.0-next.3 → 1.5.0-next.31

package/dist/js/RemoteRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteRoot.mjs","names":[],"sources":["../../src/components/RemoteRoot.tsx"],"sourcesContent":["\"use client\";\nimport * as remoteComponents from \"@/auto-generated\";\nimport * as customViewComponents from \"@/views\";\nimport { useWatchPathname } from \"@/hooks/useWatchPathname\";\nimport { stringifyError } from \"@/lib/stringifyError\";\nimport { packageVersion } from \"@/version\";\nimport {\n  ComponentUsageProvider,\n  markViewComponents,\n  ViewComponentContextProvider,\n  type ComponentUsageHandler,\n} from \"@mittwald/flow-react-components/internal\";\nimport {\n  connectHostRenderRootRef,\n  connectRemoteReceiver,\n  type RemoteReceiver,\n  type RemoteToHostConnection,\n} from \"@mittwald/flow-remote-core\";\nimport {\n  Suspense,\n  useLayoutEffect,\n  useRef,\n  useState,\n  useTransition,\n  type CSSProperties,\n  type FC,\n  type PropsWithChildren,\n} from \"react\";\nimport { ErrorBoundary, type FallbackProps } from \"react-error-boundary\";\nimport { RemoteContextProvider } from \"@/components/RemoteContextProvider\";\nimport { LoadingFallbackTrigger } from \"@/components/LoadingFallbackTrigger\";\nimport {\n  DeprecationWarningProvider,\n  type DeprecationWarningHandler,\n  IntlProvider,\n  useLanguage,\n} from \"@mittwald/flow-react-components/flr-universal\";\nimport type { HostConfig } from \"@mittwald/ext-bridge\";\nimport { initExtBridge } from \"@mittwald/ext-bridge/browser\";\n\nconst viewComponents = {\n  ...remoteComponents,\n  ...customViewComponents,\n} as FlowViewComponents;\n\nconst { Div: LoadingFallbackDiv } = markViewComponents({\n  Div: remoteComponents.Div,\n});\n\nexport interface RemoteRootProps extends PropsWithChildren {\n  onHostPathnameChanged?: (pathname: string) => void;\n  isLoading?: boolean;\n  /** Internal use only */\n  __remoteReceiver?: RemoteReceiver;\n}\n\nconst hiddenStyle: CSSProperties = {\n  visibility: \"hidden\",\n  height: 0,\n  width: 0,\n  border: \"none\",\n  position: \"absolute\",\n  marginLeft: \"-9999px\",\n};\n\nexport const RemoteRoot: FC<RemoteRootProps> = (props) => {\n  const {\n    children,\n    onHostPathnameChanged,\n    isLoading,\n    __remoteReceiver: remoteReceiver,\n  } = props;\n\n  // The two branches use disjoint sets of hooks, so they live in dedicated\n  // components. This keeps each component's hook order stable (Rules of Hooks)\n  // while preserving the exact rendering of both paths.\n  if (remoteReceiver) {\n    return (\n      <RemoteReceiverRoot remoteReceiver={remoteReceiver}>\n        {children}\n      </RemoteReceiverRoot>\n    );\n  }\n\n  return (\n    <RemoteConnectionRoot\n      onHostPathnameChanged={onHostPathnameChanged}\n      isLoading={isLoading}\n    >\n      {children}\n    </RemoteConnectionRoot>\n  );\n};\n\ninterface RemoteReceiverRootProps extends PropsWithChildren {\n  remoteReceiver: RemoteReceiver;\n}\n\nconst RemoteReceiverRoot: FC<RemoteReceiverRootProps> = ({\n  remoteReceiver,\n  children,\n}) => (\n  <div\n    style={hiddenStyle}\n    ref={(div) => {\n      if (div) {\n        connectRemoteReceiver(div, remoteReceiver.connection);\n      }\n    }}\n  >\n    <ViewComponentContextProvider components={viewComponents}>\n      {children}\n    </ViewComponentContextProvider>\n  </div>\n);\n\ntype RemoteConnectionRootProps = Omit<RemoteRootProps, \"__remoteReceiver\">;\n\nconst RemoteConnectionRoot: FC<RemoteConnectionRootProps> = (props) => {\n  const {\n    children,\n    onHostPathnameChanged,\n    isLoading: isLoadingFromProps,\n  } = props;\n\n  const connectionRef = useRef<RemoteToHostConnection>(undefined);\n  const hostConfigRef = useRef<HostConfig | undefined>(undefined);\n  const isConnectionInitialized = useRef(false);\n  const [connectionError, setConnectionError] = useState(null);\n  const [hostError, setHostError] = useState<string | undefined>(undefined);\n  const [isConnected, setIsConnected] = useState(false);\n\n  const fallbackLanguage = useLanguage();\n  const language =\n    hostConfigRef.current?.language === undefined ||\n    hostConfigRef.current?.language?.trim() === \"\"\n      ? fallbackLanguage\n      : hostConfigRef.current.language;\n\n  const [pathnameChangedPending, startPathnameChangedTransition] =\n    useTransition();\n\n  const renderErrorRef = useRef<unknown>(undefined);\n\n  const handleRenderError = (error: unknown) => {\n    renderErrorRef.current = error;\n    connectionRef.current?.imports.setError(stringifyError(error));\n  };\n\n  const forwardDeprecationWarning: DeprecationWarningHandler = (message) => {\n    void connectionRef.current?.imports\n      .reportDeprecation?.(message)\n      ?.catch(() => {\n        // ignore: host does not support deprecation reporting\n      });\n  };\n\n  const reportedComponentUsage = useRef(new Set<string>());\n\n  const forwardComponentUsage: ComponentUsageHandler = ({ component }) => {\n    if (reportedComponentUsage.current.has(component)) {\n      return;\n    }\n    reportedComponentUsage.current.add(component);\n\n    void connectionRef.current?.imports\n      .reportEvent?.({\n        event: \"ComponentRendered\",\n        data: { component },\n      })\n      ?.catch(() => {\n        // ignore: host does not support event reporting\n      });\n  };\n\n  const setIsLoadingFromProps = () => {\n    if (isLoadingFromProps !== undefined) {\n      connectionRef.current?.imports.setIsLoading(isLoadingFromProps);\n    }\n  };\n\n  useLayoutEffect(() => {\n    setIsLoadingFromProps();\n  }, [isLoadingFromProps]);\n\n  useWatchPathname((pathname) =>\n    connectionRef.current?.imports.setNavigationState({\n      pathname,\n      isPending: pathnameChangedPending,\n    }),\n  );\n\n  if (connectionError) {\n    throw connectionError;\n  }\n\n  if (hostError) {\n    throw new Error(hostError);\n  }\n\n  const connect = connectHostRenderRootRef({\n    onPathnameChanged: (pathname) =>\n      startPathnameChangedTransition(() => onHostPathnameChanged?.(pathname)),\n    onHostError: (error) => setHostError(error),\n    packageVersion,\n  });\n\n  /** Is wrapped in Div to resolve render awaiter in <RemoteRenderer /> */\n  const loadingFallback = (\n    <LoadingFallbackDiv>\n      <LoadingFallbackTrigger />\n    </LoadingFallbackDiv>\n  );\n\n  const connectDiv = (div: HTMLDivElement) => {\n    if (isConnectionInitialized.current) {\n      return;\n    }\n    initExtBridge();\n    isConnectionInitialized.current = true;\n    connect(div)\n      ?.then((connection) => {\n        connectionRef.current = connection;\n        setIsLoadingFromProps();\n        return connection.imports.getHostConfig();\n      })\n      .then((hostConfig) => {\n        hostConfigRef.current = hostConfig;\n        setIsConnected(true);\n      })\n      .catch((error) => {\n        setConnectionError(error);\n      });\n\n    if (renderErrorRef.current) {\n      handleRenderError(renderErrorRef.current);\n    }\n  };\n\n  const ErrorFallbackComponent: FC<FallbackProps> = (props) => {\n    handleRenderError(props.error);\n    return null;\n  };\n\n  return (\n    <div ref={connectDiv}>\n      <ErrorBoundary FallbackComponent={ErrorFallbackComponent}>\n        {isConnected && connectionRef.current && (\n          <RemoteContextProvider\n            value={{\n              connection: connectionRef.current,\n            }}\n          >\n            <IntlProvider locale={language}>\n              <DeprecationWarningProvider onWarning={forwardDeprecationWarning}>\n                <ComponentUsageProvider onUsage={forwardComponentUsage}>\n                  <Suspense fallback={loadingFallback}>\n                    <ViewComponentContextProvider components={viewComponents}>\n                      {children}\n                    </ViewComponentContextProvider>\n                  </Suspense>\n                </ComponentUsageProvider>\n              </DeprecationWarningProvider>\n            </IntlProvider>\n          </RemoteContextProvider>\n        )}\n      </ErrorBoundary>\n    </div>\n  );\n};\n\nexport default RemoteRoot;\n"],"mappings":"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"}
+{"version":3,"file":"RemoteRoot.mjs","names":["remoteComponents","customViewComponents","remoteComponents.Div"],"sources":["../../src/components/RemoteRoot.tsx"],"sourcesContent":["\"use client\";\nimport * as remoteComponents from \"@/auto-generated\";\nimport * as customViewComponents from \"@/views\";\nimport { useWatchPathname } from \"@/hooks/useWatchPathname\";\nimport { stringifyError } from \"@/lib/stringifyError\";\nimport { packageVersion } from \"@/version\";\nimport {\n  ComponentUsageProvider,\n  markViewComponents,\n  ViewComponentContextProvider,\n  type ComponentUsageHandler,\n} from \"@mittwald/flow-react-components/internal\";\nimport {\n  connectHostRenderRootRef,\n  connectRemoteReceiver,\n  type RemoteReceiver,\n  type RemoteToHostConnection,\n} from \"@mittwald/flow-remote-core\";\nimport {\n  Suspense,\n  useLayoutEffect,\n  useRef,\n  useState,\n  useTransition,\n  type CSSProperties,\n  type FC,\n  type PropsWithChildren,\n} from \"react\";\nimport { ErrorBoundary, type FallbackProps } from \"react-error-boundary\";\nimport { RemoteContextProvider } from \"@/components/RemoteContextProvider\";\nimport { LoadingFallbackTrigger } from \"@/components/LoadingFallbackTrigger\";\nimport {\n  DeprecationWarningProvider,\n  type DeprecationWarningHandler,\n  IntlProvider,\n  useLanguage,\n} from \"@mittwald/flow-react-components/flr-universal\";\nimport type { HostConfig } from \"@mittwald/ext-bridge\";\nimport { initExtBridge } from \"@mittwald/ext-bridge/browser\";\n\nconst viewComponents = {\n  ...remoteComponents,\n  ...customViewComponents,\n} as FlowViewComponents;\n\nconst { Div: LoadingFallbackDiv } = markViewComponents({\n  Div: remoteComponents.Div,\n});\n\nexport interface RemoteRootProps extends PropsWithChildren {\n  onHostPathnameChanged?: (pathname: string) => void;\n  isLoading?: boolean;\n  /** Internal use only */\n  __remoteReceiver?: RemoteReceiver;\n}\n\nconst hiddenStyle: CSSProperties = {\n  visibility: \"hidden\",\n  height: 0,\n  width: 0,\n  border: \"none\",\n  position: \"absolute\",\n  marginLeft: \"-9999px\",\n};\n\nexport const RemoteRoot: FC<RemoteRootProps> = (props) => {\n  const {\n    children,\n    onHostPathnameChanged,\n    isLoading,\n    __remoteReceiver: remoteReceiver,\n  } = props;\n\n  // The two branches use disjoint sets of hooks, so they live in dedicated\n  // components. This keeps each component's hook order stable (Rules of Hooks)\n  // while preserving the exact rendering of both paths.\n  if (remoteReceiver) {\n    return (\n      <RemoteReceiverRoot remoteReceiver={remoteReceiver}>\n        {children}\n      </RemoteReceiverRoot>\n    );\n  }\n\n  return (\n    <RemoteConnectionRoot\n      onHostPathnameChanged={onHostPathnameChanged}\n      isLoading={isLoading}\n    >\n      {children}\n    </RemoteConnectionRoot>\n  );\n};\n\ninterface RemoteReceiverRootProps extends PropsWithChildren {\n  remoteReceiver: RemoteReceiver;\n}\n\nconst RemoteReceiverRoot: FC<RemoteReceiverRootProps> = ({\n  remoteReceiver,\n  children,\n}) => (\n  <div\n    style={hiddenStyle}\n    ref={(div) => {\n      if (div) {\n        connectRemoteReceiver(div, remoteReceiver.connection);\n      }\n    }}\n  >\n    <ViewComponentContextProvider components={viewComponents}>\n      {children}\n    </ViewComponentContextProvider>\n  </div>\n);\n\ntype RemoteConnectionRootProps = Omit<RemoteRootProps, \"__remoteReceiver\">;\n\nconst RemoteConnectionRoot: FC<RemoteConnectionRootProps> = (props) => {\n  const {\n    children,\n    onHostPathnameChanged,\n    isLoading: isLoadingFromProps,\n  } = props;\n\n  const connectionRef = useRef<RemoteToHostConnection>(undefined);\n  const hostConfigRef = useRef<HostConfig | undefined>(undefined);\n  const isConnectionInitialized = useRef(false);\n  const [connectionError, setConnectionError] = useState(null);\n  const [hostError, setHostError] = useState<string | undefined>(undefined);\n  const [isConnected, setIsConnected] = useState(false);\n\n  const fallbackLanguage = useLanguage();\n  const language =\n    hostConfigRef.current?.language === undefined ||\n    hostConfigRef.current?.language?.trim() === \"\"\n      ? fallbackLanguage\n      : hostConfigRef.current.language;\n\n  const [pathnameChangedPending, startPathnameChangedTransition] =\n    useTransition();\n\n  const renderErrorRef = useRef<unknown>(undefined);\n\n  const handleRenderError = (error: unknown) => {\n    renderErrorRef.current = error;\n    connectionRef.current?.imports.setError(stringifyError(error));\n  };\n\n  const forwardDeprecationWarning: DeprecationWarningHandler = (message) => {\n    void connectionRef.current?.imports\n      .reportDeprecation?.(message)\n      ?.catch(() => {\n        // ignore: host does not support deprecation reporting\n      });\n  };\n\n  const reportedComponentUsage = useRef(new Set<string>());\n\n  const forwardComponentUsage: ComponentUsageHandler = ({ component }) => {\n    if (reportedComponentUsage.current.has(component)) {\n      return;\n    }\n    reportedComponentUsage.current.add(component);\n\n    void connectionRef.current?.imports\n      .reportEvent?.({\n        event: \"ComponentRendered\",\n        data: { component },\n      })\n      ?.catch(() => {\n        // ignore: host does not support event reporting\n      });\n  };\n\n  const setIsLoadingFromProps = () => {\n    if (isLoadingFromProps !== undefined) {\n      connectionRef.current?.imports.setIsLoading(isLoadingFromProps);\n    }\n  };\n\n  useLayoutEffect(() => {\n    setIsLoadingFromProps();\n  }, [isLoadingFromProps]);\n\n  useWatchPathname((pathname) =>\n    connectionRef.current?.imports.setNavigationState({\n      pathname,\n      isPending: pathnameChangedPending,\n    }),\n  );\n\n  if (connectionError) {\n    throw connectionError;\n  }\n\n  if (hostError) {\n    throw new Error(hostError);\n  }\n\n  const connect = connectHostRenderRootRef({\n    onPathnameChanged: (pathname) =>\n      startPathnameChangedTransition(() => onHostPathnameChanged?.(pathname)),\n    onHostError: (error) => setHostError(error),\n    packageVersion,\n  });\n\n  /** Is wrapped in Div to resolve render awaiter in <RemoteRenderer /> */\n  const loadingFallback = (\n    <LoadingFallbackDiv>\n      <LoadingFallbackTrigger />\n    </LoadingFallbackDiv>\n  );\n\n  const connectDiv = (div: HTMLDivElement) => {\n    if (isConnectionInitialized.current) {\n      return;\n    }\n    initExtBridge();\n    isConnectionInitialized.current = true;\n    connect(div)\n      ?.then((connection) => {\n        connectionRef.current = connection;\n        setIsLoadingFromProps();\n        return connection.imports.getHostConfig();\n      })\n      .then((hostConfig) => {\n        hostConfigRef.current = hostConfig;\n        setIsConnected(true);\n      })\n      .catch((error) => {\n        setConnectionError(error);\n      });\n\n    if (renderErrorRef.current) {\n      handleRenderError(renderErrorRef.current);\n    }\n  };\n\n  const ErrorFallbackComponent: FC<FallbackProps> = (props) => {\n    handleRenderError(props.error);\n    return null;\n  };\n\n  return (\n    <div ref={connectDiv}>\n      <ErrorBoundary FallbackComponent={ErrorFallbackComponent}>\n        {isConnected && connectionRef.current && (\n          <RemoteContextProvider\n            value={{\n              connection: connectionRef.current,\n            }}\n          >\n            <IntlProvider locale={language}>\n              <DeprecationWarningProvider onWarning={forwardDeprecationWarning}>\n                <ComponentUsageProvider onUsage={forwardComponentUsage}>\n                  <Suspense fallback={loadingFallback}>\n                    <ViewComponentContextProvider components={viewComponents}>\n                      {children}\n                    </ViewComponentContextProvider>\n                  </Suspense>\n                </ComponentUsageProvider>\n              </DeprecationWarningProvider>\n            </IntlProvider>\n          </RemoteContextProvider>\n        )}\n      </ErrorBoundary>\n    </div>\n  );\n};\n\nexport default RemoteRoot;\n"],"mappings":"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"}

package/dist/js/auto-generated/SkeletonMode.mjs

@@ -0,0 +1,14 @@
+"use client"
+/* */
+"use client";
+import { createFlowRemoteComponent } from "../components/createFlowRemoteComponent.mjs";
+import { RemoteSkeletonModeElement } from "@mittwald/flow-remote-elements";
+//#region src/auto-generated/SkeletonMode.ts
+var SkeletonMode = createFlowRemoteComponent("flr-skeleton-mode", "SkeletonMode", RemoteSkeletonModeElement, {
+	slotProps: { wrapper: "flr-slot-root-wrapper" },
+	eventProps: {}
+});
+//#endregion
+export { SkeletonMode };
+
+//# sourceMappingURL=SkeletonMode.mjs.map

package/dist/js/auto-generated/SkeletonMode.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonMode.mjs","names":[],"sources":["../../../src/auto-generated/SkeletonMode.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\n\"use client\";\nimport createFlowRemoteComponent from \"@/components/createFlowRemoteComponent\";\nimport { RemoteSkeletonModeElement } from \"@mittwald/flow-remote-elements\";\nexport { type RemoteSkeletonModeElement } from \"@mittwald/flow-remote-elements\";\n\nexport const SkeletonMode = createFlowRemoteComponent(\n  \"flr-skeleton-mode\",\n  \"SkeletonMode\",\n  RemoteSkeletonModeElement,\n  {\n    slotProps: {\n      wrapper: \"flr-slot-root-wrapper\",\n    },\n    eventProps: {},\n  },\n);\n"],"mappings":";;;;;;AAOA,IAAa,eAAe,0BAC1B,qBACA,gBACA,2BACA;CACE,WAAW,EACT,SAAS,wBACX;CACA,YAAY,CAAC;AACf,CACF"}

package/dist/js/auto-generated/index.mjs

@@ -110,6 +110,7 @@ import { SegmentedControl } from "./SegmentedControl.mjs";
 import { Select } from "./Select.mjs";
 import { Separator } from "./Separator.mjs";
 import { Skeleton } from "./Skeleton.mjs";
+import { SkeletonMode } from "./SkeletonMode.mjs";
 import { SkeletonText } from "./SkeletonText.mjs";
 import { Slider } from "./Slider.mjs";
 import { Switch } from "./Switch.mjs";
@@ -247,6 +248,7 @@ var auto_generated_exports = /* @__PURE__ */ __exportAll({
 	Select: () => Select,
 	Separator: () => Separator,
 	Skeleton: () => Skeleton,
+	SkeletonMode: () => SkeletonMode,
 	SkeletonText: () => SkeletonText,
 	Slider: () => Slider,
 	Switch: () => Switch,
@@ -274,6 +276,6 @@ var auto_generated_exports = /* @__PURE__ */ __exportAll({
 	YAxis: () => YAxis
 });
 //#endregion
-export { AccentBox, Accordion, ActionGroup, Alert, AlertBadge, AlertIcon, AlertText, Align, Area, Autocomplete, Avatar, AvatarStack, Badge, Bar, BigNumber, Breadcrumb, Button, CartesianChart, CartesianGrid, ChartGrid, ChartLegend, ChartTooltip, Chat, Checkbox, CheckboxButton, CheckboxGroup, ClearPropsContext, CoachMark, CodeBlock, CodeEditor, Color, ColumnLayout, Combine, ComboBox, ComponentPropsContextProvider, Content, ContextMenu, ContextMenuContent, ContextMenuSection, ContextMenuTrigger, ContextualHelp, ContextualHelpTrigger, CopyButton, CounterBadge, DatePicker, DateRangePicker, DialogTrigger, Div, DonutChart, FieldDescription, FieldError, FileCard, FileCardList, FileDropZone, FileField, Flex, Header, HeaderNavigation, Heading, Icon, IllustratedMessage, Image, ImageCropper, Initials, InlineCode, ItemsGridList, ItemsGridListItem, Kbd, Label, LabeledValue, LayoutCard, Legend, LightBoxGallery, LightBoxGalleryItem, Line, Link, ListEmptyView, ListEmptyViewContainer, ListItemViewContent, ListSummary, LoadingSpinner, Markdown, MarkdownEditor, MenuItem, MenuTrigger, Message, MessageSeparator, MessageThread, Navigation, NavigationGroup, Notification, NumberField, Option, OverlayContent, PasswordCreationField, PopoverContent, ProgressBar, Radio, RadioButton, RadioGroup, RangeCalendar, Rating, RatingSegment, SearchField, Section, Segment, SegmentedControl, Select, Separator, Skeleton, SkeletonText, Slider, Switch, Tab, TabNavigation, TabTitle, Table, TableBody, TableCell, TableColumn, TableFooterRow, TableHeader, TableRow, Tabs, Text, TextArea, TextField, TimeField, Tooltip, TooltipTrigger, TranslationProvider, Truncate, TunnelEntry, XAxis, YAxis, auto_generated_exports };
+export { AccentBox, Accordion, ActionGroup, Alert, AlertBadge, AlertIcon, AlertText, Align, Area, Autocomplete, Avatar, AvatarStack, Badge, Bar, BigNumber, Breadcrumb, Button, CartesianChart, CartesianGrid, ChartGrid, ChartLegend, ChartTooltip, Chat, Checkbox, CheckboxButton, CheckboxGroup, ClearPropsContext, CoachMark, CodeBlock, CodeEditor, Color, ColumnLayout, Combine, ComboBox, ComponentPropsContextProvider, Content, ContextMenu, ContextMenuContent, ContextMenuSection, ContextMenuTrigger, ContextualHelp, ContextualHelpTrigger, CopyButton, CounterBadge, DatePicker, DateRangePicker, DialogTrigger, Div, DonutChart, FieldDescription, FieldError, FileCard, FileCardList, FileDropZone, FileField, Flex, Header, HeaderNavigation, Heading, Icon, IllustratedMessage, Image, ImageCropper, Initials, InlineCode, ItemsGridList, ItemsGridListItem, Kbd, Label, LabeledValue, LayoutCard, Legend, LightBoxGallery, LightBoxGalleryItem, Line, Link, ListEmptyView, ListEmptyViewContainer, ListItemViewContent, ListSummary, LoadingSpinner, Markdown, MarkdownEditor, MenuItem, MenuTrigger, Message, MessageSeparator, MessageThread, Navigation, NavigationGroup, Notification, NumberField, Option, OverlayContent, PasswordCreationField, PopoverContent, ProgressBar, Radio, RadioButton, RadioGroup, RangeCalendar, Rating, RatingSegment, SearchField, Section, Segment, SegmentedControl, Select, Separator, Skeleton, SkeletonMode, SkeletonText, Slider, Switch, Tab, TabNavigation, TabTitle, Table, TableBody, TableCell, TableColumn, TableFooterRow, TableHeader, TableRow, Tabs, Text, TextArea, TextField, TimeField, Tooltip, TooltipTrigger, TranslationProvider, Truncate, TunnelEntry, XAxis, YAxis, auto_generated_exports };
 
 //# sourceMappingURL=index.mjs.map

package/dist/js/auto-generated/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/auto-generated/index.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nexport * from \"./AccentBox\";\nexport * from \"./Accordion\";\nexport * from \"./ActionGroup\";\nexport * from \"./Alert\";\nexport * from \"./AlertBadge\";\nexport * from \"./AlertIcon\";\nexport * from \"./AlertText\";\nexport * from \"./Align\";\nexport * from \"./Area\";\nexport * from \"./Autocomplete\";\nexport * from \"./Avatar\";\nexport * from \"./AvatarStack\";\nexport * from \"./Badge\";\nexport * from \"./Bar\";\nexport * from \"./BigNumber\";\nexport * from \"./Breadcrumb\";\nexport * from \"./Button\";\nexport * from \"./CartesianChart\";\nexport * from \"./CartesianGrid\";\nexport * from \"./ChartGrid\";\nexport * from \"./ChartLegend\";\nexport * from \"./ChartTooltip\";\nexport * from \"./Chat\";\nexport * from \"./Checkbox\";\nexport * from \"./CheckboxButton\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./ClearPropsContext\";\nexport * from \"./CoachMark\";\nexport * from \"./CodeBlock\";\nexport * from \"./CodeEditor\";\nexport * from \"./Color\";\nexport * from \"./ColumnLayout\";\nexport * from \"./Combine\";\nexport * from \"./ComboBox\";\nexport * from \"./ComponentPropsContextProvider\";\nexport * from \"./Content\";\nexport * from \"./ContextMenu\";\nexport * from \"./ContextMenuContent\";\nexport * from \"./ContextMenuSection\";\nexport * from \"./ContextMenuTrigger\";\nexport * from \"./ContextualHelp\";\nexport * from \"./ContextualHelpTrigger\";\nexport * from \"./CopyButton\";\nexport * from \"./CounterBadge\";\nexport * from \"./DatePicker\";\nexport * from \"./DateRangePicker\";\nexport * from \"./DialogTrigger\";\nexport * from \"./Div\";\nexport * from \"./DonutChart\";\nexport * from \"./FieldDescription\";\nexport * from \"./FieldError\";\nexport * from \"./FileCard\";\nexport * from \"./FileCardList\";\nexport * from \"./FileDropZone\";\nexport * from \"./FileField\";\nexport * from \"./Flex\";\nexport * from \"./Header\";\nexport * from \"./HeaderNavigation\";\nexport * from \"./Heading\";\nexport * from \"./Icon\";\nexport * from \"./IllustratedMessage\";\nexport * from \"./Image\";\nexport * from \"./ImageCropper\";\nexport * from \"./Initials\";\nexport * from \"./InlineCode\";\nexport * from \"./ItemsGridList\";\nexport * from \"./ItemsGridListItem\";\nexport * from \"./Kbd\";\nexport * from \"./Label\";\nexport * from \"./LabeledValue\";\nexport * from \"./LayoutCard\";\nexport * from \"./Legend\";\nexport * from \"./LightBoxGallery\";\nexport * from \"./LightBoxGalleryItem\";\nexport * from \"./Line\";\nexport * from \"./Link\";\nexport * from \"./ListEmptyView\";\nexport * from \"./ListEmptyViewContainer\";\nexport * from \"./ListItemViewContent\";\nexport * from \"./ListSummary\";\nexport * from \"./LoadingSpinner\";\nexport * from \"./Markdown\";\nexport * from \"./MarkdownEditor\";\nexport * from \"./MenuItem\";\nexport * from \"./MenuTrigger\";\nexport * from \"./Message\";\nexport * from \"./MessageSeparator\";\nexport * from \"./MessageThread\";\nexport * from \"./Navigation\";\nexport * from \"./NavigationGroup\";\nexport * from \"./Notification\";\nexport * from \"./NumberField\";\nexport * from \"./Option\";\nexport * from \"./OverlayContent\";\nexport * from \"./PasswordCreationField\";\nexport * from \"./PopoverContent\";\nexport * from \"./ProgressBar\";\nexport * from \"./Radio\";\nexport * from \"./RadioButton\";\nexport * from \"./RadioGroup\";\nexport * from \"./RangeCalendar\";\nexport * from \"./Rating\";\nexport * from \"./RatingSegment\";\nexport * from \"./SearchField\";\nexport * from \"./Section\";\nexport * from \"./Segment\";\nexport * from \"./SegmentedControl\";\nexport * from \"./Select\";\nexport * from \"./Separator\";\nexport * from \"./Skeleton\";\nexport * from \"./SkeletonText\";\nexport * from \"./Slider\";\nexport * from \"./Switch\";\nexport * from \"./Tab\";\nexport * from \"./TabNavigation\";\nexport * from \"./TabTitle\";\nexport * from \"./Table\";\nexport * from \"./TableBody\";\nexport * from \"./TableCell\";\nexport * from \"./TableColumn\";\nexport * from \"./TableFooterRow\";\nexport * from \"./TableHeader\";\nexport * from \"./TableRow\";\nexport * from \"./Tabs\";\nexport * from \"./Text\";\nexport * from \"./TextArea\";\nexport * from \"./TextField\";\nexport * from \"./TimeField\";\nexport * from \"./Tooltip\";\nexport * from \"./TooltipTrigger\";\nexport * from \"./TranslationProvider\";\nexport * from \"./Truncate\";\nexport * from \"./TunnelEntry\";\nexport * from \"./XAxis\";\nexport * from \"./YAxis\";\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/auto-generated/index.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nexport * from \"./AccentBox\";\nexport * from \"./Accordion\";\nexport * from \"./ActionGroup\";\nexport * from \"./Alert\";\nexport * from \"./AlertBadge\";\nexport * from \"./AlertIcon\";\nexport * from \"./AlertText\";\nexport * from \"./Align\";\nexport * from \"./Area\";\nexport * from \"./Autocomplete\";\nexport * from \"./Avatar\";\nexport * from \"./AvatarStack\";\nexport * from \"./Badge\";\nexport * from \"./Bar\";\nexport * from \"./BigNumber\";\nexport * from \"./Breadcrumb\";\nexport * from \"./Button\";\nexport * from \"./CartesianChart\";\nexport * from \"./CartesianGrid\";\nexport * from \"./ChartGrid\";\nexport * from \"./ChartLegend\";\nexport * from \"./ChartTooltip\";\nexport * from \"./Chat\";\nexport * from \"./Checkbox\";\nexport * from \"./CheckboxButton\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./ClearPropsContext\";\nexport * from \"./CoachMark\";\nexport * from \"./CodeBlock\";\nexport * from \"./CodeEditor\";\nexport * from \"./Color\";\nexport * from \"./ColumnLayout\";\nexport * from \"./Combine\";\nexport * from \"./ComboBox\";\nexport * from \"./ComponentPropsContextProvider\";\nexport * from \"./Content\";\nexport * from \"./ContextMenu\";\nexport * from \"./ContextMenuContent\";\nexport * from \"./ContextMenuSection\";\nexport * from \"./ContextMenuTrigger\";\nexport * from \"./ContextualHelp\";\nexport * from \"./ContextualHelpTrigger\";\nexport * from \"./CopyButton\";\nexport * from \"./CounterBadge\";\nexport * from \"./DatePicker\";\nexport * from \"./DateRangePicker\";\nexport * from \"./DialogTrigger\";\nexport * from \"./Div\";\nexport * from \"./DonutChart\";\nexport * from \"./FieldDescription\";\nexport * from \"./FieldError\";\nexport * from \"./FileCard\";\nexport * from \"./FileCardList\";\nexport * from \"./FileDropZone\";\nexport * from \"./FileField\";\nexport * from \"./Flex\";\nexport * from \"./Header\";\nexport * from \"./HeaderNavigation\";\nexport * from \"./Heading\";\nexport * from \"./Icon\";\nexport * from \"./IllustratedMessage\";\nexport * from \"./Image\";\nexport * from \"./ImageCropper\";\nexport * from \"./Initials\";\nexport * from \"./InlineCode\";\nexport * from \"./ItemsGridList\";\nexport * from \"./ItemsGridListItem\";\nexport * from \"./Kbd\";\nexport * from \"./Label\";\nexport * from \"./LabeledValue\";\nexport * from \"./LayoutCard\";\nexport * from \"./Legend\";\nexport * from \"./LightBoxGallery\";\nexport * from \"./LightBoxGalleryItem\";\nexport * from \"./Line\";\nexport * from \"./Link\";\nexport * from \"./ListEmptyView\";\nexport * from \"./ListEmptyViewContainer\";\nexport * from \"./ListItemViewContent\";\nexport * from \"./ListSummary\";\nexport * from \"./LoadingSpinner\";\nexport * from \"./Markdown\";\nexport * from \"./MarkdownEditor\";\nexport * from \"./MenuItem\";\nexport * from \"./MenuTrigger\";\nexport * from \"./Message\";\nexport * from \"./MessageSeparator\";\nexport * from \"./MessageThread\";\nexport * from \"./Navigation\";\nexport * from \"./NavigationGroup\";\nexport * from \"./Notification\";\nexport * from \"./NumberField\";\nexport * from \"./Option\";\nexport * from \"./OverlayContent\";\nexport * from \"./PasswordCreationField\";\nexport * from \"./PopoverContent\";\nexport * from \"./ProgressBar\";\nexport * from \"./Radio\";\nexport * from \"./RadioButton\";\nexport * from \"./RadioGroup\";\nexport * from \"./RangeCalendar\";\nexport * from \"./Rating\";\nexport * from \"./RatingSegment\";\nexport * from \"./SearchField\";\nexport * from \"./Section\";\nexport * from \"./Segment\";\nexport * from \"./SegmentedControl\";\nexport * from \"./Select\";\nexport * from \"./Separator\";\nexport * from \"./Skeleton\";\nexport * from \"./SkeletonMode\";\nexport * from \"./SkeletonText\";\nexport * from \"./Slider\";\nexport * from \"./Switch\";\nexport * from \"./Tab\";\nexport * from \"./TabNavigation\";\nexport * from \"./TabTitle\";\nexport * from \"./Table\";\nexport * from \"./TableBody\";\nexport * from \"./TableCell\";\nexport * from \"./TableColumn\";\nexport * from \"./TableFooterRow\";\nexport * from \"./TableHeader\";\nexport * from \"./TableRow\";\nexport * from \"./Tabs\";\nexport * from \"./Text\";\nexport * from \"./TextArea\";\nexport * from \"./TextField\";\nexport * from \"./TimeField\";\nexport * from \"./Tooltip\";\nexport * from \"./TooltipTrigger\";\nexport * from \"./TranslationProvider\";\nexport * from \"./Truncate\";\nexport * from \"./TunnelEntry\";\nexport * from \"./XAxis\";\nexport * from \"./YAxis\";\n"],"mappings":""}

package/dist/js/index.mjs

@@ -110,6 +110,7 @@ import { SegmentedControl } from "./auto-generated/SegmentedControl.mjs";
 import { Select } from "./auto-generated/Select.mjs";
 import { Separator } from "./auto-generated/Separator.mjs";
 import { Skeleton } from "./auto-generated/Skeleton.mjs";
+import { SkeletonMode } from "./auto-generated/SkeletonMode.mjs";
 import { SkeletonText } from "./auto-generated/SkeletonText.mjs";
 import { Slider } from "./auto-generated/Slider.mjs";
 import { Switch } from "./auto-generated/Switch.mjs";
@@ -138,4 +139,4 @@ import { YAxis } from "./auto-generated/YAxis.mjs";
 import { Form } from "./components/Form.mjs";
 import { LoadingFallbackTrigger } from "./components/LoadingFallbackTrigger.mjs";
 export * from "@mittwald/flow-react-components/flr-universal";
-export { AccentBox, Accordion, ActionGroup, Alert, AlertBadge, AlertIcon, AlertText, Align, Area, Autocomplete, Avatar, AvatarStack, Badge, Bar, BigNumber, Breadcrumb, Button, CartesianChart, CartesianGrid, ChartGrid, ChartLegend, ChartTooltip, Chat, Checkbox, CheckboxButton, CheckboxGroup, ClearPropsContext, CoachMark, CodeBlock, CodeEditor, Color, ColumnLayout, Combine, ComboBox, ComponentPropsContextProvider, Content, ContextMenu, ContextMenuContent, ContextMenuSection, ContextMenuTrigger, ContextualHelp, ContextualHelpTrigger, CopyButton, CounterBadge, DatePicker, DateRangePicker, DialogTrigger, Div, DonutChart, FieldDescription, FieldError, FileCard, FileCardList, FileDropZone, FileField, Flex, Form, Header, HeaderNavigation, Heading, Icon, IllustratedMessage, Image, ImageCropper, Initials, InlineCode, ItemsGridList, ItemsGridListItem, Kbd, Label, LabeledValue, LayoutCard, Legend, LightBoxGallery, LightBoxGalleryItem, Line, Link, ListEmptyView, ListEmptyViewContainer, ListItemViewContent, ListSummary, LoadingFallbackTrigger, LoadingSpinner, Markdown, MarkdownEditor, MenuItem, MenuTrigger, Message, MessageSeparator, MessageThread, Navigation, NavigationGroup, Notification, NumberField, Option, OverlayContent, PasswordCreationField, PopoverContent, ProgressBar, Radio, RadioButton, RadioGroup, RangeCalendar, Rating, RatingSegment, SearchField, Section, Segment, SegmentedControl, Select, Separator, Skeleton, SkeletonText, Slider, Switch, Tab, TabNavigation, TabTitle, Table, TableBody, TableCell, TableColumn, TableFooterRow, TableHeader, TableRow, Tabs, Text, TextArea, TextField, TimeField, Tooltip, TooltipTrigger, TranslationProvider, Truncate, TunnelEntry, XAxis, YAxis };
+export { AccentBox, Accordion, ActionGroup, Alert, AlertBadge, AlertIcon, AlertText, Align, Area, Autocomplete, Avatar, AvatarStack, Badge, Bar, BigNumber, Breadcrumb, Button, CartesianChart, CartesianGrid, ChartGrid, ChartLegend, ChartTooltip, Chat, Checkbox, CheckboxButton, CheckboxGroup, ClearPropsContext, CoachMark, CodeBlock, CodeEditor, Color, ColumnLayout, Combine, ComboBox, ComponentPropsContextProvider, Content, ContextMenu, ContextMenuContent, ContextMenuSection, ContextMenuTrigger, ContextualHelp, ContextualHelpTrigger, CopyButton, CounterBadge, DatePicker, DateRangePicker, DialogTrigger, Div, DonutChart, FieldDescription, FieldError, FileCard, FileCardList, FileDropZone, FileField, Flex, Form, Header, HeaderNavigation, Heading, Icon, IllustratedMessage, Image, ImageCropper, Initials, InlineCode, ItemsGridList, ItemsGridListItem, Kbd, Label, LabeledValue, LayoutCard, Legend, LightBoxGallery, LightBoxGalleryItem, Line, Link, ListEmptyView, ListEmptyViewContainer, ListItemViewContent, ListSummary, LoadingFallbackTrigger, LoadingSpinner, Markdown, MarkdownEditor, MenuItem, MenuTrigger, Message, MessageSeparator, MessageThread, Navigation, NavigationGroup, Notification, NumberField, Option, OverlayContent, PasswordCreationField, PopoverContent, ProgressBar, Radio, RadioButton, RadioGroup, RangeCalendar, Rating, RatingSegment, SearchField, Section, Segment, SegmentedControl, Select, Separator, Skeleton, SkeletonMode, SkeletonText, Slider, Switch, Tab, TabNavigation, TabTitle, Table, TableBody, TableCell, TableColumn, TableFooterRow, TableHeader, TableRow, Tabs, Text, TextArea, TextField, TimeField, Tooltip, TooltipTrigger, TranslationProvider, Truncate, TunnelEntry, XAxis, YAxis };

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

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","names":[],"sources":["../../../../../src/integrations/react-hook-form/Form/Form.tsx"],"sourcesContent":["import { Form as RhfForm } from \"@mittwald/flow-react-components/react-hook-form\";\nimport type { FormProps } from \"@mittwald/flow-react-components/react-hook-form\";\nimport type { FieldValues } from \"react-hook-form\";\nimport { createRemoteComponent } from \"@/lib/createRemoteComponent\";\nimport { RemoteRhfFormElement } from \"@mittwald/flow-remote-elements/react-hook-form\";\nexport { type RemoteRhfFormElement } from \"@mittwald/flow-remote-elements/react-hook-form\";\n\nconst BaseForm = createRemoteComponent(\"flr-rhf-form\", RemoteRhfFormElement, {\n  eventProps: {\n    onSubmit: { event: \"submit\" } as never,\n  },\n});\n\nexport const Form: typeof RhfForm = <F extends FieldValues>(\n  props: FormProps<F>,\n) => {\n  const { onSubmit, ...rest } = props;\n\n  return (\n    <RhfForm\n      {...rest}\n      onSubmit={onSubmit}\n      formComponent={(p) => <BaseForm onSubmit={onSubmit} {...p} />}\n    />\n  );\n};\n\nexport default Form;\n"],"mappings":";;;;;;;AAOA,IAAM,WAAW,sBAAsB,gBAAgB,sBAAsB,EAC3E,YAAY,EACV,UAAU,EAAE,OAAO,SAAS,EAC9B,EACF,CAAC;AAED,IAAa,UACX,UACG;CACH,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,MAAD;EACE,GAAI;EACM;EACV,gBAAgB,MAAM,oBAAC,UAAD;GAAoB;GAAU,GAAI;EAAI,CAAA;CAC7D,CAAA;AAEL"}
+{"version":3,"file":"Form.mjs","names":["Form","RhfForm"],"sources":["../../../../../src/integrations/react-hook-form/Form/Form.tsx"],"sourcesContent":["import { Form as RhfForm } from \"@mittwald/flow-react-components/react-hook-form\";\nimport type { FormProps } from \"@mittwald/flow-react-components/react-hook-form\";\nimport type { FieldValues } from \"react-hook-form\";\nimport { createRemoteComponent } from \"@/lib/createRemoteComponent\";\nimport { RemoteRhfFormElement } from \"@mittwald/flow-remote-elements/react-hook-form\";\nexport { type RemoteRhfFormElement } from \"@mittwald/flow-remote-elements/react-hook-form\";\n\nconst BaseForm = createRemoteComponent(\"flr-rhf-form\", RemoteRhfFormElement, {\n  eventProps: {\n    onSubmit: { event: \"submit\" } as never,\n  },\n});\n\nexport const Form: typeof RhfForm = <F extends FieldValues>(\n  props: FormProps<F>,\n) => {\n  const { onSubmit, ...rest } = props;\n\n  return (\n    <RhfForm\n      {...rest}\n      onSubmit={onSubmit}\n      formComponent={(p) => <BaseForm onSubmit={onSubmit} {...p} />}\n    />\n  );\n};\n\nexport default Form;\n"],"mappings":";;;;;;;AAOA,IAAM,WAAW,sBAAsB,gBAAgB,sBAAsB,EAC3E,YAAY,EACV,UAAU,EAAE,OAAO,SAAS,EAC9B,EACF,CAAC;AAED,IAAaA,UACX,UACG;CACH,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAACC,MAAD;EACE,GAAI;EACM;EACV,gBAAgB,MAAM,oBAAC,UAAD;GAAoB;GAAU,GAAI;EAAI,CAAA;CAC7D,CAAA;AAEL"}

package/dist/js/lib/createRemoteComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createRemoteComponent.mjs","names":[],"sources":["../../../src/lib/createRemoteComponent.ts"],"sourcesContent":["import { version } from \"@/version\";\nimport { useControlledRemoteValueProps } from \"@mittwald/flow-react-components/flr-universal\";\nimport { FlowRemoteElement } from \"@mittwald/flow-remote-elements\";\nimport { createRemoteComponent as libCreateRemoteComponent } from \"@mittwald/remote-dom-react\";\nimport { createElement } from \"react\";\n\nconst controlledComponentNames: (keyof HTMLElementTagNameMap)[] = [\n  \"flr-markdown-editor\",\n  \"flr-number-field\",\n  \"flr-password-creation-field\",\n  \"flr-search-field\",\n  \"flr-text-field\",\n  \"flr-text-area\",\n];\n\nexport const createRemoteComponent: typeof libCreateRemoteComponent = (\n  name,\n  element,\n  options,\n) => {\n  const RemoteComponent = libCreateRemoteComponent(name, element, options);\n  return (props) => {\n    const isControlledComponent = controlledComponentNames.includes(\n      name as keyof HTMLElementTagNameMap,\n    );\n\n    return createElement(RemoteComponent, {\n      [FlowRemoteElement.initializationPropertyName]: true,\n      [FlowRemoteElement.versionPropertyName]: version,\n      ...(isControlledComponent ? useControlledRemoteValueProps(props) : props),\n    });\n  };\n};\n"],"mappings":";;;;;;;;AAMA,IAAM,2BAA4D;CAChE;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,IAAa,2BACX,MACA,SACA,YACG;CACH,MAAM,kBAAkB,sBAAyB,MAAM,SAAS,OAAO;CACvE,QAAQ,UAAU;EAChB,MAAM,wBAAwB,yBAAyB,SACrD,IACF;EAEA,OAAO,cAAc,iBAAiB;IACnC,kBAAkB,6BAA6B;IAC/C,kBAAkB,sBAAsB;GACzC,GAAI,wBAAwB,8BAA8B,KAAK,IAAI;EACrE,CAAC;CACH;AACF"}
+{"version":3,"file":"createRemoteComponent.mjs","names":["createRemoteComponent","libCreateRemoteComponent"],"sources":["../../../src/lib/createRemoteComponent.ts"],"sourcesContent":["import { version } from \"@/version\";\nimport { useControlledRemoteValueProps } from \"@mittwald/flow-react-components/flr-universal\";\nimport { FlowRemoteElement } from \"@mittwald/flow-remote-elements\";\nimport { createRemoteComponent as libCreateRemoteComponent } from \"@mittwald/remote-dom-react\";\nimport { createElement } from \"react\";\n\nconst controlledComponentNames: (keyof HTMLElementTagNameMap)[] = [\n  \"flr-markdown-editor\",\n  \"flr-number-field\",\n  \"flr-password-creation-field\",\n  \"flr-search-field\",\n  \"flr-text-field\",\n  \"flr-text-area\",\n];\n\nexport const createRemoteComponent: typeof libCreateRemoteComponent = (\n  name,\n  element,\n  options,\n) => {\n  const RemoteComponent = libCreateRemoteComponent(name, element, options);\n  return (props) => {\n    const isControlledComponent = controlledComponentNames.includes(\n      name as keyof HTMLElementTagNameMap,\n    );\n\n    return createElement(RemoteComponent, {\n      [FlowRemoteElement.initializationPropertyName]: true,\n      [FlowRemoteElement.versionPropertyName]: version,\n      ...(isControlledComponent ? useControlledRemoteValueProps(props) : props),\n    });\n  };\n};\n"],"mappings":";;;;;;;;AAMA,IAAM,2BAA4D;CAChE;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,IAAaA,2BACX,MACA,SACA,YACG;CACH,MAAM,kBAAkBC,sBAAyB,MAAM,SAAS,OAAO;CACvE,QAAQ,UAAU;EAChB,MAAM,wBAAwB,yBAAyB,SACrD,IACF;EAEA,OAAO,cAAc,iBAAiB;IACnC,kBAAkB,6BAA6B;IAC/C,kBAAkB,sBAAsB;GACzC,GAAI,wBAAwB,8BAA8B,KAAK,IAAI;EACrE,CAAC;CACH;AACF"}

package/dist/js/version.mjs

@@ -3,7 +3,7 @@
 import { Version } from "@mittwald/flow-remote-core";
 //#region src/version.ts
 var communicationVersion = Version.v5;
-var packageVersion = "1.5.0-next.3";
+var packageVersion = "1.5.0-next.31";
 var version = communicationVersion;
 //#endregion
 export { communicationVersion, packageVersion, version };

package/dist/types/auto-generated/SkeletonMode.d.ts

@@ -0,0 +1,3 @@
+import { RemoteSkeletonModeElement } from '@mittwald/flow-remote-elements';
+export { type RemoteSkeletonModeElement } from '@mittwald/flow-remote-elements';
+export declare const SkeletonMode: import('@mittwald/remote-dom-react').RemoteComponentTypeFromElementConstructor<typeof RemoteSkeletonModeElement>;

package/dist/types/auto-generated/index.d.ts

@@ -108,6 +108,7 @@ export * from './SegmentedControl';
 export * from './Select';
 export * from './Separator';
 export * from './Skeleton';
+export * from './SkeletonMode';
 export * from './SkeletonText';
 export * from './Slider';
 export * from './Switch';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-remote-react-components",
-  "version": "1.5.0-next.3",
+  "version": "1.5.0-next.31",
   "type": "module",
   "description": "React components that can be used in a remote environment",
   "homepage": "https://flow.mittwald.de",
@@ -36,6 +36,7 @@
     "clean": "rimraf dist",
     "test:browser": "vitest run --project=browser --browser.headless --passWithNoTests",
     "test:browser:dev": "vitest dev --project=browser",
+    "test:browser:prepare": "if [ -z \"$CI\" ]; then playwright install firefox webkit; fi",
     "test:compile": "tsc --noEmit && tsc --noEmit -p tsconfig.vite.json",
     "test:cross-version": "tsx dev/cross-version/run.ts",
     "test:cross-version:dev": "vitest dev --config=e2e/cross-version/vitest.config.ts",
@@ -49,22 +50,22 @@
     "test:unit:dev": "vitest dev --project=unit* --passWithNoTests",
     "test:visual": "vitest run --project=visual --browser.headless",
     "test:visual:dev": "vitest dev --project=visual",
-    "test:visual:update": "vitest run --project=visual --browser.headless --update"
+    "test:visual:update": "vitest run --project=visual --browser.headless --update=true"
   },
   "dependencies": {
-    "@mittwald/flow-react-components": "1.5.0-next.3",
-    "@mittwald/flow-remote-core": "1.5.0-next.3",
-    "@mittwald/flow-remote-elements": "1.5.0-next.3",
+    "@mittwald/flow-react-components": "1.5.0-next.31",
+    "@mittwald/flow-remote-core": "1.5.0-next.31",
+    "@mittwald/flow-remote-elements": "1.5.0-next.31",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
     "@types/react": "^19.2",
     "react-error-boundary": "^6.1.3"
   },
   "devDependencies": {
     "@internationalized/date": "^3.12.3",
-    "@mittwald/ext-bridge": "1.5.0-next.3",
-    "@mittwald/flow-core": "1.5.0-next.3",
-    "@mittwald/flow-remote-react-renderer": "1.5.0-next.3",
-    "@mittwald/typescript-config": "1.5.0-next.3",
+    "@mittwald/ext-bridge": "1.5.0-next.31",
+    "@mittwald/flow-core": "1.5.0-next.31",
+    "@mittwald/flow-remote-react-renderer": "1.5.0-next.31",
+    "@mittwald/typescript-config": "1.5.0-next.31",
     "@quilted/threads": "^3.3.1",
     "@tabler/icons-react": "^3.44.0",
     "@types/node": "^25.9.3",
@@ -90,7 +91,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/ext-bridge": "1.5.0-next.3",
+    "@mittwald/ext-bridge": "1.5.0-next.31",
     "react": "^19.2.0",
     "react-hook-form": "^7.65.0"
   },
@@ -105,5 +106,5 @@
       "optional": true
     }
   },
-  "gitHead": "08a07852732a16bab90f066ace75fc65b7445740"
+  "gitHead": "32830501988a267a91ea97cf0087ad68ac761f57"
 }