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

package/dist/chunks/solid-W4CIBAZM.jsx

@@ -0,0 +1,28 @@
+import { DialogBackdrop, DialogPositioner } from "./solid-RU2KYFIN.jsx";
+import { dialogRecipe } from "./solid-ZOQSPK4F.jsx";
+import { OverlayPortal } from "./solid-FBI7HGP3.jsx";
+
+// overlays/dialog/dialog.content.tsx
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+import { splitProps } from "solid-js";
+function DialogSurface(props) {
+  const [local, rest] = splitProps(props, ["size", "variant", "class"]);
+  return <ArkDialog.Content {...rest} class={dialogRecipe({
+    size: local.size,
+    variant: local.variant
+  }).content({
+    class: local.class
+  })} />;
+}
+function DialogContent(props) {
+  const [local, rest] = splitProps(props, ["mount"]);
+  return <OverlayPortal {...local.mount ? {
+    mount: local.mount
+  } : {}}>
+      <DialogBackdrop />
+      <DialogPositioner>
+        <DialogSurface {...rest} />
+      </DialogPositioner>
+    </OverlayPortal>;
+}
+export { DialogSurface, DialogContent };

package/dist/chunks/solid-W5TB3MCH.jsx

@@ -0,0 +1,17 @@
+import { Button } from "./solid-LOGM5SZB.jsx";
+
+// navigation/steps/steps.controls.tsx
+import { useStepsContext } from "@ark-ui/solid/steps";
+import { mergeProps as combineProps } from "@ark-ui/solid/utils";
+import { mergeProps } from "solid-js";
+function StepsNextTrigger(props) {
+  const steps = useStepsContext();
+  const merged = mergeProps(() => combineProps(steps().getNextTriggerProps(), props));
+  return <Button {...merged} />;
+}
+function StepsPrevTrigger(props) {
+  const steps = useStepsContext();
+  const merged = mergeProps(() => combineProps(steps().getPrevTriggerProps(), props));
+  return <Button variant="outline" {...merged} />;
+}
+export { StepsNextTrigger, StepsPrevTrigger };

package/dist/chunks/solid-W7QHICNH.jsx

@@ -0,0 +1,33 @@
+import { useMenubar } from "./solid-KPLD252F.jsx";
+import { MenuContent } from "./solid-LLWVI32H.jsx";
+
+// actions/menubar/menubar.surface.tsx
+import { createEffect, createSignal, mergeProps, Show, splitProps, untrack } from "solid-js";
+function MenubarSurface() {
+  const bar = useMenubar();
+  const panel = () => bar.panels().get(bar.api().triggerValue ?? "");
+  const [local, rest] = splitProps(mergeProps(() => panel() ?? {}), ["children", "onKeyDown", "ref"]);
+  const [surface, setSurface] = createSignal();
+  createEffect(() => {
+    const ref = local.ref;
+    const element = surface();
+    if (typeof ref === "function" && element) untrack(() => ref(element));
+  });
+  return <MenuContent {...rest} ref={setSurface} on:keydown={{
+    capture: true,
+    handleEvent: event => {
+      if (typeof local.onKeyDown === "function") local.onKeyDown(event);else local.onKeyDown?.[0](local.onKeyDown[1], event);
+      if (event.defaultPrevented || event.target !== event.currentTarget) return;
+      if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
+      if (event.key === "ArrowRight" && event.currentTarget.querySelector("[data-part=trigger-item][data-highlighted]")) return;
+      event.preventDefault();
+      event.stopPropagation();
+      bar.move(event.key, bar.api().triggerValue ?? "", true);
+    }
+  }}>
+      <Show when={panel()} keyed>
+        {content => content.children}
+      </Show>
+    </MenuContent>;
+}
+export { MenubarSurface };

package/dist/chunks/solid-WAIBSPAN.jsx

