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

package/dist/chunks/solid-2YOCBILJ.jsx

@@ -0,0 +1,33 @@
+import { sidebarRecipe } from "./solid-UEODR2SU.jsx";
+import { useSidebar } from "./solid-4G6UWH64.jsx";
+import { Resizable } from "./solid-FXCRBQXL.jsx";
+import { Sheet } from "./solid-AHPGAIIJ.jsx";
+
+// navigation/sidebar/sidebar.panel.tsx
+import { Show, splitProps } from "solid-js";
+var styles = sidebarRecipe();
+function SidebarPanel(props) {
+  const context = useSidebar();
+  const [local, rest] = splitProps(props, ["class", "children", "id"]);
+  const surface = () => <aside aria-label="Sidebar" {...rest} id={local.id ?? context.panelId} data-collapsed={context.collapsed() ? "" : void 0} class={styles.surface({
+    class: local.class
+  })}>
+      {local.children}
+    </aside>;
+  return <>
+      <Resizable.Panel id="sidebar" class={styles.panel()}>
+        <Show when={context.desktop()} fallback={<Sheet.Content side="left" size="sm" class="nui-sidebar-sheet" style={{
+        "--nui-sheet-size": "min(20rem, calc(100vw - 2rem))"
+      }} aria-label={rest["aria-label"] ?? "Sidebar navigation"}>
+              <Sheet.CloseTrigger class="nui-sidebar-mobile-close" />
+              {surface()}
+            </Sheet.Content>}>
+          {surface()}
+        </Show>
+      </Resizable.Panel>
+      <Show when={context.desktop() && context.resizable()}>
+        <Resizable.Handle id="sidebar:main" class="nui-sidebar-resize-handle" aria-label="Resize sidebar; press Enter to collapse or expand" withHandle />
+      </Show>
+    </>;
+}
+export { SidebarPanel };

package/dist/chunks/solid-33URKHBY.jsx

@@ -0,0 +1,20 @@
+import { dialogRecipe } from "./solid-ZOQSPK4F.jsx";
+
+// overlays/dialog/dialog.close-trigger.tsx
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+import { X } from "lucide-solid";
+import { createUniqueId, splitProps } from "solid-js";
+var styles = dialogRecipe();
+function CloseIcon() {
+  return <X size={16} aria-hidden="true" />;
+}
+function DialogCloseTrigger(props) {
+  const closeId = createUniqueId();
+  const [local, rest] = splitProps(props, ["class", "children", "aria-label"]);
+  return <ArkDialog.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 dialog" : void 0)}>
+      {local.children ?? <CloseIcon />}
+    </ArkDialog.CloseTrigger>;
+}
+export { DialogCloseTrigger };

package/dist/chunks/solid-3H4FQFP4.jsx

@@ -0,0 +1,5 @@
+// actions/button-group/button-group.context.ts
+import { createContext, useContext } from "solid-js";
+var ButtonGroupContext = createContext({});
+var useButtonGroup = () => useContext(ButtonGroupContext);
+export { ButtonGroupContext, useButtonGroup };

package/dist/chunks/solid-3IZ2QP3T.jsx

@@ -0,0 +1,6 @@
+// actions/menubar/menubar.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var menubarRecipe = tv({
+  base: "nui:flex nui:w-fit nui:max-w-full nui:self-start nui:items-center nui:gap-1 nui:rounded-md nui:border nui:border-border nui:bg-background nui:p-1"
+});
+export { menubarRecipe };

package/dist/chunks/solid-3PB3S3AX.jsx

