@mittwald/flow-remote-react-components 0.2.0-alpha.8 → 0.2.0-alpha.80

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

@@ -0,0 +1,203 @@
+import { Accordion } from "./Accordion.mjs";
+import { ActionGroup } from "./ActionGroup.mjs";
+import { Alert } from "./Alert.mjs";
+import { AlertBadge } from "./AlertBadge.mjs";
+import { AlertIcon } from "./AlertIcon.mjs";
+import { Align } from "./Align.mjs";
+import { Avatar } from "./Avatar.mjs";
+import { AvatarStack } from "./AvatarStack.mjs";
+import { Badge } from "./Badge.mjs";
+import { Breadcrumb } from "./Breadcrumb.mjs";
+import { Button } from "./Button.mjs";
+import { Chat } from "./Chat.mjs";
+import { Checkbox } from "./Checkbox.mjs";
+import { CheckboxButton } from "./CheckboxButton.mjs";
+import { CheckboxGroup } from "./CheckboxGroup.mjs";
+import { ClearPropsContext } from "./ClearPropsContext.mjs";
+import { CodeBlock } from "./CodeBlock.mjs";
+import { ColumnLayout } from "./ColumnLayout.mjs";
+import { Content } from "./Content.mjs";
+import { ContextMenuContent } from "./ContextMenuContent.mjs";
+import { ContextMenuSection } from "./ContextMenuSection.mjs";
+import { ContextualHelp } from "./ContextualHelp.mjs";
+import { ContextualHelpTrigger } from "./ContextualHelpTrigger.mjs";
+import { CopyButton } from "./CopyButton.mjs";
+import { CounterBadge } from "./CounterBadge.mjs";
+import { CountryOptions } from "./CountryOptions.mjs";
+import { DatePicker } from "./DatePicker.mjs";
+import { DateRangePicker } from "./DateRangePicker.mjs";
+import { DialogTrigger } from "./DialogTrigger.mjs";
+import { Div } from "./Div.mjs";
+import { FieldDescription } from "./FieldDescription.mjs";
+import { FieldError } from "./FieldError.mjs";
+import { FileCard } from "./FileCard.mjs";
+import { FileCardList } from "./FileCardList.mjs";
+import { FileField } from "./FileField.mjs";
+import { Fragment } from "./Fragment.mjs";
+import { Header } from "./Header.mjs";
+import { HeaderNavigation } from "./HeaderNavigation.mjs";
+import { Heading } from "./Heading.mjs";
+import { Icon } from "./Icon.mjs";
+import { IllustratedMessage } from "./IllustratedMessage.mjs";
+import { Image } from "./Image.mjs";
+import { Initials } from "./Initials.mjs";
+import { InlineCode } from "./InlineCode.mjs";
+import { ItemsGridList } from "./ItemsGridList.mjs";
+import { ItemsGridListItem } from "./ItemsGridListItem.mjs";
+import { Label } from "./Label.mjs";
+import { LabeledValue } from "./LabeledValue.mjs";
+import { LayoutCard } from "./LayoutCard.mjs";
+import { LightBox } from "./LightBox.mjs";
+import { LightBoxTrigger } from "./LightBoxTrigger.mjs";
+import { Link } from "./Link.mjs";
+import { ListEmptyView } from "./ListEmptyView.mjs";
+import { ListItemViewContent } from "./ListItemViewContent.mjs";
+import { ListSummary } from "./ListSummary.mjs";
+import { LoadingSpinner } from "./LoadingSpinner.mjs";
+import { Markdown } from "./Markdown.mjs";
+import { MenuItem } from "./MenuItem.mjs";
+import { MenuTrigger } from "./MenuTrigger.mjs";
+import { Message } from "./Message.mjs";
+import { MessageSeparator } from "./MessageSeparator.mjs";
+import { MessageThread } from "./MessageThread.mjs";
+import { Navigation } from "./Navigation.mjs";
+import { NavigationGroup } from "./NavigationGroup.mjs";
+import { Notification } from "./Notification.mjs";
+import { NotificationProvider } from "./NotificationProvider.mjs";
+import { NumberField } from "./NumberField.mjs";
+import { Option } from "./Option.mjs";
+import { OverlayContent } from "./OverlayContent.mjs";
+import { PopoverContent } from "./PopoverContent.mjs";
+import { ProgressBar } from "./ProgressBar.mjs";
+import { Radio } from "./Radio.mjs";
+import { RadioButton } from "./RadioButton.mjs";
+import { RadioGroup } from "./RadioGroup.mjs";
+import { SearchField } from "./SearchField.mjs";
+import { Section } from "./Section.mjs";
+import { Segment } from "./Segment.mjs";
+import { SegmentedControl } from "./SegmentedControl.mjs";
+import { Select } from "./Select.mjs";
+import { Separator } from "./Separator.mjs";
+import { Skeleton } from "./Skeleton.mjs";
+import { SkeletonText } from "./SkeletonText.mjs";
+import { Slider } from "./Slider.mjs";
+import { Switch } from "./Switch.mjs";
+import { Tab } from "./Tab.mjs";
+import { TabTitle } from "./TabTitle.mjs";
+import { Table } from "./Table.mjs";
+import { TableBody } from "./TableBody.mjs";
+import { TableCell } from "./TableCell.mjs";
+import { TableColumn } from "./TableColumn.mjs";
+import { TableFooterRow } from "./TableFooterRow.mjs";
+import { TableHeader } from "./TableHeader.mjs";
+import { TableRow } from "./TableRow.mjs";
+import { Tabs } from "./Tabs.mjs";
+import { Text } from "./Text.mjs";
+import { TextArea } from "./TextArea.mjs";
+import { TextField } from "./TextField.mjs";
+import { TimeField } from "./TimeField.mjs";
+import { Tooltip } from "./Tooltip.mjs";
+import { TooltipTrigger } from "./TooltipTrigger.mjs";
+export {
+  Accordion,
+  ActionGroup,
+  Alert,
+  AlertBadge,
+  AlertIcon,
+  Align,
+  Avatar,
+  AvatarStack,
+  Badge,
+  Breadcrumb,
+  Button,
+  Chat,
+  Checkbox,
+  CheckboxButton,
+  CheckboxGroup,
+  ClearPropsContext,
+  CodeBlock,
+  ColumnLayout,
+  Content,
+  ContextMenuContent,
+  ContextMenuSection,
+  ContextualHelp,
+  ContextualHelpTrigger,
+  CopyButton,
+  CounterBadge,
+  CountryOptions,
+  DatePicker,
+  DateRangePicker,
+  DialogTrigger,
+  Div,
+  FieldDescription,
+  FieldError,
+  FileCard,
+  FileCardList,
+  FileField,
+  Fragment,
+  Header,
+  HeaderNavigation,
+  Heading,
+  Icon,
+  IllustratedMessage,
+  Image,
+  Initials,
+  InlineCode,
+  ItemsGridList,
+  ItemsGridListItem,
+  Label,
+  LabeledValue,
+  LayoutCard,
+  LightBox,
+  LightBoxTrigger,
+  Link,
+  ListEmptyView,
+  ListItemViewContent,
+  ListSummary,
+  LoadingSpinner,
+  Markdown,
+  MenuItem,
+  MenuTrigger,
+  Message,
+  MessageSeparator,
+  MessageThread,
+  Navigation,
+  NavigationGroup,
+  Notification,
+  NotificationProvider,
+  NumberField,
+  Option,
+  OverlayContent,
+  PopoverContent,
+  ProgressBar,
+  Radio,
+  RadioButton,
+  RadioGroup,
+  SearchField,
+  Section,
+  Segment,
+  SegmentedControl,
+  Select,
+  Separator,
+  Skeleton,
+  SkeletonText,
+  Slider,
+  Switch,
+  Tab,
+  TabTitle,
+  Table,
+  TableBody,
+  TableCell,
+  TableColumn,
+  TableFooterRow,
+  TableHeader,
+  TableRow,
+  Tabs,
+  Text,
+  TextArea,
+  TextField,
+  TimeField,
+  Tooltip,
+  TooltipTrigger
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/components/Form.mjs

@@ -0,0 +1,21 @@
+"use client"
+/* */
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createRemoteComponent } from "@mfalkenberg/remote-dom-react";
+import { RemoteFormElement } from "@mittwald/flow-remote-elements";
+import { startTransition } from "react";
+const BaseForm = createRemoteComponent("flr-form", RemoteFormElement, {
+  eventProps: {
+    onSubmit: { event: "submit" }
+  }
+});
+const Form = (props) => {
+  const { action, ...rest } = props;
+  const actionWithContext = action && typeof action === "function" ? (formData) => startTransition(() => action(formData)) : action;
+  return /* @__PURE__ */ jsx(BaseForm, { ...rest, action: actionWithContext });
+};
+export {
+  Form
+};
+//# sourceMappingURL=Form.mjs.map

