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

package/dist/chunks/solid-7PP5CS7Y.jsx

@@ -0,0 +1,46 @@
+// content/timeline/timeline.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var timelineRecipe = tv({
+  slots: {
+    root: "nui-timeline nui:m-0 nui:w-full nui:min-w-0 nui:list-none nui:p-0 nui:text-foreground",
+    item: "nui:relative nui:min-w-0 nui:items-start nui:gap-x-3",
+    indicator: "nui:relative nui:col-start-1 nui:row-start-1 nui:z-1 nui:flex nui:size-6 nui:shrink-0 nui:items-center nui:justify-center nui:rounded-full nui:border nui:border-[var(--nui-timeline-marker-border)] nui:bg-[var(--nui-timeline-marker-bg)] nui:text-[var(--nui-timeline-marker-fg)] nui:[&>svg]:size-3.5",
+    dot: "nui:size-1.5 nui:rounded-full nui:bg-current",
+    content: "nui:col-start-2 nui:row-start-1 nui:grid nui:min-h-6 nui:min-w-0 nui:gap-y-[var(--nui-header-gap)] nui:wrap-anywhere",
+    time: "nui:text-xs nui:leading-relaxed nui:text-muted-foreground"
+  },
+  variants: {
+    density: {
+      comfortable: {
+        root: "nui:[--nui-timeline-gap:1.5rem]"
+      },
+      compact: {
+        root: "nui:[--nui-timeline-gap:1rem]"
+      }
+    },
+    orientation: {
+      vertical: {},
+      horizontal: {
+        root: "nui:overflow-x-auto nui:overscroll-x-contain nui:pb-2 nui:focus-visible:outline-[length:var(--nui-focus-width)] nui:focus-visible:outline-offset-[var(--nui-focus-offset)] nui:focus-visible:outline-focus-ring"
+      }
+    }
+  },
+  defaultVariants: {
+    density: "comfortable",
+    orientation: "vertical"
+  }
+});
+var timelineItemRecipe = tv({
+  variants: {
+    status: {
+      default: "nui:[--nui-timeline-marker-bg:var(--nui-surface)] nui:[--nui-timeline-marker-border:var(--nui-border)] nui:[--nui-timeline-marker-fg:var(--nui-muted-foreground)]",
+      complete: "nui:[--nui-timeline-marker-bg:var(--nui-success-soft)] nui:[--nui-timeline-marker-border:var(--nui-success-border)] nui:[--nui-timeline-marker-fg:var(--nui-success-text)]",
+      current: "nui:[--nui-timeline-marker-bg:var(--nui-primary-soft)] nui:[--nui-timeline-marker-border:var(--nui-primary-focus)] nui:[--nui-timeline-marker-fg:var(--nui-primary-text)]",
+      pending: "nui:[--nui-timeline-marker-bg:var(--nui-surface)] nui:[--nui-timeline-marker-border:var(--nui-border)] nui:[--nui-timeline-marker-fg:var(--nui-neutral-8)]"
+    }
+  },
+  defaultVariants: {
+    status: "default"
+  }
+});
+export { timelineRecipe, timelineItemRecipe };

package/dist/chunks/solid-7WS7F6XH.jsx

@@ -0,0 +1,27 @@
+// feedback/empty/empty.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var emptyRecipe = tv({
+  slots: {
+    root: "nui:flex nui:w-full nui:min-w-0 nui:flex-col nui:items-center nui:justify-center nui:gap-4 nui:text-center nui:text-foreground",
+    icon: "nui:flex nui:size-12 nui:shrink-0 nui:items-center nui:justify-center nui:rounded-xl nui:border nui:border-border nui:bg-surface nui:text-muted-foreground nui:[&>svg]:size-6",
+    content: "nui:grid nui:w-full nui:max-w-sm nui:gap-y-[var(--nui-header-gap)] nui:wrap-anywhere",
+    actions: "nui:flex nui:max-w-full nui:flex-wrap nui:items-center nui:justify-center nui:gap-2 nui:[&>*]:max-w-full"
+  },
+  variants: {
+    layout: {
+      compact: {
+        root: "nui:p-6"
+      },
+      section: {
+        root: "nui:min-h-64 nui:p-8"
+      },
+      page: {
+        root: "nui:min-h-dvh nui:p-8"
+      }
+    }
+  },
+  defaultVariants: {
+    layout: "section"
+  }
+});
+export { emptyRecipe };

