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

package/dist/chunks/browser-ZG7GCFPD.js

@@ -0,0 +1,100 @@
+import { useTextControl } from "./browser-JSB2YMJ7.js";
+import { Loading } from "./browser-3S6B4XSL.js";
+
+// dist/chunks/solid-U64Z4B2B.jsx
+import { template as _$template } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { mergeProps, Show, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<span>`);
+function InputGroupIcon(props) {
+  const [local, rest] = splitProps(mergeProps({
+    placement: "start"
+  }, props), ["placement", "class"]);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps(rest, {
+      "aria-hidden": "true",
+      get ["data-placement"]() {
+        return local.placement;
+      },
+      get ["class"]() {
+        return partClass("nui-input-group-icon", local.class);
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+function InputGroupAddon(props) {
+  const [local, rest] = splitProps(mergeProps({
+    placement: "start"
+  }, props), ["placement", "class"]);
+  return (() => {
+    var _el$2 = _$getNextElement(_tmpl$);
+    _$spread(_el$2, _$mergeProps(rest, {
+      get ["data-placement"]() {
+        return local.placement;
+      },
+      get ["class"]() {
+        return partClass("nui-input-group-addon", local.class);
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$2;
+  })();
+}
+function InputGroupAction(props) {
+  const [local, rest] = splitProps(mergeProps({
+    placement: "end"
+  }, props), ["placement", "class"]);
+  return (() => {
+    var _el$3 = _$getNextElement(_tmpl$);
+    _$spread(_el$3, _$mergeProps(rest, {
+      get ["data-placement"]() {
+        return local.placement;
+      },
+      get ["class"]() {
+        return partClass("nui-input-group-action", local.class);
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$3;
+  })();
+}
+function InputGroupLoading(props) {
+  const [local, rest] = splitProps(props, ["label", "class"]);
+  const control = useTextControl({});
+  return _$createComponent(Show, {
+    get when() {
+      return control.loading();
+    },
+    get children() {
+      var _el$4 = _$getNextElement(_tmpl$);
+      _$spread(_el$4, _$mergeProps(rest, {
+        "data-placement": "end",
+        get ["class"]() {
+          return partClass("nui-input-group-icon", local.class);
+        }
+      }), false, true);
+      _$insert(_el$4, _$createComponent(Loading, {
+        size: "sm",
+        tone: "neutral",
+        get label() {
+          return local.label ?? "Checking\u2026";
+        }
+      }));
+      _$runHydrationEvents();
+      return _el$4;
+    }
+  });
+}
+function partClass(base, extra) {
+  return [base, extra].filter(Boolean).join(" ");
+}
+export { InputGroupIcon, InputGroupAddon, InputGroupAction, InputGroupLoading };

package/dist/chunks/browser-ZLRFQ4YA.js

@@ -0,0 +1,36 @@
+import { menuRecipe } from "./browser-ILNP6PL3.js";
+import { OverlayPortal } from "./browser-FKHIAKUZ.js";
+
+// dist/chunks/solid-LLWVI32H.jsx
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+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 _$createComponent(OverlayPortal, _$mergeProps(() => local.mount ? {
+    mount: local.mount
+  } : {}, {
+    get children() {
+      return _$createComponent(ArkMenu.Positioner, {
+        get ["class"]() {
+          return styles.positioner();
+        },
+        get children() {
+          return _$createComponent(ArkMenu.Content, _$mergeProps(rest, {
+            get ["class"]() {
+              return styles.content({
+                class: local.class
+              });
+            },
+            get children() {
+              return local.children;
+            }
+          }));
+        }
+      });
+    }
+  }));
+}
+export { MenuContent };

package/dist/chunks/browser-ZLY6ETEE.js

@@ -0,0 +1,82 @@
+import { navbarRecipe } from "./browser-X5KFLSBV.js";
+import { NavigationToggleIcon } from "./browser-D7RANW3H.js";
+
+// dist/chunks/solid-MGIHVP4U.jsx
+import { template as _$template } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { Collapsible } from "@ark-ui/solid/collapsible";
+import { mergeProps, Show, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */_$template(`<a>`);
+var _tmpl$2 = /* @__PURE__ */_$template(`<span>Menu`);
+var _tmpl$3 = /* @__PURE__ */_$template(`<div>`);
+var styles = navbarRecipe();
+function NavbarBrand(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$spread(_el$, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.brand({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+function NavbarToggle(props) {
+  const [local, rest] = splitProps(mergeProps({
+    "aria-label": "Toggle navigation"
+  }, props), ["class", "children"]);
+  return _$createComponent(Collapsible.Trigger, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles.toggle({
+        class: local.class
+      });
+    },
+    get children() {
+      return _$createComponent(Show, {
+        get when() {
+          return local.children;
+        },
+        get fallback() {
+          return [_$createComponent(NavigationToggleIcon, {}), _$getNextElement(_tmpl$2)];
+        },
+        get children() {
+          return local.children;
+        }
+      });
+    }
+  }));
+}
+function NavbarContent(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return _$createComponent(Collapsible.Content, _$mergeProps(rest, {
+    get ["class"]() {
+      return styles.content({
+        class: local.class
+      });
+    }
+  }));
+}
+function NavbarActions(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return (() => {
+    var _el$3 = _$getNextElement(_tmpl$3);
+    _$spread(_el$3, _$mergeProps(rest, {
+      get ["class"]() {
+        return styles.actions({
+          class: local.class
+        });
+      }
+    }), false, false);
+    _$runHydrationEvents();
+    return _el$3;
+  })();
+}
+export { NavbarBrand, NavbarToggle, NavbarContent, NavbarActions };

package/dist/chunks/browser-ZOV6DDXT.js

@@ -0,0 +1,53 @@
+// dist/chunks/solid-SMANDXOR.jsx
+import { tv } from "tailwind-variants/lite";
+var calloutRecipe = tv({
+  slots: {
+    header: "nui:flex nui:min-w-0 nui:items-start nui:gap-3 nui:bg-[var(--nui-callout-header-bg)] nui:p-4 nui:text-[var(--nui-callout-header-fg)] nui:[--nui-callout-accent:var(--nui-callout-header-fg)] nui:[--nui-callout-text-strong:var(--nui-callout-header-fg)] nui:[--nui-callout-hover:var(--nui-callout-header-hover)] nui:[--nui-callout-active:var(--nui-callout-header-hover)] nui:[--nui-focus-ring:var(--nui-callout-header-fg)]",
+    body: "nui:min-w-0 nui:p-4",
+    root: "nui:min-w-0 nui:rounded-xl nui:border nui:border-[var(--nui-callout-border)] nui:text-[var(--nui-callout-accent)] nui:wrap-anywhere",
+    icon: "nui:mt-0.5 nui:inline-flex nui:size-5 nui:shrink-0 nui:items-center nui:justify-center nui:text-[var(--nui-callout-accent)] nui:[&>svg]:size-full",
+    content: "nui:grid nui:min-w-0 nui:flex-1 nui:content-start nui:gap-y-[var(--nui-header-gap)]",
+    title: "nui:m-0 nui:text-base nui:leading-snug nui:font-semibold nui:text-[var(--nui-callout-text-strong)]",
+    description: "nui:text-sm nui:leading-relaxed nui:[&_a]:font-medium nui:[&_a]:text-[var(--nui-callout-accent)] nui:[&_a]:underline nui:[&_a]:underline-offset-4 nui:[&_a:focus-visible]:rounded-sm nui:[&_a:focus-visible]:outline-[length:var(--nui-focus-width)] nui:[&_a:focus-visible]:outline-offset-[var(--nui-focus-offset)] nui:[&_a:focus-visible]:outline-focus-ring",
+    actions: "nui:mt-3 nui:flex nui:min-w-0 nui:flex-wrap nui:items-center nui:gap-2",
+    close: "nui:-mt-1 nui:-mr-1 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-transparent nui:text-[var(--nui-callout-accent)] nui:enabled:hover:bg-[var(--nui-callout-hover)] nui:enabled:active:bg-[var(--nui-callout-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: {
+    variant: {
+      soft: {
+        root: "nui:flex nui:items-start nui:gap-3 nui:p-4 nui:bg-[var(--nui-callout-bg)]"
+      },
+      outline: {
+        root: "nui:flex nui:items-start nui:gap-3 nui:p-4 nui:bg-background"
+      },
+      message: {
+        root: "nui:overflow-hidden nui:bg-[var(--nui-callout-bg)]"
+      }
+    },
+    tone: {
+      neutral: {
+        root: "nui:[--nui-callout-bg:var(--nui-neutral-soft)] nui:[--nui-callout-header-bg:var(--nui-neutral)] nui:[--nui-callout-header-fg:var(--nui-on-neutral)] nui:[--nui-callout-header-hover:var(--nui-neutral-hover)] nui:[--nui-callout-border:var(--nui-neutral-6)] nui:[--nui-callout-accent:var(--nui-neutral-text)] nui:[--nui-callout-text-strong:var(--nui-neutral-text-strong)] nui:[--nui-callout-hover:var(--nui-neutral-soft-hover)] nui:[--nui-callout-active:var(--nui-neutral-soft-active)]"
+      },
+      primary: {
+        root: "nui:[--nui-callout-bg:var(--nui-primary-soft)] nui:[--nui-callout-header-bg:var(--nui-primary)] nui:[--nui-callout-header-fg:var(--nui-on-primary)] nui:[--nui-callout-header-hover:var(--nui-primary-hover)] nui:[--nui-callout-border:var(--nui-primary-6)] nui:[--nui-callout-accent:var(--nui-primary-text)] nui:[--nui-callout-text-strong:var(--nui-primary-text-strong)] nui:[--nui-callout-hover:var(--nui-primary-soft-hover)] nui:[--nui-callout-active:var(--nui-primary-soft-active)]"
+      },
+      info: {
+        root: "nui:[--nui-callout-bg:var(--nui-info-soft)] nui:[--nui-callout-header-bg:var(--nui-info)] nui:[--nui-callout-header-fg:var(--nui-on-info)] nui:[--nui-callout-header-hover:var(--nui-info-hover)] nui:[--nui-callout-border:var(--nui-info-6)] nui:[--nui-callout-accent:var(--nui-info-text)] nui:[--nui-callout-text-strong:var(--nui-info-text-strong)] nui:[--nui-callout-hover:var(--nui-info-soft-hover)] nui:[--nui-callout-active:var(--nui-info-soft-active)]"
+      },
+      success: {
+        root: "nui:[--nui-callout-bg:var(--nui-success-soft)] nui:[--nui-callout-header-bg:var(--nui-success)] nui:[--nui-callout-header-fg:var(--nui-on-success)] nui:[--nui-callout-header-hover:var(--nui-success-hover)] nui:[--nui-callout-border:var(--nui-success-6)] nui:[--nui-callout-accent:var(--nui-success-text)] nui:[--nui-callout-text-strong:var(--nui-success-text-strong)] nui:[--nui-callout-hover:var(--nui-success-soft-hover)] nui:[--nui-callout-active:var(--nui-success-soft-active)]"
+      },
+      warning: {
+        root: "nui:[--nui-callout-bg:var(--nui-warning-soft)] nui:[--nui-callout-header-bg:var(--nui-warning)] nui:[--nui-callout-header-fg:var(--nui-on-warning)] nui:[--nui-callout-header-hover:var(--nui-warning-hover)] nui:[--nui-callout-border:var(--nui-warning-6)] nui:[--nui-callout-accent:var(--nui-warning-text)] nui:[--nui-callout-text-strong:var(--nui-warning-text-strong)] nui:[--nui-callout-hover:var(--nui-warning-soft-hover)] nui:[--nui-callout-active:var(--nui-warning-soft-active)]"
+      },
+      danger: {
+        root: "nui:[--nui-callout-bg:var(--nui-danger-soft)] nui:[--nui-callout-header-bg:var(--nui-danger)] nui:[--nui-callout-header-fg:var(--nui-on-danger)] nui:[--nui-callout-header-hover:var(--nui-danger-hover)] nui:[--nui-callout-border:var(--nui-danger-6)] nui:[--nui-callout-accent:var(--nui-danger-text)] nui:[--nui-callout-text-strong:var(--nui-danger-text-strong)] nui:[--nui-callout-hover:var(--nui-danger-soft-hover)] nui:[--nui-callout-active:var(--nui-danger-soft-active)]"
+      }
+    }
+  },
+  defaultVariants: {
+    tone: "info",
+    variant: "soft"
+  }
+});
+export { calloutRecipe };

package/dist/chunks/browser-ZQEFF63B.js

@@ -0,0 +1,36 @@
+import { TooltipArrow, TooltipPositioner, TooltipSurface } from "./browser-3IWCA5RK.js";
+import { OverlayPortal } from "./browser-FKHIAKUZ.js";
+
+// dist/chunks/solid-HS63FBYT.jsx
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps, Show, splitProps } from "solid-js";
+function TooltipContent(props) {
+  const [local, rest] = splitProps(mergeProps({
+    showArrow: true
+  }, props), ["mount", "showArrow", "children"]);
+  return _$createComponent(OverlayPortal, _$mergeProps(() => local.mount ? {
+    mount: local.mount
+  } : {}, {
+    get children() {
+      return _$createComponent(TooltipPositioner, {
+        get children() {
+          return _$createComponent(TooltipSurface, _$mergeProps(rest, {
+            get children() {
+              return [_$createComponent(Show, {
+                get when() {
+                  return local.showArrow;
+                },
+                get children() {
+                  return _$createComponent(TooltipArrow, {});
+                }
+              }), _$memo(() => local.children)];
+            }
+          }));
+        }
+      });
+    }
+  }));
+}
+export { TooltipContent };

package/dist/chunks/browser-ZTUDKBII.js

@@ -0,0 +1,45 @@
+// dist/chunks/solid-GSRCFKHP.jsx
+import { tv } from "tailwind-variants/lite";
+var cardRecipe = tv({
+  slots: {
+    root: "nui:@container/card nui:flex nui:min-w-0 nui:flex-col nui:rounded-xl nui:border nui:text-foreground nui:wrap-break-word",
+    header: "nui:grid nui:min-w-0 nui:grid-cols-1 nui:@sm/card:has-[[data-nui-card-actions]]:grid-cols-[minmax(0,1fr)_auto] nui:items-start nui:gap-x-4 nui:gap-y-[var(--nui-header-gap)] nui:p-5 nui:[&+[data-nui-card-content]]:pt-0 nui:[&+[data-nui-card-footer=simple]]:pt-0",
+    title: "nui:col-start-1",
+    description: "nui:col-start-1",
+    actions: "nui:col-start-1 nui:flex nui:flex-wrap nui:items-center nui:gap-2 nui:@sm/card:col-start-2 nui:@sm/card:row-start-1 nui:@sm/card:row-span-2",
+    content: "nui:min-w-0 nui:p-5 nui:[&+[data-nui-card-footer=simple]]:pt-0",
+    media: "nui:min-w-0 nui:overflow-hidden nui:first:rounded-t-[inherit] nui:last:rounded-b-[inherit] nui:[&>img]:block nui:[&>img]:h-auto nui:[&>img]:w-full nui:[&>video]:block nui:[&>video]:w-full"
+  },
+  variants: {
+    variant: {
+      outline: {
+        root: "nui:border-border nui:bg-background"
+      },
+      soft: {
+        root: "nui:border-border nui:bg-surface"
+      },
+      elevated: {
+        root: "nui:border-[var(--nui-elevated-border)] nui:bg-surface nui:shadow-[var(--nui-elevated-shadow)]"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "outline"
+  }
+});
+var cardFooterRecipe = tv({
+  base: "nui:mt-auto nui:min-w-0",
+  variants: {
+    variant: {
+      simple: "nui:flex nui:flex-wrap nui:items-center nui:gap-3 nui:p-5",
+      divided: "nui:flex nui:items-stretch nui:border-t nui:border-border nui:[&>*+*]:border-l nui:[&>*+*]:border-border"
+    }
+  },
+  defaultVariants: {
+    variant: "simple"
+  }
+});
+var cardFooterItemRecipe = tv({
+  base: "nui:flex nui:min-w-0 nui:flex-1 nui:items-center nui:justify-center nui:p-2 nui:text-center nui:[&>a]:flex-1 nui:[&>button]:flex-1"
+});
+export { cardRecipe, cardFooterRecipe, cardFooterItemRecipe };

package/dist/chunks/solid-22W4DBMR.jsx

@@ -0,0 +1,46 @@
+import { menuRecipe } from "./solid-OQFJ2GQI.jsx";
+
+// actions/menu/menu.parts.tsx
+import { Menu as ArkMenu } from "@ark-ui/solid/menu";
+import { ChevronRight } from "lucide-solid";
+import { splitProps } from "solid-js";
+var styles = menuRecipe();
+function MenuItem(props) {
+  const [local, rest] = splitProps(props, ["class", "destructive", "icon", "children"]);
+  return <ArkMenu.Item {...rest} data-destructive={local.destructive && !rest.disabled ? "" : void 0} class={styles.item({
+    class: local.class
+  })}>
+      <span aria-hidden="true" data-nui-menu-icon={local.icon ? "" : void 0} class={styles.icon()}>
+        {local.icon}
+      </span>
+      <span class={styles.label()}>{local.children}</span>
+    </ArkMenu.Item>;
+}
+function MenuSubTrigger(props) {
+  const [local, rest] = splitProps(props, ["class", "icon", "children"]);
+  return <ArkMenu.TriggerItem {...rest} class={styles.item({
+    class: local.class
+  })}>
+      <span aria-hidden="true" data-nui-menu-icon={local.icon ? "" : void 0} class={styles.icon()}>
+        {local.icon}
+      </span>
+      <span class={styles.label()}>{local.children}</span>
+      <ChevronRight size={14} aria-hidden="true" />
+    </ArkMenu.TriggerItem>;
+}
+function MenuGroup(props) {
+  return <ArkMenu.ItemGroup {...props} />;
+}
+function MenuGroupLabel(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkMenu.ItemGroupLabel {...rest} class={styles.groupLabel({
+    class: local.class
+  })} />;
+}
+function MenuSeparator(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkMenu.Separator {...rest} class={styles.separator({
+    class: local.class
+  })} />;
+}
+export { MenuItem, MenuSubTrigger, MenuGroup, MenuGroupLabel, MenuSeparator };

package/dist/chunks/solid-24NEDHTJ.jsx

@@ -0,0 +1,14 @@
+// navigation/pagination/pagination.icon.tsx
+import { ChevronLeft, ChevronRight } from "lucide-solid";
+import { Dynamic } from "solid-js/web";
+var icons = {
+  previous: ChevronLeft,
+  next: ChevronRight
+};
+function PaginationIcon(props) {
+  return <Dynamic component={icons[props.name]} size={16} aria-hidden="true" style={{
+    display: "block",
+    "flex-shrink": "0"
+  }} />;
+}
+export { PaginationIcon };

package/dist/chunks/solid-2534JFEJ.jsx

@@ -0,0 +1,35 @@
+import { hoverCardRecipe } from "./solid-3TZ2M2L2.jsx";
+
+// overlays/hover-card/hover-card.parts.tsx
+import { HoverCard as ArkHoverCard } from "@ark-ui/solid/hover-card";
+import { splitProps } from "solid-js";
+var styles = hoverCardRecipe();
+function HoverCardTrigger(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkHoverCard.Trigger {...rest} class={styles.trigger({
+    class: local.class
+  })} />;
+}
+function HoverCardSurface(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkHoverCard.Content {...rest} class={styles.content({
+    class: local.class
+  })} />;
+}
+function HoverCardPositioner(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <ArkHoverCard.Positioner {...rest} class={styles.positioner({
+    class: local.class
+  })} />;
+}
+function HoverCardArrow(props) {
+  const [local, rest] = splitProps(props, ["children"]);
+  return <ArkHoverCard.Arrow {...rest}>{local.children ?? <ArkHoverCard.ArrowTip />}</ArkHoverCard.Arrow>;
+}
+function HoverCardBody(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} data-nui-hover-card-body="" class={styles.body({
+    class: local.class
+  })} />;
+}
+export { HoverCardTrigger, HoverCardSurface, HoverCardPositioner, HoverCardArrow, HoverCardBody };

package/dist/chunks/solid-254M55DX.jsx

@@ -0,0 +1,36 @@
+import { panelRecipe } from "./solid-VUQ6PMEE.jsx";
+
+// compositions/panel/panel-row.parts.tsx
+import { splitProps } from "solid-js";
+var styles = panelRecipe();
+function PanelRow(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.row({
+    class: local.class
+  })} />;
+}
+function PanelItemContent(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.itemContent({
+    class: local.class
+  })} />;
+}
+function PanelItemTitle(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <p {...rest} class={styles.itemTitle({
+    class: local.class
+  })} />;
+}
+function PanelItemDescription(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <p {...rest} class={styles.itemDescription({
+    class: local.class
+  })} />;
+}
+function PanelItemActions(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  return <div {...rest} class={styles.itemActions({
+    class: local.class
+  })} />;
+}
+export { PanelRow, PanelItemContent, PanelItemTitle, PanelItemDescription, PanelItemActions };

package/dist/chunks/solid-27CLFAMR.jsx

@@ -0,0 +1,18 @@
+import { MenuTrigger } from "./solid-G4RUFWJQ.jsx";
+import { MenuRoot } from "./solid-ERS5BSG5.jsx";
+import { MenuGroup, MenuGroupLabel, MenuItem, MenuSeparator, MenuSubTrigger } from "./solid-22W4DBMR.jsx";
+import { MenuContent } from "./solid-LLWVI32H.jsx";
+
+// actions/dropdown-menu/dropdown-menu.tsx
+var DropdownMenu = {
+  Root: MenuRoot,
+  Trigger: MenuTrigger,
+  SubRoot: MenuRoot,
+  SubTrigger: MenuSubTrigger,
+  Content: MenuContent,
+  Item: MenuItem,
+  Group: MenuGroup,
+  GroupLabel: MenuGroupLabel,
+  Separator: MenuSeparator
+};
+export { DropdownMenu };

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

@@ -0,0 +1,7 @@
+import { verticalMenuRecipe } from "./solid-QF7JLZ35.jsx";
+
+// navigation/vertical-menu/vertical-menu.context.ts
+import { createContext, useContext } from "solid-js";
+var VerticalMenuStyles = createContext(() => verticalMenuRecipe());
+var useVerticalMenuStyles = () => useContext(VerticalMenuStyles);
+export { VerticalMenuStyles, useVerticalMenuStyles };

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

@@ -0,0 +1,20 @@
+import { SidebarContext } from "./solid-4G6UWH64.jsx";
+import { synchronizeCollapsed } from "./solid-HRGZPXXC.jsx";
+
+// navigation/sidebar/sidebar.provider.tsx
+import { useSplitterContext } from "@ark-ui/solid/splitter";
+function SidebarProvider(props) {
+  const api = useSplitterContext();
+  synchronizeCollapsed(api, props.options);
+  const collapsed = () => props.state.desktop() && api().isPanelCollapsed("sidebar");
+  return <SidebarContext.Provider value={{
+    ...props.state,
+    api,
+    collapsed,
+    resizable: () => props.options.resizable ?? false,
+    toggle: () => collapsed() ? api().expandPanel("sidebar") : api().collapsePanel("sidebar")
+  }}>
+      {props.children}
+    </SidebarContext.Provider>;
+}
+export { SidebarProvider };

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

@@ -0,0 +1,63 @@
+import { useVerticalMenuStyles } from "./solid-2AUDPT6J.jsx";
+import { Heading } from "./solid-ESE6JAHG.jsx";
+
+// navigation/vertical-menu/vertical-menu.parts.tsx
+import { mergeProps, splitProps } from "solid-js";
+function VerticalMenuGroup(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  const styles = useVerticalMenuStyles();
+  return <div {...rest} class={styles().group({
+    class: local.class
+  })} />;
+}
+function VerticalMenuLabel(props) {
+  const [local, rest] = splitProps(mergeProps({
+    as: "h2",
+    size: "6",
+    style: {
+      color: "var(--nui-muted-foreground)"
+    }
+  }, props), ["class"]);
+  const styles = useVerticalMenuStyles();
+  return <Heading {...rest} class={styles().label({
+    class: local.class
+  })} />;
+}
+function VerticalMenuList(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  const styles = useVerticalMenuStyles();
+  return <ul {...rest} class={styles().list({
+    class: local.class
+  })} />;
+}
+function VerticalMenuItem(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  const styles = useVerticalMenuStyles();
+  return <li {...rest} class={styles().item({
+    class: local.class
+  })} />;
+}
+function VerticalMenuLink(props) {
+  const [local, rest] = splitProps(props, ["class", "current", "aria-current"]);
+  const styles = useVerticalMenuStyles();
+  return <a {...rest} aria-current={local.current ? "page" : local["aria-current"]} class={styles().link({
+    class: local.class
+  })} />;
+}
+function VerticalMenuSubList(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  const styles = useVerticalMenuStyles();
+  return <ul {...rest} class={styles().subList({
+    class: local.class
+  })} />;
+}
+function VerticalMenuIcon(props) {
+  const [local, rest] = splitProps(mergeProps({
+    "aria-hidden": true
+  }, props), ["class"]);
+  const styles = useVerticalMenuStyles();
+  return <span {...rest} class={styles().icon({
+    class: local.class
+  })} />;
+}
+export { VerticalMenuGroup, VerticalMenuLabel, VerticalMenuList, VerticalMenuItem, VerticalMenuLink, VerticalMenuSubList, VerticalMenuIcon };

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

@@ -0,0 +1,52 @@
+import { PaginationIcon } from "./solid-24NEDHTJ.jsx";
+import { usePaginationStyles } from "./solid-MR2AMEB3.jsx";
+
+// navigation/pagination/pagination.parts.tsx
+import { Pagination as ArkPagination } from "@ark-ui/solid/pagination";
+import { mergeProps, splitProps } from "solid-js";
+function PaginationItem(props) {
+  const [local, rest] = splitProps(props, ["class"]);
+  const styles = usePaginationStyles();
+  return <ArkPagination.Item {...rest} class={styles().control({
+    class: local.class
+  })} />;
+}
+function PaginationEllipsis(props) {
+  const [local, rest] = splitProps(mergeProps({
+    children: "\u2026",
+    "aria-hidden": true
+  }, props), ["class"]);
+  const styles = usePaginationStyles();
+  return <ArkPagination.Ellipsis {...rest} class={styles().ellipsis({
+    class: local.class
+  })} />;
+}
+function PaginationPrevTrigger(props) {
+  const styles = usePaginationStyles();
+  const [local, rest] = splitProps(mergeProps({
+    get children() {
+      return <>
+              <PaginationIcon name="previous" />
+              <span class={styles().label()}>Previous</span>
+            </>;
+    }
+  }, props), ["class"]);
+  return <ArkPagination.PrevTrigger {...rest} class={styles().control({
+    class: local.class
+  })} />;
+}
+function PaginationNextTrigger(props) {
+  const styles = usePaginationStyles();
+  const [local, rest] = splitProps(mergeProps({
+    get children() {
+      return <>
+              <span class={styles().label()}>Next</span>
+              <PaginationIcon name="next" />
+            </>;
+    }
+  }, props), ["class"]);
+  return <ArkPagination.NextTrigger {...rest} class={styles().control({
+    class: local.class
+  })} />;
+}
+export { PaginationItem, PaginationEllipsis, PaginationPrevTrigger, PaginationNextTrigger };