@mittwald/flow-remote-react-components 0.2.0-alpha.9 → 0.2.0-alpha.91

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 } from \"react\";\n\nexport interface RootClientProps extends PropsWithChildren {\n  showPreview?: boolean;\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":";;;;;;;AAWa,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,27 @@
+"use client"
+/* */
+import { jsx } from "react/jsx-runtime";
+import { createRemoteComponent } from "@mfalkenberg/remote-dom-react";
+import { isFlowComponentName, flowComponent, ClearPropsContextContent } from "@mittwald/flow-react-components/internal";
+import { createElement } from "react";
+function createFlowRemoteComponent(tag, flowComponentTag, options, Element = customElements.get(tag), {
+  slotProps = true,
+  eventProps = {}
+} = {}) {
+  const element = createRemoteComponent(tag, Element, {
+    slotProps,
+    eventProps
+  });
+  if (isFlowComponentName(flowComponentTag)) {
+    return flowComponent(flowComponentTag, (p) => {
+      const children = options.clearPropsContext ? /* @__PURE__ */ jsx(ClearPropsContextContent, { children: p.children }) : p.children;
+      return createElement(element, p, children);
+    });
+  }
+  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  ClearPropsContextContent,\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\ninterface Options {\n  clearPropsContext?: boolean;\n}\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  options: Options,\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      /**\n       * Notice: <ClearPropsContextContent> is used here, to just clear the\n       * context on remote side. Otherwise a corresponding <ClearPropsContext>\n       * component will be rendered as parent of all host children, which\n       * potentially clears more props as desired.\n       */\n      const children = options.clearPropsContext ? (\n        <ClearPropsContextContent>{p.children}</ClearPropsContextContent>\n      ) : (\n        p.children\n      );\n\n      return createElement(element, p as never, children);\n    });\n  }\n\n  return element;\n}\n\nexport default createFlowRemoteComponent;\n"],"names":[],"mappings":";;;;AAuBgB,SAAA,0BAiBd,KACA,kBACA,SACA,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,cAAc,kBAAkB,CAAC,MAAM;AAOtC,YAAA,WAAW,QAAQ,oBACvB,oBAAC,4BAA0B,UAAE,EAAA,UAAS,IAEtC,EAAE;AAGG,aAAA,cAAc,SAAS,GAAY,QAAQ;AAAA,IAAA,CACnD;AAAA,EAAA;AAGI,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,208 @@
+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 { ClearPropsContextContent } from "./auto-generated/ClearPropsContextContent.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 { Flex } from "./auto-generated/Flex.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,
+  ClearPropsContextContent,
+  CodeBlock,
+  ColumnLayout,
+  Content,
+  ContextMenuContent,
+  ContextMenuSection,
+  ContextualHelp,
+  ContextualHelpTrigger,
+  CopyButton,
+  CounterBadge,
+  CountryOptions,
+  DatePicker,
+  DateRangePicker,
+  DialogTrigger,
+  Div,
+  FieldDescription,
+  FieldError,
+  FileCard,
+  FileCardList,
+  FileField,
+  Flex,
+  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,kHA8LrB,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,oHAavB,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,8GA8LjB,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,mHAatB,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,kHA8LrB,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/Avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE1E,eAAO,MAAM,MAAM,+GAalB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/AvatarStack.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,oHAevB,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/Button.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE1E,eAAO,MAAM,MAAM,+GA2BlB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/Chat.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAExE,eAAO,MAAM,IAAI,6GAahB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/Checkbox.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,eAAO,MAAM,QAAQ,iHAuBpB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxButton.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/CheckboxButton.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAElF,eAAO,MAAM,cAAc,uHAuB1B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/CheckboxGroup.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAEjF,eAAO,MAAM,aAAa,sHAkBzB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearPropsContextContent.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/ClearPropsContextContent.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,qCAAqC,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,KAAK,qCAAqC,EAAE,MAAM,gCAAgC,CAAC;AAE5F,eAAO,MAAM,wBAAwB,iIAapC,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnLayout.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/ColumnLayout.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAEhF,eAAO,MAAM,YAAY,qHA8LxB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/Content.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAE3E,eAAO,MAAM,OAAO,gHA8LnB,CAAC"}