package/dist/chunks/solid-A66TRBOX.jsx

@@ -0,0 +1,29 @@
+import { AccordionItem, AccordionItemContent, AccordionItemHeading, AccordionItemIndicator, AccordionItemTrigger } from "./solid-NSECDD2A.jsx";
+import { accordionRecipe } from "./solid-ZZAXEXNQ.jsx";
+
+// content/accordion/accordion.tsx
+import { Accordion as ArkAccordion } from "@ark-ui/solid/accordion";
+import { mergeProps, splitProps } from "solid-js";
+function AccordionRoot(props) {
+  const [local, rest] = splitProps(mergeProps({
+    collapsible: true,
+    lazyMount: true,
+    unmountOnExit: false
+  }, props), ["variant", "class"]);
+  return <ArkAccordion.Root {...rest} orientation="vertical" class={accordionRecipe({
+    variant: local.variant
+  }).root({
+    class: local.class
+  })} />;
+}
+var Accordion = {
+  Root: AccordionRoot,
+  Item: AccordionItem,
+  ItemHeading: AccordionItemHeading,
+  ItemTrigger: AccordionItemTrigger,
+  ItemIndicator: AccordionItemIndicator,
+  ItemContent: AccordionItemContent,
+  Context: ArkAccordion.Context,
+  ItemContext: ArkAccordion.ItemContext
+};
+export { AccordionRoot, Accordion };

package/dist/chunks/solid-AAWEVDG3.jsx

@@ -0,0 +1,14 @@
+// overlays/popover/popover.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var popoverRecipe = tv({
+  slots: {
+    positioner: "nui-popover-positioner nui:w-[min(var(--nui-popover-width),calc(100vw-2rem))] nui:[--arrow-size:8px] nui:[--arrow-background:var(--nui-background)]",
+    content: "nui-popover-content nui:flex nui:max-h-[min(var(--available-height,100dvh),calc(100dvh-2rem))] nui:w-full nui:min-w-0 nui:max-w-[calc(100vw-2rem)] nui:flex-col nui:rounded-xl nui:border nui:border-border nui:bg-background nui:text-foreground nui:wrap-anywhere nui:shadow-[var(--nui-popover-shadow)] nui:outline-none",
+    header: "nui:grid nui:shrink-0 nui:grid-cols-1 nui:items-start nui:gap-x-3 nui:gap-y-[var(--nui-header-gap)] nui:rounded-t-xl nui:border-b nui:border-border nui:bg-surface nui:p-4 nui:has-[[data-part=close-trigger]]:grid-cols-[minmax(0,1fr)_auto] nui:[&>[data-part=close-trigger]]:col-start-2 nui:[&>[data-part=close-trigger]]:row-start-1 nui:[&>[data-part=close-trigger]]:row-span-2",
+    title: "nui:col-start-1 nui:m-0 nui:text-base nui:leading-snug nui:font-semibold nui:tracking-tight",
+    description: "nui:col-start-1 nui:m-0 nui:text-sm nui:leading-relaxed nui:text-muted-foreground",
+    body: "nui:grid nui:min-h-0 nui:gap-3 nui:overflow-y-auto nui:overscroll-contain nui:p-4 nui:text-sm nui:leading-relaxed",
+    footer: "nui:flex nui:shrink-0 nui:flex-wrap nui:items-center nui:justify-end nui:gap-2 nui:rounded-b-xl nui:border-t nui:border-border nui:bg-surface nui:px-4 nui:py-3"
+  }
+});
+export { popoverRecipe };

package/dist/chunks/solid-ACWJDXI2.jsx

@@ -0,0 +1,27 @@
+import { pageLoadingRecipe } from "./solid-DOQCQDAI.jsx";
+import { LoadingIndicator } from "./solid-7COORA3X.jsx";
+
+// feedback/page-loading/page-loading.tsx
+import { mergeProps, Show, splitProps } from "solid-js";
+function PageLoading(props) {
+  const [local, rest] = splitProps(mergeProps({
+    role: "status",
+    "aria-atomic": true,
+    label: "Loading page\u2026"
+  }, props), ["layout", "tone", "label", "description", "class"]);
+  const styles = () => pageLoadingRecipe({
+    layout: local.layout
+  });
+  return <div {...rest} class={styles().root({
+    class: local.class
+  })}>
+      <LoadingIndicator size="lg" tone={local.tone} />
+      <div class={styles().message()}>
+        <p class={styles().label()}>{local.label}</p>
+        <Show when={local.description}>
+          <p class={styles().description()}>{local.description}</p>
+        </Show>
+      </div>
+    </div>;
+}
+export { PageLoading };