package/dist/js/components/Form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.mjs","sources":["../../../src/components/Form.tsx"],"sourcesContent":["\"use client\";\nimport { createRemoteComponent } from \"@mfalkenberg/remote-dom-react\";\nimport { RemoteFormElement } from \"@mittwald/flow-remote-elements\";\nimport type { ComponentProps, FC } from \"react\";\nimport { startTransition } from \"react\";\nexport { type RemoteFormElement } from \"@mittwald/flow-remote-elements\";\n\nconst BaseForm = createRemoteComponent(\"flr-form\", RemoteFormElement, {\n  eventProps: {\n    onSubmit: { event: \"submit\" } as never,\n  },\n});\n\nexport const Form: FC<ComponentProps<typeof BaseForm>> = (props) => {\n  const { action, ...rest } = props;\n\n  const actionWithContext =\n    action && typeof action === \"function\"\n      ? (formData: FormData) => startTransition(() => action(formData))\n      : action;\n\n  return <BaseForm {...rest} action={actionWithContext} />;\n};\n"],"names":[],"mappings":";;;;;AAOA,MAAM,WAAW,sBAAsB,YAAY,mBAAmB;AAAA,EACpE,YAAY;AAAA,IACV,UAAU,EAAE,OAAO,SAAS;AAAA,EAAA;AAEhC,CAAC;AAEY,MAAA,OAA4C,CAAC,UAAU;AAClE,QAAM,EAAE,QAAQ,GAAG,KAAA,IAAS;AAE5B,QAAM,oBACJ,UAAU,OAAO,WAAW,aACxB,CAAC,aAAuB,gBAAgB,MAAM,OAAO,QAAQ,CAAC,IAC9D;AAEN,SAAQ,oBAAA,UAAA,EAAU,GAAG,MAAM,QAAQ,mBAAmB;AACxD;"}

