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

package/dist/chunks/solid-IPWL5E2I.jsx

@@ -0,0 +1,3 @@
+// navigation/navigation-link.recipe.ts
+var navigationLinkBase = "nui:flex nui:min-w-0 nui:items-center nui:gap-2 nui:rounded-md nui:font-medium nui:text-sm nui:text-muted-foreground nui:no-underline nui:wrap-anywhere nui:transition-colors nui:motion-reduce:transition-none nui:hover:bg-[var(--nui-neutral-soft-hover)] nui:hover:text-foreground nui:active:bg-[var(--nui-neutral-soft-active)] nui:aria-[current=page]:bg-[var(--nui-primary-soft-active)] nui:aria-[current=page]:text-[var(--nui-primary-text)] nui:aria-[current=page]:hover:bg-[var(--nui-primary-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";
+export { navigationLinkBase };

package/dist/chunks/solid-JAFZUGTQ.jsx

@@ -0,0 +1,20 @@
+import { ToastPortal } from "./solid-BLPH2K7V.jsx";
+import { ToastNotification } from "./solid-LBSDWT2D.jsx";
+import { toastRecipe } from "./solid-OBCHBAS5.jsx";
+
+// feedback/toast/toaster.tsx
+import { Toaster as ArkToaster } from "@ark-ui/solid/toast";
+import { splitProps } from "solid-js";
+function Toaster(props) {
+  const [local, rest] = splitProps(props, ["children", "variant", "showIcon", "mount", "class"]);
+  return <ToastPortal {...local.mount ? {
+    mount: local.mount
+  } : {}}>
+      <ArkToaster {...rest} class={toastRecipe().group({
+      class: local.class
+    })}>
+        {toast => local.children ? local.children(toast) : <ToastNotification toast={toast} variant={local.variant ?? "soft"} showIcon={local.showIcon ?? true} />}
+      </ArkToaster>
+    </ToastPortal>;
+}
+export { Toaster };

package/dist/chunks/solid-JANOURD4.jsx

@@ -0,0 +1,46 @@
+import { createMenubarController } from "./solid-CGBGGODO.jsx";
+import { MenubarSurface } from "./solid-W7QHICNH.jsx";
+import { menubarRecipe } from "./solid-3IZ2QP3T.jsx";
+import { MenuRoot } from "./solid-ERS5BSG5.jsx";
+import { MenuGroup, MenuGroupLabel, MenuItem, MenuSeparator, MenuSubTrigger } from "./solid-22W4DBMR.jsx";
+import { MenubarContent, MenubarMenu, MenubarTrigger } from "./solid-P4E6OEET.jsx";
+import { MenubarContext } from "./solid-KPLD252F.jsx";
+import { MenuContent } from "./solid-LLWVI32H.jsx";
+
+// actions/menubar/menubar.tsx
+import { Menu as Ark } from "@ark-ui/solid/menu";
+import { splitProps } from "solid-js";
+function MenubarRoot(props) {
+  const [local, rest] = splitProps(props, ["aria-label", "class", "style", "children"]);
+  return <MenuRoot {...rest}>
+      <Ark.Context>
+        {api => {
+        let element;
+        const controller = createMenubarController(api, () => element);
+        return <MenubarContext.Provider value={controller}>
+              <div ref={element} role="menubar" aria-label={local["aria-label"]} aria-orientation="horizontal" class={menubarRecipe({
+            class: local.class
+          })} style={local.style}>
+                {local.children}
+              </div>
+              <MenubarSurface />
+            </MenubarContext.Provider>;
+      }}
+      </Ark.Context>
+    </MenuRoot>;
+}
+var Menubar = {
+  Root: MenubarRoot,
+  Menu: MenubarMenu,
+  Trigger: MenubarTrigger,
+  Content: MenubarContent,
+  Item: MenuItem,
+  Group: MenuGroup,
+  GroupLabel: MenuGroupLabel,
+  Separator: MenuSeparator,
+  SubRoot: MenuRoot,
+  SubTrigger: MenuSubTrigger,
+  SubContent: MenuContent,
+  Context: Ark.Context
+};
+export { MenubarRoot, Menubar };

package/dist/chunks/solid-JIP352PG.jsx

