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

package/dist/chunks/solid-MIHOQZ45.jsx

@@ -0,0 +1,36 @@
+// compositions/media-object/media-object.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var mediaObjectRecipe = tv({
+  slots: {
+    root: "nui:grid nui:min-w-0 nui:grid-cols-[auto_minmax(0,1fr)] nui:gap-x-4 nui:gap-y-3 nui:md:grid-cols-[auto_minmax(0,1fr)_auto]",
+    media: "nui:row-span-2 nui:w-[var(--nui-media-size)] nui:shrink-0 nui:overflow-hidden nui:rounded-md nui:md:row-span-1 nui:[&_img]:h-auto nui:[&_img]:w-full",
+    content: "nui:grid nui:min-w-0 nui:content-start nui:gap-2 nui:wrap-anywhere",
+    actions: "nui:col-start-2 nui:flex nui:min-w-0 nui:flex-wrap nui:gap-2 nui:md:col-start-3"
+  },
+  variants: {
+    size: {
+      sm: {
+        root: "nui:[--nui-media-size:2.5rem]"
+      },
+      md: {
+        root: "nui:[--nui-media-size:4rem]"
+      },
+      lg: {
+        root: "nui:[--nui-media-size:6rem]"
+      }
+    },
+    align: {
+      start: {
+        root: "nui:items-start"
+      },
+      center: {
+        root: "nui:items-center"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    align: "start"
+  }
+});
+export { mediaObjectRecipe };

package/dist/chunks/solid-MR2AMEB3.jsx

@@ -0,0 +1,7 @@
+import { paginationRecipe } from "./solid-LXXI37EO.jsx";
+
+// navigation/pagination/pagination.context.ts
+import { createContext, useContext } from "solid-js";
+var PaginationStyles = createContext(() => paginationRecipe());
+var usePaginationStyles = () => useContext(PaginationStyles);
+export { PaginationStyles, usePaginationStyles };

package/dist/chunks/solid-MUNLQKCN.jsx

@@ -0,0 +1,46 @@
+// overlays/portal-scope.ts
+import { createSignal, onCleanup, onMount } from "solid-js";
+function readScope(origin) {
+  const computed = origin.ownerDocument.defaultView?.getComputedStyle(origin);
+  const style = {};
+  if (computed) {
+    for (const name of computed) {
+      if (name.startsWith("--nui-")) style[name] = computed.getPropertyValue(name);
+    }
+    for (const name of ["color-scheme", "font-family", "font-size", "line-height", "color"]) {
+      style[name] = computed.getPropertyValue(name);
+    }
+  }
+  return {
+    style,
+    motion: origin.closest("[data-motion]")?.getAttribute("data-motion") ?? void 0
+  };
+}
+function createPortalScope(origin) {
+  const [scope, setScope] = createSignal({
+    style: {},
+    motion: void 0
+  });
+  const [ready, setReady] = createSignal(false);
+  onMount(() => {
+    const element = origin();
+    if (!element) return;
+    const update = () => setScope(readScope(element));
+    const Observer = element.ownerDocument.defaultView?.MutationObserver;
+    const observer = Observer ? new Observer(update) : void 0;
+    for (let node = element.parentElement; node; node = node.parentElement) {
+      observer?.observe(node, {
+        attributes: true,
+        attributeFilter: ["class", "style", "data-nui-theme", "data-motion"]
+      });
+    }
+    update();
+    setReady(true);
+    onCleanup(() => observer?.disconnect());
+  });
+  return {
+    scope,
+    ready
+  };
+}
+export { createPortalScope };

package/dist/chunks/solid-MUT4BVQH.jsx