package/dist/js/components/Preview.mjs

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+const Fallback = () => null;
+const RemoteRenderer = React.lazy(async () => {
+  try {
+    return await import("@mittwald/flow-remote-react-renderer/RemoteRenderer");
+  } catch {
+    return { default: Fallback };
+  }
+});
+const Preview = (props) => {
+  const previewUrl = new URL(document.location.href);
+  previewUrl.searchParams.set("preview", "");
+  return /* @__PURE__ */ jsx(RemoteRenderer, { src: previewUrl.toString(), ...props });
+};
+export {
+  Preview,
+  Preview as default
+};
+//# sourceMappingURL=Preview.mjs.map

package/dist/js/components/Preview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.mjs","sources":["../../../src/components/Preview.tsx"],"sourcesContent":["import React, { type FC, type ReactNode } from \"react\";\n\nconst Fallback: FC = () => null;\n\nconst RemoteRenderer = React.lazy(async () => {\n  try {\n    return await import(\"@mittwald/flow-remote-react-renderer/RemoteRenderer\");\n  } catch {\n    return { default: Fallback };\n  }\n});\n\ninterface Props {\n  fallback?: ReactNode;\n}\n\nexport const Preview: FC<Props> = (props) => {\n  const previewUrl = new URL(document.location.href);\n  previewUrl.searchParams.set(\"preview\", \"\");\n  return <RemoteRenderer src={previewUrl.toString()} {...props} />;\n};\n\nexport default Preview;\n"],"names":[],"mappings":";;AAEA,MAAM,WAAe,MAAM;AAE3B,MAAM,iBAAiB,MAAM,KAAK,YAAY;AACxC,MAAA;AACK,WAAA,MAAM,OAAO,qDAAqD;AAAA,EAAA,QACnE;AACC,WAAA,EAAE,SAAS,SAAS;AAAA,EAAA;AAE/B,CAAC;AAMY,MAAA,UAAqB,CAAC,UAAU;AAC3C,QAAM,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI;AACtC,aAAA,aAAa,IAAI,WAAW,EAAE;AACzC,6BAAQ,gBAAe,EAAA,KAAK,WAAW,SAAS,GAAI,GAAG,OAAO;AAChE;"}

package/dist/js/components/RemoteRootClient.mjs