@@ -0,0 +1,15 @@
+import { separatorRecipe } from "./solid-WZZEYVFI.jsx";
+
+// content/separator/separator.tsx
+import { mergeProps, splitProps } from "solid-js";
+function Separator(props) {
+  const [local, rest] = splitProps(mergeProps({
+    orientation: "horizontal",
+    decorative: false
+  }, props), ["orientation", "decorative", "class"]);
+  return <hr {...rest} role={local.decorative ? "none" : "separator"} aria-hidden={local.decorative ? true : void 0} aria-orientation={local.decorative ? void 0 : local.orientation} class={separatorRecipe({
+    orientation: local.orientation,
+    class: local.class
+  })} />;
+}
+export { Separator };

package/dist/chunks/solid-JKOHSVK5.jsx

@@ -0,0 +1,48 @@
+import { StepsActions, StepsCompletedContent, StepsContent, StepsDescription, StepsLabel, StepsSeparator, StepsTitle, StepsTrigger } from "./solid-HFH7WFNE.jsx";
+import { StepsIndicator } from "./solid-65ESFWUX.jsx";
+import { stepsRecipe } from "./solid-VDYGPZZK.jsx";
+import { StepsNextTrigger, StepsPrevTrigger } from "./solid-W5TB3MCH.jsx";
+
+// navigation/steps/steps.tsx
+import { Steps as ArkSteps } from "@ark-ui/solid/steps";
+import { mergeProps, splitProps } from "solid-js";
+var styles = stepsRecipe();
+function StepsRoot(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkSteps.Root {...rest} class={styles.root({
+    class: local.class
+  })} />;
+}
+function StepsList(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkSteps.List {...mergeProps({
+    "aria-label": "Steps"
+  }, rest)} class={styles.list({
+    class: local.class
+  })} />;
+}
+function StepsItem(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkSteps.Item {...rest} class={styles.item({
+    class: local.class
+  })} />;
+}
+var Steps = {
+  Root: StepsRoot,
+  List: StepsList,
+  Item: StepsItem,
+  Trigger: StepsTrigger,
+  Indicator: StepsIndicator,
+  Label: StepsLabel,
+  Title: StepsTitle,
+  Description: StepsDescription,
+  Separator: StepsSeparator,
+  Content: StepsContent,
+  CompletedContent: StepsCompletedContent,
+  Actions: StepsActions,
+  PrevTrigger: StepsPrevTrigger,
+  NextTrigger: StepsNextTrigger,
+  Context: ArkSteps.Context,
+  ItemContext: ArkSteps.ItemContext
+};
+export { Steps };

package/dist/chunks/solid-JOHFWMT4.jsx

@@ -0,0 +1,32 @@
+import { actionBarRecipe } from "./solid-GLC3UWOL.jsx";
+import { Text } from "./solid-PUJN3TBX.jsx";
+import { Heading } from "./solid-ESE6JAHG.jsx";
+
+// compositions/action-bar/action-bar.parts.tsx
+import { mergeProps, splitProps } from "solid-js";
+var styles = actionBarRecipe();
+function ActionBarContent(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.content({
+    class: local.class
+  })} />;
+}
+function ActionBarTitle(props) {
+  return <Heading {...mergeProps({
+    as: "h2",
+    size: "6"
+  }, props)} />;
+}
+function ActionBarDescription(props) {
+  return <Text {...mergeProps({
+    size: "7",
+    tone: "muted"
+  }, props)} />;
+}
+function ActionBarActions(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.actions({
+    class: local.class
+  })} />;
+}
+export { ActionBarContent, ActionBarTitle, ActionBarDescription, ActionBarActions };

package/dist/chunks/solid-JRU5VQZA.jsx

@@ -0,0 +1,9 @@
+// navigation/navigation-icons.tsx
+import { ChevronDown, Menu } from "lucide-solid";
+function NavigationChevron() {
+  return <ChevronDown size={16} aria-hidden="true" />;
+}
+function NavigationToggleIcon() {
+  return <Menu size={20} aria-hidden="true" />;
+}
+export { NavigationChevron, NavigationToggleIcon };

package/dist/chunks/solid-JYWIACDR.jsx