package/dist/chunks/solid-AG3DH52D.jsx

@@ -0,0 +1,86 @@
+// navigation/tabs/tabs.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var tabsRecipe = tv({
+  slots: {
+    root: "nui:min-w-0",
+    list: "nui-tabs-list",
+    trigger: "nui-tabs-trigger",
+    content: "nui-tabs-content nui:min-w-0 nui:pt-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"
+  },
+  variants: {
+    variant: {
+      underline: {
+        list: "nui-tabs-underline"
+      },
+      boxed: {
+        list: "nui-tabs-boxed"
+      },
+      toggle: {
+        list: "nui-tabs-toggle"
+      },
+      rounded: {
+        list: "nui-tabs-toggle nui-tabs-rounded"
+      },
+      segmented: {
+        list: "nui-tabs-segmented"
+      }
+    },
+    tone: {
+      neutral: {
+        root: "nui:[--nui-tabs-tone:var(--nui-neutral-text)] nui:[--nui-tabs-solid:var(--nui-neutral)] nui:[--nui-tabs-on-solid:var(--nui-on-neutral)]"
+      },
+      primary: {
+        root: "nui:[--nui-tabs-tone:var(--nui-primary-text)] nui:[--nui-tabs-solid:var(--nui-primary)] nui:[--nui-tabs-on-solid:var(--nui-on-primary)]"
+      },
+      info: {
+        root: "nui:[--nui-tabs-tone:var(--nui-info-text)] nui:[--nui-tabs-solid:var(--nui-info)] nui:[--nui-tabs-on-solid:var(--nui-on-info)]"
+      },
+      success: {
+        root: "nui:[--nui-tabs-tone:var(--nui-success-text)] nui:[--nui-tabs-solid:var(--nui-success)] nui:[--nui-tabs-on-solid:var(--nui-on-success)]"
+      },
+      warning: {
+        root: "nui:[--nui-tabs-tone:var(--nui-warning-text)] nui:[--nui-tabs-solid:var(--nui-warning)] nui:[--nui-tabs-on-solid:var(--nui-on-warning)]"
+      },
+      danger: {
+        root: "nui:[--nui-tabs-tone:var(--nui-danger-text)] nui:[--nui-tabs-solid:var(--nui-danger)] nui:[--nui-tabs-on-solid:var(--nui-on-danger)]"
+      }
+    },
+    size: {
+      sm: {
+        list: "nui:[--nui-tab-height:2rem] nui:[--nui-tab-font:0.75rem] nui:[--nui-tab-padding:0.75rem]"
+      },
+      md: {
+        list: "nui:[--nui-tab-height:2.5rem] nui:[--nui-tab-font:0.875rem] nui:[--nui-tab-padding:1rem]"
+      },
+      lg: {
+        list: "nui:[--nui-tab-height:3rem] nui:[--nui-tab-font:1rem] nui:[--nui-tab-padding:1.25rem]"
+      },
+      xl: {
+        list: "nui:[--nui-tab-height:3.5rem] nui:[--nui-tab-font:1.125rem] nui:[--nui-tab-padding:1.5rem]"
+      }
+    },
+    align: {
+      start: {
+        list: "nui:justify-start"
+      },
+      center: {
+        list: "nui:justify-center"
+      },
+      end: {
+        list: "nui:justify-end"
+      }
+    },
+    fullWidth: {
+      true: {
+        list: "nui-tabs-full"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "underline",
+    tone: "primary",
+    size: "md",
+    align: "start"
+  }
+});
+export { tabsRecipe };

package/dist/chunks/solid-AHPGAIIJ.jsx