@@ -0,0 +1,30 @@
+"use client"
+/* */
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as index from "../auto-generated/index.mjs";
+import { Preview } from "./Preview.mjs";
+import { ViewComponentContextProvider } from "@mittwald/flow-react-components/internal";
+import { connectHostRenderRootRef } from "@mittwald/flow-remote-core";
+import "react";
+const RemoteRootClient = (props) => {
+  const { children, showPreview = false, ...previewProps } = props;
+  const params = new URLSearchParams(document.location.search);
+  const isInPreviewFrame = params.has("preview");
+  const root = /* @__PURE__ */ jsx("div", { ref: connectHostRenderRootRef, children: /* @__PURE__ */ jsx(
+    ViewComponentContextProvider,
+    {
+      components: index,
+      children
+    }
+  ) });
+  if (isInPreviewFrame || !showPreview) {
+    return root;
+  }
+  return /* @__PURE__ */ jsx(Preview, { ...previewProps });
+};
+export {
+  RemoteRootClient,
+  RemoteRootClient as default
+};
+//# sourceMappingURL=RemoteRootClient.mjs.map

package/dist/js/components/RemoteRootClient.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteRootClient.mjs","sources":["../../../src/components/RemoteRootClient.tsx"],"sourcesContent":["\"use client\";\nimport * as viewComponents from \"@/auto-generated\";\nimport Preview from \"@/components/Preview\";\nimport { ViewComponentContextProvider } from \"@mittwald/flow-react-components/internal\";\nimport { connectHostRenderRootRef } from \"@mittwald/flow-remote-core\";\nimport { type FC, type PropsWithChildren, type ReactNode } from \"react\";\n\nexport interface RootClientProps extends PropsWithChildren {\n  showPreview?: boolean;\n  fallback?: ReactNode;\n}\n\nexport const RemoteRootClient: FC<RootClientProps> = (props) => {\n  const { children, showPreview = false, ...previewProps } = props;\n\n  const params = new URLSearchParams(document.location.search);\n  const isInPreviewFrame = params.has(\"preview\");\n\n  const root = (\n    <div ref={connectHostRenderRootRef}>\n      <ViewComponentContextProvider\n        components={viewComponents as FlowViewComponents}\n      >\n        {children}\n      </ViewComponentContextProvider>\n    </div>\n  );\n\n  if (isInPreviewFrame || !showPreview) {\n    return root;\n  }\n\n  return <Preview {...previewProps} />;\n};\n\nexport default RemoteRootClient;\n"],"names":["viewComponents"],"mappings":";;;;;;;AAYa,MAAA,mBAAwC,CAAC,UAAU;AAC9D,QAAM,EAAE,UAAU,cAAc,OAAO,GAAG,aAAiB,IAAA;AAE3D,QAAM,SAAS,IAAI,gBAAgB,SAAS,SAAS,MAAM;AACrD,QAAA,mBAAmB,OAAO,IAAI,SAAS;AAE7C,QAAM,OACJ,oBAAC,OAAI,EAAA,KAAK,0BACR,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAYA;AAAAA,MAEX;AAAA,IAAA;AAAA,EAAA,GAEL;AAGE,MAAA,oBAAoB,CAAC,aAAa;AAC7B,WAAA;AAAA,EAAA;AAGF,SAAA,oBAAC,SAAS,EAAA,GAAG,aAAc,CAAA;AACpC;"}

package/dist/js/components/createFlowRemoteComponent.mjs

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { createRemoteComponent } from "@mfalkenberg/remote-dom-react";
+import { isFlowComponentName, flowComponent } from "@mittwald/flow-react-components/internal";
+import { createElement } from "react";
+function createFlowRemoteComponent(tag, flowComponentTag, Element = customElements.get(tag), {
+  slotProps = true,
+  eventProps = {}
+} = {}) {
+  const element = createRemoteComponent(tag, Element, {
+    slotProps,
+    eventProps
+  });
+  if (isFlowComponentName(flowComponentTag)) {
+    return flowComponent(
+      flowComponentTag,
+      (p) => createElement(element, p)
+    );
+  }
+  return element;
+}
+export {
+  createFlowRemoteComponent,
+  createFlowRemoteComponent as default
+};
+//# sourceMappingURL=createFlowRemoteComponent.mjs.map