@@ -0,0 +1,24 @@
+import { ChartAxes } from "./solid-IPRITGNV.jsx";
+import { ChartData } from "./solid-DL3CJ2LV.jsx";
+import { chartBaseKeys, chartColor, chartTooltip, chartX, seriesLegend } from "./solid-5FPYERHO.jsx";
+import { ChartFrame } from "./solid-CANLAA4R.jsx";
+
+// data/chart/bar-chart.tsx
+import { VisCrosshair } from "@unovis/solid/components/crosshair";
+import { VisGroupedBar } from "@unovis/solid/components/grouped-bar";
+import { VisTooltip } from "@unovis/solid/components/tooltip";
+import { VisXYContainer } from "@unovis/solid/containers/xy-container";
+import { splitProps } from "solid-js";
+function BarChart(props) {
+  const [local, rest] = splitProps(props, chartBaseKeys);
+  const colors = () => local.series.map((item, index) => chartColor(item.tone, index));
+  return <ChartFrame {...rest} title={local.title} description={local.description} height={local.height ?? 260} legend={seriesLegend(local.series)} empty={!local.data.length || !local.series.length} dataTable={<ChartData {...local} />}>
+      <VisXYContainer data={local.data} height={local.height ?? 260} duration={0} yDomainMinConstraint={[void 0, 0]} yDomainMaxConstraint={[0, void 0]}>
+        <VisGroupedBar x={chartX} y={local.series.map(item => item.value)} color={colors()} barPadding={0.12} groupPadding={0.3} roundedCorners={4} duration={0} />
+        <ChartAxes {...local} />
+        <VisCrosshair color={colors()} template={datum => chartTooltip(local, datum)} duration={0} />
+        <VisTooltip />
+      </VisXYContainer>
+    </ChartFrame>;
+}
+export { BarChart };

package/dist/chunks/solid-WAJ5ECWY.jsx

@@ -0,0 +1,15 @@
+// feedback/toast/create-toaster.ts
+import { createToaster as createArkToaster } from "@ark-ui/solid/toast";
+function createToaster(options = {}) {
+  return createArkToaster({
+    max: 3,
+    duration: 5e3,
+    gap: 12,
+    removeDelay: 180,
+    pauseOnPageIdle: true,
+    ...options,
+    placement: options.placement ?? "bottom-end",
+    overlap: false
+  });
+}
+export { createToaster };

package/dist/chunks/solid-WBB57U7D.jsx

@@ -0,0 +1,51 @@
+import { Empty } from "./solid-5KV4MTYV.jsx";
+
+// data/bar-list/bar-list.tsx
+import { createMemo, createUniqueId, For, Show, splitProps } from "solid-js";
+var number = new Intl.NumberFormat("en-US", {
+  maximumFractionDigits: 2
+});
+function BarList(props) {
+  const [local, rest] = splitProps(props, ["title", "description", "data", "label", "value", "valueFormat", "tone", "maxValue", "emptyMessage", "class"]);
+  const captionId = createUniqueId();
+  const rows = createMemo(() => local.data.map(datum => ({
+    datum,
+    value: local.value(datum)
+  })).filter(row => Number.isFinite(row.value) && row.value >= 0));
+  const maximum = createMemo(() => rows().reduce((max, row) => Math.max(max, row.value), Number.isFinite(local.maxValue) && (local.maxValue ?? 0) > 0 ? local.maxValue ?? 0 : 0));
+  return <figure {...rest} aria-labelledby={captionId} class={barListClass(local.class)}>
+      <figcaption id={captionId} class="nui-data-label">
+        {local.title}
+      </figcaption>
+      <Show when={local.description}>
+        <p class="nui-data-description">{local.description}</p>
+      </Show>
+      <Show when={rows().length > 0} fallback={<BarListEmpty message={local.emptyMessage} />}>
+        <ul class="nui-bar-list-items">
+          <For each={rows()}>
+            {row => <BarListRow label={local.label(row.datum)} value={(local.valueFormat ?? number.format)(row.value)} width={row.value / (maximum() || 1) * 100} tone={typeof local.tone === "function" ? local.tone(row.datum) : local.tone ?? "primary"} />}
+          </For>
+        </ul>
+      </Show>
+    </figure>;
+}
+function BarListRow(props) {
+  return <li class="nui-bar-list-item">
+      <span class="nui-bar-list-label">{props.label}</span>
+      <span class="nui-bar-list-value">{props.value}</span>
+      <div class="nui-bar-list-track" aria-hidden="true">
+        <span class="nui-bar-list-fill" data-tone={props.tone} style={{
+        width: `${props.width}%`
+      }} />
+      </div>
+    </li>;
+}
+function BarListEmpty(props) {
+  return <Empty.Root layout="compact">
+      <Empty.Title>{props.message ?? "No data available"}</Empty.Title>
+    </Empty.Root>;
+}
+function barListClass(className) {
+  return ["nui-bar-list", className].filter(Boolean).join(" ");
+}
+export { BarList };