@@ -0,0 +1,22 @@
+import { SheetContent, SheetPositioner, SheetSurface } from "./solid-PBGRGZFY.jsx";
+import { Dialog } from "./solid-MY46IU4O.jsx";
+
+// overlays/sheet/sheet.tsx
+var SheetRoot = Dialog.Root;
+var Sheet = {
+  Root: SheetRoot,
+  Trigger: Dialog.Trigger,
+  Content: SheetContent,
+  Header: Dialog.Header,
+  Title: Dialog.Title,
+  Description: Dialog.Description,
+  Body: Dialog.Body,
+  Footer: Dialog.Footer,
+  CloseTrigger: Dialog.CloseTrigger,
+  Portal: Dialog.Portal,
+  Backdrop: Dialog.Backdrop,
+  Positioner: SheetPositioner,
+  Surface: SheetSurface,
+  Context: Dialog.Context
+};
+export { SheetRoot, Sheet };

package/dist/chunks/solid-AKDVGPJ5.jsx

@@ -0,0 +1,28 @@
+import { PaginationItems } from "./solid-YJDNOVII.jsx";
+import { PaginationNextTrigger, PaginationPrevTrigger } from "./solid-2PJ6EG6Y.jsx";
+import { PaginationStyles } from "./solid-MR2AMEB3.jsx";
+import { paginationRecipe } from "./solid-LXXI37EO.jsx";
+
+// navigation/pagination/pagination.tsx
+import { Pagination as ArkPagination } from "@ark-ui/solid/pagination";
+import { splitProps } from "solid-js";
+function PaginationRoot(props) {
+  const [local, rest] = splitProps(props, ["size", "class", "children"]);
+  const styles = () => paginationRecipe({
+    size: local.size
+  });
+  return <PaginationStyles.Provider value={styles}>
+      <ArkPagination.Root {...rest} class={styles().root({
+      class: local.class
+    })}>
+        {local.children}
+      </ArkPagination.Root>
+    </PaginationStyles.Provider>;
+}
+var Pagination = {
+  Root: PaginationRoot,
+  Items: PaginationItems,
+  PrevTrigger: PaginationPrevTrigger,
+  NextTrigger: PaginationNextTrigger
+};
+export { PaginationRoot, Pagination };

package/dist/chunks/solid-AMCFDBB4.jsx

@@ -0,0 +1,7 @@
+// feedback/callout/callout.context.ts
+import { createContext, useContext } from "solid-js";
+var CalloutOptions = createContext(() => ({
+  tone: "info"
+}));
+var useCalloutOptions = () => useContext(CalloutOptions);
+export { CalloutOptions, useCalloutOptions };

package/dist/chunks/solid-AOTLU4LC.jsx

@@ -0,0 +1,24 @@
+import { panelRecipe } from "./solid-VUQ6PMEE.jsx";
+
+// compositions/panel/panel-bar.parts.tsx
+import { splitProps } from "solid-js";
+var styles = panelRecipe();
+function PanelBar(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.bar({
+    class: local.class
+  })} />;
+}
+function PanelBarGroup(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.barGroup({
+    class: local.class
+  })} />;
+}
+function PanelBarActions(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.barActions({
+    class: local.class
+  })} />;
+}
+export { PanelBar, PanelBarGroup, PanelBarActions };

package/dist/chunks/solid-AS4TC7OH.jsx

@@ -0,0 +1,39 @@
+import { PopoverContent } from "./solid-Y4QTMFIB.jsx";
+import { PopoverArrow, PopoverBody, PopoverDescription, PopoverFooter, PopoverHeader, PopoverPositioner, PopoverSurface, PopoverTitle } from "./solid-NYBAG3U4.jsx";
+import { PopoverCloseTrigger } from "./solid-YEVXQ3MM.jsx";
+import { OverlayPortal } from "./solid-FBI7HGP3.jsx";
+
+// overlays/popover/popover.tsx
+import { Popover as ArkPopover } from "@ark-ui/solid/popover";
+import { mergeProps, splitProps } from "solid-js";
+function PopoverRoot(props) {
+  const [local, rest] = splitProps(props, ["positioning"]);
+  return <ArkPopover.Root {...mergeProps({
+    lazyMount: true,
+    unmountOnExit: true
+  }, rest)} positioning={mergeProps({
+    placement: "bottom-start",
+    gutter: 8,
+    strategy: "fixed",
+    overflowPadding: 16
+  }, local.positioning ?? {})} />;
+}
+var Popover = {
+  Root: PopoverRoot,
+  Trigger: ArkPopover.Trigger,
+  Anchor: ArkPopover.Anchor,
+  Content: PopoverContent,
+  Header: PopoverHeader,
+  Title: PopoverTitle,
+  Description: PopoverDescription,
+  Body: PopoverBody,
+  Footer: PopoverFooter,
+  CloseTrigger: PopoverCloseTrigger,
+  Portal: OverlayPortal,
+  Positioner: PopoverPositioner,
+  Surface: PopoverSurface,
+  Arrow: PopoverArrow,
+  ArrowTip: ArkPopover.ArrowTip,
+  Context: ArkPopover.Context
+};
+export { PopoverRoot, Popover };