@@ -0,0 +1,16 @@
+// content/prose/prose.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var proseRecipe = tv({
+  base: "nui-prose nui:max-w-prose nui:min-w-0 nui:leading-relaxed nui:text-foreground nui:wrap-break-word",
+  variants: {
+    size: {
+      sm: "nui:text-sm",
+      md: "nui:text-base",
+      lg: "nui:text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+export { proseRecipe };

package/dist/chunks/solid-3SS5BJPQ.jsx

@@ -0,0 +1,32 @@
+import { counterAnchorRecipe, counterLabelClass, counterRecipe } from "./solid-XKJPUP3D.jsx";
+
+// content/counter/counter.tsx
+import { Show, splitProps } from "solid-js";
+function CounterAnchor(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={counterAnchorRecipe({
+    class: local.class
+  })} />;
+}
+function nonNegativeInteger(value, fallback) {
+  return Number.isFinite(value) ? Math.max(0, Math.floor(value)) : fallback;
+}
+function Counter(props) {
+  const [local, rest] = splitProps(props, ["value", "max", "showZero", "label", "variant", "tone", "size", "placement", "class"]);
+  const count = () => nonNegativeInteger(local.value, 0);
+  const limit = () => nonNegativeInteger(local.max ?? 99, 99);
+  const display = () => count() > limit() ? `${limit()}+` : String(count());
+  return <Show when={count() > 0 || local.showZero}>
+      <span {...rest} class={counterRecipe({
+      variant: local.variant,
+      tone: local.tone,
+      size: local.size,
+      placement: local.placement,
+      class: local.class
+    })}>
+        <span aria-hidden="true">{display()}</span>
+        <span class={counterLabelClass}>{local.label ?? String(count())}</span>
+      </span>
+    </Show>;
+}
+export { CounterAnchor, Counter };

package/dist/chunks/solid-3TZ2M2L2.jsx

@@ -0,0 +1,11 @@
+// overlays/hover-card/hover-card.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var hoverCardRecipe = tv({
+  slots: {
+    trigger: "nui:rounded-sm nui:font-medium nui:text-[var(--nui-primary-text)] nui:underline nui:decoration-[var(--nui-primary-border)] nui:underline-offset-4 nui:hover:decoration-current nui:focus-visible:outline-[length:var(--nui-focus-width)] nui:focus-visible:outline-offset-4 nui:focus-visible:outline-focus-ring",
+    positioner: "nui-hover-card-positioner nui:w-[min(var(--nui-hover-card-width),calc(100vw-2rem))] nui:[--arrow-size:8px] nui:[--arrow-background:var(--nui-background)]",
+    content: "nui-hover-card-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-hover-card-shadow)] nui:outline-none",
+    body: "nui:grid nui:min-h-0 nui:gap-3 nui:overflow-y-auto nui:overscroll-contain nui:p-5 nui:text-sm nui:leading-relaxed"
+  }
+});
+export { hoverCardRecipe };

package/dist/chunks/solid-4G6UWH64.jsx

@@ -0,0 +1,12 @@
+// navigation/sidebar/sidebar.context.ts
+import { createContext, useContext } from "solid-js";
+var SidebarContext = createContext();
+function useSidebar() {
+  const context = useContext(SidebarContext);
+  if (!context) throw new Error("Sidebar parts must be used within Sidebar.Root.");
+  return context;
+}
+function SidebarConsumer(props) {
+  return props.children(useSidebar());
+}
+export { SidebarContext, useSidebar, SidebarConsumer };

package/dist/chunks/solid-4LT7BNWT.jsx

@@ -0,0 +1,8 @@
+// navigation/navigation-menu/navigation-menu.context.ts
+import { createContext, useContext } from "solid-js";
+var NavigationMenuCloseContext = createContext(() => {});
+var useNavigationMenuClose = () => useContext(NavigationMenuCloseContext);
+var NavigationMenuItemContext = createContext();
+var NavigationMenuVisibilityContext = createContext(() => true);
+var useNavigationMenuVisibility = () => useContext(NavigationMenuVisibilityContext);
+export { NavigationMenuCloseContext, useNavigationMenuClose, NavigationMenuItemContext, NavigationMenuVisibilityContext, useNavigationMenuVisibility };

package/dist/chunks/solid-4QJYKK4J.jsx

@@ -0,0 +1,35 @@
+import { TabsContent, TabsList, TabsTrigger } from "./solid-GVUWN5SU.jsx";
+import { TabsStyles } from "./solid-WJT2TNZN.jsx";
+import { tabsRecipe } from "./solid-AG3DH52D.jsx";
+
+// navigation/tabs/tabs.tsx
+import { Tabs as ArkTabs } from "@ark-ui/solid/tabs";
+import { mergeProps, splitProps } from "solid-js";
+function TabsRoot(props) {
+  const [local, rest] = splitProps(mergeProps({
+    lazyMount: true,
+    unmountOnExit: false
+  }, props), ["variant", "tone", "size", "align", "fullWidth", "class", "children"]);
+  const styles = () => tabsRecipe({
+    variant: local.variant,
+    tone: local.tone,
+    size: local.size,
+    align: local.align,
+    fullWidth: local.fullWidth
+  });
+  return <TabsStyles.Provider value={styles}>
+      <ArkTabs.Root {...rest} orientation="horizontal" class={styles().root({
+      class: local.class
+    })}>
+        {local.children}
+      </ArkTabs.Root>
+    </TabsStyles.Provider>;
+}
+var Tabs = {
+  Root: TabsRoot,
+  List: TabsList,
+  Trigger: TabsTrigger,
+  Content: TabsContent,
+  Context: ArkTabs.Context
+};
+export { TabsRoot, Tabs };