package/dist/chunks/solid-WJT2TNZN.jsx

@@ -0,0 +1,7 @@
+import { tabsRecipe } from "./solid-AG3DH52D.jsx";
+
+// navigation/tabs/tabs.context.ts
+import { createContext, useContext } from "solid-js";
+var TabsStyles = createContext(() => tabsRecipe());
+var useTabsStyles = () => useContext(TabsStyles);
+export { TabsStyles, useTabsStyles };

package/dist/chunks/solid-WZZEYVFI.jsx

@@ -0,0 +1,15 @@
+// content/separator/separator.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var separatorRecipe = tv({
+  base: "nui:m-0 nui:shrink-0 nui:border-0 nui:bg-border",
+  variants: {
+    orientation: {
+      horizontal: "nui:h-px nui:w-full",
+      vertical: "nui:h-auto nui:min-h-4 nui:w-px nui:self-stretch"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+export { separatorRecipe };

package/dist/chunks/solid-XKJPUP3D.jsx

@@ -0,0 +1,34 @@
+import { badgeAppearanceVariants } from "./solid-UHYUCYLS.jsx";
+
+// content/counter/counter.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var counterLabelClass = "nui:sr-only";
+var counterAnchorRecipe = tv({
+  base: "nui:relative nui:inline-flex nui:shrink-0 nui:align-middle"
+});
+var overlay = "nui:absolute nui:z-10 nui:pointer-events-none nui:shadow-[0_0_0_2px_var(--nui-counter-ring,var(--nui-background))]";
+var counterRecipe = tv({
+  base: "nui-badge nui-counter nui:inline-flex nui:shrink-0 nui:items-center nui:justify-center nui:rounded-full nui:border nui:font-semibold nui:leading-none nui:tabular-nums nui:align-middle nui:whitespace-nowrap",
+  variants: {
+    ...badgeAppearanceVariants,
+    placement: {
+      inline: "",
+      "top-end": `${overlay} nui:top-0 nui:end-0 nui:translate-x-1/2 nui:-translate-y-1/2`,
+      "top-start": `${overlay} nui:top-0 nui:start-0 nui:-translate-x-1/2 nui:-translate-y-1/2`,
+      "bottom-end": `${overlay} nui:bottom-0 nui:end-0 nui:translate-x-1/2 nui:translate-y-1/2`,
+      "bottom-start": `${overlay} nui:bottom-0 nui:start-0 nui:-translate-x-1/2 nui:translate-y-1/2`
+    },
+    size: {
+      sm: "nui:h-4 nui:min-w-4 nui:px-0.5 nui:text-[0.625rem]",
+      md: "nui:h-5 nui:min-w-5 nui:px-1 nui:text-xs",
+      lg: "nui:h-6 nui:min-w-6 nui:px-1.5 nui:text-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "solid",
+    tone: "danger",
+    size: "md",
+    placement: "inline"
+  }
+});
+export { counterLabelClass, counterAnchorRecipe, counterRecipe };

package/dist/chunks/solid-XLPS56EW.jsx

@@ -0,0 +1,63 @@
+import { cardFooterItemRecipe, cardFooterRecipe, cardRecipe } from "./solid-GSRCFKHP.jsx";
+import { Text } from "./solid-PUJN3TBX.jsx";
+import { Heading } from "./solid-ESE6JAHG.jsx";
+
+// content/card/card.parts.tsx
+import { mergeProps, splitProps } from "solid-js";
+var styles = cardRecipe();
+function CardHeader(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} data-nui-card-header="" class={styles.header({
+    class: local.class
+  })} />;
+}
+function CardTitle(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <Heading {...mergeProps({
+    as: "h2",
+    size: "5"
+  }, rest)} class={styles.title({
+    class: local.class
+  })} />;
+}
+function CardDescription(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <Text {...mergeProps({
+    size: "6",
+    tone: "muted"
+  }, rest)} class={styles.description({
+    class: local.class
+  })} />;
+}
+function CardActions(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} data-nui-card-actions="" class={styles.actions({
+    class: local.class
+  })} />;
+}
+function CardContent(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} data-nui-card-content="" class={styles.content({
+    class: local.class
+  })} />;
+}
+function CardMedia(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.media({
+    class: local.class
+  })} />;
+}
+function CardFooter(props) {
+  const [local, rest] = splitProps(props, ["variant", "class"]);
+  return <div {...rest} data-nui-card-footer={local.variant ?? "simple"} class={cardFooterRecipe({
+    variant: local.variant,
+    class: local.class
+  })} />;
+}
+function CardFooterItem(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={cardFooterItemRecipe({
+    class: local.class
+  })} />;
+}
+export { CardHeader, CardTitle, CardDescription, CardActions, CardContent, CardMedia, CardFooter, CardFooterItem };