@@ -0,0 +1,25 @@
+import { badgeGroupRecipe, badgeRecipe } from "./solid-UHYUCYLS.jsx";
+
+// content/badge/badge.tsx
+import { mergeProps, splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+function Badge(props) {
+  const [local, rest] = splitProps(mergeProps({
+    as: "span"
+  }, props), ["as", "variant", "tone", "size", "rounded", "class"]);
+  return <Dynamic component={local.as} type={local.as === "button" ? "button" : void 0} {...rest} class={badgeRecipe({
+    variant: local.variant,
+    tone: local.tone,
+    size: local.size,
+    rounded: local.rounded,
+    class: local.class
+  })} />;
+}
+function BadgeGroup(props) {
+  const [local, rest] = splitProps(props, ["attached", "class"]);
+  return <div {...rest} class={badgeGroupRecipe({
+    attached: local.attached,
+    class: local.class
+  })} />;
+}
+export { Badge, BadgeGroup };

package/dist/chunks/solid-MY46IU4O.jsx

@@ -0,0 +1,36 @@
+import { DialogContent, DialogSurface } from "./solid-W4CIBAZM.jsx";
+import { DialogCloseTrigger } from "./solid-33URKHBY.jsx";
+import { DialogBackdrop, DialogBody, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogTitle } from "./solid-RU2KYFIN.jsx";
+import { DialogOptions } from "./solid-EGK5JLXD.jsx";
+import { OverlayPortal } from "./solid-FBI7HGP3.jsx";
+
+// overlays/dialog/dialog.tsx
+import { Dialog as ArkDialog } from "@ark-ui/solid/dialog";
+import { mergeProps } from "solid-js";
+function DialogRoot(props) {
+  return <DialogOptions.Provider value={() => ({
+    modal: props.modal ?? true
+  })}>
+      <ArkDialog.Root {...mergeProps({
+      lazyMount: true,
+      unmountOnExit: true
+    }, props)} />
+    </DialogOptions.Provider>;
+}
+var Dialog = {
+  Root: DialogRoot,
+  Trigger: ArkDialog.Trigger,
+  Content: DialogContent,
+  Header: DialogHeader,
+  Title: DialogTitle,
+  Description: DialogDescription,
+  Body: DialogBody,
+  Footer: DialogFooter,
+  CloseTrigger: DialogCloseTrigger,
+  Portal: OverlayPortal,
+  Backdrop: DialogBackdrop,
+  Positioner: DialogPositioner,
+  Surface: DialogSurface,
+  Context: ArkDialog.Context
+};
+export { DialogRoot, Dialog };

package/dist/chunks/solid-N6RGN4F6.jsx

@@ -0,0 +1,9 @@
+// overlays/tooltip/tooltip.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var tooltipRecipe = tv({
+  slots: {
+    positioner: "nui-tooltip-positioner nui:[--arrow-size:8px] nui:[--arrow-background:var(--nui-tooltip-background)]",
+    content: "nui-tooltip-content nui:w-max nui:max-w-[min(20rem,calc(100vw-2rem))] nui:rounded-md nui:bg-[var(--nui-tooltip-background)] nui:px-3 nui:py-2 nui:text-sm nui:leading-snug nui:font-normal nui:text-[var(--nui-tooltip-foreground)] nui:wrap-anywhere nui:shadow-[var(--nui-tooltip-shadow)]"
+  }
+});
+export { tooltipRecipe };

package/dist/chunks/solid-NFGEU6BU.jsx