package/dist/chunks/solid-4V7H6F3B.jsx

@@ -0,0 +1,26 @@
+import { buttonRecipe } from "./solid-4WRVQQ7W.jsx";
+
+// overlays/alert-dialog/alert-dialog.triggers.tsx
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+import { createUniqueId, splitProps } from "solid-js";
+function AlertDialogCancelTrigger(props) {
+  const [local, rest] = splitProps(props, ["class", "children"]);
+  return <ArkDialog.CloseTrigger {...rest} class={props.asChild ? local.class : buttonRecipe({
+    tone: "neutral",
+    variant: "outline",
+    class: local.class
+  })}>
+      {local.children ?? "Cancel"}
+    </ArkDialog.CloseTrigger>;
+}
+function AlertDialogActionTrigger(props) {
+  const actionId = createUniqueId();
+  const [local, rest] = splitProps(props, ["class", "children"]);
+  return <ArkDialog.CloseTrigger {...rest} id={props.id ?? actionId} class={props.asChild ? local.class : buttonRecipe({
+    tone: "danger",
+    class: local.class
+  })}>
+      {local.children ?? "Confirm"}
+    </ArkDialog.CloseTrigger>;
+}
+export { AlertDialogCancelTrigger, AlertDialogActionTrigger };

package/dist/chunks/solid-4WRVQQ7W.jsx