package/dist/chunks/solid-XN3TNUDD.jsx

@@ -0,0 +1,19 @@
+// data/chart/chart.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var chartRecipe = tv({
+  slots: {
+    root: "nui-chart nui:m-0 nui:grid nui:min-w-0 nui:grid-rows-[auto_auto_1fr] nui:content-start nui:gap-4 nui:rounded-xl nui:border nui:border-border nui:bg-background nui:p-5 nui:text-foreground",
+    caption: "nui:grid nui:min-w-0 nui:gap-1",
+    title: "nui:m-0 nui:text-base nui:font-semibold nui:leading-snug",
+    description: "nui:m-0 nui:text-sm nui:leading-relaxed nui:text-muted-foreground",
+    plot: "nui-chart-plot nui:relative nui:min-w-0 nui:overflow-clip",
+    legend: "nui:m-0 nui:flex nui:list-none nui:flex-wrap nui:self-start nui:gap-x-5 nui:gap-y-2 nui:p-0 nui:text-xs nui:text-muted-foreground",
+    legendItem: "nui:inline-flex nui:items-center nui:gap-2",
+    swatch: "nui:inline-block nui:size-2.5 nui:shrink-0 nui:rounded-xs",
+    details: "nui-chart-details nui:grid nui:min-w-0 nui:grid-rows-[1fr_auto] nui:data-[state=open]:grid-rows-[auto_1fr]",
+    detailsHeader: "nui:grid nui:min-w-0 nui:grid-rows-[1fr_auto] nui:gap-2",
+    dataTrigger: "nui-chart-data-trigger nui:ms-auto",
+    dataContent: "nui:min-w-0 nui:overflow-hidden nui:border-t nui:border-border nui:pt-3 nui:mt-3"
+  }
+});
+export { chartRecipe };

package/dist/chunks/solid-Y4QTMFIB.jsx

@@ -0,0 +1,23 @@
+import { PopoverArrow, PopoverPositioner, PopoverSurface } from "./solid-NYBAG3U4.jsx";
+import { OverlayPortal } from "./solid-FBI7HGP3.jsx";
+
+// overlays/popover/popover.content.tsx
+import { mergeProps, Show, splitProps } from "solid-js";
+function PopoverContent(props) {
+  const [local, rest] = splitProps(mergeProps({
+    showArrow: true
+  }, props), ["mount", "showArrow", "children"]);
+  return <OverlayPortal {...local.mount ? {
+    mount: local.mount
+  } : {}}>
+      <PopoverPositioner>
+        <PopoverSurface {...rest}>
+          <Show when={local.showArrow}>
+            <PopoverArrow />
+          </Show>
+          {local.children}
+        </PopoverSurface>
+      </PopoverPositioner>
+    </OverlayPortal>;
+}
+export { PopoverContent };