@@ -0,0 +1,33 @@
+import { avatarRecipe } from "./solid-DRQRVA7F.jsx";
+
+// content/avatar/avatar.tsx
+import { Avatar as ArkAvatar } from "@ark-ui/solid/avatar";
+import { splitProps } from "solid-js";
+var styles = avatarRecipe();
+function AvatarRoot(props) {
+  const [local, rest] = splitProps(props, ["size", "shape", "class"]);
+  return <ArkAvatar.Root {...rest} class={avatarRecipe({
+    size: local.size,
+    shape: local.shape
+  }).root({
+    class: local.class
+  })} />;
+}
+function AvatarImage(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkAvatar.Image {...rest} class={styles.image({
+    class: local.class
+  })} />;
+}
+function AvatarFallback(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkAvatar.Fallback {...rest} class={styles.fallback({
+    class: local.class
+  })} />;
+}
+var Avatar = {
+  Root: AvatarRoot,
+  Image: AvatarImage,
+  Fallback: AvatarFallback
+};
+export { AvatarRoot, AvatarImage, AvatarFallback, Avatar };

package/dist/chunks/solid-KAEEGL7T.jsx

@@ -0,0 +1,11 @@
+// layout/resizable/resizable.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var resizableRecipe = tv({
+  slots: {
+    root: "nui:min-h-0 nui:min-w-0 nui:text-foreground",
+    panel: "nui:min-h-0 nui:min-w-0",
+    handle: "nui-resizable-handle nui:relative nui:flex nui:shrink-0 nui:items-center nui:justify-center nui:border-0 nui:bg-transparent nui:p-0 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-focus-ring",
+    grip: "nui-resizable-grip nui:pointer-events-none nui:relative nui:z-1 nui:flex nui:shrink-0 nui:items-center nui:justify-center nui:rounded-sm nui:border nui:border-[var(--nui-control-border)] nui:bg-surface nui:text-muted-foreground"
+  }
+});
+export { resizableRecipe };

package/dist/chunks/solid-KPLD252F.jsx

@@ -0,0 +1,15 @@
+// actions/menubar/menubar.context.ts
+import { createContext, useContext } from "solid-js";
+var MenubarContext = createContext();
+var MenubarMenuContext = createContext();
+function useMenubar() {
+  const context = useContext(MenubarContext);
+  if (!context) throw new Error("Menubar parts require Menubar.Root.");
+  return context;
+}
+function useMenubarMenu() {
+  const value = useContext(MenubarMenuContext);
+  if (!value) throw new Error("Menubar.Trigger and Content require Menubar.Menu.");
+  return value;
+}
+export { MenubarContext, MenubarMenuContext, useMenubar, useMenubarMenu };

package/dist/chunks/solid-KPWH7ACG.jsx

@@ -0,0 +1,15 @@
+// content/collapsible/collapsible.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var collapsibleRecipe = tv({
+  base: "nui:w-full nui:min-w-0 nui:overflow-hidden nui:rounded-xl nui:border nui:border-border",
+  variants: {
+    variant: {
+      outline: "nui:bg-background",
+      soft: "nui:bg-surface"
+    }
+  },
+  defaultVariants: {
+    variant: "outline"
+  }
+});
+export { collapsibleRecipe };

package/dist/chunks/solid-KY7QCNDN.jsx

@@ -0,0 +1,19 @@
+import { initializeTextControl } from "./solid-QTWMTWYM.jsx";
+import { useTextControl } from "./solid-O5IKGAYR.jsx";
+import { textControlRecipe } from "./solid-R4UMEUAE.jsx";
+
+// forms/input/input.tsx
+import { Field as ArkField } from "@ark-ui/solid/field";
+import { splitProps, untrack } from "solid-js";
+function Input(props) {
+  const [local, rest] = splitProps(props, ["size", "tone", "rounded", "valid", "invalid", "loading", "disabled", "readOnly", "htmlSize", "appearance", "class", "aria-describedby", "aria-invalid", "aria-busy", "defaultValue", "ref"]);
+  const control = useTextControl(local);
+  const initialValue = untrack(() => local.defaultValue);
+  return <ArkField.Input {...rest} ref={element => initializeTextControl(element, initialValue, local.ref)} size={local.htmlSize} disabled={control.disabled()} readOnly={local.appearance === "static" || control.readOnly()} aria-describedby={control.describedBy(local["aria-describedby"])} aria-invalid={control.invalid() ? "true" : local["aria-invalid"]} aria-busy={control.loading() || local["aria-busy"]} data-invalid={control.invalid() ? "" : void 0} data-valid={control.valid() ? "" : void 0} data-loading={control.loading() ? "" : void 0} data-appearance={local.appearance ?? "default"} class={textControlRecipe({
+    size: control.size(),
+    tone: control.tone(),
+    rounded: control.rounded(),
+    class: local.class
+  })} />;
+}
+export { Input };

package/dist/chunks/solid-LAJCKO5Y.jsx

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