@@ -0,0 +1,65 @@
+// actions/button/button.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var buttonRecipe = tv({
+  base: "nui-button nui:relative nui:inline-flex nui:shrink-0 nui:items-center nui:justify-center nui:gap-2 nui:border nui:font-medium nui:leading-none nui:cursor-pointer nui:select-none nui:transition-colors nui:motion-reduce:transition-none nui:focus-visible:z-10 nui:focus-visible:outline-[length:var(--nui-focus-width)] nui:focus-visible:outline-offset-[var(--nui-focus-offset)] nui:focus-visible:outline-[var(--nui-button-focus)] nui:disabled:cursor-not-allowed",
+  variants: {
+    variant: {
+      solid: "nui:border-transparent nui:bg-[var(--nui-button-color)] nui:text-[var(--nui-button-on-color)] nui:enabled:hover:bg-[var(--nui-button-hover)] nui:enabled:active:bg-[var(--nui-button-hover)] nui:aria-pressed:bg-[var(--nui-button-hover)] nui:aria-pressed:border-[var(--nui-button-border-hover)]",
+      outline: "nui:border-[var(--nui-button-border)] nui:bg-transparent nui:text-[var(--nui-button-text)] nui:enabled:hover:border-[var(--nui-button-border-hover)] nui:enabled:hover:bg-[var(--nui-button-soft)] nui:enabled:active:bg-[var(--nui-button-soft-active)] nui:aria-pressed:bg-[var(--nui-button-soft-active)] nui:aria-pressed:border-[var(--nui-button-border-hover)]",
+      soft: "nui:border-transparent nui:bg-[var(--nui-button-soft)] nui:text-[var(--nui-button-text)] nui:enabled:hover:bg-[var(--nui-button-soft-hover)] nui:enabled:active:bg-[var(--nui-button-soft-active)] nui:aria-pressed:bg-[var(--nui-button-soft-active)]",
+      ghost: "nui:border-transparent nui:bg-transparent nui:text-[var(--nui-button-text)] nui:enabled:hover:bg-[var(--nui-button-soft)] nui:enabled:active:bg-[var(--nui-button-soft-active)] nui:aria-pressed:bg-[var(--nui-button-soft-active)]",
+      link: "nui:border-transparent nui:bg-transparent nui:text-[var(--nui-button-text)] nui:underline nui:underline-offset-4 nui:enabled:hover:text-[var(--nui-button-text-strong)] nui:enabled:active:text-[var(--nui-button-text-strong)] nui:aria-pressed:text-[var(--nui-button-text-strong)]"
+    },
+    tone: {
+      primary: "nui:[--nui-button-color:var(--nui-primary)] nui:[--nui-button-hover:var(--nui-primary-hover)] nui:[--nui-button-on-color:var(--nui-on-primary)] nui:[--nui-button-soft:var(--nui-primary-soft)] nui:[--nui-button-soft-hover:var(--nui-primary-soft-hover)] nui:[--nui-button-soft-active:var(--nui-primary-soft-active)] nui:[--nui-button-border:var(--nui-primary-border)] nui:[--nui-button-border-hover:var(--nui-primary-border-hover)] nui:[--nui-button-text:var(--nui-primary-text)] nui:[--nui-button-text-strong:var(--nui-primary-text-strong)] nui:[--nui-button-focus:var(--nui-primary-focus)]",
+      neutral: "nui:[--nui-button-color:var(--nui-neutral)] nui:[--nui-button-hover:var(--nui-neutral-hover)] nui:[--nui-button-on-color:var(--nui-on-neutral)] nui:[--nui-button-soft:var(--nui-neutral-soft)] nui:[--nui-button-soft-hover:var(--nui-neutral-soft-hover)] nui:[--nui-button-soft-active:var(--nui-neutral-soft-active)] nui:[--nui-button-border:var(--nui-neutral-border)] nui:[--nui-button-border-hover:var(--nui-neutral-border-hover)] nui:[--nui-button-text:var(--nui-neutral-text)] nui:[--nui-button-text-strong:var(--nui-neutral-text-strong)] nui:[--nui-button-focus:var(--nui-neutral-focus)]",
+      info: "nui:[--nui-button-color:var(--nui-info)] nui:[--nui-button-hover:var(--nui-info-hover)] nui:[--nui-button-on-color:var(--nui-on-info)] nui:[--nui-button-soft:var(--nui-info-soft)] nui:[--nui-button-soft-hover:var(--nui-info-soft-hover)] nui:[--nui-button-soft-active:var(--nui-info-soft-active)] nui:[--nui-button-border:var(--nui-info-border)] nui:[--nui-button-border-hover:var(--nui-info-border-hover)] nui:[--nui-button-text:var(--nui-info-text)] nui:[--nui-button-text-strong:var(--nui-info-text-strong)] nui:[--nui-button-focus:var(--nui-info-focus)]",
+      success: "nui:[--nui-button-color:var(--nui-success)] nui:[--nui-button-hover:var(--nui-success-hover)] nui:[--nui-button-on-color:var(--nui-on-success)] nui:[--nui-button-soft:var(--nui-success-soft)] nui:[--nui-button-soft-hover:var(--nui-success-soft-hover)] nui:[--nui-button-soft-active:var(--nui-success-soft-active)] nui:[--nui-button-border:var(--nui-success-border)] nui:[--nui-button-border-hover:var(--nui-success-border-hover)] nui:[--nui-button-text:var(--nui-success-text)] nui:[--nui-button-text-strong:var(--nui-success-text-strong)] nui:[--nui-button-focus:var(--nui-success-focus)]",
+      warning: "nui:[--nui-button-color:var(--nui-warning)] nui:[--nui-button-hover:var(--nui-warning-hover)] nui:[--nui-button-on-color:var(--nui-on-warning)] nui:[--nui-button-soft:var(--nui-warning-soft)] nui:[--nui-button-soft-hover:var(--nui-warning-soft-hover)] nui:[--nui-button-soft-active:var(--nui-warning-soft-active)] nui:[--nui-button-border:var(--nui-warning-border)] nui:[--nui-button-border-hover:var(--nui-warning-border-hover)] nui:[--nui-button-text:var(--nui-warning-text)] nui:[--nui-button-text-strong:var(--nui-warning-text-strong)] nui:[--nui-button-focus:var(--nui-warning-focus)]",
+      danger: "nui:[--nui-button-color:var(--nui-danger)] nui:[--nui-button-hover:var(--nui-danger-hover)] nui:[--nui-button-on-color:var(--nui-on-danger)] nui:[--nui-button-soft:var(--nui-danger-soft)] nui:[--nui-button-soft-hover:var(--nui-danger-soft-hover)] nui:[--nui-button-soft-active:var(--nui-danger-soft-active)] nui:[--nui-button-border:var(--nui-danger-border)] nui:[--nui-button-border-hover:var(--nui-danger-border-hover)] nui:[--nui-button-text:var(--nui-danger-text)] nui:[--nui-button-text-strong:var(--nui-danger-text-strong)] nui:[--nui-button-focus:var(--nui-danger-focus)]"
+    },
+    size: {
+      xs: "nui:h-[var(--nui-control-height-xs)] nui:px-2 nui:text-xs nui:[--nui-button-icon-size:0.75rem]",
+      sm: "nui:h-[var(--nui-control-height-sm)] nui:px-3 nui:text-sm nui:[--nui-button-icon-size:1rem]",
+      md: "nui:h-[var(--nui-control-height-md)] nui:px-4 nui:text-base nui:[--nui-button-icon-size:1.25rem]",
+      lg: "nui:h-[var(--nui-control-height-lg)] nui:px-6 nui:text-lg nui:[--nui-button-icon-size:1.5rem]"
+    },
+    rounded: {
+      true: "nui:rounded-full",
+      false: "nui:rounded-md"
+    },
+    fullWidth: {
+      true: "nui:w-full"
+    },
+    responsive: {
+      true: ""
+    },
+    iconOnly: {
+      true: "nui:aspect-square"
+    }
+  },
+  compoundVariants: [{
+    responsive: true,
+    size: "sm",
+    class: "nui:max-sm:h-[var(--nui-control-height-xs)] nui:max-sm:px-2 nui:max-sm:text-xs nui:max-sm:[--nui-button-icon-size:0.75rem]"
+  }, {
+    responsive: true,
+    size: "md",
+    class: "nui:max-sm:h-[var(--nui-control-height-sm)] nui:max-sm:px-3 nui:max-sm:text-sm nui:max-sm:[--nui-button-icon-size:1rem]"
+  }, {
+    responsive: true,
+    size: "lg",
+    class: "nui:max-sm:h-[var(--nui-control-height-md)] nui:max-sm:px-4 nui:max-sm:text-base nui:max-sm:[--nui-button-icon-size:1.25rem]"
+  }, {
+    responsive: true,
+    iconOnly: true,
+    class: "nui:max-sm:px-0"
+  }],
+  defaultVariants: {
+    variant: "solid",
+    tone: "primary",
+    size: "md",
+    rounded: false
+  }
+});
+export { buttonRecipe };

