@mittwald/flow-remote-react-components 0.2.0-alpha.27 → 0.2.0-alpha.29

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

@@ -0,0 +1,193 @@
+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 { Badge } from "./Badge.mjs";
+import { Breadcrumb } from "./Breadcrumb.mjs";
+import { Button } from "./Button.mjs";
+import { Checkbox } from "./Checkbox.mjs";
+import { CheckboxButton } from "./CheckboxButton.mjs";
+import { CheckboxGroup } from "./CheckboxGroup.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 { 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,
+  Badge,
+  Breadcrumb,
+  Button,
+  Checkbox,
+  CheckboxButton,
+  CheckboxGroup,
+  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,
+  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 "@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 \"@remote-dom/react\";\nimport { RemoteFormElement } from \"@mittwald/flow-remote-elements\";\nexport { type RemoteFormElement } from \"@mittwald/flow-remote-elements\";\nimport type { ComponentProps, FC } from \"react\";\nimport React from \"react\";\nimport { startTransition } from \"react\";\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":";;;;;AAQA,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 = () => {
+  const previewUrl = new URL(document.location.href);
+  previewUrl.searchParams.set("preview", "");
+  return /* @__PURE__ */ jsx(RemoteRenderer, { src: previewUrl.toString() });
+};
+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 } 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\nexport const Preview: FC = () => {\n  const previewUrl = new URL(document.location.href);\n  previewUrl.searchParams.set(\"preview\", \"\");\n  return <RemoteRenderer src={previewUrl.toString()} />;\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;AAEM,MAAM,UAAc,MAAM;AAC/B,QAAM,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI;AACtC,aAAA,aAAa,IAAI,WAAW,EAAE;AACzC,SAAQ,oBAAA,gBAAA,EAAe,KAAK,WAAW,YAAY;AACrD;"}

package/dist/js/components/RemoteRootClient.mjs

@@ -0,0 +1,42 @@
+"use client"
+/* */
+"use client";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { connectHostIframeRef } from "@mittwald/flow-remote-core";
+import { ViewComponentContextProvider } from "@mittwald/flow-react-components/internal";
+import * as index from "../auto-generated/index.mjs";
+import { Preview } from "./Preview.mjs";
+const RemoteRootClient = (props) => {
+  const { children, showPreview = false } = props;
+  const params = new URLSearchParams(document.location.search);
+  const isInPreviewFrame = params.has("preview");
+  const root = /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: connectHostIframeRef,
+      style: {
+        height: 0,
+        width: 0,
+        left: -9999,
+        position: "absolute"
+      },
+      children: /* @__PURE__ */ jsx(
+        ViewComponentContextProvider,
+        {
+          components: index,
+          children
+        }
+      )
+    }
+  );
+  if (isInPreviewFrame || !showPreview) {
+    return root;
+  }
+  return /* @__PURE__ */ jsx(Preview, {});
+};
+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 type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport { connectHostIframeRef } from \"@mittwald/flow-remote-core\";\nimport { ViewComponentContextProvider } from \"@mittwald/flow-react-components/internal\";\nimport * as viewComponents from \"@/auto-generated\";\nimport Preview from \"@/components/Preview\";\n\nexport interface RootClientProps extends PropsWithChildren {\n  showPreview?: boolean;\n}\n\nexport const RemoteRootClient: FC<RootClientProps> = (props) => {\n  const { children, showPreview = false } = props;\n\n  const params = new URLSearchParams(document.location.search);\n  const isInPreviewFrame = params.has(\"preview\");\n\n  const root = (\n    <div\n      ref={connectHostIframeRef}\n      style={{\n        height: 0,\n        width: 0,\n        left: -9999,\n        position: \"absolute\",\n      }}\n    >\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 />;\n};\n\nexport default RemoteRootClient;\n"],"names":["viewComponents"],"mappings":";;;;;;;AAYa,MAAA,mBAAwC,CAAC,UAAU;AAC9D,QAAM,EAAE,UAAU,cAAc,MAAU,IAAA;AAE1C,QAAM,SAAS,IAAI,gBAAgB,SAAS,SAAS,MAAM;AACrD,QAAA,mBAAmB,OAAO,IAAI,SAAS;AAE7C,QAAM,OACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,MACZ;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,YAAYA;AAAAA,UAEX;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAGE,MAAA,oBAAoB,CAAC,aAAa;AAC7B,WAAA;AAAA,EAAA;AAGT,6BAAQ,SAAQ,EAAA;AAClB;"}

