@egcs/newui 0.0.0-stage → 0.1.0-alpha.1

package/dist/chunks/browser-66NKRNLQ.js

@@ -0,0 +1,142 @@
+import { navigationMenuRecipe } from "./browser-DAS5MLIN.js";
+import { NavigationMenuItemContext, NavigationMenuVisibilityContext, useNavigationMenuClose } from "./browser-EGI7JMTA.js";
+import { NavigationChevron } from "./browser-D7RANW3H.js";
+
+// dist/chunks/solid-OKRWY3CA.jsx
+import { template as _$template } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { NavigationMenu as Ark, useNavigationMenuContext } from "@ark-ui/solid/navigation-menu";
+import { splitProps, useContext } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<div>`);
+var _tmpl$2 = /* @__PURE__ */_$template(`<span>`);
+var styles = navigationMenuRecipe();
+function NavigationMenuList(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(Ark.List, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles.list({
+        class: local.class
+      });
+    }
+  }));
+}
+function NavigationMenuItem(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(NavigationMenuItemContext.Provider, {
+    value: () => props.value,
+    get children() {
+      return _$createComponent(Ark.Item, _$mergeProps(rest, {
+        get ["class"]() {
+          return styles.item({
+            class: local.class
+          });
+        }
+      }));
+    }
+  });
+}
+function NavigationMenuLink(props) {
+  const [local, rest] = splitProps(props, ["class", "onSelect"]);
+  const close = useNavigationMenuClose();
+  return _$createComponent(Ark.Link, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles.link({
+        class: local.class
+      });
+    },
+    onSelect: event => {
+      local.onSelect?.(event);
+      if (!event.defaultPrevented && rest.closeOnClick !== false) close();
+    }
+  }));
+}
+function NavigationMenuTrigger(props) {
+  const [local, rest] = splitProps(props, ["class", "children"]);
+  return _$createComponent(Ark.Trigger, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles.trigger({
+        class: local.class
+      });
+    },
+    get children() {
+      return [_$memo(() => local.children), _$createComponent(NavigationChevron, {})];
+    }
+  }));
+}
+function NavigationMenuContent(props) {
+  const [local, rest] = splitProps(props, ["class", "layout", "align", "children"]);
+  const api = useNavigationMenuContext();
+  const item = useContext(NavigationMenuItemContext);
+  return _$createComponent(Ark.Content, _$mergeProps(rest, {
+    get ["data-layout"]() {
+      return local.layout ?? "simple";
+    },
+    get ["data-align"]() {
+      return local.align ?? "start";
+    },
+    get ["class"]() {
+      return styles.content({
+        class: local.class
+      });
+    },
+    get children() {
+      return _$createComponent(NavigationMenuVisibilityContext.Provider, {
+        value: () => api().value === (props.value ?? item?.()),
+        get children() {
+          return local.children;
+        }
+      });
+    }
+  }));
+}
+function NavigationMenuGroup(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.group({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+function NavigationMenuLabel(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$2 = _$getNextElement(_tmpl$);
+    _$spread(_el$2, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.label({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$2;
+  })();
+}
+function NavigationMenuDescription(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$3 = _$getNextElement(_tmpl$2);
+    _$spread(_el$3, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.description({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$3;
+  })();
+}
+export { NavigationMenuList, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuGroup, NavigationMenuLabel, NavigationMenuDescription };

package/dist/chunks/browser-6GCEIPM7.js

@@ -0,0 +1,38 @@
+import { HoverCardContent } from "./browser-IWPDPNWJ.js";
+import { HoverCardArrow, HoverCardBody, HoverCardPositioner, HoverCardSurface, HoverCardTrigger } from "./browser-TNXGEGD7.js";
+import { OverlayPortal } from "./browser-FKHIAKUZ.js";
+
+// dist/chunks/solid-VVMLR3JX.jsx
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { HoverCard as ArkHoverCard } from "@ark-ui/solid/hover-card";
+import { mergeProps, splitProps } from "solid-js";
+function HoverCardRoot(props) {
+  const [local, rest] = splitProps(props, ["positioning"]);
+  return _$createComponent(ArkHoverCard.Root, _$mergeProps(() => mergeProps({
+    lazyMount: true,
+    unmountOnExit: true
+  }, rest), {
+    get positioning() {
+      return mergeProps({
+        placement: "bottom-start",
+        gutter: 8,
+        strategy: "fixed",
+        overflowPadding: 16
+      }, local.positioning ?? {});
+    }
+  }));
+}
+var HoverCard = {
+  Root: HoverCardRoot,
+  Trigger: HoverCardTrigger,
+  Content: HoverCardContent,
+  Portal: OverlayPortal,
+  Positioner: HoverCardPositioner,
+  Surface: HoverCardSurface,
+  Body: HoverCardBody,
+  Arrow: HoverCardArrow,
+  ArrowTip: ArkHoverCard.ArrowTip,
+  Context: ArkHoverCard.Context
+};
+export { HoverCardRoot, HoverCard };

package/dist/chunks/browser-6MSXVEC5.js

@@ -0,0 +1,91 @@
+import { SidebarToggle } from "./browser-KX5NCAUV.js";
+import { SidebarBody, SidebarExpanded, SidebarFooter, SidebarHeader, SidebarLabel, SidebarMain } from "./browser-MU6R72WX.js";
+import { SidebarPanel } from "./browser-DNGH2YGQ.js";
+import { sidebarRecipe } from "./browser-77AU5EFP.js";
+import { SidebarProvider } from "./browser-3WPRMW6M.js";
+import { SidebarConsumer } from "./browser-YE77Y2OV.js";
+import { sidebarOptionKeys, useSidebarState } from "./browser-PKGO3MJ4.js";
+import { Resizable } from "./browser-PZRZPQK4.js";
+import { Sheet } from "./browser-JIPZ5F2W.js";
+
+// dist/chunks/solid-TKZTUEHU.jsx
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { createSignal, mergeProps, splitProps } from "solid-js";
+var styles = sidebarRecipe();
+function SidebarRoot(props) {
+  const [local, rest] = splitProps(mergeProps({
+    defaultWidth: 256,
+    minWidth: 216,
+    maxWidth: 360,
+    compactWidth: 64,
+    resizable: false
+  }, props), sidebarOptionKeys);
+  const state = useSidebarState(local);
+  const [size, setSize] = createSignal([`${local.collapsed ?? local.defaultCollapsed ? local.compactWidth : local.defaultWidth}px`]);
+  return _$createComponent(Sheet.Root, {
+    get open() {
+      return _$memo(() => !!!state.desktop())() && state.mobileOpen();
+    },
+    onOpenChange: details => state.setMobileOpen(details.open),
+    get children() {
+      return _$createComponent(Resizable.Root, _$mergeProps(rest, {
+        get ["class"]() {
+          return styles.root({
+            class: local.class
+          });
+        },
+        get ["data-mobile"]() {
+          return !state.desktop() ? "" : void 0;
+        },
+        get ["data-resizable"]() {
+          return local.resizable ? "" : void 0;
+        },
+        get panels() {
+          return [{
+            id: "sidebar",
+            minSize: `${local.resizable ? local.minWidth : local.defaultWidth}px`,
+            maxSize: `${local.resizable ? local.maxWidth : local.defaultWidth}px`,
+            collapsible: true,
+            collapsedSize: `${local.compactWidth}px`
+          }, {
+            id: "main",
+            minSize: 25
+          }];
+        },
+        get size() {
+          return size();
+        },
+        onResize: details => setSize(details.size),
+        onCollapse: () => local.onCollapsedChange?.(true),
+        onExpand: () => local.onCollapsedChange?.(false),
+        get onResizeEnd() {
+          return local.onResizeEnd;
+        },
+        get children() {
+          return _$createComponent(SidebarProvider, {
+            options: local,
+            state,
+            get children() {
+              return local.children;
+            }
+          });
+        }
+      }));
+    }
+  });
+}
+var Sidebar = {
+  Root: SidebarRoot,
+  Panel: SidebarPanel,
+  Header: SidebarHeader,
+  Body: SidebarBody,
+  Footer: SidebarFooter,
+  Main: SidebarMain,
+  Label: SidebarLabel,
+  Expanded: SidebarExpanded,
+  Toggle: SidebarToggle,
+  Context: SidebarConsumer
+};
+export { SidebarRoot, Sidebar };

package/dist/chunks/browser-6PSB3I4C.js

@@ -0,0 +1,43 @@
+import { calloutRecipe } from "./browser-ZOV6DDXT.js";
+
+// dist/chunks/solid-BX25HKIG.jsx
+import { template as _$template } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { X } from "lucide-solid";
+import { mergeProps, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<button>`);
+var styles = calloutRecipe();
+function CloseIcon() {
+  return _$createComponent(X, {
+    size: 16,
+    "aria-hidden": "true"
+  });
+}
+function CalloutCloseButton(props) {
+  const [local, rest] = splitProps(mergeProps({
+    type: "button"
+  }, props), ["class", "children", "aria-label"]);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps(rest, {
+      get ["aria-label"]() {
+        return local["aria-label"] ?? (local.children == null ? "Dismiss message" : void 0);
+      },
+      get ["class"]() {
+        return styles.close({
+          class: local.class
+        });
+      }
+    }), false, true);
+    _$insert(_el$, () => local.children ?? _$createComponent(CloseIcon, {}));
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+export { CalloutCloseButton };