package/dist/chunks/solid-5DJTTU77.jsx

@@ -0,0 +1,23 @@
+import { tooltipRecipe } from "./solid-N6RGN4F6.jsx";
+
+// overlays/tooltip/tooltip.parts.tsx
+import { Tooltip as ArkTooltip } from "@ark-ui/solid/tooltip";
+import { splitProps } from "solid-js";
+var styles = tooltipRecipe();
+function TooltipSurface(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkTooltip.Content {...rest} class={styles.content({
+    class: local.class
+  })} />;
+}
+function TooltipPositioner(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkTooltip.Positioner {...rest} class={styles.positioner({
+    class: local.class
+  })} />;
+}
+function TooltipArrow(props) {
+  const [local, rest] = splitProps(props, ["children"]);
+  return <ArkTooltip.Arrow {...rest}>{local.children ?? <ArkTooltip.ArrowTip />}</ArkTooltip.Arrow>;
+}
+export { TooltipSurface, TooltipPositioner, TooltipArrow };

package/dist/chunks/solid-5E2QELJY.jsx

@@ -0,0 +1,28 @@
+import { CardActions, CardContent, CardDescription, CardFooter, CardFooterItem, CardHeader, CardMedia, CardTitle } from "./solid-XLPS56EW.jsx";
+import { cardRecipe } from "./solid-GSRCFKHP.jsx";
+
+// content/card/card.tsx
+import { mergeProps, splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+function CardRoot(props) {
+  const [local, rest] = splitProps(mergeProps({
+    as: "div"
+  }, props), ["as", "variant", "class"]);
+  return <Dynamic component={local.as} {...rest} class={cardRecipe({
+    variant: local.variant
+  }).root({
+    class: local.class
+  })} />;
+}
+var Card = {
+  Root: CardRoot,
+  Header: CardHeader,
+  Title: CardTitle,
+  Description: CardDescription,
+  Actions: CardActions,
+  Media: CardMedia,
+  Content: CardContent,
+  Footer: CardFooter,
+  FooterItem: CardFooterItem
+};
+export { CardRoot, Card };

package/dist/chunks/solid-5FPYERHO.jsx

@@ -0,0 +1,28 @@
+// data/chart/chart.helpers.ts
+function chartColor(tone, index) {
+  return tone ? `var(--nui-${tone})` : `var(--nui-chart-${index % 5 + 1})`;
+}
+var numberFormatter = new Intl.NumberFormat("en-US");
+var formatChartValue = value => numberFormatter.format(value);
+var chartX = (_datum, index) => index;
+function seriesLegend(series) {
+  return series.map((item, index) => ({
+    label: item.label,
+    color: chartColor(item.tone, index)
+  }));
+}
+function chartTooltip(props, datum) {
+  const content = document.createElement("div");
+  content.className = "nui-chart-tooltip";
+  const title = document.createElement("strong");
+  title.textContent = props.label(datum);
+  content.append(title);
+  for (const series of props.series) {
+    const row = document.createElement("div");
+    row.textContent = `${series.label}: ${(props.valueFormat ?? formatChartValue)(series.value(datum))}`;
+    content.append(row);
+  }
+  return content;
+}
+var chartBaseKeys = ["title", "description", "data", "label", "height", "valueFormat", "series", "axisFormat"];
+export { chartColor, formatChartValue, chartX, seriesLegend, chartTooltip, chartBaseKeys };

package/dist/chunks/solid-5KV4MTYV.jsx

@@ -0,0 +1,22 @@
+import { EmptyActions, EmptyContent, EmptyDescription, EmptyIcon, EmptyTitle } from "./solid-YH3GDTOD.jsx";
+import { emptyRecipe } from "./solid-7WS7F6XH.jsx";
+
+// feedback/empty/empty.tsx
+import { splitProps } from "solid-js";
+function EmptyRoot(props) {
+  const [local, rest] = splitProps(props, ["layout", "class"]);
+  return <div {...rest} class={emptyRecipe({
+    layout: local.layout
+  }).root({
+    class: local.class
+  })} />;
+}
+var Empty = {
+  Root: EmptyRoot,
+  Icon: EmptyIcon,
+  Content: EmptyContent,
+  Title: EmptyTitle,
+  Description: EmptyDescription,
+  Actions: EmptyActions
+};
+export { EmptyRoot, Empty };

package/dist/chunks/solid-626FJRAX.jsx

@@ -0,0 +1,35 @@
+import { HeroActions, HeroContent, HeroDescription, HeroEyebrow, HeroMedia, HeroTitle } from "./solid-O4ZEF4B4.jsx";
+import { HeroStyles } from "./solid-G2EXAF7L.jsx";
+import { heroRecipe } from "./solid-T26JN25X.jsx";
+import { Section } from "./solid-E5GXVDGB.jsx";
+import { Container } from "./solid-M66BTHSF.jsx";
+
+// compositions/hero/hero.tsx
+import { splitProps } from "solid-js";
+function HeroRoot(props) {
+  const [local, rest] = splitProps(props, ["tone", "layout", "align", "width", "class", "children"]);
+  const styles = () => heroRecipe({
+    tone: local.tone,
+    layout: local.layout,
+    align: local.align
+  });
+  return <HeroStyles.Provider value={styles}>
+      <Section {...rest} class={styles().root({
+      class: local.class
+    })}>
+        <Container size={local.width}>
+          <div class={styles().layout()}>{local.children}</div>
+        </Container>
+      </Section>
+    </HeroStyles.Provider>;
+}
+var Hero = {
+  Root: HeroRoot,
+  Content: HeroContent,
+  Eyebrow: HeroEyebrow,
+  Title: HeroTitle,
+  Description: HeroDescription,
+  Actions: HeroActions,
+  Media: HeroMedia
+};
+export { HeroRoot, Hero };

package/dist/chunks/solid-65ESFWUX.jsx

@@ -0,0 +1,28 @@
+import { stepsRecipe } from "./solid-VDYGPZZK.jsx";
+
+// navigation/steps/steps.indicator.tsx
+import { useStepsContext, useStepsItemContext } from "@ark-ui/solid/steps";
+import { Check } from "lucide-solid";
+import { children, Show, splitProps } from "solid-js";
+var styles = stepsRecipe();
+function CompletedIcon() {
+  return <Check size={16} aria-hidden="true" />;
+}
+function StepsIndicator(props) {
+  const item = useStepsItemContext();
+  const steps = useStepsContext();
+  const [local, rest] = splitProps(props, ["class", "children"]);
+  const content = children(() => local.children);
+  return <span {...steps().getIndicatorProps({
+    index: item().index
+  })} {...rest} aria-hidden="true" class={styles.indicator({
+    class: local.class
+  })}>
+      <Show when={content()} fallback={<Show when={item().completed} fallback={item().index + 1}>
+            <CompletedIcon />
+          </Show>}>
+        {content()}
+      </Show>
+    </span>;
+}
+export { StepsIndicator };

package/dist/chunks/solid-6IEZVOLF.jsx

@@ -0,0 +1,47 @@
+import { sidebarRecipe } from "./solid-UEODR2SU.jsx";
+import { Resizable } from "./solid-FXCRBQXL.jsx";
+
+// navigation/sidebar/sidebar.parts.tsx
+import { splitProps } from "solid-js";
+var styles = sidebarRecipe();
+function SidebarHeader(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.header({
+    class: local.class
+  })} />;
+}
+function SidebarBody(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.body({
+    class: local.class
+  })} />;
+}
+function SidebarFooter(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.footer({
+    class: local.class
+  })} />;
+}
+function SidebarLabel(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <span {...rest} class={styles.label({
+    class: local.class
+  })} />;
+}
+function SidebarExpanded(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.expanded({
+    class: local.class
+  })} />;
+}
+function SidebarMain(props) {
+  const [local, rest] = splitProps(props, ["class", "children"]);
+  return <Resizable.Panel id="main">
+      <main {...rest} class={styles.main({
+      class: local.class
+    })}>
+        {local.children}
+      </main>
+    </Resizable.Panel>;
+}
+export { SidebarHeader, SidebarBody, SidebarFooter, SidebarLabel, SidebarExpanded, SidebarMain };

