@gardenfi/garden-book 0.2.31 → 0.3.0-beta.2

package/dist/BulletList/BulletList.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+
+type TypographySize = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+type TypographyWeight = "regular" | "medium" | "semibold" | "bold";
+export type BulletListProps = {
+    items: ReactNode[];
+    /** Optional title rendered above the list. */
+    title?: ReactNode;
+    className?: string;
+    size?: TypographySize;
+    weight?: TypographyWeight;
+    /** Tailwind class applied to each item's typography. */
+    itemClassName?: string;
+    /** Tailwind class applied to the title typography. */
+    titleClassName?: string;
+    /** Tailwind gap class between items. Defaults to `gf-gap-3`. */
+    gapClassName?: string;
+};
+/** Bulleted list with optional title. Each item gets a circular iris dot. */
+export declare const BulletList: ({ items, title, className, size, weight, itemClassName, titleClassName, gapClassName, }: BulletListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/BulletList/index.d.ts

@@ -0,0 +1,2 @@
+export { BulletList } from './BulletList';
+export type { BulletListProps } from './BulletList';

package/dist/BulletList/index.js

@@ -0,0 +1,31 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { Typography as g } from "../Typography/index.js";
+import { cn as s } from "../utils/index.js";
+const y = ({
+  items: a,
+  title: e,
+  className: i,
+  size: m = "h5",
+  weight: t = "regular",
+  itemClassName: c = "gf-text-primaryIris",
+  titleClassName: n = "gf-text-primaryIris",
+  gapClassName: o = "gf-gap-3"
+}) => {
+  const f = /* @__PURE__ */ r("ul", { className: s("gf-flex gf-flex-col", o), children: a.map((p, d) => /* @__PURE__ */ l("li", { className: "gf-flex gf-items-start gf-gap-3", children: [
+    /* @__PURE__ */ r(
+      "span",
+      {
+        className: "gf-mt-1.5 gf-inline-block gf-h-1.5 gf-w-1.5 gf-rounded-full gf-bg-primaryIris gf-shrink-0",
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ r(g, { size: m, weight: t, className: c, children: p })
+  ] }, d)) });
+  return e ? /* @__PURE__ */ l("div", { className: s("gf-flex gf-flex-col gf-gap-3", i), children: [
+    /* @__PURE__ */ r(g, { size: "h5", weight: "medium", className: n, children: e }),
+    f
+  ] }) : /* @__PURE__ */ r("div", { className: i, children: f });
+};
+export {
+  y as BulletList
+};

package/dist/CardList/CardList.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+
+export type CardListColumn<T> = {
+    key: string;
+    header: string;
+    align?: "left" | "right";
+    cell: (row: T) => ReactNode;
+};
+export type CardListProps<T> = {
+    rows: T[];
+    columns: CardListColumn<T>[];
+    getKey: (row: T, index: number) => string;
+    /** Min height of the loading / empty / error content area. */
+    emptyMinHeight?: number | string;
+    /** Slot rendered when `error` is truthy. */
+    error?: ReactNode;
+    /** Slot rendered when there are no rows. */
+    empty?: ReactNode;
+    /** Custom card renderer. Falls back to a label/value list using `columns`. */
+    renderCard?: (row: T, index: number) => ReactNode;
+    renderExpanded?: (row: T, index: number) => ReactNode;
+    /** Called when a non-expandable row is clicked. */
+    onRowClick?: (row: T, index: number) => void;
+    loading?: boolean;
+    skeletonRowCount?: number;
+    /** Extra content rendered below the list (e.g. pagination). */
+    footer?: ReactNode;
+    oddRowColor?: string;
+    evenRowColor?: string;
+    className?: string;
+};
+export declare const CardList: <T>({ rows, columns, getKey, emptyMinHeight, error, empty, renderCard, renderExpanded, onRowClick, loading, skeletonRowCount, footer, oddRowColor, evenRowColor, className }: CardListProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/CardList/index.d.ts

@@ -0,0 +1,2 @@
+export { CardList } from './CardList';
+export type { CardListColumn, CardListProps } from './CardList';

package/dist/CardList/index.js

@@ -0,0 +1,141 @@
+import { jsxs as d, jsx as e, Fragment as F } from "react/jsx-runtime";
+import { useState as G } from "react";
+import { AnimatePresence as H, motion as L } from "framer-motion";
+import { Typography as O } from "../Typography/index.js";
+import { cn as n } from "../utils/index.js";
+const B = ({
+  rows: o,
+  columns: p,
+  getKey: K,
+  emptyMinHeight: h = "40dvh",
+  error: y,
+  empty: D,
+  renderCard: r,
+  renderExpanded: c,
+  onRowClick: i,
+  loading: E = !1,
+  skeletonRowCount: A = 6,
+  footer: x,
+  oddRowColor: v = "#f5f8fa",
+  evenRowColor: u = "#ebf0f5",
+  className: I
+}) => {
+  const t = !!c, S = o.length === 0, s = E ? "loading" : y ? "error" : S ? "empty" : "data", [k, z] = G(null), b = (l) => z((a) => a === l ? null : l);
+  return /* @__PURE__ */ d("div", { className: n("gf-rounded-2xl gf-overflow-hidden", I), children: [
+    s === "loading" && /* @__PURE__ */ e("div", { className: "gf-flex gf-flex-col", children: Array.from({ length: A }).map((l, a) => /* @__PURE__ */ e(
+      "div",
+      {
+        className: "last:gf-border-0 gf-py-4 gf-px-4 gf-flex gf-flex-col gf-gap-1",
+        style: { backgroundColor: a % 2 === 0 ? v : u },
+        children: p.map((g) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: "gf-flex gf-items-center gf-justify-between gf-gap-2",
+            children: /* @__PURE__ */ e("div", { className: "gf-h-3 gf-w-full gf-rounded gf-animate-pulse gf-bg-gray-200" })
+          },
+          g.key
+        ))
+      },
+      a
+    )) }),
+    s === "error" && /* @__PURE__ */ e(
+      "div",
+      {
+        className: "gf-flex gf-items-center gf-justify-center",
+        style: { minHeight: h },
+        children: y
+      }
+    ),
+    s === "empty" && /* @__PURE__ */ e(
+      "div",
+      {
+        className: "gf-flex gf-items-center gf-justify-center",
+        style: { minHeight: h },
+        children: D
+      }
+    ),
+    s === "data" && /* @__PURE__ */ d(F, { children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: n(
+            "gf-flex gf-flex-col",
+            r && "[&>div:nth-child(odd)]:gf-bg-white/50"
+          ),
+          children: o.map((l, a) => {
+            const g = K(l, a), m = t && k === g, N = t ? () => b(g) : i ? () => i(l, a) : void 0, j = t ? (f) => {
+              (f.key === "Enter" || f.key === " ") && (f.preventDefault(), b(g));
+            } : i ? (f) => {
+              (f.key === "Enter" || f.key === " ") && (f.preventDefault(), i(l, a));
+            } : void 0;
+            return r ? /* @__PURE__ */ e(
+              "div",
+              {
+                className: n((t || i) && "gf-cursor-pointer"),
+                onClick: N,
+                role: t || i ? "button" : void 0,
+                tabIndex: t || i ? 0 : void 0,
+                onKeyDown: j,
+                "aria-expanded": t ? m : void 0,
+                children: r(l, a)
+              },
+              g
+            ) : /* @__PURE__ */ d(
+              "div",
+              {
+                className: n(
+                  "gf-border-b gf-border-gray-100 last:gf-border-0 gf-py-3 gf-px-4 gf-flex gf-flex-col gf-gap-2",
+                  (t || i) && "gf-cursor-pointer"
+                ),
+                style: { backgroundColor: a % 2 === 0 ? v : u },
+                onClick: N,
+                role: t || i ? "button" : void 0,
+                tabIndex: t || i ? 0 : void 0,
+                onKeyDown: j,
+                "aria-expanded": t ? m : void 0,
+                children: [
+                  /* @__PURE__ */ e("div", { className: "gf-flex gf-flex-col gf-gap-1", children: p.map((f) => /* @__PURE__ */ d(
+                    "div",
+                    {
+                      className: "gf-flex gf-items-center gf-justify-between gf-gap-2",
+                      children: [
+                        /* @__PURE__ */ e(
+                          O,
+                          {
+                            size: "h5",
+                            weight: "regular",
+                            className: "gf-text-midGrey",
+                            children: f.header
+                          }
+                        ),
+                        /* @__PURE__ */ e("div", { className: "gf-min-w-0 gf-flex gf-items-center gf-justify-end", children: f.cell(l) })
+                      ]
+                    },
+                    f.key
+                  )) }),
+                  /* @__PURE__ */ e(H, { initial: !1, children: m && c && /* @__PURE__ */ e(
+                    L.div,
+                    {
+                      initial: { height: 0, opacity: 0 },
+                      animate: { height: "auto", opacity: 1 },
+                      exit: { height: 0, opacity: 0 },
+                      transition: { duration: 0.3, ease: "easeOut" },
+                      className: "gf-overflow-hidden",
+                      children: /* @__PURE__ */ e("div", { className: "gf-pt-2", children: c(l, a) })
+                    },
+                    `${g}-exp`
+                  ) })
+                ]
+              },
+              g
+            );
+          })
+        }
+      ),
+      x && /* @__PURE__ */ e("div", { className: "gf-px-4 sm:gf-px-6 gf-pb-4", children: x })
+    ] })
+  ] });
+};
+export {
+  B as CardList
+};