package/dist/chunks/solid-YEVXQ3MM.jsx

@@ -0,0 +1,20 @@
+import { dialogRecipe } from "./solid-ZOQSPK4F.jsx";
+
+// overlays/popover/popover.close-trigger.tsx
+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 <X size={16} aria-hidden="true" />;
+}
+function PopoverCloseTrigger(props) {
+  const closeId = createUniqueId();
+  const [local, rest] = splitProps(props, ["class", "children", "aria-label"]);
+  return <ArkPopover.CloseTrigger {...rest} id={props.id ?? closeId} class={props.asChild ? local.class : styles.close({
+    class: local.class
+  })} aria-label={local["aria-label"] ?? (!props.asChild && local.children == null ? "Close popover" : "")}>
+      {local.children ?? <CloseIcon />}
+    </ArkPopover.CloseTrigger>;
+}
+export { PopoverCloseTrigger };

package/dist/chunks/solid-YH3GDTOD.jsx

@@ -0,0 +1,46 @@
+import { emptyRecipe } from "./solid-7WS7F6XH.jsx";
+import { Text } from "./solid-PUJN3TBX.jsx";
+import { Heading } from "./solid-ESE6JAHG.jsx";
+
+// feedback/empty/empty.parts.tsx
+import { Inbox } from "lucide-solid";
+import { mergeProps, Show, splitProps } from "solid-js";
+var styles = emptyRecipe();
+function EmptyContent(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.content({
+    class: local.class
+  })} />;
+}
+function EmptyTitle(props) {
+  return <Heading {...mergeProps({
+    as: "h2",
+    size: "6"
+  }, props)} />;
+}
+function EmptyDescription(props) {
+  return <Text {...mergeProps({
+    size: "6",
+    tone: "muted"
+  }, props)} />;
+}
+function EmptyActions(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.actions({
+    class: local.class
+  })} />;
+}
+function InboxIcon() {
+  return <Inbox size={24} aria-hidden="true" />;
+}
+function EmptyIcon(props) {
+  const [local, rest] = splitProps(props, ["class", "children"]);
+  return <div {...rest} aria-hidden="true" class={styles.icon({
+    class: local.class
+  })}>
+      <Show when={local.children} fallback={<InboxIcon />}>
+        {local.children}
+      </Show>
+    </div>;
+}
+export { EmptyContent, EmptyTitle, EmptyDescription, EmptyActions, EmptyIcon };

package/dist/chunks/solid-YJDNOVII.jsx

@@ -0,0 +1,28 @@
+import { PaginationEllipsis, PaginationItem } from "./solid-2PJ6EG6Y.jsx";
+import { usePaginationStyles } from "./solid-MR2AMEB3.jsx";
+
+// navigation/pagination/pagination.items.tsx
+import { usePaginationContext } from "@ark-ui/solid/pagination";
+import { For, Show, splitProps } from "solid-js";
+function PaginationItems(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  const api = usePaginationContext();
+  const styles = usePaginationStyles();
+  return <span {...rest} class={styles().items({
+    class: local.class
+  })}>
+      <Show when={api().totalPages > 0} fallback={<span>No pages</span>}>
+        <span class={styles().pages()}>
+          <For each={api().pages}>
+            {(page, index) => page.type === "ellipsis" ? <PaginationEllipsis index={index()} /> : <PaginationItem type="page" value={page.value}>
+                  {page.value}
+                </PaginationItem>}
+          </For>
+        </span>
+        <span class={styles().compactSummary()}>
+          Page {api().page} of {api().totalPages}
+        </span>
+      </Show>
+    </span>;
+}
+export { PaginationItems };