package/dist/chunks/browser-77AU5EFP.js

@@ -0,0 +1,16 @@
+// dist/chunks/solid-UEODR2SU.jsx
+import { tv } from "tailwind-variants/lite";
+var sidebarRecipe = tv({
+  slots: {
+    root: "nui-sidebar-root nui:w-full nui:min-h-0 nui:min-w-0 nui:bg-background nui:text-foreground",
+    panel: "nui-sidebar-panel",
+    surface: "nui-sidebar-surface nui:flex nui:h-full nui:min-h-0 nui:min-w-0 nui:flex-col nui:overflow-hidden nui:bg-surface nui:text-foreground",
+    header: "nui:flex nui:shrink-0 nui:items-center nui:gap-2 nui:p-3",
+    body: "nui:min-h-0 nui:flex-1 nui:overflow-y-auto nui:overscroll-contain nui:px-2 nui:py-3",
+    footer: "nui:shrink-0 nui:border-t nui:border-border nui:p-3",
+    main: "nui:relative nui:flex nui:h-full nui:min-h-0 nui:min-w-0 nui:flex-col nui:overflow-auto nui:overscroll-contain",
+    label: "nui-sidebar-label nui:min-w-0 nui:truncate",
+    expanded: "nui-sidebar-expanded nui:min-w-0"
+  }
+});
+export { sidebarRecipe };