package/dist/Checkbox/Checkbox.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Checked as m } from "../Icons/Checked.js";
+import { Unchecked as s } from "../Icons/Unchecked.js";
+const p = ({ checked: o, color: e, ...c }) => /* @__PURE__ */ r("div", { ...c, children: o ? /* @__PURE__ */ r(m, { className: "gf-cursor-pointer", color: e }) : /* @__PURE__ */ r(s, { className: "gf-cursor-pointer" }) });
+export {
+  p as CheckBox
+};

package/dist/Checkbox/RadixCheckbox.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/Checkbox/RadixCheckbox.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as t from "react";
+import { Checkbox as f, CheckboxIndicator as a } from "../node_modules/@radix-ui/react-checkbox/dist/index.js";
+import { cn as r } from "../utils/index.js";
+import c from "../node_modules/lucide-react/dist/esm/icons/check.js";
+const g = t.forwardRef(({ className: i, ...o }, s) => /* @__PURE__ */ e(
+  f,
+  {
+    ref: s,
+    className: r(
+      "gf-h-4 gf-w-4 gf-shrink-0 gf-rounded-full gf-border gf-border-primaryIris focus-visible:gf-outline-none focus-visible:gf-ring-2 focus-visible:gf-ring-primaryIris focus-visible:gf-ring-offset-2 disabled:gf-cursor-not-allowed disabled:gf-opacity-50 data-[state=checked]:gf-bg-primaryIris data-[state=checked]:gf-text-white",
+      i
+    ),
+    ...o,
+    children: /* @__PURE__ */ e(
+      a,
+      {
+        className: r("gf-flex gf-items-center gf-justify-center gf-text-current"),
+        children: /* @__PURE__ */ e(c, { className: "gf-h-4 gf-w-4" })
+      }
+    )
+  }
+));
+g.displayName = f.displayName;
+export {
+  g as Checkbox
+};