package/dist/chunks/solid-6SZD52T6.jsx

@@ -0,0 +1,42 @@
+import { progressCircleRecipe } from "./solid-CQDNFR23.jsx";
+
+// feedback/progress-circle/progress-circle.tsx
+import { Progress as ArkProgress, useProgressContext } from "@ark-ui/solid/progress";
+import { mergeProps, Show, splitProps } from "solid-js";
+function ProgressCircleContent(props) {
+  const api = useProgressContext();
+  const styles = () => progressCircleRecipe({
+    size: props.size
+  });
+  return <>
+      <div class={styles().visual()}>
+        <ArkProgress.Circle aria-labelledby={props.labelledBy ?? api().getLabelProps().id} aria-valuetext={api().valueAsString} class={styles().circle()}>
+          <ArkProgress.CircleTrack class={styles().track()} />
+          <ArkProgress.CircleRange class={styles().range()} />
+        </ArkProgress.Circle>
+        <Show when={props.showValue && !api().indeterminate}>
+          <ArkProgress.ValueText aria-live="off" class={styles().value()} />
+        </Show>
+      </div>
+      <ArkProgress.Label class={styles().label({
+      class: !props.label ? styles().hidden() : void 0
+    })}>
+        {props.label || props.accessibleLabel || "Progress"}
+      </ArkProgress.Label>
+    </>;
+}
+function ProgressCircle(props) {
+  const [local, rest] = splitProps(mergeProps({
+    defaultValue: 0,
+    showValue: true
+  }, props), ["size", "tone", "class", "label", "showValue", "aria-label", "aria-labelledby"]);
+  return <ArkProgress.Root {...rest} orientation="horizontal" class={progressCircleRecipe({
+    size: local.size,
+    tone: local.tone
+  }).root({
+    class: local.class
+  })}>
+      <ProgressCircleContent label={local.label} showValue={local.showValue} size={local.size} accessibleLabel={local["aria-label"]} labelledBy={local["aria-labelledby"]} />
+    </ArkProgress.Root>;
+}
+export { ProgressCircle };