package/dist/chunks/browser-7BH6TA6L.js

@@ -0,0 +1,13 @@
+// dist/chunks/solid-BOCXRHGV.jsx
+import { tv } from "tailwind-variants/lite";
+var breadcrumbRecipe = tv({
+  slots: {
+    root: "nui:min-w-0 nui:text-sm nui:leading-relaxed",
+    list: "nui:m-0 nui:flex nui:min-w-0 nui:list-none nui:flex-wrap nui:items-center nui:gap-x-2 nui:gap-y-1 nui:p-0",
+    item: "nui-breadcrumb-item nui:inline-flex nui:min-w-0 nui:max-w-full nui:items-center nui:gap-2",
+    separator: "nui-breadcrumb-separator nui:shrink-0 nui:text-muted-foreground",
+    link: "nui:min-w-0 nui:rounded-sm nui:text-muted-foreground nui:no-underline nui:wrap-anywhere nui:transition-colors nui:hover:text-foreground nui:hover:underline nui:underline-offset-4 nui:focus-visible:outline-[length:var(--nui-focus-width)] nui:focus-visible:outline-offset-[var(--nui-focus-offset)] nui:focus-visible:outline-focus-ring nui:motion-reduce:transition-none",
+    page: "nui:min-w-0 nui:font-medium nui:text-foreground nui:wrap-anywhere"
+  }
+});
+export { breadcrumbRecipe };

package/dist/chunks/browser-7G7YCBXK.js