package/dist/chunks/solid-BB7SMGH7.jsx

@@ -0,0 +1,29 @@
+import { AlertDialogActionTrigger, AlertDialogCancelTrigger } from "./solid-4V7H6F3B.jsx";
+import { Dialog } from "./solid-MY46IU4O.jsx";
+
+// overlays/alert-dialog/alert-dialog.tsx
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+import { mergeProps, splitProps } from "solid-js";
+function AlertDialogRoot(props) {
+  return <Dialog.Root {...props} role="alertdialog" modal trapFocus preventScroll closeOnInteractOutside={false} />;
+}
+function AlertDialogContent(props) {
+  const [local, rest] = splitProps(mergeProps({
+    size: "sm"
+  }, props), ["size"]);
+  return <Dialog.Content {...rest} size={local.size} variant="card" />;
+}
+var AlertDialog = {
+  Root: AlertDialogRoot,
+  Trigger: ArkDialog.Trigger,
+  Content: AlertDialogContent,
+  Header: Dialog.Header,
+  Title: Dialog.Title,
+  Description: Dialog.Description,
+  Body: Dialog.Body,
+  Footer: Dialog.Footer,
+  CancelTrigger: AlertDialogCancelTrigger,
+  ActionTrigger: AlertDialogActionTrigger,
+  Context: ArkDialog.Context
+};
+export { AlertDialogRoot, AlertDialogContent, AlertDialog };

package/dist/chunks/solid-BLPH2K7V.jsx

@@ -0,0 +1,23 @@
+import { createPortalScope } from "./solid-MUNLQKCN.jsx";
+
+// feedback/toast/toast-portal.tsx
+import { Show } from "solid-js";
+import { Portal } from "solid-js/web";
+function ToastPortal(props) {
+  let origin;
+  const {
+    scope,
+    ready
+  } = createPortalScope(() => origin);
+  return <>
+      <span hidden aria-hidden="true" ref={origin} />
+      <Show when={ready() && (props.mount ?? origin?.ownerDocument.body)} keyed>
+        {mount => <Portal mount={mount}>
+            <div data-nui-overlay-root="" data-motion={scope().motion} style={scope().style}>
+              {props.children}
+            </div>
+          </Portal>}
+      </Show>
+    </>;
+}
+export { ToastPortal };

package/dist/chunks/solid-BOCXRHGV.jsx

@@ -0,0 +1,13 @@
+// navigation/breadcrumb/breadcrumb.recipe.ts
+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/solid-BX25HKIG.jsx

@@ -0,0 +1,20 @@
+import { calloutRecipe } from "./solid-SMANDXOR.jsx";
+
+// feedback/callout/callout.close-button.tsx
+import { X } from "lucide-solid";
+import { mergeProps, splitProps } from "solid-js";
+var styles = calloutRecipe();
+function CloseIcon() {
+  return <X size={16} aria-hidden="true" />;
+}
+function CalloutCloseButton(props) {
+  const [local, rest] = splitProps(mergeProps({
+    type: "button"
+  }, props), ["class", "children", "aria-label"]);
+  return <button {...rest} aria-label={local["aria-label"] ?? (local.children == null ? "Dismiss message" : void 0)} class={styles.close({
+    class: local.class
+  })}>
+      {local.children ?? <CloseIcon />}
+    </button>;
+}
+export { CalloutCloseButton };

package/dist/chunks/solid-C2NMJHAL.jsx