package/dist/js/components/createFlowRemoteComponent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFlowRemoteComponent.mjs","sources":["../../../src/components/createFlowRemoteComponent.tsx"],"sourcesContent":["import type {\n  RemoteComponentOptions,\n  RemoteComponentTypeFromElementConstructor,\n} from \"@mfalkenberg/remote-dom-react\";\nimport { createRemoteComponent } from \"@mfalkenberg/remote-dom-react\";\nimport {\n  flowComponent,\n  isFlowComponentName,\n} from \"@mittwald/flow-react-components/internal\";\nimport type {\n  RemoteElement,\n  RemoteElementConstructor,\n} from \"@mittwald/flow-remote-core\";\nimport { createElement } from \"react\";\n\n// eslint-disable-next-line  @typescript-eslint/no-explicit-any\ntype AnyRecord = Record<string, any>;\n\nexport function createFlowRemoteComponent<\n  Tag extends keyof HTMLElementTagNameMap,\n  ElementConstructor extends RemoteElementConstructor<\n    AnyRecord,\n    AnyRecord,\n    AnyRecord,\n    AnyRecord\n  > = HTMLElementTagNameMap[Tag] extends RemoteElement<\n    infer Properties,\n    infer Methods,\n    infer Slots,\n    infer EventListeners\n  >\n    ? RemoteElementConstructor<Properties, Methods, Slots, EventListeners>\n    : never,\n  Props extends AnyRecord = AnyRecord,\n>(\n  tag: Tag,\n  flowComponentTag: string,\n  Element: ElementConstructor | undefined = customElements.get(tag) as never,\n  {\n    slotProps = true,\n    eventProps = {} as never,\n  }: RemoteComponentOptions<ElementConstructor, Props> = {},\n): RemoteComponentTypeFromElementConstructor<ElementConstructor> {\n  const element = createRemoteComponent(tag, Element, {\n    slotProps,\n    eventProps,\n  });\n\n  if (isFlowComponentName(flowComponentTag)) {\n    return flowComponent(flowComponentTag, (p) =>\n      createElement(element, p as never),\n    );\n  }\n\n  return element;\n}\n\nexport default createFlowRemoteComponent;\n"],"names":[],"mappings":";;;AAkBO,SAAS,0BAiBd,KACA,kBACA,UAA0C,eAAe,IAAI,GAAG,GAChE;AAAA,EACE,YAAY;AAAA,EACZ,aAAa,CAAA;AACf,IAAuD,IACQ;AACzD,QAAA,UAAU,sBAAsB,KAAK,SAAS;AAAA,IAClD;AAAA,IACA;AAAA,EAAA,CACD;AAEG,MAAA,oBAAoB,gBAAgB,GAAG;AAClC,WAAA;AAAA,MAAc;AAAA,MAAkB,CAAC,MACtC,cAAc,SAAS,CAAU;AAAA,IACnC;AAAA,EAAA;AAGK,SAAA;AACT;"}

package/dist/js/hooks/useIsMounted.mjs

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { useState, useEffect } from "react";
+const useIsMounted = () => {
+  const [isMounted, setIsMounted] = useState(false);
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+  return isMounted;
+};
+export {
+  useIsMounted
+};
+//# sourceMappingURL=useIsMounted.mjs.map

package/dist/js/hooks/useIsMounted.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.mjs","sources":["../../../src/hooks/useIsMounted.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false);\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n  return isMounted;\n};\n"],"names":[],"mappings":";AAEO,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,YAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,EAAE;AACE,SAAA;AACT;"}

package/dist/js/index.mjs