package/dist/js/components/createFlowRemoteComponent.mjs

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import { createElement } from "react";
+import { createRemoteComponent } from "@remote-dom/react";
+import { isFlowComponentName, flowComponent } from "@mittwald/flow-react-components/internal";
+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) => {
+      return 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.ts"],"sourcesContent":["import { createElement } from \"react\";\nimport type {\n  RemoteElement,\n  RemoteElementConstructor,\n} from \"@mittwald/flow-remote-core\";\nimport type {\n  RemoteComponentOptions,\n  RemoteComponentTypeFromElementConstructor,\n} from \"@remote-dom/react\";\nimport { createRemoteComponent } from \"@remote-dom/react\";\nimport { isFlowComponentName } from \"@mittwald/flow-react-components/internal\";\nimport { flowComponent } from \"@mittwald/flow-react-components/internal\";\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      return createElement(element, p as never);\n    });\n  }\n\n  return element;\n}\n\nexport default createFlowRemoteComponent;\n"],"names":[],"mappings":";;;AAgBO,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,cAAc,kBAAkB,CAAC,MAAM;AACrC,aAAA,cAAc,SAAS,CAAU;AAAA,IAAA,CACzC;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,196 @@
+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 { Badge } from "./auto-generated/Badge.mjs";
+import { Breadcrumb } from "./auto-generated/Breadcrumb.mjs";
+import { Button } from "./auto-generated/Button.mjs";
+import { Checkbox } from "./auto-generated/Checkbox.mjs";
+import { CheckboxButton } from "./auto-generated/CheckboxButton.mjs";
+import { CheckboxGroup } from "./auto-generated/CheckboxGroup.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 { 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";
+import { Form } from "./components/Form.mjs";
+export * from "@mittwald/flow-react-components/flr-universal";
+export {
+  Accordion,
+  ActionGroup,
+  Alert,
+  AlertBadge,
+  AlertIcon,
+  Align,
+  Avatar,
+  Badge,
+  Breadcrumb,
+  Button,
+  Checkbox,
+  CheckboxButton,
+  CheckboxGroup,
+  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,
+  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/components/FlowRemoteUniversal.d.ts

@@ -0,0 +1,2 @@
+export * from '@mittwald/flow-react-components/flr-universal';
+//# sourceMappingURL=FlowRemoteUniversal.d.ts.map

package/dist/types/components/FlowRemoteUniversal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowRemoteUniversal.d.ts","sourceRoot":"","sources":["../../../src/components/FlowRemoteUniversal.ts"],"names":[],"mappings":"AAAA,cAAc,+CAA+C,CAAC"}

package/dist/types/components/Form.d.ts

@@ -1,6 +1,6 @@
 import { RemoteFormElement } from '@mittwald/flow-remote-elements';
 import { ComponentProps, FC } from 'react';
+export { type RemoteFormElement } from '@mittwald/flow-remote-elements';
 declare const BaseForm: import('@remote-dom/react').RemoteComponentTypeFromElementConstructor<typeof RemoteFormElement>;
 export declare const Form: FC<ComponentProps<typeof BaseForm>>;
-export {};
 //# sourceMappingURL=Form.d.ts.map

package/dist/types/components/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhD,QAAA,MAAM,QAAQ,iGAIZ,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CASpD,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhD,QAAA,MAAM,QAAQ,iGAIZ,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CASpD,CAAC"}

package/dist/types/components/createFlowRemoteComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFlowRemoteComponent.d.ts","sourceRoot":"","sources":["../../../src/components/createFlowRemoteComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,aAAa,EACb,wBAAwB,EACzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EACV,sBAAsB,EACtB,yCAAyC,EAC1C,MAAM,mBAAmB,CAAC;AAM3B,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAErC,wBAAgB,yBAAyB,CACvC,GAAG,SAAS,MAAM,qBAAqB,EACvC,kBAAkB,SAAS,wBAAwB,CACjD,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,CACV,GAAG,qBAAqB,CAAC,GAAG,CAAC,SAAS,aAAa,CAClD,MAAM,UAAU,EAChB,MAAM,OAAO,EACb,MAAM,KAAK,EACX,MAAM,cAAc,CACrB,GACG,wBAAwB,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,GACpE,KAAK,EACT,KAAK,SAAS,SAAS,GAAG,SAAS,EAEnC,GAAG,EAAE,GAAG,EACR,gBAAgB,EAAE,MAAM,EACxB,OAAO,GAAE,kBAAkB,GAAG,SAA4C,EAC1E,EACE,SAAgB,EAChB,UAAwB,GACzB,GAAE,sBAAsB,CAAC,kBAAkB,EAAE,KAAK,CAAM,GACxD,yCAAyC,CAAC,kBAAkB,CAAC,CAa/D;AAED,eAAe,yBAAyB,CAAC"}

package/dist/types/components/index.d.ts

@@ -1,12 +1,3 @@
-export * from './List';
 export * from './Form';
-/**
- * Using named re-exports here (and not "export * from ..."), because of Next.JS
- * issue: It's currently unsupported to use "export *" in a client boundary
- */
-export { Wrap } from '@mittwald/flow-react-components/Wrap';
-export { Popover, PopoverTrigger, } from '@mittwald/flow-react-components/Popover';
-export { Modal, type ModalProps, ModalTrigger, type ModalTriggerProps, } from '@mittwald/flow-react-components/Modal';
-export { ContextMenu, type ContextMenuProps, ContextMenuTrigger, type ContextMenuTriggerProps, } from '@mittwald/flow-react-components/ContextMenu';
-export { Action, type ActionFn, type ActionProps, } from '@mittwald/flow-react-components/Action';
+export * from './FlowRemoteUniversal';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAEvB;;;GAGG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAE5D,OAAO,EACL,OAAO,EACP,cAAc,GACf,MAAM,yCAAyC,CAAC;AAEjD,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,6CAA6C,CAAC;AAErD,OAAO,EACL,MAAM,EACN,KAAK,QAAQ,EACb,KAAK,WAAW,GACjB,MAAM,wCAAwC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC"}

package/dist/types/integrations/react-hook-form/Form/Form.d.ts

@@ -1,4 +1,4 @@
-import { FormProps } from '@mittwald/flow-react-components/react-hook-form/Form';
+import { FormProps } from '@mittwald/flow-react-components/react-hook-form';
 import { FieldValues } from 'react-hook-form';
 export declare const Form: <F extends FieldValues>(props: FormProps<F>) => import("react/jsx-runtime").JSX.Element;
 export default Form;

package/dist/types/integrations/react-hook-form/Form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../src/integrations/react-hook-form/Form/Form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sDAAsD,CAAC;AACtF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,WAAW,SAAS,SAAS,CAAC,CAAC,CAAC,4CAI9D,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../src/integrations/react-hook-form/Form/Form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,WAAW,SAAS,SAAS,CAAC,CAAC,CAAC,4CAI9D,CAAC;AAEF,eAAe,IAAI,CAAC"}