@@ -0,0 +1,23 @@
+import { HoverCardArrow, HoverCardBody, HoverCardPositioner, HoverCardSurface } from "./solid-2534JFEJ.jsx";
+import { OverlayPortal } from "./solid-FBI7HGP3.jsx";
+
+// overlays/hover-card/hover-card.content.tsx
+import { mergeProps, Show, splitProps } from "solid-js";
+function HoverCardContent(props) {
+  const [local, rest] = splitProps(mergeProps({
+    showArrow: true
+  }, props), ["mount", "showArrow", "children"]);
+  return <OverlayPortal {...local.mount ? {
+    mount: local.mount
+  } : {}}>
+      <HoverCardPositioner>
+        <HoverCardSurface {...rest}>
+          <Show when={local.showArrow}>
+            <HoverCardArrow />
+          </Show>
+          <HoverCardBody>{local.children}</HoverCardBody>
+        </HoverCardSurface>
+      </HoverCardPositioner>
+    </OverlayPortal>;
+}
+export { HoverCardContent };

package/dist/chunks/solid-CANLAA4R.jsx

@@ -0,0 +1,45 @@
+import { ChartDetails } from "./solid-GQPQMYQ5.jsx";
+import { chartRecipe } from "./solid-XN3TNUDD.jsx";
+import { Empty } from "./solid-5KV4MTYV.jsx";
+
+// data/chart/chart.frame.tsx
+import { createUniqueId, Show, splitProps } from "solid-js";
+var styles = chartRecipe();
+function ChartFrame(props) {
+  const [local, rest] = splitProps(props, ["title", "description", "height", "legend", "empty", "dataTable", "class", "children"]);
+  const titleId = `${createUniqueId()}-chart-title`;
+  const descriptionId = `${titleId}-description`;
+  return <figure {...rest} aria-labelledby={titleId} aria-describedby={local.description ? descriptionId : void 0} class={styles.root({
+    class: local.class
+  })}>
+      <figcaption class={styles.caption()}>
+        <h3 id={titleId} class={styles.title()}>
+          {local.title}
+        </h3>
+        <Show when={local.description}>
+          <p id={descriptionId} class={styles.description()}>
+            {local.description}
+          </p>
+        </Show>
+      </figcaption>
+      <Show when={!local.empty} fallback={<ChartEmpty />}>
+        <div aria-hidden="true" class={styles.plot()} style={{
+        height: `${local.height}px`
+      }}>
+          {local.children}
+        </div>
+        <ChartDetails title={local.title} legend={local.legend}>
+          {local.dataTable}
+        </ChartDetails>
+      </Show>
+    </figure>;
+}
+function ChartEmpty() {
+  return <Empty.Root layout="compact">
+      <Empty.Content>
+        <Empty.Title>No data available</Empty.Title>
+        <Empty.Description>Values will appear here when data is available.</Empty.Description>
+      </Empty.Content>
+    </Empty.Root>;
+}
+export { ChartFrame };

package/dist/chunks/solid-CGBGGODO.jsx

@@ -0,0 +1,41 @@
+// actions/menubar/use-menubar.ts
+import { createSignal } from "solid-js";
+function nextIndex(key, index, count) {
+  if (key === "Home") return 0;
+  if (key === "End") return count - 1;
+  return (index + (key === "ArrowRight" ? 1 : -1) + count) % count;
+}
+function createMenubarController(api, element) {
+  const [active, activate] = createSignal("");
+  const [panels, setPanels] = createSignal(/* @__PURE__ */new Map());
+  function register(value, props) {
+    setPanels(current => new Map(current).set(value, props));
+    return () => setPanels(current => {
+      const next = new Map(current);
+      if (next.get(value) === props) next.delete(value);
+      return next;
+    });
+  }
+  function move(key, current, open) {
+    const triggers = Array.from(element()?.querySelectorAll("[data-nui-menubar-trigger]:not(:disabled)") ?? []);
+    const index = triggers.findIndex(trigger => trigger.dataset["value"] === current);
+    const target = triggers[nextIndex(key, index, triggers.length)];
+    if (!target) return;
+    const value = target.dataset["value"];
+    if (!value) return;
+    activate(value);
+    if (open) {
+      api().setHighlightedValue("");
+      api().setTriggerValue(value);
+    } else target.focus();
+  }
+  return {
+    api,
+    active,
+    activate,
+    move,
+    panels,
+    register
+  };
+}
+export { createMenubarController };