@@ -0,0 +1,54 @@
+import { tableCellRecipe, tableRecipe } from "./solid-RLDFB2IP.jsx";
+
+// data/table/table.parts.tsx
+import { splitProps } from "solid-js";
+var styles = tableRecipe();
+function TableHeader(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <thead {...rest} class={styles.header({
+    class: local.class
+  })} />;
+}
+function TableBody(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <tbody {...rest} class={styles.body({
+    class: local.class
+  })} />;
+}
+function TableFooter(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <tfoot {...rest} class={styles.footer({
+    class: local.class
+  })} />;
+}
+function TableRow(props) {
+  const [local, rest] = splitProps(props, ["class", "selected"]);
+  return <tr {...rest} data-selected={local.selected ? "" : void 0} class={styles.row({
+    class: local.class
+  })} />;
+}
+function TableHead(props) {
+  const [local, rest] = splitProps(props, ["class", "align"]);
+  return <th scope="col" {...rest} class={styles.head({
+    class: tableCellRecipe({
+      align: local.align,
+      class: local.class
+    })
+  })} />;
+}
+function TableCell(props) {
+  const [local, rest] = splitProps(props, ["class", "align"]);
+  return <td {...rest} class={styles.cell({
+    class: tableCellRecipe({
+      align: local.align,
+      class: local.class
+    })
+  })} />;
+}
+function TableCaption(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <caption {...rest} class={styles.caption({
+    class: local.class
+  })} />;
+}
+export { TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption };

package/dist/chunks/solid-NJ7WXU6C.jsx

@@ -0,0 +1,52 @@
+import { breadcrumbRecipe } from "./solid-BOCXRHGV.jsx";
+
+// navigation/breadcrumb/breadcrumb.tsx
+import { ChevronRight } from "lucide-solid";
+import { mergeProps, splitProps } from "solid-js";
+var styles = breadcrumbRecipe();
+function BreadcrumbRoot(props) {
+  const [local, rest] = splitProps(mergeProps({
+    "aria-label": "Breadcrumb"
+  }, props), ["class"]);
+  return <nav {...rest} class={styles.root({
+    class: local.class
+  })} />;
+}
+function BreadcrumbList(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (
+    // biome-ignore lint/a11y/noRedundantRoles: Preserve Safari/VoiceOver list semantics when list-style is none.
+    <ol role="list" {...rest} class={styles.list({
+      class: local.class
+    })} />
+  );
+}
+function BreadcrumbItem(props) {
+  const [local, rest] = splitProps(props, ["class", "children"]);
+  return <li {...rest} class={styles.item({
+    class: local.class
+  })}>
+      <ChevronRight size={14} aria-hidden="true" class={styles.separator()} />
+      {local.children}
+    </li>;
+}
+function BreadcrumbLink(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <a {...rest} class={styles.link({
+    class: local.class
+  })} />;
+}
+function BreadcrumbPage(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <span {...rest} aria-current="page" class={styles.page({
+    class: local.class
+  })} />;
+}
+var Breadcrumb = {
+  Root: BreadcrumbRoot,
+  List: BreadcrumbList,
+  Item: BreadcrumbItem,
+  Link: BreadcrumbLink,
+  Page: BreadcrumbPage
+};
+export { BreadcrumbRoot, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, Breadcrumb };

package/dist/chunks/solid-NKEQOBRX.jsx

@@ -0,0 +1,31 @@
+import { deltaDirection, deltaLabel, deltaTone } from "./solid-D7DFXPSQ.jsx";
+
+// data/delta-bar/delta-bar.tsx
+import { createUniqueId, Show, splitProps } from "solid-js";
+function DeltaBar(props) {
+  const [local, rest] = splitProps(props, ["label", "description", "value", "isPositiveGood", "valueFormat", "class"]);
+  const captionId = createUniqueId();
+  const magnitude = () => Number.isFinite(local.value) ? Math.min(100, Math.abs(local.value)) / 2 : 0;
+  return <figure {...rest} aria-labelledby={captionId} class={deltaBarClass(local.class)}>
+      <figcaption id={captionId} class="nui-data-caption">
+        <span class="nui-data-label">{local.label}</span>
+        <span class="nui-data-value" data-tone={deltaTone(local.value, local.isPositiveGood)}>
+          <span class="nui-data-sr-only">{deltaDirection(local.value)}: </span>
+          {deltaLabel(local)}
+        </span>
+      </figcaption>
+      <Show when={local.description}>
+        <p class="nui-data-description">{local.description}</p>
+      </Show>
+      <div class="nui-delta-track" aria-hidden="true">
+        <span class="nui-delta-fill" data-tone={deltaTone(local.value, local.isPositiveGood)} style={{
+        left: `${local.value < 0 ? 50 - magnitude() : 50}%`,
+        width: `${magnitude()}%`
+      }} />
+      </div>
+    </figure>;
+}
+function deltaBarClass(className) {
+  return ["nui-delta-bar", className].filter(Boolean).join(" ");
+}
+export { DeltaBar };