package/dist/chunks/solid-ZDOCWASS.jsx

@@ -0,0 +1,33 @@
+import { TimelineContent, TimelineDescription, TimelineIndicator, TimelineTime, TimelineTitle } from "./solid-EMOQECA7.jsx";
+import { timelineItemRecipe, timelineRecipe } from "./solid-7PP5CS7Y.jsx";
+
+// content/timeline/timeline.tsx
+import { splitProps } from "solid-js";
+function TimelineRoot(props) {
+  const [local, rest] = splitProps(props, ["density", "orientation", "class"]);
+  return <ol aria-label={local.orientation === "horizontal" ? "Timeline" : void 0} tabIndex={local.orientation === "horizontal" ? 0 : void 0} {...rest} data-orientation={local.orientation ?? "vertical"} class={timelineRecipe({
+    density: local.density,
+    orientation: local.orientation
+  }).root({
+    class: local.class
+  })} />;
+}
+function TimelineItem(props) {
+  const [local, rest] = splitProps(props, ["status", "class"]);
+  return <li aria-current={local.status === "current" ? "step" : void 0} {...rest} data-nui-timeline-item="" data-status={local.status ?? "default"} class={timelineRecipe().item({
+    class: timelineItemRecipe({
+      status: local.status,
+      class: local.class
+    })
+  })} />;
+}
+var Timeline = {
+  Root: TimelineRoot,
+  Item: TimelineItem,
+  Indicator: TimelineIndicator,
+  Content: TimelineContent,
+  Title: TimelineTitle,
+  Description: TimelineDescription,
+  Time: TimelineTime
+};
+export { TimelineRoot, TimelineItem, Timeline };

package/dist/chunks/solid-ZOMYC454.jsx

@@ -0,0 +1,6 @@
+// content/disclosure-chevron.tsx
+import { ChevronDown } from "lucide-solid";
+function DisclosureChevron() {
+  return <ChevronDown size={16} aria-hidden="true" />;
+}
+export { DisclosureChevron };

package/dist/chunks/solid-ZOQSPK4F.jsx

@@ -0,0 +1,41 @@
+// overlays/dialog/dialog.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var dialogRecipe = tv({
+  slots: {
+    backdrop: "nui-dialog-backdrop nui:fixed nui:inset-0 nui:bg-[var(--nui-overlay-backdrop)]",
+    positioner: "nui-dialog-positioner nui:fixed nui:inset-0 nui:flex nui:items-center nui:justify-center nui:p-4 nui:sm:p-6",
+    content: "nui-dialog-content nui:relative nui:flex nui:max-h-[calc(100dvh-2rem)] nui:min-h-0 nui:w-full nui:min-w-0 nui:flex-col nui:text-foreground nui:wrap-anywhere nui:outline-none nui:sm:max-h-[calc(100dvh-3rem)]",
+    header: "nui:grid nui:shrink-0 nui:grid-cols-1 nui:items-start nui:gap-x-5 nui:gap-y-[var(--nui-header-gap)] nui:border-b nui:border-border nui:bg-surface nui:px-5 nui:py-3 nui:sm:px-6 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-xl nui:leading-snug nui:font-semibold nui:tracking-tight nui:text-foreground",
+    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-4 nui:overflow-y-auto nui:overscroll-contain nui:p-5 nui:text-base nui:leading-relaxed nui:sm:p-6",
+    footer: "nui:flex nui:shrink-0 nui:flex-wrap nui:items-center nui:justify-end nui:gap-2 nui:border-t nui:border-border nui:bg-surface nui:px-5 nui:py-3 nui:sm:px-6",
+    close: "nui:inline-flex nui:size-8 nui:shrink-0 nui:cursor-pointer nui:items-center nui:justify-center nui:rounded-full nui:border-0 nui:bg-[var(--nui-neutral-soft)] nui:text-[var(--nui-neutral-text)] nui:enabled:hover:bg-[var(--nui-neutral-soft-hover)] nui:enabled:active:bg-[var(--nui-neutral-soft-active)] 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:disabled:cursor-not-allowed nui:disabled:bg-[var(--nui-disabled-background)] nui:disabled:text-[var(--nui-disabled-foreground)]"
+  },
+  variants: {
+    size: {
+      sm: {
+        content: "nui:max-w-md"
+      },
+      md: {
+        content: "nui:max-w-[40rem]"
+      },
+      lg: {
+        content: "nui:max-w-4xl"
+      }
+    },
+    variant: {
+      card: {
+        content: "nui:overflow-hidden nui:rounded-xl nui:border nui:border-border nui:bg-background nui:shadow-[var(--nui-overlay-shadow)]"
+      },
+      free: {
+        content: "nui:bg-transparent"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "card"
+  }
+});
+export { dialogRecipe };