@@ -0,0 +1,206 @@
+import { Accordion } from "./auto-generated/Accordion.mjs";
+import { ActionGroup } from "./auto-generated/ActionGroup.mjs";
+import { Alert } from "./auto-generated/Alert.mjs";
+import { AlertBadge } from "./auto-generated/AlertBadge.mjs";
+import { AlertIcon } from "./auto-generated/AlertIcon.mjs";
+import { Align } from "./auto-generated/Align.mjs";
+import { Avatar } from "./auto-generated/Avatar.mjs";
+import { AvatarStack } from "./auto-generated/AvatarStack.mjs";
+import { Badge } from "./auto-generated/Badge.mjs";
+import { Breadcrumb } from "./auto-generated/Breadcrumb.mjs";
+import { Button } from "./auto-generated/Button.mjs";
+import { Chat } from "./auto-generated/Chat.mjs";
+import { Checkbox } from "./auto-generated/Checkbox.mjs";
+import { CheckboxButton } from "./auto-generated/CheckboxButton.mjs";
+import { CheckboxGroup } from "./auto-generated/CheckboxGroup.mjs";
+import { ClearPropsContext } from "./auto-generated/ClearPropsContext.mjs";
+import { CodeBlock } from "./auto-generated/CodeBlock.mjs";
+import { ColumnLayout } from "./auto-generated/ColumnLayout.mjs";
+import { Content } from "./auto-generated/Content.mjs";
+import { ContextMenuContent } from "./auto-generated/ContextMenuContent.mjs";
+import { ContextMenuSection } from "./auto-generated/ContextMenuSection.mjs";
+import { ContextualHelp } from "./auto-generated/ContextualHelp.mjs";
+import { ContextualHelpTrigger } from "./auto-generated/ContextualHelpTrigger.mjs";
+import { CopyButton } from "./auto-generated/CopyButton.mjs";
+import { CounterBadge } from "./auto-generated/CounterBadge.mjs";
+import { CountryOptions } from "./auto-generated/CountryOptions.mjs";
+import { DatePicker } from "./auto-generated/DatePicker.mjs";
+import { DateRangePicker } from "./auto-generated/DateRangePicker.mjs";
+import { DialogTrigger } from "./auto-generated/DialogTrigger.mjs";
+import { Div } from "./auto-generated/Div.mjs";
+import { FieldDescription } from "./auto-generated/FieldDescription.mjs";
+import { FieldError } from "./auto-generated/FieldError.mjs";
+import { FileCard } from "./auto-generated/FileCard.mjs";
+import { FileCardList } from "./auto-generated/FileCardList.mjs";
+import { FileField } from "./auto-generated/FileField.mjs";
+import { Fragment } from "./auto-generated/Fragment.mjs";
+import { Header } from "./auto-generated/Header.mjs";
+import { HeaderNavigation } from "./auto-generated/HeaderNavigation.mjs";
+import { Heading } from "./auto-generated/Heading.mjs";
+import { Icon } from "./auto-generated/Icon.mjs";
+import { IllustratedMessage } from "./auto-generated/IllustratedMessage.mjs";
+import { Image } from "./auto-generated/Image.mjs";
+import { Initials } from "./auto-generated/Initials.mjs";
+import { InlineCode } from "./auto-generated/InlineCode.mjs";
+import { ItemsGridList } from "./auto-generated/ItemsGridList.mjs";
+import { ItemsGridListItem } from "./auto-generated/ItemsGridListItem.mjs";
+import { Label } from "./auto-generated/Label.mjs";
+import { LabeledValue } from "./auto-generated/LabeledValue.mjs";
+import { LayoutCard } from "./auto-generated/LayoutCard.mjs";
+import { LightBox } from "./auto-generated/LightBox.mjs";
+import { LightBoxTrigger } from "./auto-generated/LightBoxTrigger.mjs";
+import { Link } from "./auto-generated/Link.mjs";
+import { ListEmptyView } from "./auto-generated/ListEmptyView.mjs";
+import { ListItemViewContent } from "./auto-generated/ListItemViewContent.mjs";
+import { ListSummary } from "./auto-generated/ListSummary.mjs";
+import { LoadingSpinner } from "./auto-generated/LoadingSpinner.mjs";
+import { Markdown } from "./auto-generated/Markdown.mjs";
+import { MenuItem } from "./auto-generated/MenuItem.mjs";
+import { MenuTrigger } from "./auto-generated/MenuTrigger.mjs";
+import { Message } from "./auto-generated/Message.mjs";
+import { MessageSeparator } from "./auto-generated/MessageSeparator.mjs";
+import { MessageThread } from "./auto-generated/MessageThread.mjs";
+import { Navigation } from "./auto-generated/Navigation.mjs";
+import { NavigationGroup } from "./auto-generated/NavigationGroup.mjs";
+import { Notification } from "./auto-generated/Notification.mjs";
+import { NotificationProvider } from "./auto-generated/NotificationProvider.mjs";
+import { NumberField } from "./auto-generated/NumberField.mjs";
+import { Option } from "./auto-generated/Option.mjs";
+import { OverlayContent } from "./auto-generated/OverlayContent.mjs";
+import { PopoverContent } from "./auto-generated/PopoverContent.mjs";
+import { ProgressBar } from "./auto-generated/ProgressBar.mjs";
+import { Radio } from "./auto-generated/Radio.mjs";
+import { RadioButton } from "./auto-generated/RadioButton.mjs";
+import { RadioGroup } from "./auto-generated/RadioGroup.mjs";
+import { SearchField } from "./auto-generated/SearchField.mjs";
+import { Section } from "./auto-generated/Section.mjs";
+import { Segment } from "./auto-generated/Segment.mjs";
+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 { SkeletonText } from "./auto-generated/SkeletonText.mjs";
+import { Slider } from "./auto-generated/Slider.mjs";
+import { Switch } from "./auto-generated/Switch.mjs";
+import { Tab } from "./auto-generated/Tab.mjs";
+import { TabTitle } from "./auto-generated/TabTitle.mjs";
+import { Table } from "./auto-generated/Table.mjs";
+import { TableBody } from "./auto-generated/TableBody.mjs";
+import { TableCell } from "./auto-generated/TableCell.mjs";
+import { TableColumn } from "./auto-generated/TableColumn.mjs";
+import { TableFooterRow } from "./auto-generated/TableFooterRow.mjs";
+import { TableHeader } from "./auto-generated/TableHeader.mjs";
+import { TableRow } from "./auto-generated/TableRow.mjs";
+import { Tabs } from "./auto-generated/Tabs.mjs";
+import { Text } from "./auto-generated/Text.mjs";
+import { TextArea } from "./auto-generated/TextArea.mjs";
+import { TextField } from "./auto-generated/TextField.mjs";
+import { TimeField } from "./auto-generated/TimeField.mjs";
+import { Tooltip } from "./auto-generated/Tooltip.mjs";
+import { TooltipTrigger } from "./auto-generated/TooltipTrigger.mjs";
+export * from "@mittwald/flow-react-components/flr-universal";
+import { Form } from "./components/Form.mjs";
+export {
+  Accordion,
+  ActionGroup,
+  Alert,
+  AlertBadge,
+  AlertIcon,
+  Align,
+  Avatar,
+  AvatarStack,
+  Badge,
+  Breadcrumb,
+  Button,
+  Chat,
+  Checkbox,
+  CheckboxButton,
+  CheckboxGroup,
+  ClearPropsContext,
+  CodeBlock,
+  ColumnLayout,
+  Content,
+  ContextMenuContent,
+  ContextMenuSection,
+  ContextualHelp,
+  ContextualHelpTrigger,
+  CopyButton,
+  CounterBadge,
+  CountryOptions,
+  DatePicker,
+  DateRangePicker,
+  DialogTrigger,
+  Div,
+  FieldDescription,
+  FieldError,
+  FileCard,
+  FileCardList,
+  FileField,
+  Form,
+  Fragment,
+  Header,
+  HeaderNavigation,
+  Heading,
+  Icon,
+  IllustratedMessage,
+  Image,
+  Initials,
+  InlineCode,
+  ItemsGridList,
+  ItemsGridListItem,
+  Label,
+  LabeledValue,
+  LayoutCard,
+  LightBox,
+  LightBoxTrigger,
+  Link,
+  ListEmptyView,
+  ListItemViewContent,
+  ListSummary,
+  LoadingSpinner,
+  Markdown,
+  MenuItem,
+  MenuTrigger,
+  Message,
+  MessageSeparator,
+  MessageThread,
+  Navigation,
+  NavigationGroup,
+  Notification,
+  NotificationProvider,
+  NumberField,
+  Option,
+  OverlayContent,
+  PopoverContent,
+  ProgressBar,
+  Radio,
+  RadioButton,
+  RadioGroup,
+  SearchField,
+  Section,
+  Segment,
+  SegmentedControl,
+  Select,
+  Separator,
+  Skeleton,
+  SkeletonText,
+  Slider,
+  Switch,
+  Tab,
+  TabTitle,
+  Table,
+  TableBody,
+  TableCell,
+  TableColumn,
+  TableFooterRow,
+  TableHeader,
+  TableRow,
+  Tabs,
+  Text,
+  TextArea,
+  TextField,
+  TimeField,
+  Tooltip,
+  TooltipTrigger
+};
+//# sourceMappingURL=index.mjs.map