package/dist/chunks/solid-NQJ27RCD.jsx

@@ -0,0 +1,11 @@
+// content/disclosure.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var disclosureRecipe = tv({
+  slots: {
+    trigger: "nui:flex nui:w-full nui:min-w-0 nui:cursor-pointer nui:items-center nui:justify-between nui:gap-3 nui:border-0 nui:bg-transparent nui:px-4 nui:py-3 nui:text-left nui:text-base nui:leading-snug nui:font-medium nui:text-foreground nui:wrap-anywhere nui:enabled:hover:bg-[var(--nui-neutral-soft)] 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)]",
+    indicator: "nui-disclosure-indicator nui:inline-flex nui:size-4 nui:shrink-0 nui:items-center nui:justify-center nui:text-muted-foreground nui:data-[disabled]:text-[var(--nui-disabled-foreground)]",
+    content: "nui-disclosure-content nui:overflow-hidden",
+    body: "nui:grid nui:min-w-0 nui:gap-3 nui:px-4 nui:pt-3 nui:pb-4 nui:text-sm nui:leading-relaxed nui:text-muted-foreground nui:wrap-anywhere"
+  }
+});
+export { disclosureRecipe };

package/dist/chunks/solid-NSECDD2A.jsx

@@ -0,0 +1,46 @@
+import { accordionRecipe } from "./solid-ZZAXEXNQ.jsx";
+import { DisclosureChevron } from "./solid-ZOMYC454.jsx";
+import { disclosureRecipe } from "./solid-NQJ27RCD.jsx";
+
+// content/accordion/accordion.parts.tsx
+import { Accordion as ArkAccordion } from "@ark-ui/solid/accordion";
+import { mergeProps, splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+var styles = disclosureRecipe();
+function AccordionItem(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkAccordion.Item {...rest} class={accordionRecipe().item({
+    class: local.class
+  })} />;
+}
+function AccordionItemHeading(props) {
+  const [local, rest] = splitProps(mergeProps({
+    as: "h3"
+  }, props), ["as", "class"]);
+  return <Dynamic component={local.as} {...rest} class={accordionRecipe().heading({
+    class: local.class
+  })} />;
+}
+function AccordionItemTrigger(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkAccordion.ItemTrigger {...rest} class={props.asChild ? local.class : styles.trigger({
+    class: local.class
+  })} />;
+}
+function AccordionItemContent(props) {
+  const [local, rest] = splitProps(props, ["class", "children"]);
+  return <ArkAccordion.ItemContent {...rest} class={styles.content({
+    class: local.class
+  })}>
+      <div class={styles.body()}>{local.children}</div>
+    </ArkAccordion.ItemContent>;
+}
+function AccordionItemIndicator(props) {
+  const [local, rest] = splitProps(props, ["class", "children", "asChild"]);
+  return <ArkAccordion.ItemIndicator {...rest} aria-hidden="true" class={styles.indicator({
+    class: local.class
+  })} asChild={local.asChild ?? (indicatorProps => <span {...indicatorProps()}>{local.children ?? <DisclosureChevron />}</span>)}>
+      {local.children}
+    </ArkAccordion.ItemIndicator>;
+}
+export { AccordionItem, AccordionItemHeading, AccordionItemTrigger, AccordionItemContent, AccordionItemIndicator };

package/dist/chunks/solid-NTAFMB23.jsx

@@ -0,0 +1,21 @@
+import { ActionBarActions, ActionBarContent, ActionBarDescription, ActionBarTitle } from "./solid-JOHFWMT4.jsx";
+import { actionBarRecipe } from "./solid-GLC3UWOL.jsx";
+
+// compositions/action-bar/action-bar.tsx
+import { splitProps } from "solid-js";
+function ActionBarRoot(props) {
+  const [local, rest] = splitProps(props, ["variant", "class"]);
+  return <div {...rest} class={actionBarRecipe({
+    variant: local.variant
+  }).root({
+    class: local.class
+  })} />;
+}
+var ActionBar = {
+  Root: ActionBarRoot,
+  Content: ActionBarContent,
+  Title: ActionBarTitle,
+  Description: ActionBarDescription,
+  Actions: ActionBarActions
+};
+export { ActionBarRoot, ActionBar };

package/dist/chunks/solid-NX7YQ5CQ.jsx

@@ -0,0 +1,31 @@
+import { TooltipContent } from "./solid-HS63FBYT.jsx";
+import { TooltipArrow, TooltipPositioner, TooltipSurface } from "./solid-5DJTTU77.jsx";
+import { OverlayPortal } from "./solid-FBI7HGP3.jsx";
+
+// overlays/tooltip/tooltip.tsx
+import { Tooltip as ArkTooltip } from "@ark-ui/solid/tooltip";
+import { mergeProps, splitProps } from "solid-js";
+function TooltipRoot(props) {
+  const [local, rest] = splitProps(props, ["positioning"]);
+  return <ArkTooltip.Root {...mergeProps({
+    lazyMount: true,
+    unmountOnExit: true,
+    interactive: true
+  }, rest)} positioning={mergeProps({
+    placement: "top",
+    gutter: 8,
+    strategy: "fixed"
+  }, local.positioning ?? {})} />;
+}
+var Tooltip = {
+  Root: TooltipRoot,
+  Trigger: ArkTooltip.Trigger,
+  Content: TooltipContent,
+  Portal: OverlayPortal,
+  Positioner: TooltipPositioner,
+  Surface: TooltipSurface,
+  Arrow: TooltipArrow,
+  ArrowTip: ArkTooltip.ArrowTip,
+  Context: ArkTooltip.Context
+};
+export { TooltipRoot, Tooltip };

package/dist/chunks/solid-NYBAG3U4.jsx

@@ -0,0 +1,53 @@
+import { popoverRecipe } from "./solid-AAWEVDG3.jsx";
+
+// overlays/popover/popover.parts.tsx
+import { Popover as ArkPopover } from "@ark-ui/solid/popover";
+import { splitProps } from "solid-js";
+var styles = popoverRecipe();
+function PopoverSurface(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkPopover.Content {...rest} class={styles.content({
+    class: local.class
+  })} />;
+}
+function PopoverPositioner(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkPopover.Positioner {...rest} class={styles.positioner({
+    class: local.class
+  })} />;
+}
+function PopoverArrow(props) {
+  const [local, rest] = splitProps(props, ["children"]);
+  return <ArkPopover.Arrow {...rest}>{local.children ?? <ArkPopover.ArrowTip />}</ArkPopover.Arrow>;
+}
+function PopoverHeader(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} data-nui-popover-header="" class={styles.header({
+    class: local.class
+  })} />;
+}
+function PopoverTitle(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkPopover.Title {...rest} class={styles.title({
+    class: local.class
+  })} />;
+}
+function PopoverDescription(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkPopover.Description {...rest} class={styles.description({
+    class: local.class
+  })} />;
+}
+function PopoverBody(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} data-nui-popover-body="" class={styles.body({
+    class: local.class
+  })} />;
+}
+function PopoverFooter(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} data-nui-popover-footer="" class={styles.footer({
+    class: local.class
+  })} />;
+}
+export { PopoverSurface, PopoverPositioner, PopoverArrow, PopoverHeader, PopoverTitle, PopoverDescription, PopoverBody, PopoverFooter };