package/dist/chunks/solid-CHNSOEJA.jsx

@@ -0,0 +1,47 @@
+import { NavigationMenu } from "./solid-TO4YCWFN.jsx";
+import { useNavbarDisclosure } from "./solid-TYLGWPQH.jsx";
+import { NavbarActions, NavbarBrand, NavbarContent, NavbarToggle } from "./solid-MGIHVP4U.jsx";
+import { navbarRecipe } from "./solid-R3U4M5TL.jsx";
+import { NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "./solid-OKRWY3CA.jsx";
+import { Container } from "./solid-M66BTHSF.jsx";
+
+// navigation/navbar/navbar.tsx
+import { Collapsible } from "@ark-ui/solid/collapsible";
+import { mergeProps, splitProps } from "solid-js";
+function NavbarRoot(props) {
+  const [local, rest] = splitProps(mergeProps({
+    "aria-label": "Main navigation"
+  }, props), ["open", "defaultOpen", "onOpenChange", "tone", "width", "class", "children"]);
+  const disclosure = useNavbarDisclosure(local);
+  const styles = () => navbarRecipe({
+    tone: local.tone
+  });
+  return <Collapsible.RootProvider value={disclosure.api} onKeyDown={disclosure.onKeyDown}>
+      <NavigationMenu.Root {...rest} onNavigate={disclosure.close} orientation={disclosure.desktop() ? "horizontal" : "vertical"} class={styles().root({
+      class: local.class
+    })}>
+        <Container size={local.width} class={styles().frame()}>
+          {local.children}
+        </Container>
+      </NavigationMenu.Root>
+    </Collapsible.RootProvider>;
+}
+var Navbar = {
+  Root: NavbarRoot,
+  Brand: NavbarBrand,
+  Toggle: NavbarToggle,
+  Content: NavbarContent,
+  List: NavigationMenuList,
+  Item: NavigationMenuItem,
+  Link: NavigationMenuLink,
+  MenuTrigger: NavigationMenuTrigger,
+  MenuContent: NavigationMenuContent,
+  MenuGroup: NavigationMenu.Group,
+  MenuLabel: NavigationMenu.Label,
+  MenuDescription: NavigationMenu.Description,
+  Submenu: NavigationMenu.Submenu,
+  SubmenuTrigger: NavigationMenu.SubmenuTrigger,
+  SubmenuContent: NavigationMenu.SubmenuContent,
+  Actions: NavbarActions
+};
+export { NavbarRoot, Navbar };

package/dist/chunks/solid-CNNBZW57.jsx

@@ -0,0 +1,31 @@
+import { DisclosureChevron } from "./solid-ZOMYC454.jsx";
+import { disclosureRecipe } from "./solid-NQJ27RCD.jsx";
+
+// content/collapsible/collapsible.parts.tsx
+import { Collapsible as ArkCollapsible, useCollapsibleContext } from "@ark-ui/solid/collapsible";
+import { splitProps } from "solid-js";
+var styles = disclosureRecipe();
+function CollapsibleTrigger(props) {
+  const api = useCollapsibleContext();
+  const [local, rest] = splitProps(props, ["class", "disabled"]);
+  return <ArkCollapsible.Trigger {...rest} disabled={api().disabled || local.disabled} class={props.asChild ? local.class : styles.trigger({
+    class: local.class
+  })} />;
+}
+function CollapsibleContent(props) {
+  const [local, rest] = splitProps(props, ["class", "children"]);
+  return <ArkCollapsible.Content {...rest} class={styles.content({
+    class: local.class
+  })}>
+      <div class={styles.body()}>{local.children}</div>
+    </ArkCollapsible.Content>;
+}
+function CollapsibleIndicator(props) {
+  const [local, rest] = splitProps(props, ["class", "children", "asChild"]);
+  return <ArkCollapsible.Indicator {...rest} aria-hidden="true" class={styles.indicator({
+    class: local.class
+  })} asChild={local.asChild ?? (indicatorProps => <span {...indicatorProps()}>{local.children ?? <DisclosureChevron />}</span>)}>
+      {local.children}
+    </ArkCollapsible.Indicator>;
+}
+export { CollapsibleTrigger, CollapsibleContent, CollapsibleIndicator };