package/dist/js/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Form as Form$1 } from "@mittwald/flow-react-components/react-hook-form";
+import { Form as Form$2 } from "../../../components/Form.mjs";
+const Form = (props) => {
+  const { ...rest } = props;
+  return /* @__PURE__ */ jsx(Form$1, { formComponent: Form$2, ...rest });
+};
+export {
+  Form,
+  Form as default
+};
+//# sourceMappingURL=Form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.mjs","sources":["../../../../../src/integrations/react-hook-form/Form/Form.tsx"],"sourcesContent":["import React from \"react\";\nimport { 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 { Form as RemoteForm } from \"@/components/Form\";\n\nexport const Form = <F extends FieldValues>(props: FormProps<F>) => {\n  const { ...rest } = props;\n\n  return <RhfForm formComponent={RemoteForm} {...rest} />;\n};\n\nexport default Form;\n"],"names":["RhfForm","RemoteForm"],"mappings":";;;;AAMa,MAAA,OAAO,CAAwB,UAAwB;AAC5D,QAAA,EAAE,GAAG,KAAA,IAAS;AAEpB,SAAQ,oBAAAA,QAAA,EAAQ,eAAeC,QAAa,GAAG,MAAM;AACvD;"}

package/dist/js/react-hook-form.mjs

@@ -0,0 +1,11 @@
+"use client"
+/* */
+import { Form } from "./integrations/react-hook-form/Form/Form.mjs";
+import { Field, typedField, useFormContext } from "@mittwald/flow-react-components/react-hook-form";
+export {
+  Field,
+  Form,
+  typedField,
+  useFormContext
+};
+//# sourceMappingURL=react-hook-form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-hook-form.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -1,2 +1,4 @@
 import { RemoteAccordionElement } from '@mittwald/flow-remote-elements';