package/dist/chunks/solid-O4ZEF4B4.jsx

@@ -0,0 +1,58 @@
+import { useHeroStyles } from "./solid-G2EXAF7L.jsx";
+import { Text } from "./solid-PUJN3TBX.jsx";
+import { Heading } from "./solid-ESE6JAHG.jsx";
+
+// compositions/hero/hero.parts.tsx
+import { mergeProps, splitProps } from "solid-js";
+function HeroContent(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  const styles = useHeroStyles();
+  return <div {...rest} class={styles().content({
+    class: local.class
+  })} />;
+}
+function HeroTitle(props) {
+  const [local, rest] = splitProps(mergeProps({
+    as: "h1",
+    size: "1"
+  }, props), ["class"]);
+  const styles = useHeroStyles();
+  return <Heading {...rest} class={styles().title({
+    class: local.class
+  })} />;
+}
+function HeroDescription(props) {
+  const [local, rest] = splitProps(mergeProps({
+    size: "5",
+    tone: "muted"
+  }, props), ["class"]);
+  const styles = useHeroStyles();
+  return <Text {...rest} class={styles().description({
+    class: local.class
+  })} />;
+}
+function HeroEyebrow(props) {
+  const [local, rest] = splitProps(mergeProps({
+    size: "7",
+    tone: "muted"
+  }, props), ["class"]);
+  const styles = useHeroStyles();
+  return <Text {...rest} class={styles().eyebrow({
+    class: local.class
+  })} />;
+}
+function HeroActions(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  const styles = useHeroStyles();
+  return <div {...rest} class={styles().actions({
+    class: local.class
+  })} />;
+}
+function HeroMedia(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  const styles = useHeroStyles();
+  return <div {...rest} class={styles().media({
+    class: local.class
+  })} />;
+}
+export { HeroContent, HeroTitle, HeroDescription, HeroEyebrow, HeroActions, HeroMedia };