package/dist/chunks/solid-ZVPXTESJ.jsx

@@ -0,0 +1,14 @@
+import { proseRecipe } from "./solid-3PB3S3AX.jsx";
+
+// content/prose/prose.tsx
+import { splitProps } from "solid-js";
+function Prose(props) {
+  const [local, rest] = splitProps(props, ["size", "class", "children"]);
+  return <div {...rest} class={proseRecipe({
+    size: local.size,
+    class: local.class
+  })}>
+      {local.children}
+    </div>;
+}
+export { Prose };

package/dist/chunks/solid-ZVQLIOMM.jsx

@@ -0,0 +1,26 @@
+import { ChartData } from "./solid-DL3CJ2LV.jsx";
+import { chartColor, formatChartValue } from "./solid-5FPYERHO.jsx";
+import { ChartFrame } from "./solid-CANLAA4R.jsx";
+
+// data/chart/donut-chart.tsx
+import { VisDonut } from "@unovis/solid/components/donut";
+import { VisSingleContainer } from "@unovis/solid/containers/single-container";
+import { createMemo, splitProps } from "solid-js";
+function DonutChart(props) {
+  const [local, rest] = splitProps(props, ["title", "description", "data", "label", "height", "valueFormat", "value", "tone", "valueLabel"]);
+  const slices = createMemo(() => local.data.filter(datum => Number.isFinite(local.value(datum)) && local.value(datum) >= 0));
+  const total = () => slices().reduce((sum, datum) => sum + local.value(datum), 0);
+  const series = () => [{
+    label: local.valueLabel ?? "Value",
+    value: local.value
+  }];
+  return <ChartFrame {...rest} title={local.title} description={local.description} height={local.height ?? 260} legend={slices().map((datum, index) => ({
+    label: local.label(datum),
+    color: chartColor(local.tone?.(datum), index)
+  }))} empty={total() <= 0} dataTable={<ChartData {...local} data={slices()} series={series()} />}>
+      <VisSingleContainer height={local.height ?? 260} duration={0}>
+        <VisDonut data={slices()} value={local.value} color={(datum, index) => chartColor(local.tone?.(datum), index)} arcWidth={32} cornerRadius={3} padAngle={0.025} duration={0} centralLabel={(local.valueFormat ?? formatChartValue)(total())} centralSubLabel={local.valueLabel ?? "Total"} />
+      </VisSingleContainer>
+    </ChartFrame>;
+}
+export { DonutChart };

package/dist/chunks/solid-ZZAXEXNQ.jsx

@@ -0,0 +1,23 @@
+// content/accordion/accordion.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var accordionRecipe = tv({
+  slots: {
+    root: "nui:w-full nui:min-w-0 nui:overflow-hidden nui:rounded-xl nui:border nui:border-border",
+    item: "nui:min-w-0 nui:border-b nui:border-border nui:last:border-b-0",
+    heading: "nui:m-0"
+  },
+  variants: {
+    variant: {
+      outline: {
+        root: "nui:bg-background"
+      },
+      soft: {
+        root: "nui:bg-surface"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "outline"
+  }
+});
+export { accordionRecipe };

package/dist/compositions.js