-export declare const Accordion: import('@remote-dom/react').RemoteComponentTypeFromElementConstructor<typeof RemoteAccordionElement>;
+export { type RemoteAccordionElement } from '@mittwald/flow-remote-elements';
+export declare const Accordion: import('@mfalkenberg/remote-dom-react').RemoteComponentTypeFromElementConstructor<typeof RemoteAccordionElement>;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/types/auto-generated/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/Accordion.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,eAAO,MAAM,SAAS,kHA2LrB,CAAC"}

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

@@ -1,2 +1,4 @@
 import { RemoteActionGroupElement } from '@mittwald/flow-remote-elements';
-export declare const ActionGroup: import('@remote-dom/react').RemoteComponentTypeFromElementConstructor<typeof RemoteActionGroupElement>;
+export { type RemoteActionGroupElement } from '@mittwald/flow-remote-elements';
+export declare const ActionGroup: import('@mfalkenberg/remote-dom-react').RemoteComponentTypeFromElementConstructor<typeof RemoteActionGroupElement>;
+//# sourceMappingURL=ActionGroup.d.ts.map

package/dist/types/auto-generated/ActionGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionGroup.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/ActionGroup.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,eAAO,MAAM,WAAW,oHAUvB,CAAC"}

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

@@ -1,2 +1,4 @@
 import { RemoteAlertElement } from '@mittwald/flow-remote-elements';
-export declare const Alert: import('@remote-dom/react').RemoteComponentTypeFromElementConstructor<typeof RemoteAlertElement>;
+export { type RemoteAlertElement } from '@mittwald/flow-remote-elements';
+export declare const Alert: import('@mfalkenberg/remote-dom-react').RemoteComponentTypeFromElementConstructor<typeof RemoteAlertElement>;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/types/auto-generated/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/Alert.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,eAAO,MAAM,KAAK,8GA2LjB,CAAC"}

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

@@ -1,2 +1,4 @@
 import { RemoteAlertBadgeElement } from '@mittwald/flow-remote-elements';
-export declare const AlertBadge: import('@remote-dom/react').RemoteComponentTypeFromElementConstructor<typeof RemoteAlertBadgeElement>;
+export { type RemoteAlertBadgeElement } from '@mittwald/flow-remote-elements';
+export declare const AlertBadge: import('@mfalkenberg/remote-dom-react').RemoteComponentTypeFromElementConstructor<typeof RemoteAlertBadgeElement>;
+//# sourceMappingURL=AlertBadge.d.ts.map

package/dist/types/auto-generated/AlertBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBadge.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/AlertBadge.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAE9E,eAAO,MAAM,UAAU,mHAUtB,CAAC"}

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

@@ -1,2 +1,4 @@
 import { RemoteAlertIconElement } from '@mittwald/flow-remote-elements';
-export declare const AlertIcon: import('@remote-dom/react').RemoteComponentTypeFromElementConstructor<typeof RemoteAlertIconElement>;
+export { type RemoteAlertIconElement } from '@mittwald/flow-remote-elements';
+export declare const AlertIcon: import('@mfalkenberg/remote-dom-react').RemoteComponentTypeFromElementConstructor<typeof RemoteAlertIconElement>;
+//# sourceMappingURL=AlertIcon.d.ts.map

package/dist/types/auto-generated/AlertIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertIcon.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/AlertIcon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,eAAO,MAAM,SAAS,kHA2LrB,CAAC"}