package/dist/chunks/solid-O5IKGAYR.jsx

@@ -0,0 +1,24 @@
+// forms/text-control.context.ts
+import { useFieldContext } from "@ark-ui/solid/field";
+import { createContext, useContext } from "solid-js";
+var FieldVisualContext = createContext();
+var InputGroupContext = createContext();
+var useFieldVisual = () => useContext(FieldVisualContext);
+function useTextControl(props) {
+  const field = useFieldVisual();
+  const group = useContext(InputGroupContext);
+  const ark = useFieldContext();
+  const invalid = () => Boolean(props.invalid || group?.().invalid || ark?.().invalid);
+  return {
+    size: () => props.size ?? group?.().size ?? field?.options().size ?? "md",
+    tone: () => props.tone ?? group?.().tone ?? field?.options().tone ?? "neutral",
+    rounded: () => props.rounded ?? group?.().rounded ?? field?.options().rounded ?? false,
+    invalid,
+    valid: () => !invalid() && (props.valid ?? group?.().valid ?? field?.options().valid ?? false),
+    loading: () => props.loading ?? group?.().loading ?? field?.options().loading ?? false,
+    disabled: () => Boolean(props.disabled || group?.().disabled || ark?.().disabled),
+    readOnly: () => Boolean(props.readOnly || group?.().readOnly || ark?.().readOnly),
+    describedBy: external => [ark?.().ariaDescribedby, field?.successId(), external].filter(Boolean).join(" ") || void 0
+  };
+}
+export { FieldVisualContext, InputGroupContext, useFieldVisual, useTextControl };

package/dist/chunks/solid-OBCHBAS5.jsx