package/dist/chunks/solid-LBSDWT2D.jsx

@@ -0,0 +1,36 @@
+import { Toast } from "./solid-GFOWARHO.jsx";
+import { CalloutActions } from "./solid-IPGZZSLN.jsx";
+import { LoadingIndicator } from "./solid-7COORA3X.jsx";
+
+// feedback/toast/toast-notification.tsx
+import { useToastContext } from "@ark-ui/solid/toast";
+import { Show } from "solid-js";
+function ToastNotification(props) {
+  const api = useToastContext();
+  return <Toast.Root variant={props.variant}>
+      <Show when={props.showIcon}>
+        <Show when={api().type === "loading"} fallback={<Toast.Icon />}>
+          <Toast.Icon>
+            <LoadingIndicator size="sm" tone="neutral" />
+          </Toast.Icon>
+        </Show>
+      </Show>
+      <Toast.Content>
+        <Show when={props.toast().title}>
+          <Toast.Title>{props.toast().title}</Toast.Title>
+        </Show>
+        <Show when={props.toast().description}>
+          <Toast.Description>{props.toast().description}</Toast.Description>
+        </Show>
+        <Show when={props.toast().action}>
+          {action => <CalloutActions>
+              <Toast.ActionTrigger>{action().label}</Toast.ActionTrigger>
+            </CalloutActions>}
+        </Show>
+      </Toast.Content>
+      <Show when={api().closable}>
+        <Toast.CloseTrigger />
+      </Show>
+    </Toast.Root>;
+}
+export { ToastNotification };

package/dist/chunks/solid-LLWVI32H.jsx

@@ -0,0 +1,22 @@
+import { menuRecipe } from "./solid-OQFJ2GQI.jsx";
+import { OverlayPortal } from "./solid-FBI7HGP3.jsx";
+
+// actions/menu/menu.content.tsx
+import { Menu as ArkMenu } from "@ark-ui/solid/menu";
+import { splitProps } from "solid-js";
+var styles = menuRecipe();
+function MenuContent(props) {
+  const [local, rest] = splitProps(props, ["mount", "class", "children"]);
+  return <OverlayPortal {...local.mount ? {
+    mount: local.mount
+  } : {}}>
+      <ArkMenu.Positioner class={styles.positioner()}>
+        <ArkMenu.Content {...rest} class={styles.content({
+        class: local.class
+      })}>
+          {local.children}
+        </ArkMenu.Content>
+      </ArkMenu.Positioner>
+    </OverlayPortal>;
+}
+export { MenuContent };

package/dist/chunks/solid-LOGM5SZB.jsx

@@ -0,0 +1,41 @@
+import { buttonRecipe } from "./solid-4WRVQQ7W.jsx";
+import { useButtonGroup } from "./solid-3H4FQFP4.jsx";
+
+// actions/button/button.tsx
+import { mergeProps, Show, splitProps } from "solid-js";
+function Button(props) {
+  const group = useButtonGroup();
+  const [local, rest] = splitProps(mergeProps({
+    type: "button"
+  }, props), ["variant", "tone", "size", "rounded", "fullWidth", "iconOnly", "loading", "responsive", "disabled", "startIcon", "endIcon", "class", "children", "aria-busy"]);
+  return <button {...rest} data-nui-button="" data-nui-button-variant={local.variant ?? group.variant ?? "solid"} data-icon-only={local.iconOnly ? "true" : void 0} disabled={local.disabled || group.disabled || local.loading} aria-busy={local.loading || local["aria-busy"]} class={buttonRecipe({
+    variant: local.variant ?? group.variant,
+    tone: local.tone ?? group.tone,
+    size: local.size ?? group.size,
+    rounded: local.rounded,
+    fullWidth: local.fullWidth,
+    responsive: local.responsive,
+    iconOnly: local.iconOnly,
+    class: local.class
+  })}>
+      <Show when={local.loading}>
+        <span class="nui-button-spinner" aria-hidden="true" />
+      </Show>
+      <span class="nui-button-content" style={{
+      opacity: local.loading ? 0 : void 0
+    }}>
+        <Show when={local.startIcon}>
+          <span class="nui-button-icon" aria-hidden="true">
+            {local.startIcon}
+          </span>
+        </Show>
+        {local.children}
+        <Show when={local.endIcon}>
+          <span class="nui-button-icon" aria-hidden="true">
+            {local.endIcon}
+          </span>
+        </Show>
+      </span>
+    </button>;
+}
+export { Button };