@@ -0,0 +1,57 @@
+import { panelRecipe } from "./browser-FRA44MXN.js";
+
+// dist/chunks/solid-AOTLU4LC.jsx
+import { template as _$template } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<div>`);
+var styles = panelRecipe();
+function PanelBar(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.bar({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+function PanelBarGroup(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$2 = _$getNextElement(_tmpl$);
+    _$spread(_el$2, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.barGroup({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$2;
+  })();
+}
+function PanelBarActions(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$3 = _$getNextElement(_tmpl$);
+    _$spread(_el$3, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.barActions({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$3;
+  })();
+}
+export { PanelBar, PanelBarGroup, PanelBarActions };

package/dist/chunks/browser-7KFQTWBU.js

@@ -0,0 +1,58 @@
+// dist/chunks/solid-RLDFB2IP.jsx
+import { tv } from "tailwind-variants/lite";
+var tableRecipe = tv({
+  slots: {
+    container: "nui:w-full nui:min-w-0 nui:max-w-full nui:overflow-x-auto nui:overscroll-x-contain nui:focus-visible:outline-[length:var(--nui-focus-width)] nui:focus-visible:outline-offset-[var(--nui-focus-offset)] nui:focus-visible:outline-focus-ring",
+    root: "nui-table nui:border-collapse nui:bg-background nui:text-sm nui:leading-relaxed nui:text-foreground",
+    header: "nui:text-muted-foreground",
+    body: "",
+    footer: "nui:bg-surface nui:font-medium",
+    row: "",
+    head: "nui:font-medium",
+    cell: "",
+    caption: "nui:caption-bottom nui:px-3 nui:pt-3 nui:text-sm nui:font-normal nui:text-muted-foreground"
+  },
+  variants: {
+    variant: {
+      plain: {},
+      bordered: {
+        root: "nui:border nui:border-border"
+      }
+    },
+    density: {
+      compact: {
+        root: "nui:[--nui-table-cell-px:0.75rem] nui:[--nui-table-cell-py:0.375rem]"
+      },
+      comfortable: {
+        root: "nui:[--nui-table-cell-px:1rem] nui:[--nui-table-cell-py:0.75rem]"
+      }
+    },
+    fullWidth: {
+      true: {
+        root: "nui:w-full"
+      },
+      false: {
+        root: "nui:w-auto"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "plain",
+    density: "comfortable",
+    fullWidth: true
+  }
+});
+var tableCellRecipe = tv({
+  base: "nui:align-middle",
+  variants: {
+    align: {
+      start: "nui:text-start",
+      center: "nui:text-center",
+      end: "nui:text-end nui:tabular-nums"
+    }
+  },
+  defaultVariants: {
+    align: "start"
+  }
+});
+export { tableRecipe, tableCellRecipe };

package/dist/chunks/browser-7PBU5WKO.js

@@ -0,0 +1,37 @@
+import { dialogRecipe } from "./browser-VQPEQHJC.js";
+
+// dist/chunks/solid-YEVXQ3MM.jsx
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { Popover as ArkPopover } from "@ark-ui/solid/popover";
+import { X } from "lucide-solid";
+import { createUniqueId, splitProps } from "solid-js";
+var styles = dialogRecipe();
+function CloseIcon() {
+  return _$createComponent(X, {
+    size: 16,
+    "aria-hidden": "true"
+  });
+}
+function PopoverCloseTrigger(props) {
+  const closeId = createUniqueId();
+  const [local, rest] = splitProps(props, ["class", "children", "aria-label"]);
+  return _$createComponent(ArkPopover.CloseTrigger, _$mergeProps(rest, {
+    get id() {
+      return props.id ?? closeId;
+    },
+    get ["class"]() {
+      return _$memo(() => !!props.asChild)() ? local.class : styles.close({
+        class: local.class
+      });
+    },
+    get ["aria-label"]() {
+      return local["aria-label"] ?? (!props.asChild && local.children == null ? "Close popover" : "");
+    },
+    get children() {
+      return local.children ?? _$createComponent(CloseIcon, {});
+    }
+  }));
+}
+export { PopoverCloseTrigger };

package/dist/chunks/browser-7PJMEZRT.js

@@ -0,0 +1,38 @@
+// dist/chunks/solid-TYLGWPQH.jsx
+import { useCollapsible } from "@ark-ui/solid/collapsible";
+import { createMediaQuery } from "@solid-primitives/media";
+import { createSignal, createUniqueId } from "solid-js";
+function useNavbarDisclosure(props) {
+  const desktop = createMediaQuery("(min-width: 48rem)");
+  const [mobileOpen, setMobileOpen] = createSignal(props.defaultOpen ?? false);
+  const triggerId = `${createUniqueId()}-navbar-toggle`;
+  const api = useCollapsible({
+    ids: {
+      trigger: triggerId
+    },
+    get open() {
+      return desktop() || (props.open ?? mobileOpen());
+    },
+    onOpenChange(details) {
+      if (desktop()) return;
+      if (props.open === void 0) setMobileOpen(details.open);
+      props.onOpenChange?.(details);
+    }
+  });
+  function close() {
+    if (!desktop()) api().setOpen(false);
+  }
+  function onKeyDown(event) {
+    if (event.key !== "Escape" || event.defaultPrevented || desktop() || !api().open) return;
+    event.preventDefault();
+    close();
+    event.currentTarget.ownerDocument.getElementById(triggerId)?.focus();
+  }
+  return {
+    api,
+    desktop,
+    close,
+    onKeyDown
+  };
+}
+export { useNavbarDisclosure };

package/dist/chunks/browser-7WAKF7MD.js

@@ -0,0 +1,44 @@
+// dist/chunks/solid-LAJCKO5Y.jsx
+import { tv } from "tailwind-variants/lite";
+var sheetRecipe = tv({
+  slots: {
+    positioner: "nui-sheet-positioner nui:pointer-events-none nui:fixed nui:inset-0 nui:flex",
+    content: "nui-sheet-content nui:pointer-events-auto nui:relative nui:flex nui:min-h-0 nui:min-w-0 nui:flex-col nui:overflow-hidden nui:border-border nui:bg-background nui:text-foreground nui:wrap-anywhere nui:shadow-[var(--nui-overlay-shadow)] nui:outline-none"
+  },
+  variants: {
+    side: {
+      right: {
+        positioner: "nui:items-stretch nui:justify-end",
+        content: "nui:h-dvh nui:w-full nui:max-w-[var(--nui-sheet-size)] nui:border-l"
+      },
+      left: {
+        positioner: "nui:items-stretch nui:justify-start",
+        content: "nui:h-dvh nui:w-full nui:max-w-[var(--nui-sheet-size)] nui:border-r"
+      },
+      top: {
+        positioner: "nui:items-start nui:justify-center",
+        content: "nui:max-h-[min(var(--nui-sheet-size),calc(100dvh-2rem))] nui:w-full nui:rounded-b-xl nui:border-b"
+      },
+      bottom: {
+        positioner: "nui:items-end nui:justify-center",
+        content: "nui:max-h-[min(var(--nui-sheet-size),calc(100dvh-2rem))] nui:w-full nui:rounded-t-xl nui:border-t"
+      }
+    },
+    size: {
+      sm: {
+        content: "nui:[--nui-sheet-size:24rem]"
+      },
+      md: {
+        content: "nui:[--nui-sheet-size:28rem]"
+      },
+      lg: {
+        content: "nui:[--nui-sheet-size:40rem]"
+      }
+    }
+  },
+  defaultVariants: {
+    side: "right",
+    size: "md"
+  }
+});
+export { sheetRecipe };

package/dist/chunks/browser-7XBWG2SL.js

@@ -0,0 +1,55 @@
+import { sheetRecipe } from "./browser-7WAKF7MD.js";
+import { Dialog } from "./browser-MHG5MHHQ.js";
+
+// dist/chunks/solid-PBGRGZFY.jsx
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+import { splitProps } from "solid-js";
+function SheetSurface(props) {
+  const [local, rest] = splitProps(props, ["side", "size", "class"]);
+  return _$createComponent(ArkDialog.Content, _$mergeProps(rest, {
+    get ["data-side"]() {
+      return local.side ?? "right";
+    },
+    get ["class"]() {
+      return sheetRecipe({
+        side: local.side,
+        size: local.size
+      }).content({
+        class: local.class
+      });
+    }
+  }));
+}
+function SheetPositioner(props) {
+  const [local, rest] = splitProps(props, ["side", "class"]);
+  return _$createComponent(ArkDialog.Positioner, _$mergeProps(rest, {
+    get ["class"]() {
+      return sheetRecipe({
+        side: local.side
+      }).positioner({
+        class: local.class
+      });
+    }
+  }));
+}
+function SheetContent(props) {
+  const [local, rest] = splitProps(props, ["mount"]);
+  return _$createComponent(Dialog.Portal, _$mergeProps(() => local.mount ? {
+    mount: local.mount
+  } : {}, {
+    get children() {
+      return [_$createComponent(Dialog.Backdrop, {}), _$createComponent(SheetPositioner, {
+        get side() {
+          return props.side;
+        },
+        get children() {
+          return _$createComponent(SheetSurface, rest);
+        }
+      })];
+    }
+  }));
+}
+export { SheetSurface, SheetPositioner, SheetContent };