@@ -0,0 +1,9 @@
+// feedback/toast/toast.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var toastRecipe = tv({
+  slots: {
+    group: "nui-toast-group nui:outline-none",
+    root: "nui-toast-root nui:shadow-[var(--nui-toast-shadow)] nui:focus-visible:outline-[length:var(--nui-focus-width)] nui:focus-visible:outline-offset-[var(--nui-focus-offset)] nui:focus-visible:outline-focus-ring"
+  }
+});
+export { toastRecipe };

package/dist/chunks/solid-OJOVU7AJ.jsx

@@ -0,0 +1,26 @@
+import { MediaObjectActions, MediaObjectContent, MediaObjectDescription, MediaObjectMedia, MediaObjectTitle } from "./solid-TBHYQA3G.jsx";
+import { mediaObjectRecipe } from "./solid-MIHOQZ45.jsx";
+
+// compositions/media-object/media-object.tsx
+import { mergeProps, splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+function MediaObjectRoot(props) {
+  const [local, rest] = splitProps(mergeProps({
+    as: "article"
+  }, props), ["as", "size", "align", "class"]);
+  return <Dynamic component={local.as} {...rest} class={mediaObjectRecipe({
+    size: local.size,
+    align: local.align
+  }).root({
+    class: local.class
+  })} />;
+}
+var MediaObject = {
+  Root: MediaObjectRoot,
+  Media: MediaObjectMedia,
+  Content: MediaObjectContent,
+  Title: MediaObjectTitle,
+  Description: MediaObjectDescription,
+  Actions: MediaObjectActions
+};
+export { MediaObjectRoot, MediaObject };

package/dist/chunks/solid-OKRWY3CA.jsx

@@ -0,0 +1,72 @@
+import { navigationMenuRecipe } from "./solid-7FKR2OF6.jsx";
+import { NavigationMenuItemContext, NavigationMenuVisibilityContext, useNavigationMenuClose } from "./solid-4LT7BNWT.jsx";
+import { NavigationChevron } from "./solid-JRU5VQZA.jsx";
+
+// navigation/navigation-menu/navigation-menu.parts.tsx
+import { NavigationMenu as Ark, useNavigationMenuContext } from "@ark-ui/solid/navigation-menu";
+import { splitProps, useContext } from "solid-js";
+var styles = navigationMenuRecipe();
+function NavigationMenuList(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <Ark.List {...rest} class={styles.list({
+    class: local.class
+  })} />;
+}
+function NavigationMenuItem(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <NavigationMenuItemContext.Provider value={() => props.value}>
+      <Ark.Item {...rest} class={styles.item({
+      class: local.class
+    })} />
+    </NavigationMenuItemContext.Provider>;
+}
+function NavigationMenuLink(props) {
+  const [local, rest] = splitProps(props, ["class", "onSelect"]);
+  const close = useNavigationMenuClose();
+  return <Ark.Link {...rest} class={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 <Ark.Trigger {...rest} class={styles.trigger({
+    class: local.class
+  })}>
+      {local.children}
+      <NavigationChevron />
+    </Ark.Trigger>;
+}
+function NavigationMenuContent(props) {
+  const [local, rest] = splitProps(props, ["class", "layout", "align", "children"]);
+  const api = useNavigationMenuContext();
+  const item = useContext(NavigationMenuItemContext);
+  return <Ark.Content {...rest} data-layout={local.layout ?? "simple"} data-align={local.align ?? "start"} class={styles.content({
+    class: local.class
+  })}>
+      <NavigationMenuVisibilityContext.Provider value={() => api().value === (props.value ?? item?.())}>
+        {local.children}
+      </NavigationMenuVisibilityContext.Provider>
+    </Ark.Content>;
+}
+function NavigationMenuGroup(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.group({
+    class: local.class
+  })} />;
+}
+function NavigationMenuLabel(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.label({
+    class: local.class
+  })} />;
+}
+function NavigationMenuDescription(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <span {...rest} class={styles.description({
+    class: local.class
+  })} />;
+}
+export { NavigationMenuList, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuGroup, NavigationMenuLabel, NavigationMenuDescription };