@mittwald/flow-remote-react-components 0.2.0-alpha.61 → 0.2.0-alpha.611

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

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

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

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

package/dist/js/components/Form.mjs

@@ -1,10 +1,11 @@
 "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";
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { createRemoteComponent } from '../lib/createRemoteComponent.mjs';
+import { RemoteFormElement } from '@mittwald/flow-remote-elements';
+import { startTransition } from 'react';
+
 const BaseForm = createRemoteComponent("flr-form", RemoteFormElement, {
   eventProps: {
     onSubmit: { event: "submit" }
@@ -15,7 +16,6 @@ const Form = (props) => {
   const actionWithContext = action && typeof action === "function" ? (formData) => startTransition(() => action(formData)) : action;
   return /* @__PURE__ */ jsx(BaseForm, { ...rest, action: actionWithContext });
 };
-export {
-  Form
-};
+
+export { Form };
 //# sourceMappingURL=Form.mjs.map

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

@@ -1 +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;"}
+{"version":3,"file":"Form.mjs","sources":["../../../src/components/Form.tsx"],"sourcesContent":["\"use client\";\nimport { createRemoteComponent } from \"@/lib/createRemoteComponent\";\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,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,QAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,iBAAA,CAAA,CAAmB;AAAA,CAAA,CACpE,UAAA,CAAA,CAAY;AAAA,CAAA,CAAA,CAAA,CACV,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAS,CAAA,CAAA;AAEhC,CAAC,CAAA;AAEM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA4C,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU;AAClE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;AAE5B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,iBAAA,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACxB,CAAC,QAAA,CAAA,CAAA,CAAA,CAAA,CAAuB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAC9D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAmB,CAAA;AACxD,CAAA;;"}

package/dist/js/components/LoadingFallbackTrigger.mjs

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import { useRemoteContext } from './RemoteContextProvider.mjs';
+import { useLayoutEffect } from 'react';
+
+const LoadingFallbackTrigger = (props) => {
+  const { show = true } = props;
+  const { connection } = useRemoteContext();
+  useLayoutEffect(() => {
+    connection.imports.setIsLoading(show);
+    return () => {
+      connection.imports.setIsLoading(false);
+    };
+  }, [connection, show]);
+  return null;
+};
+
+export { LoadingFallbackTrigger };
+//# sourceMappingURL=LoadingFallbackTrigger.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingFallbackTrigger.mjs","sources":["../../../src/components/LoadingFallbackTrigger.tsx"],"sourcesContent":["import { useRemoteContext } from \"@/components/RemoteContextProvider\";\nimport { useLayoutEffect, type FC } from \"react\";\n\nexport interface LoadingFallbackTriggerProps {\n  show?: boolean;\n}\n\nexport const LoadingFallbackTrigger: FC<LoadingFallbackTriggerProps> = (\n  props,\n) => {\n  const { show = true } = props;\n  const { connection } = useRemoteContext();\n  useLayoutEffect(() => {\n    connection.imports.setIsLoading(show);\n    return () => {\n      connection.imports.setIsLoading(false);\n    };\n  }, [connection, show]);\n  return null;\n};\n"],"names":[],"mappings":";;;AAOO,MAAM,sBAAA,GAA0D,CACrE,KAAA,KACG;AACH,EAAA,MAAM,EAAE,IAAA,GAAO,IAAA,EAAK,GAAI,KAAA;AACxB,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,gBAAA,EAAiB;AACxC,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,UAAA,CAAW,OAAA,CAAQ,aAAa,IAAI,CAAA;AACpC,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,OAAA,CAAQ,aAAa,KAAK,CAAA;AAAA,IACvC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,UAAA,EAAY,IAAI,CAAC,CAAA;AACrB,EAAA,OAAO,IAAA;AACT;;;;"}

package/dist/js/components/RemoteContextProvider.mjs

@@ -0,0 +1,18 @@
+"use client"
+/* */
+import { createContext, useContext } from 'react';
+
+const remoteContext = createContext(null);
+const RemoteContextProvider = remoteContext.Provider;
+const useRemoteContext = () => {
+  const context = useContext(remoteContext);
+  if (!context) {
+    throw new Error(
+      "useRemoteContext must be used within a RemoteContextProvider"
+    );
+  }
+  return context;
+};
+
+export { RemoteContextProvider, useRemoteContext };
+//# sourceMappingURL=RemoteContextProvider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteContextProvider.mjs","sources":["../../../src/components/RemoteContextProvider.tsx"],"sourcesContent":["import type { RemoteToHostConnection } from \"@mittwald/flow-remote-core\";\nimport { createContext, useContext } from \"react\";\n\ninterface RemoteContext {\n  connection: RemoteToHostConnection;\n}\n\nconst remoteContext = createContext<RemoteContext | null>(null);\n\nexport const RemoteContextProvider = remoteContext.Provider;\n\nexport const useRemoteContext = () => {\n  const context = useContext(remoteContext);\n  if (!context) {\n    throw new Error(\n      \"useRemoteContext must be used within a RemoteContextProvider\",\n    );\n  }\n  return context;\n};\n"],"names":[],"mappings":";;AAOA,MAAM,aAAA,GAAgB,cAAoC,IAAI,CAAA;AAEvD,MAAM,wBAAwB,aAAA,CAAc;AAE5C,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,OAAA,GAAU,WAAW,aAAa,CAAA;AACxC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/js/components/createFlowRemoteComponent.mjs

@@ -1,10 +1,10 @@
 "use client"
 /* */
-import { jsx } from "react/jsx-runtime";
-import { createRemoteComponent } from "@mfalkenberg/remote-dom-react";
-import { isFlowComponentName, flowComponent, ClearPropsContext } from "@mittwald/flow-react-components/internal";
-import { createElement } from "react";
-function createFlowRemoteComponent(tag, flowComponentTag, options, Element = customElements.get(tag), {
+import { isFlowComponentName, flowComponent } from '@mittwald/flow-react-components/internal';
+import { createElement } from 'react';
+import { createRemoteComponent } from '../lib/createRemoteComponent.mjs';
+
+function createFlowRemoteComponent(tag, flowComponentTag, Element = customElements.get(tag), {
   slotProps = true,
   eventProps = {}
 } = {}) {
@@ -13,15 +13,18 @@ function createFlowRemoteComponent(tag, flowComponentTag, options, Element = cus
     eventProps
   });
   if (isFlowComponentName(flowComponentTag)) {
-    return flowComponent(flowComponentTag, (p) => {
-      const children = options.clearPropsContext ? /* @__PURE__ */ jsx(ClearPropsContext, { children: p.children }) : p.children;
-      return createElement(element, p, children);
-    });
+    return flowComponent(
+      flowComponentTag,
+      (p) => {
+        return createElement(element, p, p.children);
+      },
+      {
+        isRemoteComponent: true
+      }
+    );
   }
   return element;
 }
-export {
-  createFlowRemoteComponent,
-  createFlowRemoteComponent as default
-};
+
+export { createFlowRemoteComponent, createFlowRemoteComponent as default };
 //# sourceMappingURL=createFlowRemoteComponent.mjs.map

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

@@ -1 +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  ClearPropsContext,\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      const children = options.clearPropsContext ? (\n        <ClearPropsContext>{p.children}</ClearPropsContext>\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;AACtC,YAAA,WAAW,QAAQ,oBACvB,oBAAC,qBAAmB,UAAE,EAAA,UAAS,IAE/B,EAAE;AAGG,aAAA,cAAc,SAAS,GAAY,QAAQ;AAAA,IAAA,CACnD;AAAA,EAAA;AAGI,SAAA;AACT;"}
+{"version":3,"file":"createFlowRemoteComponent.mjs","sources":["../../../src/components/createFlowRemoteComponent.tsx"],"sourcesContent":["import type {\n  RemoteComponentOptions,\n  RemoteComponentTypeFromElementConstructor,\n} from \"@mittwald/remote-dom-react\";\nimport {\n  flowComponent,\n  isFlowComponentName,\n} from \"@mittwald/flow-react-components/internal\";\nimport type {\n  RemoteElement,\n  RemoteElementConstructor,\n} from \"@mittwald/flow-remote-core\";\nimport { createElement } from \"react\";\nimport { createRemoteComponent } from \"@/lib/createRemoteComponent\";\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(\n      flowComponentTag,\n      (p) => {\n        return createElement(element, p as never, p.children);\n      },\n      {\n        isRemoteComponent: true,\n      },\n    ) as never;\n  }\n\n  return element;\n}\n\nexport default createFlowRemoteComponent;\n"],"names":[],"mappings":";;;;AAkBO,SAAS,0BAiBd,GAAA,EACA,gBAAA,EACA,UAA0C,cAAA,CAAe,GAAA,CAAI,GAAG,CAAA,EAChE;AAAA,EACE,SAAA,GAAY,IAAA;AAAA,EACZ,aAAa;AACf,CAAA,GAAuD,EAAC,EACO;AAC/D,EAAA,MAAM,OAAA,GAAU,qBAAA,CAAsB,GAAA,EAAK,OAAA,EAAS;AAAA,IAClD,SAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,IAAI,mBAAA,CAAoB,gBAAgB,CAAA,EAAG;AACzC,IAAA,OAAO,aAAA;AAAA,MACL,gBAAA;AAAA,MACA,CAAC,CAAA,KAAM;AACL,QAAA,OAAO,aAAA,CAAc,OAAA,EAAS,CAAA,EAAY,CAAA,CAAE,QAAQ,CAAA;AAAA,MACtD,CAAA;AAAA,MACA;AAAA,QACE,iBAAA,EAAmB;AAAA;AACrB,KACF;AAAA,EACF;AAEA,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/js/hooks/useWatchPathname.mjs

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { useRef, useEffect } from 'react';
+
+const useWatchPathname = (callback) => {
+  if (typeof location === "undefined") {
+    return;
+  }
+  const storedHref = useRef(location.href);
+  useEffect(() => {
+    const checker = setInterval(() => {
+      const href = location.href;
+      if (href !== storedHref.current) {
+        const url = new URL(href);
+        callback(url.pathname + url.search);
+        storedHref.current = href;
+      }
+    }, 50);
+    return () => {
+      clearInterval(checker);
+    };
+  }, [storedHref]);
+};
+
+export { useWatchPathname };
+//# sourceMappingURL=useWatchPathname.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWatchPathname.mjs","sources":["../../../src/hooks/useWatchPathname.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\ntype Callback = (pathname: string) => void;\n\nexport const useWatchPathname = (callback: Callback) => {\n  if (typeof location === \"undefined\") {\n    return;\n  }\n\n  const storedHref = useRef(location.href);\n\n  useEffect(() => {\n    /** Need to poll here, because no appropriate browser API exists */\n    const checker = setInterval(() => {\n      const href = location.href;\n      if (href !== storedHref.current) {\n        const url = new URL(href);\n        callback(url.pathname + url.search);\n        storedHref.current = href;\n      }\n    }, 50);\n\n    return () => {\n      clearInterval(checker);\n    };\n  }, [storedHref]);\n};\n"],"names":[],"mappings":";;AAIO,MAAM,gBAAA,GAAmB,CAAC,QAAA,KAAuB;AACtD,EAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACnC,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,UAAA,GAAa,MAAA,CAAO,QAAA,CAAS,IAAI,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AAEd,IAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAChC,MAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AACtB,MAAA,IAAI,IAAA,KAAS,WAAW,OAAA,EAAS;AAC/B,QAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,IAAI,CAAA;AACxB,QAAA,QAAA,CAAS,GAAA,CAAI,QAAA,GAAW,GAAA,CAAI,MAAM,CAAA;AAClC,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,MACvB;AAAA,IACF,GAAG,EAAE,CAAA;AAEL,IAAA,OAAO,MAAM;AACX,MAAA,aAAA,CAAc,OAAO,CAAA;AAAA,IACvB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AACjB;;;;"}