package/dist/chunks/solid-LSPCOZBU.jsx

@@ -0,0 +1,24 @@
+import { CollapsibleContent, CollapsibleIndicator, CollapsibleTrigger } from "./solid-CNNBZW57.jsx";
+import { collapsibleRecipe } from "./solid-KPWH7ACG.jsx";
+
+// content/collapsible/collapsible.tsx
+import { Collapsible as ArkCollapsible } from "@ark-ui/solid/collapsible";
+import { mergeProps, splitProps } from "solid-js";
+function CollapsibleRoot(props) {
+  const [local, rest] = splitProps(mergeProps({
+    lazyMount: true,
+    unmountOnExit: false
+  }, props), ["class", "variant"]);
+  return <ArkCollapsible.Root {...rest} class={collapsibleRecipe({
+    variant: local.variant,
+    class: local.class
+  })} />;
+}
+var Collapsible = {
+  Root: CollapsibleRoot,
+  Trigger: CollapsibleTrigger,
+  Indicator: CollapsibleIndicator,
+  Content: CollapsibleContent,
+  Context: ArkCollapsible.Context
+};
+export { CollapsibleRoot, Collapsible };

package/dist/chunks/solid-LUBJOEWP.jsx

@@ -0,0 +1,27 @@
+import { FooterBrand, FooterContent, FooterGroup, FooterLink, FooterLinks, FooterMeta, FooterTitle } from "./solid-RWXWHN3P.jsx";
+import { footerRecipe } from "./solid-IEVIFPWF.jsx";
+import { Container } from "./solid-M66BTHSF.jsx";
+
+// compositions/footer/footer.tsx
+import { splitProps } from "solid-js";
+function FooterRoot(props) {
+  const [local, rest] = splitProps(props, ["tone", "width", "class", "children"]);
+  return <footer {...rest} class={footerRecipe({
+    tone: local.tone
+  }).root({
+    class: local.class
+  })}>
+      <Container size={local.width}>{local.children}</Container>
+    </footer>;
+}
+var Footer = {
+  Root: FooterRoot,
+  Content: FooterContent,
+  Brand: FooterBrand,
+  Links: FooterLinks,
+  Group: FooterGroup,
+  Title: FooterTitle,
+  Link: FooterLink,
+  Meta: FooterMeta
+};
+export { FooterRoot, Footer };

package/dist/chunks/solid-LXXI37EO.jsx