package/dist/chunks/solid-6XESUZ4W.jsx

@@ -0,0 +1,33 @@
+import { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./solid-NFGEU6BU.jsx";
+import { tableRecipe } from "./solid-RLDFB2IP.jsx";
+
+// data/table/table.tsx
+import { splitProps } from "solid-js";
+function TableRoot(props) {
+  const [local, rest] = splitProps(props, ["variant", "density", "fullWidth", "striped", "hoverable", "class"]);
+  return <table {...rest} data-variant={local.variant ?? "plain"} data-striped={local.striped ? "" : void 0} data-hoverable={local.hoverable ? "" : void 0} class={tableRecipe({
+    variant: local.variant,
+    density: local.density,
+    fullWidth: local.fullWidth
+  }).root({
+    class: local.class
+  })} />;
+}
+function TableContainer(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <section aria-label="Scrollable table" tabIndex={0} {...rest} class={tableRecipe().container({
+    class: local.class
+  })} />;
+}
+var Table = {
+  Container: TableContainer,
+  Root: TableRoot,
+  Header: TableHeader,
+  Body: TableBody,
+  Footer: TableFooter,
+  Row: TableRow,
+  Head: TableHead,
+  Cell: TableCell,
+  Caption: TableCaption
+};
+export { TableRoot, TableContainer, Table };

package/dist/chunks/solid-6YSLHRDT.jsx

@@ -0,0 +1,24 @@
+import { LoadingIndicator } from "./solid-7COORA3X.jsx";
+import { loadingRecipe } from "./solid-GV5CCTB6.jsx";
+
+// feedback/loading/loading.tsx
+import { mergeProps, splitProps } from "solid-js";
+function Loading(props) {
+  const [local, rest] = splitProps(mergeProps({
+    role: "status",
+    "aria-atomic": true,
+    label: "Loading\u2026"
+  }, props), ["size", "tone", "showLabel", "label", "class"]);
+  const styles = () => loadingRecipe({
+    size: local.size,
+    tone: local.tone,
+    showLabel: local.showLabel
+  });
+  return <span {...rest} class={styles().root({
+    class: local.class
+  })}>
+      <LoadingIndicator size={local.size} tone={local.tone} />
+      <span class={styles().label()}>{local.label}</span>
+    </span>;
+}
+export { Loading };

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

@@ -0,0 +1,16 @@
+import { loadingRecipe } from "./solid-GV5CCTB6.jsx";
+
+// feedback/loading/loading.indicator.tsx
+import { Circle, LoaderCircle } from "lucide-solid";
+function LoadingIndicator(props) {
+  return <span class={loadingRecipe({
+    size: props.size,
+    tone: props.tone
+  }).indicator()} aria-hidden="true">
+      <Circle strokeWidth={2.5} style={{
+      color: "var(--nui-loading-track)"
+    }} aria-hidden="true" />
+      <LoaderCircle strokeWidth={2.5} aria-hidden="true" />
+    </span>;
+}
+export { LoadingIndicator };

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

@@ -0,0 +1,19 @@
+// navigation/navigation-menu/navigation-menu.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var focus = "nui:focus-visible:outline-[length:var(--nui-focus-width)] nui:focus-visible:outline-offset-[var(--nui-focus-offset)] nui:focus-visible:outline-focus-ring";
+var entry = `nui:flex nui:min-w-0 nui:items-center nui:gap-2 nui:border-0 nui:bg-transparent nui:py-3 nui:text-sm nui:font-medium nui:text-muted-foreground nui:no-underline nui:wrap-anywhere nui:cursor-pointer nui:hover:text-foreground nui:aria-[current=page]:text-[var(--nui-primary-text)] ${focus}`;
+var navigationMenuRecipe = tv({
+  slots: {
+    root: "nui-navigation-menu nui:relative nui:min-w-0 nui:text-foreground",
+    list: "nui-navigation-menu-list nui:flex nui:min-w-0 nui:gap-6",
+    item: "nui:relative nui:min-w-0",
+    link: `nui-navigation-menu-link ${entry}`,
+    trigger: `nui-navigation-menu-trigger ${entry} nui:justify-between nui:data-[state=open]:text-foreground nui:disabled:cursor-not-allowed nui:disabled:text-[var(--nui-disabled-foreground)] nui:[&>svg]:shrink-0`,
+    content: "nui-navigation-menu-content nui:grid nui:gap-1 nui:rounded-lg nui:border nui:border-border nui:bg-background nui:p-2 nui:text-foreground nui:shadow-[var(--nui-popover-shadow)]",
+    subTrigger: `nui-navigation-menu-subtrigger ${entry} nui:w-full nui:justify-between nui:rounded-sm nui:px-3 nui:py-2 nui:hover:bg-[var(--nui-neutral-soft)] nui:data-[state=open]:bg-[var(--nui-neutral-soft)] nui:disabled:cursor-not-allowed nui:disabled:text-[var(--nui-disabled-foreground)]`,
+    group: "nui:grid nui:min-w-0 nui:content-start nui:gap-1",
+    label: "nui:px-3 nui:pb-1 nui:pt-2 nui:text-xs nui:font-semibold nui:text-muted-foreground",
+    description: "nui:block nui:text-xs nui:font-normal nui:leading-relaxed nui:text-muted-foreground"
+  }
+});
+export { navigationMenuRecipe };