@@ -0,0 +1,6 @@
+import { ActionBar } from "./chunks/browser-4DNQRKJI.js";
+import { Hero } from "./chunks/browser-Y35UY24O.js";
+import { Footer } from "./chunks/browser-UA5OPDZW.js";
+import { Panel } from "./chunks/browser-CTDC6C2E.js";
+import { MediaObject } from "./chunks/browser-XJWORGGE.js";
+export { ActionBar, Footer, Hero, MediaObject, Panel };

package/dist/compositions.jsx

@@ -0,0 +1,6 @@
+import { ActionBar } from "./chunks/solid-NTAFMB23.jsx";
+import { Hero } from "./chunks/solid-626FJRAX.jsx";
+import { Footer } from "./chunks/solid-LUBJOEWP.jsx";
+import { Panel } from "./chunks/solid-UU4GO5B3.jsx";
+import { MediaObject } from "./chunks/solid-OJOVU7AJ.jsx";
+export { ActionBar, Footer, Hero, MediaObject, Panel };

package/dist/content.js

@@ -0,0 +1,12 @@
+import { Card } from "./chunks/browser-UJZRKO3A.js";
+import { Avatar } from "./chunks/browser-L6F6PA4N.js";
+import { Accordion } from "./chunks/browser-APIUABLP.js";
+import { Counter, CounterAnchor } from "./chunks/browser-MMGRME53.js";
+import { Collapsible } from "./chunks/browser-TE4KWJPR.js";
+import { Timeline } from "./chunks/browser-EPM72SHQ.js";
+import { Separator } from "./chunks/browser-JYZSI7BT.js";
+import { Prose } from "./chunks/browser-4VBWYFCG.js";
+import { Badge, BadgeGroup } from "./chunks/browser-MGCG3VMF.js";
+import { Text } from "./chunks/browser-MFWC6J3Q.js";
+import { Heading } from "./chunks/browser-JIQ6MLO5.js";
+export { Accordion, Avatar, Badge, BadgeGroup, Card, Collapsible, Counter, CounterAnchor, Heading, Prose, Separator, Text, Timeline };

package/dist/content.jsx

@@ -0,0 +1,12 @@
+import { Card } from "./chunks/solid-5E2QELJY.jsx";
+import { Avatar } from "./chunks/solid-JYWIACDR.jsx";
+import { Accordion } from "./chunks/solid-A66TRBOX.jsx";
+import { Counter, CounterAnchor } from "./chunks/solid-3SS5BJPQ.jsx";
+import { Collapsible } from "./chunks/solid-LSPCOZBU.jsx";
+import { Timeline } from "./chunks/solid-ZDOCWASS.jsx";
+import { Separator } from "./chunks/solid-JIP352PG.jsx";
+import { Prose } from "./chunks/solid-ZVPXTESJ.jsx";
+import { Badge, BadgeGroup } from "./chunks/solid-MUT4BVQH.jsx";
+import { Text } from "./chunks/solid-PUJN3TBX.jsx";
+import { Heading } from "./chunks/solid-ESE6JAHG.jsx";
+export { Accordion, Avatar, Badge, BadgeGroup, Card, Collapsible, Counter, CounterAnchor, Heading, Prose, Separator, Text, Timeline };

package/dist/data.js

@@ -0,0 +1,5 @@
+import { DeltaBar } from "./chunks/browser-524YMTCD.js";
+import { BarList } from "./chunks/browser-OLKVLHTF.js";
+import { BadgeDelta } from "./chunks/browser-UAWAO3C4.js";
+import { Table } from "./chunks/browser-KCBXOYTR.js";
+export { BadgeDelta, BarList, DeltaBar, Table };

package/dist/data.jsx

@@ -0,0 +1,5 @@
+import { DeltaBar } from "./chunks/solid-NKEQOBRX.jsx";
+import { BarList } from "./chunks/solid-WBB57U7D.jsx";
+import { BadgeDelta } from "./chunks/solid-GY62IFCO.jsx";
+import { Table } from "./chunks/solid-6XESUZ4W.jsx";
+export { BadgeDelta, BarList, DeltaBar, Table };