package/dist/Checkbox/index.d.ts

@@ -1 +1,2 @@
 export { CheckBox } from './Checkbox';
+export { Checkbox } from './RadixCheckbox';

package/dist/Checkbox/index.js

@@ -1,7 +1,6 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Checked as m } from "../Icons/Checked.js";
-import { Unchecked as s } from "../Icons/Unchecked.js";
-const p = ({ checked: o, color: e, ...c }) => /* @__PURE__ */ r("div", { ...c, children: o ? /* @__PURE__ */ r(m, { className: "gf-cursor-pointer", color: e }) : /* @__PURE__ */ r(s, { className: "gf-cursor-pointer" }) });
+import { CheckBox as r } from "./Checkbox.js";
+import { Checkbox as c } from "./RadixCheckbox.js";
 export {
-  p as CheckBox
+  r as CheckBox,
+  c as Checkbox
 };

package/dist/DashboardLayout/DashboardLayout.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { NavGroup, SidebarUser } from './DashboardSidebar';
+
+export type DashboardLayoutProps = {
+    children: ReactNode;
+    pageTitle: string;
+    pageDescription?: string;
+    pageCompactDescription?: string;
+    pageWidgets?: ReactNode;
+    headerAction?: ReactNode;
+    navGroups: NavGroup[];
+    activePath: string;
+    logo: ReactNode;
+    logoHref?: string;
+    user: SidebarUser;
+    onLogout: () => void;
+    showLogoutConfirm?: boolean;
+    onLogoutConfirmClose?: () => void;
+    onNavigate: (href: string) => void;
+    renderLink?: (href: string, children: ReactNode) => ReactNode;
+    className?: string;
+};
+export declare const DashboardLayout: ({ children, pageTitle, pageDescription, pageCompactDescription, pageWidgets, headerAction, navGroups, activePath, logo, logoHref, user, onLogout, showLogoutConfirm, onLogoutConfirmClose, onNavigate, renderLink, className, }: DashboardLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/DashboardLayout/DashboardNavbar.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+export type DashboardNavbarProps = {
+    logo: ReactNode;
+    logoHref?: string;
+    menuSlot: ReactNode;
+    /** Force the scrolled appearance — useful for stories. */
+    initialScrolled?: boolean;
+    className?: string;
+};
+export declare const DashboardNavbar: ({ logo, logoHref, menuSlot, initialScrolled, className, }: DashboardNavbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/DashboardLayout/DashboardNavbar.js

@@ -0,0 +1,32 @@
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { useState as c, useEffect as d } from "react";
+import { cn as g } from "../utils/index.js";
+const u = ({
+  logo: e,
+  logoHref: t,
+  menuSlot: s,
+  initialScrolled: o = !1,
+  className: n
+}) => {
+  const [a, f] = c(o);
+  return d(() => {
+    const r = () => f(window.scrollY > 0);
+    return r(), window.addEventListener("scroll", r, { passive: !0 }), () => window.removeEventListener("scroll", r);
+  }, []), /* @__PURE__ */ i(
+    "div",
+    {
+      className: g(
+        "gf-sticky gf-top-0 gf-z-50 gf-flex gf-items-center gf-justify-between gf-px-4 gf-py-3 gf-transition-colors gf-duration-300",
+        a ? "gf-bg-white/50 gf-backdrop-blur-xl" : "gf-bg-transparent",
+        n
+      ),
+      children: [
+        t ? /* @__PURE__ */ l("a", { href: t, "aria-label": "Dashboard", children: e }) : e,
+        s
+      ]
+    }
+  );
+};
+export {
+  u as DashboardNavbar
+};

package/dist/DashboardLayout/DashboardSidebar.d.ts

@@ -0,0 +1,30 @@
+export type NavItem = {
+    title: string;
+    href: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    disabled?: boolean;
+};
+export type NavGroup = {
+    label?: string;
+    items: NavItem[];
+};
+export type SidebarUser = {
+    displayName: string;
+    initial: string;
+    avatarUrl?: string;
+};
+export type DashboardSidebarProps = {
+    navGroups: NavGroup[];
+    activePath: string;
+    logo: React.ReactNode;
+    logoHref?: string;
+    user: SidebarUser;
+    onLogout: () => void;
+    showLogoutConfirm?: boolean;
+    onLogoutConfirmClose?: () => void;
+    renderLink?: (href: string, children: React.ReactNode) => React.ReactNode;
+    className?: string;
+};
+export declare const DashboardSidebar: ({ navGroups, activePath, logo, logoHref, user, onLogout, showLogoutConfirm, onLogoutConfirmClose, renderLink, className, }: DashboardSidebarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/DashboardLayout/DashboardSidebar.js

@@ -0,0 +1,139 @@
+import { jsxs as r, Fragment as F, jsx as e } from "react/jsx-runtime";
+import { useState as v } from "react";
+import { Root as M, Trigger as j, Portal as z, Content as D, Item as O } from "../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import { Typography as o } from "../Typography/index.js";
+import { Button as R } from "../Button/index.js";
+import { ResponsiveModal as S } from "../ResponsiveModal/index.js";
+import { cn as a } from "../utils/index.js";
+import E from "../node_modules/lucide-react/dist/esm/icons/chevron-up.js";
+import U from "../node_modules/lucide-react/dist/esm/icons/log-out.js";
+const T = (t, i) => /* @__PURE__ */ e("a", { href: t, children: i }), Q = ({
+  navGroups: t,
+  activePath: i,
+  logo: d,
+  logoHref: c,
+  user: g,
+  onLogout: m,
+  showLogoutConfirm: y = !1,
+  onLogoutConfirmClose: s,
+  renderLink: h = T,
+  className: N
+}) => {
+  const [p, u] = v(!1), [w, l] = v(!1), I = () => {
+    u(!1), y ? l(!0) : m();
+  }, k = () => {
+    l(!1), s == null || s();
+  };
+  return /* @__PURE__ */ r(F, { children: [
+    /* @__PURE__ */ r(
+      "aside",
+      {
+        className: a(
+          "gf-flex gf-flex-col gf-h-screen gf-bg-white/70 gf-backdrop-blur-sm gf-z-20 gf-shrink-0 gf-w-64",
+          N
+        ),
+        children: [
+          /* @__PURE__ */ e("div", { className: "gf-border-b gf-border-primaryMist gf-p-3.5 gf-mt-1 gf-overflow-hidden", children: c ? h(c, /* @__PURE__ */ e("div", { className: "gf-flex gf-items-center gf-gap-3", children: d })) : /* @__PURE__ */ e("div", { className: "gf-flex gf-items-center gf-gap-3", children: d }) }),
+          /* @__PURE__ */ e("div", { className: "gf-flex-1 gf-overflow-y-auto", children: t.map((n, C) => /* @__PURE__ */ r("div", { className: "gf-px-2 gf-pt-2", children: [
+            n.label && /* @__PURE__ */ e("div", { className: "gf-px-2 gf-pb-1", children: /* @__PURE__ */ e(o, { size: "h5", weight: "regular", className: "gf-text-midGrey", children: n.label }) }),
+            /* @__PURE__ */ e("div", { className: "gf-space-y-1", children: n.items.map((f) => {
+              const x = i === f.href || i === `${f.href}/`, b = /* @__PURE__ */ r(
+                "div",
+                {
+                  className: a(
+                    "gf-flex gf-items-center gf-gap-2 gf-rounded-lg gf-px-2 gf-py-2 gf-transition-all gf-duration-200 gf-w-full",
+                    x ? "gf-bg-primaryMist gf-text-primaryIris gf-shadow-sm" : "gf-text-primaryIris hover:gf-bg-gray-100",
+                    f.disabled && "gf-opacity-40 gf-pointer-events-none"
+                  ),
+                  children: [
+                    /* @__PURE__ */ e(f.icon, { className: "gf-h-5 gf-w-5 gf-shrink-0" }),
+                    /* @__PURE__ */ e(o, { size: "h4", weight: x ? "medium" : "regular", children: f.title })
+                  ]
+                }
+              );
+              return /* @__PURE__ */ e("div", { className: a(f.disabled && "gf-pointer-events-none"), children: f.disabled ? b : h(f.href, b) }, f.href);
+            }) })
+          ] }, C)) }),
+          /* @__PURE__ */ e("div", { className: "gf-border-t gf-border-primaryMist gf-mb-2 gf-mt-auto gf-p-1.5", children: /* @__PURE__ */ r(M, { open: p, onOpenChange: u, modal: !1, children: [
+            /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                className: a(
+                  "gf-w-full gf-flex gf-items-center gf-gap-3 gf-px-2.5 gf-py-0 gf-rounded-lg hover:gf-bg-gray-50 gf-transition-all gf-duration-150 gf-ease-in-out gf-group focus:gf-outline-none focus-visible:gf-outline-none focus:gf-ring-0"
+                ),
+                children: [
+                  /* @__PURE__ */ e("div", { className: "gf-flex gf-items-center gf-justify-center gf-w-9 gf-h-9 gf-rounded-full gf-bg-primaryMist gf-shrink-0", children: g.avatarUrl ? /* @__PURE__ */ e(
+                    "img",
+                    {
+                      src: g.avatarUrl,
+                      alt: g.displayName,
+                      className: "gf-w-full gf-h-full gf-rounded-full gf-object-cover"
+                    }
+                  ) : /* @__PURE__ */ e("p", { className: "gf-text-sm gf-font-medium gf-text-primaryIris", children: g.initial }) }),
+                  /* @__PURE__ */ e("div", { className: "gf-flex-1 gf-text-left gf-overflow-hidden", children: /* @__PURE__ */ e("p", { className: "gf-text-sm gf-font-normal gf-text-primaryIris gf-truncate", children: g.displayName }) }),
+                  /* @__PURE__ */ e(
+                    E,
+                    {
+                      className: a(
+                        "gf-h-4 gf-w-4 gf-text-primaryIris gf-transition-transform gf-duration-150 gf-ease-in-out gf-shrink-0",
+                        p && "gf-rotate-180"
+                      )
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
+              D,
+              {
+                align: "start",
+                side: "top",
+                sideOffset: 6,
+                className: "gf-z-50 gf-p-2 gf-bg-white/70 gf-border gf-border-primaryMist gf-rounded-xl gf-mb-1.5",
+                style: { width: "var(--radix-dropdown-menu-trigger-width)" },
+                children: /* @__PURE__ */ r(
+                  O,
+                  {
+                    onSelect: I,
+                    className: "gf-flex gf-items-center gf-gap-1 gf-p-1 gf-cursor-pointer hover:gf-bg-[#EDF6FC] focus:gf-bg-[#EDF6FC] data-[highlighted]:gf-bg-[#EDF6FC] gf-rounded-md gf-transition-colors focus:gf-outline-none",
+                    children: [
+                      /* @__PURE__ */ e("div", { className: "gf-rounded-lg gf-flex gf-items-center gf-justify-center gf-shrink-0", children: /* @__PURE__ */ e(U, { className: "gf-h-4 gf-w-4 gf-text-primaryIris gf-ml-[14px] gf-mr-2" }) }),
+                      /* @__PURE__ */ e("div", { className: "gf-flex-1 gf-min-w-0", children: /* @__PURE__ */ e("p", { className: "gf-font-normal gf-text-primaryIris gf-truncate gf-text-sm", children: "Log out" }) })
+                    ]
+                  }
+                )
+              }
+            ) })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      S,
+      {
+        open: w,
+        onClose: k,
+        label: "Ready to sign out?",
+        className: "gf-max-w-sm",
+        children: [
+          /* @__PURE__ */ e(o, { size: "h5", weight: "regular", children: "You'll be signed out and redirected to the login page." }),
+          /* @__PURE__ */ e(
+            R,
+            {
+              variant: "primary",
+              className: "gf-w-full",
+              onClick: () => {
+                l(!1), m();
+              },
+              children: "Sign out"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Q as DashboardSidebar
+};

package/dist/DashboardLayout/MobileMenu.d.ts

@@ -0,0 +1,11 @@
+import { NavGroup } from './DashboardSidebar';
+
+export type MobileMenuProps = {
+    navGroups: NavGroup[];
+    activePath: string;
+    onNavigate: (href: string) => void;
+    onLogout: () => void;
+    showLogoutConfirm?: boolean;
+    onLogoutConfirmClose?: () => void;
+};
+export declare const MobileMenu: ({ navGroups, activePath, onNavigate, onLogout, showLogoutConfirm, onLogoutConfirmClose, }: MobileMenuProps) => import("react/jsx-runtime").JSX.Element;