@@ -0,0 +1,30 @@
+// navigation/pagination/pagination.recipe.ts
+import { tv } from "tailwind-variants/lite";
+var paginationRecipe = tv({
+  slots: {
+    root: "nui:flex nui:w-full nui:min-w-0 nui:flex-wrap nui:items-center nui:justify-center nui:gap-x-1 nui:gap-y-2 nui:text-foreground",
+    control: "nui:inline-flex nui:shrink-0 nui:items-center nui:justify-center nui:gap-2 nui:h-[var(--nui-page-size)] nui:min-w-[var(--nui-page-size)] nui:rounded-md nui:border nui:border-transparent nui:bg-transparent nui:px-2 nui:leading-none nui:text-[length:var(--nui-page-font)] nui:font-medium nui:tabular-nums nui:cursor-pointer nui:transition-colors nui:motion-reduce:transition-none 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:enabled:hover:bg-[var(--nui-neutral-soft)] nui:enabled:active:bg-[var(--nui-neutral-soft-active)] nui:enabled:data-selected:bg-background nui:enabled:data-selected:text-foreground nui:enabled:data-selected:border-[var(--nui-control-border)] nui:disabled:cursor-not-allowed nui:disabled:border-[var(--nui-neutral-6)] nui:disabled:bg-[var(--nui-neutral-3)] nui:disabled:text-[var(--nui-neutral-8)]",
+    items: "nui:inline-flex nui:min-w-0 nui:items-center",
+    pages: "nui-pagination-pages nui:max-sm:hidden nui:inline-flex nui:min-w-0 nui:flex-wrap nui:items-center nui:gap-1",
+    label: "nui:max-sm:hidden",
+    ellipsis: "nui:inline-flex nui:h-[var(--nui-page-size)] nui:min-w-6 nui:items-center nui:justify-center nui:text-muted-foreground",
+    compactSummary: "nui-pagination-summary nui:hidden nui:max-sm:inline-flex nui:px-2 nui:text-[length:var(--nui-page-font)] nui:tabular-nums"
+  },
+  variants: {
+    size: {
+      sm: {
+        root: "nui:[--nui-page-size:var(--nui-control-height-sm)] nui:[--nui-page-font:var(--nui-font-size-sm)]"
+      },
+      md: {
+        root: "nui:[--nui-page-size:var(--nui-control-height-md)] nui:[--nui-page-font:var(--nui-font-size-sm)]"
+      },
+      lg: {
+        root: "nui:[--nui-page-size:var(--nui-control-height-lg)] nui:[--nui-page-font:var(--nui-font-size-base)]"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+export { paginationRecipe };

package/dist/chunks/solid-M66BTHSF.jsx

@@ -0,0 +1,14 @@
+import { containerRecipe } from "./solid-EOGGP6VG.jsx";
+
+// layout/container/container.tsx
+import { splitProps } from "solid-js";
+function Container(props) {
+  const [local, rest] = splitProps(props, ["size", "class", "children"]);
+  return <div {...rest} class={containerRecipe({
+    size: local.size,
+    class: local.class
+  })}>
+      {local.children}
+    </div>;
+}
+export { Container };

package/dist/chunks/solid-MADLLW5O.jsx

@@ -0,0 +1,66 @@
+import { panelHeaderRecipe } from "./solid-VZEZ7MZB.jsx";
+import { panelRecipe } from "./solid-VUQ6PMEE.jsx";
+import { Text } from "./solid-PUJN3TBX.jsx";
+import { Heading } from "./solid-ESE6JAHG.jsx";
+
+// compositions/panel/panel.parts.tsx
+import { mergeProps, splitProps } from "solid-js";
+var styles = panelRecipe();
+function PanelHeader(props) {
+  const [local, rest] = splitProps(props, ["variant", "tone", "density", "class"]);
+  return <div {...rest} class={panelHeaderRecipe({
+    variant: local.variant,
+    tone: local.tone,
+    density: local.density,
+    class: local.class
+  })} />;
+}
+function PanelTitle(props) {
+  return <Heading {...mergeProps({
+    as: "h2",
+    size: "5"
+  }, props)} />;
+}
+function PanelDescription(props) {
+  return <Text {...mergeProps({
+    size: "6",
+    tone: "muted"
+  }, props)} />;
+}
+function PanelToolbar(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.toolbar({
+    class: local.class
+  })} />;
+}
+function PanelBody(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.body({
+    class: local.class
+  })} />;
+}
+function PanelList(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ul {...rest} class={styles.list({
+    class: local.class
+  })} />;
+}
+function PanelItem(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <li {...rest} class={styles.item({
+    class: local.class
+  })} />;
+}
+function PanelLink(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <a {...rest} class={styles.link({
+    class: local.class
+  })} />;
+}
+function PanelFooter(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.footer({
+    class: local.class
+  })} />;
+}
+export { PanelHeader, PanelTitle, PanelDescription, PanelToolbar, PanelBody, PanelList, PanelItem, PanelLink, PanelFooter };

package/dist/chunks/solid-MGIHVP4U.jsx

@@ -0,0 +1,41 @@
+import { navbarRecipe } from "./solid-R3U4M5TL.jsx";
+import { NavigationToggleIcon } from "./solid-JRU5VQZA.jsx";
+
+// navigation/navbar/navbar.parts.tsx
+import { Collapsible } from "@ark-ui/solid/collapsible";
+import { mergeProps, Show, splitProps } from "solid-js";
+var styles = navbarRecipe();
+function NavbarBrand(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <a {...rest} class={styles.brand({
+    class: local.class
+  })} />;
+}
+function NavbarToggle(props) {
+  const [local, rest] = splitProps(mergeProps({
+    "aria-label": "Toggle navigation"
+  }, props), ["class", "children"]);
+  return <Collapsible.Trigger {...rest} class={styles.toggle({
+    class: local.class
+  })}>
+      <Show when={local.children} fallback={<>
+            <NavigationToggleIcon />
+            <span>Menu</span>
+          </>}>
+        {local.children}
+      </Show>
+    </Collapsible.Trigger>;
+}
+function NavbarContent(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <Collapsible.Content {...rest} class={styles.content({
+    class: local.class
+  })} />;
+}
+function NavbarActions(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.actions({
+    class: local.class
+  })} />;
+}
+export { NavbarBrand, NavbarToggle, NavbarContent, NavbarActions };