@mittwald/flow-remote-react-components 0.2.0-alpha.14 → 0.2.0-alpha.146

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

@@ -0,0 +1,227 @@
+import { AccentBox } from "./AccentBox.mjs";
+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 { Area } from "./Area.mjs";
+import { AreaChart } from "./AreaChart.mjs";
+import { Avatar } from "./Avatar.mjs";
+import { AvatarStack } from "./AvatarStack.mjs";
+import { Badge } from "./Badge.mjs";
+import { BigNumber } from "./BigNumber.mjs";
+import { Breadcrumb } from "./Breadcrumb.mjs";
+import { Button } from "./Button.mjs";
+import { CartesianGrid } from "./CartesianGrid.mjs";
+import { ChartLegend } from "./ChartLegend.mjs";
+import { ChartTooltip } from "./ChartTooltip.mjs";
+import { Chat } from "./Chat.mjs";
+import { Checkbox } from "./Checkbox.mjs";
+import { CheckboxButton } from "./CheckboxButton.mjs";
+import { CheckboxGroup } from "./CheckboxGroup.mjs";
+import { ClearPropsContextContent } from "./ClearPropsContextContent.mjs";
+import { CodeBlock } from "./CodeBlock.mjs";
+import { Color } from "./Color.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 { Flex } from "./Flex.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 { Legend } from "./Legend.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 { Rating } from "./Rating.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";
+import { XAxis } from "./XAxis.mjs";
+import { YAxis } from "./YAxis.mjs";
+export {
+  AccentBox,
+  Accordion,
+  ActionGroup,
+  Alert,
+  AlertBadge,
+  AlertIcon,
+  Align,
+  Area,
+  AreaChart,
+  Avatar,
+  AvatarStack,
+  Badge,
+  BigNumber,
+  Breadcrumb,
+  Button,
+  CartesianGrid,
+  ChartLegend,
+  ChartTooltip,
+  Chat,
+  Checkbox,
+  CheckboxButton,
+  CheckboxGroup,
+  ClearPropsContextContent,
+  CodeBlock,
+  Color,
+  ColumnLayout,
+  Content,
+  ContextMenuContent,
+  ContextMenuSection,
+  ContextualHelp,
+  ContextualHelpTrigger,
+  CopyButton,
+  CounterBadge,
+  CountryOptions,
+  DatePicker,
+  DateRangePicker,
+  DialogTrigger,
+  Div,
+  FieldDescription,
+  FieldError,
+  FileCard,
+  FileCardList,
+  FileField,
+  Flex,
+  Header,
+  HeaderNavigation,
+  Heading,
+  Icon,
+  IllustratedMessage,
+  Image,
+  Initials,
+  InlineCode,
+  ItemsGridList,
+  ItemsGridListItem,
+  Label,
+  LabeledValue,
+  LayoutCard,
+  Legend,
+  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,
+  Rating,
+  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,
+  XAxis,
+  YAxis
+};
+//# 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 "@mittwald/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 \"@mittwald/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,17 @@
+"use client"
+/* */
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+const LazyRemoteRenderer = React.lazy(
+  () => import("@mittwald/flow-remote-react-renderer/RemoteRenderer")
+);
+const Preview = (props) => {
+  const previewUrl = new URL(document.location.href);
+  previewUrl.searchParams.set("preview", "");
+  return /* @__PURE__ */ jsx(LazyRemoteRenderer, { 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 type { ExtBridgeRemoteApi } from \"@mittwald/ext-bridge\";\nimport React, { type FC } from \"react\";\n\nconst LazyRemoteRenderer = React.lazy(\n  () => import(\"@mittwald/flow-remote-react-renderer/RemoteRenderer\"),\n);\n\ninterface Props {\n  extBridgeImplementation?: ExtBridgeRemoteApi;\n}\n\nexport const Preview: FC<Props> = (props) => {\n  const previewUrl = new URL(document.location.href);\n  previewUrl.searchParams.set(\"preview\", \"\");\n  return <LazyRemoteRenderer src={previewUrl.toString()} {...props} />;\n};\n\nexport default Preview;\n"],"names":[],"mappings":";;AAGA,MAAM,qBAAqB,MAAM;AAAA,EAC/B,MAAM,OAAO,qDAAqD;AACpE;AAMa,MAAA,UAAqB,CAAC,UAAU;AAC3C,QAAM,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI;AACtC,aAAA,aAAa,IAAI,WAAW,EAAE;AACzC,6BAAQ,oBAAmB,EAAA,KAAK,WAAW,SAAS,GAAI,GAAG,OAAO;AACpE;"}

package/dist/js/components/RemoteRootClient.mjs

@@ -0,0 +1,59 @@
+"use client"
+/* */
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as index from "../auto-generated/index.mjs";
+import { Preview } from "./Preview.mjs";
+import { stringifyError } from "../lib/stringifyError.mjs";
+import { ViewComponentContextProvider } from "@mittwald/flow-react-components/internal";
+import { connectHostRenderRootRef } from "@mittwald/flow-remote-core";
+import { useRef, Suspense } from "react";
+import { ErrorBoundary } from "react-error-boundary";
+const RemoteRootClient = (props) => {
+  const { children, showPreview = false, ...previewProps } = props;
+  const params = new URLSearchParams(document.location.search);
+  const isInPreviewFrame = params.has("preview");
+  const connectionRef = useRef(void 0);
+  const errorRef = useRef(void 0);
+  const handleRenderError = (error) => {
+    var _a;
+    errorRef.current = error;
+    (_a = connectionRef.current) == null ? void 0 : _a.imports.setError(stringifyError(error));
+  };
+  const root = /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: (div) => {
+        connectionRef.current = connectHostRenderRootRef(div);
+        if (errorRef.current) {
+          handleRenderError(errorRef.current);
+        }
+      },
+      children: /* @__PURE__ */ jsx(
+        ErrorBoundary,
+        {
+          fallbackRender: ({ error }) => {
+            handleRenderError(error);
+            return null;
+          },
+          children: /* @__PURE__ */ jsx(Suspense, { 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 { stringifyError } from \"@/lib/stringifyError\";\nimport type { ExtBridgeRemoteApi } from \"@mittwald/ext-bridge\";\nimport { ViewComponentContextProvider } from \"@mittwald/flow-react-components/internal\";\nimport {\n  connectHostRenderRootRef,\n  type RemoteToHostConnection,\n} from \"@mittwald/flow-remote-core\";\nimport { Suspense, useRef, type FC, type PropsWithChildren } from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\n\nexport interface RootClientProps extends PropsWithChildren {\n  showPreview?: boolean;\n  extBridgeImplementation?: ExtBridgeRemoteApi;\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  const connectionRef = useRef<RemoteToHostConnection>(undefined);\n  const errorRef = useRef<unknown>(undefined);\n\n  const handleRenderError = (error: unknown) => {\n    errorRef.current = error;\n    connectionRef.current?.imports.setError(stringifyError(error));\n  };\n\n  const root = (\n    <div\n      ref={(div) => {\n        connectionRef.current = connectHostRenderRootRef(div);\n        if (errorRef.current) {\n          handleRenderError(errorRef.current);\n        }\n      }}\n    >\n      <ErrorBoundary\n        fallbackRender={({ error }) => {\n          handleRenderError(error);\n          return null;\n        }}\n      >\n        <Suspense>\n          <ViewComponentContextProvider\n            components={viewComponents as FlowViewComponents}\n          >\n            {children}\n          </ViewComponentContextProvider>\n        </Suspense>\n      </ErrorBoundary>\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":";;;;;;;;;AAkBa,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;AACvC,QAAA,gBAAgB,OAA+B,MAAS;AACxD,QAAA,WAAW,OAAgB,MAAS;AAEpC,QAAA,oBAAoB,CAAC,UAAmB;;AAC5C,aAAS,UAAU;AACnB,wBAAc,YAAd,mBAAuB,QAAQ,SAAS,eAAe,KAAK;AAAA,EAC9D;AAEA,QAAM,OACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,CAAC,QAAQ;AACE,sBAAA,UAAU,yBAAyB,GAAG;AACpD,YAAI,SAAS,SAAS;AACpB,4BAAkB,SAAS,OAAO;AAAA,QAAA;AAAA,MAEtC;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,gBAAgB,CAAC,EAAE,YAAY;AAC7B,8BAAkB,KAAK;AAChB,mBAAA;AAAA,UACT;AAAA,UAEA,8BAAC,UACC,EAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,YAAYA;AAAAA,cAEX;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;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 "@mittwald/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 \"@mittwald/remote-dom-react\";\nimport { createRemoteComponent } from \"@mittwald/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,230 @@
+import { AccentBox } from "./auto-generated/AccentBox.mjs";
+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 { Area } from "./auto-generated/Area.mjs";
+import { AreaChart } from "./auto-generated/AreaChart.mjs";
+import { Avatar } from "./auto-generated/Avatar.mjs";
+import { AvatarStack } from "./auto-generated/AvatarStack.mjs";
+import { Badge } from "./auto-generated/Badge.mjs";
+import { BigNumber } from "./auto-generated/BigNumber.mjs";
+import { Breadcrumb } from "./auto-generated/Breadcrumb.mjs";
+import { Button } from "./auto-generated/Button.mjs";
+import { CartesianGrid } from "./auto-generated/CartesianGrid.mjs";
+import { ChartLegend } from "./auto-generated/ChartLegend.mjs";
+import { ChartTooltip } from "./auto-generated/ChartTooltip.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 { Color } from "./auto-generated/Color.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 { 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 { Legend } from "./auto-generated/Legend.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 { Rating } from "./auto-generated/Rating.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 { XAxis } from "./auto-generated/XAxis.mjs";
+import { YAxis } from "./auto-generated/YAxis.mjs";
+export * from "@mittwald/flow-react-components/flr-universal";
+import { Form } from "./components/Form.mjs";
+export {
+  AccentBox,
+  Accordion,
+  ActionGroup,
+  Alert,
+  AlertBadge,
+  AlertIcon,
+  Align,
+  Area,
+  AreaChart,
+  Avatar,
+  AvatarStack,
+  Badge,
+  BigNumber,
+  Breadcrumb,
+  Button,
+  CartesianGrid,
+  ChartLegend,
+  ChartTooltip,
+  Chat,
+  Checkbox,
+  CheckboxButton,
+  CheckboxGroup,
+  ClearPropsContextContent,
+  CodeBlock,
+  Color,
+  ColumnLayout,
+  Content,
+  ContextMenuContent,
+  ContextMenuSection,
+  ContextualHelp,
+  ContextualHelpTrigger,
+  CopyButton,
+  CounterBadge,
+  CountryOptions,
+  DatePicker,
+  DateRangePicker,
+  DialogTrigger,
+  Div,
+  FieldDescription,
+  FieldError,
+  FileCard,
+  FileCardList,
+  FileField,
+  Flex,
+  Form,
+  Header,
+  HeaderNavigation,
+  Heading,
+  Icon,
+  IllustratedMessage,
+  Image,
+  Initials,
+  InlineCode,
+  ItemsGridList,
+  ItemsGridListItem,
+  Label,
+  LabeledValue,
+  LayoutCard,
+  Legend,
+  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,
+  Rating,
+  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,
+  XAxis,
+  YAxis
+};
+//# 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/lib/stringifyError.mjs

@@ -0,0 +1,7 @@
+"use client"
+/* */
+const stringifyError = (error) => typeof error === "object" && error instanceof Error ? error.message : String(error);
+export {
+  stringifyError
+};
+//# sourceMappingURL=stringifyError.mjs.map