@devalok/shilp-sutra 0.15.0 → 0.16.0

package/dist/composed/upload-progress.js

@@ -0,0 +1,386 @@
+"use client";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import * as $ from "react";
+import { IconRefresh as g, IconX as u, IconCheck as C, IconAlertCircle as j, IconLoader2 as z, IconPhoto as F, IconFile as I } from "@tabler/icons-react";
+import { c as i } from "../_chunks/utils.js";
+import { Progress as y } from "../ui/progress.js";
+function P(e) {
+  return !e || e < 0 || !Number.isFinite(e) ? "0 B" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
+}
+const U = /* @__PURE__ */ new Set([
+  "jpg",
+  "jpeg",
+  "png",
+  "gif",
+  "webp",
+  "svg",
+  "bmp",
+  "ico",
+  "avif"
+]);
+function B(e) {
+  var n;
+  if (e.previewUrl) return !0;
+  const a = ((n = e.name.split(".").pop()) == null ? void 0 : n.toLowerCase()) ?? "";
+  return U.has(a);
+}
+function b(e) {
+  switch (e) {
+    case "complete":
+      return "success";
+    case "error":
+      return "error";
+    default:
+      return "default";
+  }
+}
+function v(e) {
+  switch (e.status) {
+    case "pending":
+      return 0;
+    case "uploading":
+      return e.progress ?? 0;
+    case "processing":
+      return;
+    case "complete":
+      return 100;
+    case "error":
+      return e.progress ?? 0;
+  }
+}
+function N({
+  file: e,
+  className: a
+}) {
+  if (e.previewUrl)
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: i(
+          "h-8 w-8 shrink-0 overflow-hidden rounded-ds-md",
+          a
+        ),
+        children: /* @__PURE__ */ t(
+          "img",
+          {
+            src: e.previewUrl,
+            alt: "",
+            className: "h-full w-full object-cover"
+          }
+        )
+      }
+    );
+  if (e.status === "complete")
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: i(
+          "flex h-8 w-8 shrink-0 items-center justify-center rounded-ds-md bg-success-surface animate-scale-in",
+          a
+        ),
+        children: /* @__PURE__ */ t(C, { size: 16, className: "text-text-success animate-check-pop" })
+      }
+    );
+  if (e.status === "error")
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: i(
+          "flex h-8 w-8 shrink-0 items-center justify-center rounded-ds-md bg-error-surface animate-scale-in",
+          a
+        ),
+        children: /* @__PURE__ */ t(j, { size: 16, className: "text-text-error animate-shake" })
+      }
+    );
+  if (e.status === "processing")
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: i(
+          "flex h-8 w-8 shrink-0 items-center justify-center rounded-ds-md bg-layer-02 animate-fade-in",
+          a
+        ),
+        children: /* @__PURE__ */ t(
+          z,
+          {
+            size: 16,
+            className: "animate-spin text-text-secondary"
+          }
+        )
+      }
+    );
+  const n = B(e) ? F : I;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: i(
+        "flex h-8 w-8 shrink-0 items-center justify-center rounded-ds-md bg-layer-02 transition-opacity duration-fast-02",
+        e.status === "pending" && "opacity-50",
+        a
+      ),
+      children: /* @__PURE__ */ t(n, { size: 16, className: "text-text-secondary" })
+    }
+  );
+}
+function E({
+  file: e,
+  index: a,
+  showSize: n,
+  onRemove: o,
+  onRetry: d
+}) {
+  const c = v(e), m = b(e.status);
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "animate-slide-up px-ds-04 py-ds-03 transition-colors duration-fast-02 hover:bg-layer-02/50",
+      style: {
+        animationDelay: `${a * 30}ms`,
+        animationFillMode: "both"
+      },
+      children: [
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
+          /* @__PURE__ */ t(N, { file: e }),
+          /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ t(
+              "p",
+              {
+                className: i(
+                  "truncate text-ds-sm font-medium text-text-primary",
+                  e.status === "pending" && "text-text-disabled"
+                ),
+                children: e.name
+              }
+            ),
+            /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-02", children: [
+              n && /* @__PURE__ */ t("span", { className: "text-ds-xs text-text-placeholder", children: P(e.size) }),
+              e.status === "processing" && /* @__PURE__ */ t("span", { className: "text-ds-xs text-text-secondary", children: "Processing..." }),
+              e.status === "error" && e.error && /* @__PURE__ */ t("span", { className: "text-ds-xs text-text-error", children: e.error })
+            ] })
+          ] }),
+          e.status === "uploading" && e.progress !== void 0 && /* @__PURE__ */ s("span", { className: "shrink-0 text-ds-xs tabular-nums text-text-secondary transition-opacity duration-fast-01", children: [
+            e.progress,
+            "%"
+          ] }),
+          /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-ds-01", children: [
+            e.status === "error" && d && /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: () => d(e.id),
+                className: "flex h-6 w-6 items-center justify-center rounded-ds-md text-text-secondary transition-colors duration-fast-01 hover:bg-layer-03 hover:text-text-primary",
+                "aria-label": `Retry upload for ${e.name}`,
+                children: /* @__PURE__ */ t(g, { size: 14 })
+              }
+            ),
+            (e.status === "error" || e.status === "complete" || e.status === "pending") && o && /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: () => o(e.id),
+                className: "flex h-6 w-6 items-center justify-center rounded-ds-md text-text-secondary transition-colors duration-fast-01 hover:bg-layer-03 hover:text-text-primary",
+                "aria-label": `Remove ${e.name}`,
+                children: /* @__PURE__ */ t(u, { size: 14 })
+              }
+            ),
+            e.status === "uploading" && o && /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: () => o(e.id),
+                className: "flex h-6 w-6 items-center justify-center rounded-ds-md text-text-secondary transition-colors duration-fast-01 hover:bg-layer-03 hover:text-text-primary",
+                "aria-label": `Cancel upload for ${e.name}`,
+                children: /* @__PURE__ */ t(u, { size: 14 })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "mt-ds-02 pl-11", children: /* @__PURE__ */ t(
+          y,
+          {
+            value: c,
+            color: m,
+            size: "sm",
+            "aria-label": `Upload progress for ${e.name}`
+          }
+        ) })
+      ]
+    }
+  );
+}
+function M({
+  file: e,
+  index: a,
+  onRemove: n,
+  onRetry: o
+}) {
+  const d = v(e), c = b(e.status);
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "flex items-center gap-ds-03 px-ds-03 py-ds-02 animate-slide-up transition-colors duration-fast-02 hover:bg-layer-02/50",
+      style: {
+        animationDelay: `${a * 30}ms`,
+        animationFillMode: "both"
+      },
+      children: [
+        /* @__PURE__ */ t(N, { file: e, className: "h-6 w-6" }),
+        /* @__PURE__ */ t(
+          "p",
+          {
+            className: i(
+              "min-w-0 shrink truncate text-ds-xs font-medium text-text-primary",
+              e.status === "pending" && "text-text-disabled"
+            ),
+            children: e.name
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "w-20 shrink-0", children: /* @__PURE__ */ t(
+          y,
+          {
+            value: d,
+            color: c,
+            size: "sm",
+            "aria-label": `Upload progress for ${e.name}`
+          }
+        ) }),
+        e.status === "uploading" && e.progress !== void 0 && /* @__PURE__ */ s("span", { className: "shrink-0 text-ds-xs tabular-nums text-text-secondary", children: [
+          e.progress,
+          "%"
+        ] }),
+        e.status === "processing" && /* @__PURE__ */ t("span", { className: "shrink-0 text-ds-xs text-text-secondary", children: "Processing..." }),
+        e.status === "error" && /* @__PURE__ */ t("span", { className: "shrink-0 text-ds-xs text-text-error", children: "Error" }),
+        /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-ds-01", children: [
+          e.status === "error" && o && /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              onClick: () => o(e.id),
+              className: "flex h-5 w-5 items-center justify-center rounded-ds-md text-text-secondary transition-colors duration-fast-01 hover:bg-layer-03 hover:text-text-primary",
+              "aria-label": `Retry upload for ${e.name}`,
+              children: /* @__PURE__ */ t(g, { size: 12 })
+            }
+          ),
+          (e.status === "error" || e.status === "complete" || e.status === "pending") && n && /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              onClick: () => n(e.id),
+              className: "flex h-5 w-5 items-center justify-center rounded-ds-md text-text-secondary transition-colors duration-fast-01 hover:bg-layer-03 hover:text-text-primary",
+              "aria-label": `Remove ${e.name}`,
+              children: /* @__PURE__ */ t(u, { size: 12 })
+            }
+          ),
+          e.status === "uploading" && n && /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              onClick: () => n(e.id),
+              className: "flex h-5 w-5 items-center justify-center rounded-ds-md text-text-secondary transition-colors duration-fast-01 hover:bg-layer-03 hover:text-text-primary",
+              "aria-label": `Cancel upload for ${e.name}`,
+              children: /* @__PURE__ */ t(u, { size: 12 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const S = $.forwardRef(
+  ({
+    files: e,
+    onRemove: a,
+    onRetry: n,
+    onDismissAll: o,
+    variant: d = "default",
+    showSize: c = !0,
+    className: m,
+    ...w
+  }, f) => {
+    if (e.length === 0) return null;
+    const k = e.filter(
+      (r) => r.status === "complete"
+    ).length, p = e.filter((r) => r.status === "error").length, x = e.every(
+      (r) => r.status === "complete" || r.status === "error"
+    ), l = e.every((r) => r.status === "complete");
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: f,
+        className: i(
+          "rounded-ds-xl border bg-layer-01 shadow-01 overflow-hidden animate-fade-in transition-colors duration-moderate-02",
+          l ? "border-success/40" : p > 0 && x ? "border-error/30" : "border-border-subtle",
+          m
+        ),
+        role: "region",
+        "aria-label": "File uploads",
+        ...w,
+        children: [
+          /* @__PURE__ */ s("div", { className: i(
+            "flex items-center justify-between border-b px-ds-04 py-ds-03 transition-colors duration-moderate-02",
+            l ? "border-success/20 bg-success-surface/30" : "border-border-subtle"
+          ), children: [
+            /* @__PURE__ */ s("span", { className: i(
+              "text-ds-sm transition-colors duration-fast-02",
+              l ? "font-medium text-text-success" : "text-text-secondary"
+            ), children: [
+              l ? `All ${e.length} files uploaded` : `${k} of ${e.length} uploaded`,
+              p > 0 && !l && /* @__PURE__ */ s("span", { className: "text-text-error", children: [
+                " · ",
+                p,
+                " failed"
+              ] })
+            ] }),
+            x && o && /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: o,
+                className: "animate-fade-in text-ds-sm text-interactive hover:text-interactive-hover transition-colors duration-fast-02",
+                children: "Dismiss all"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t("div", { className: "max-h-[360px] overflow-y-auto divide-y divide-border-subtle", children: e.map(
+            (r, h) => d === "compact" ? /* @__PURE__ */ t(
+              M,
+              {
+                file: r,
+                index: h,
+                onRemove: a,
+                onRetry: n
+              },
+              r.id
+            ) : /* @__PURE__ */ t(
+              E,
+              {
+                file: r,
+                index: h,
+                showSize: c,
+                onRemove: a,
+                onRetry: n
+              },
+              r.id
+            )
+          ) }),
+          /* @__PURE__ */ t("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "false", children: e.map(
+            (r) => r.status === "complete" ? /* @__PURE__ */ s("span", { children: [
+              r.name,
+              " upload complete."
+            ] }, `sr-${r.id}`) : r.status === "error" ? /* @__PURE__ */ s("span", { children: [
+              r.name,
+              " upload failed",
+              r.error ? `: ${r.error}` : "",
+              "."
+            ] }, `sr-${r.id}`) : null
+          ) })
+        ]
+      }
+    );
+  }
+);
+S.displayName = "UploadProgress";
+export {
+  S as UploadProgress,
+  P as formatFileSize
+};

package/dist/shell/bottom-navbar.d.ts

@@ -12,6 +12,8 @@ export interface BottomNavItem {
     icon: React.ReactNode;
     /** When true, the route matches only when the path is exactly equal */
     exact?: boolean;
+    /** Notification badge count. 0 or undefined = hidden, 1–99 = shown, >99 = "99+" */
+    badge?: number;
 }
 export interface BottomNavbarUser {
     name: string;

package/dist/shell/bottom-navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-navbar.d.ts","sourceRoot":"","sources":["../../src/shell/bottom-navbar.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC9B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,aAAa,EAAE,CAAA;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,aAAa,EAAE,CAAA;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAkDD,QAAA,MAAM,YAAY,uFAyIjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"bottom-navbar.d.ts","sourceRoot":"","sources":["../../src/shell/bottom-navbar.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC9B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,aAAa,EAAE,CAAA;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,aAAa,EAAE,CAAA;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAwED,QAAA,MAAM,YAAY,uFAyIjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/shell/bottom-navbar.js

@@ -1,94 +1,112 @@
 "use client";
-import { jsxs as a, Fragment as v, jsx as t } from "react/jsx-runtime";
+import { jsxs as r, Fragment as v, jsx as t } from "react/jsx-runtime";
 import * as g from "react";
 import { useState as N } from "react";
-import { useLink as p } from "./link-context.js";
+import { useLink as f } from "./link-context.js";
 import { IconX as y, IconDots as w } from "@tabler/icons-react";
-import { c as r } from "../_chunks/utils.js";
-function k({
-  item: s,
-  isActive: n,
-  onClick: d
+import { c as s } from "../_chunks/utils.js";
+function k({ count: a }) {
+  if (!a || a <= 0) return null;
+  const i = a > 99 ? "99+" : String(a), n = a >= 10;
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "aria-label": `${a} notifications`,
+      className: s(
+        "absolute -right-1.5 -top-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-error text-[10px] font-semibold leading-none text-on-error animate-in zoom-in-75",
+        n ? "px-0.5" : ""
+      ),
+      children: i
+    }
+  );
+}
+function M({
+  item: a,
+  isActive: i,
+  onClick: n
 }) {
-  const i = p();
+  const l = f();
   return /* @__PURE__ */ t(
-    i,
+    l,
     {
-      href: s.href,
-      onClick: d,
-      "aria-label": s.title,
-      "aria-current": n ? "page" : void 0,
-      className: r(
+      href: a.href,
+      onClick: n,
+      "aria-label": a.title,
+      "aria-current": i ? "page" : void 0,
+      className: s(
         "flex h-16 max-w-[70px] flex-1 cursor-pointer flex-col items-center gap-ds-02 p-ds-02 pt-0 text-ds-sm active:animate-subtle-bounce",
-        n ? "font-semibold text-interactive" : "text-text-helper"
+        i ? "font-semibold text-interactive" : "text-text-helper"
       ),
-      children: /* @__PURE__ */ a("div", { className: "relative flex w-full flex-col items-center gap-ds-02", children: [
+      children: /* @__PURE__ */ r("div", { className: "relative flex w-full flex-col items-center gap-ds-02", children: [
         /* @__PURE__ */ t(
           "div",
           {
-            className: r(
+            className: s(
               "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-interactive p-0 transition-[opacity,transform] duration-moderate-01",
-              n ? "opacity-100 animate-tab-indicator" : "opacity-0 scale-x-0"
+              i ? "opacity-100 animate-tab-indicator" : "opacity-0 scale-x-0"
             ),
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ t("div", { className: "p-ds-03", children: /* @__PURE__ */ t("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md", "aria-hidden": "true", children: s.icon }) }),
-        /* @__PURE__ */ t("span", { className: "text-center", children: s.title })
+        /* @__PURE__ */ r("div", { className: "relative p-ds-03", children: [
+          /* @__PURE__ */ t("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md", "aria-hidden": "true", children: a.icon }),
+          a.badge != null && /* @__PURE__ */ t(k, { count: a.badge })
+        ] }),
+        /* @__PURE__ */ t("span", { className: "text-center", children: a.title })
       ] })
     }
   );
 }
-const M = g.forwardRef(
+const j = g.forwardRef(
   ({
-    currentPath: s = "/",
-    user: n,
-    primaryItems: d = [],
-    moreItems: i = [],
-    className: f,
+    currentPath: a = "/",
+    user: i,
+    primaryItems: n = [],
+    moreItems: l = [],
+    className: p,
     ...x
-  }, h) => {
-    const b = p(), [o, l] = N(!1), c = (e, u = !1) => u || e === "/" ? s === e : s.startsWith(e), m = i.some(
+  }, b) => {
+    const h = f(), [o, d] = N(!1), c = (e, u = !1) => u || e === "/" ? a === e : a.startsWith(e), m = l.some(
       (e) => c(e.href, e.exact)
     );
-    return /* @__PURE__ */ a(v, { children: [
-      o && /* @__PURE__ */ a(
+    return /* @__PURE__ */ r(v, { children: [
+      o && /* @__PURE__ */ r(
         "div",
         {
           role: "button",
           tabIndex: 0,
           className: "fixed inset-0 z-overlay md:hidden",
-          onClick: () => l(!1),
+          onClick: () => d(!1),
           onKeyDown: (e) => {
-            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), l(!1));
+            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), d(!1));
           },
           children: [
             /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-overlay" }),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ r(
               "div",
               {
                 className: "absolute bottom-[72px] left-0 right-0 rounded-t-ds-2xl border-t border-border bg-layer-01 p-ds-05 pb-ds-03",
                 onClick: (e) => e.stopPropagation(),
                 onKeyDown: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ a("div", { className: "mb-ds-04 flex items-center justify-between", children: [
+                  /* @__PURE__ */ r("div", { className: "mb-ds-04 flex items-center justify-between", children: [
                     /* @__PURE__ */ t("span", { className: "text-ds-md font-semibold text-text-primary", children: "More" }),
                     /* @__PURE__ */ t(
                       "button",
                       {
-                        onClick: () => l(!1),
+                        onClick: () => d(!1),
                         "aria-label": "Close more menu",
                         className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-full hover:bg-layer-02",
                         children: /* @__PURE__ */ t(y, { className: "h-ico-sm w-ico-sm text-text-secondary", "aria-hidden": "true" })
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-ds-03", children: i.map((e) => /* @__PURE__ */ a(
-                    b,
+                  /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-ds-03", children: l.map((e) => /* @__PURE__ */ r(
+                    h,
                     {
                       href: e.href,
-                      onClick: () => l(!1),
-                      className: r(
+                      onClick: () => d(!1),
+                      className: s(
                         "flex flex-col items-center gap-ds-02b rounded-ds-xl p-ds-04 text-ds-sm transition-colors",
                         c(e.href, e.exact) ? "bg-layer-02 text-interactive" : "text-text-helper hover:bg-layer-02"
                       ),
@@ -105,41 +123,41 @@ const M = g.forwardRef(
           ]
         }
       ),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ r(
         "nav",
         {
           ...x,
-          ref: h,
+          ref: b,
           "aria-label": "Mobile navigation",
-          className: r(
+          className: s(
             "fixed bottom-0 left-0 right-0 z-sticky flex w-full flex-row items-start justify-between border-t border-border bg-layer-01 px-ds-05 pb-ds-05b pt-0 md:hidden",
-            f
+            p
           ),
           children: [
-            d.map((e) => /* @__PURE__ */ t(
-              k,
+            n.map((e) => /* @__PURE__ */ t(
+              M,
               {
                 item: e,
                 isActive: c(e.href, e.exact)
               },
               e.href
             )),
-            i.length > 0 && /* @__PURE__ */ t(
+            l.length > 0 && /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                onClick: () => l(!o),
+                onClick: () => d(!o),
                 "aria-label": "More navigation options",
                 "aria-expanded": o,
-                className: r(
+                className: s(
                   "flex h-16 max-w-[70px] flex-1 cursor-pointer flex-col items-center gap-ds-02 p-ds-02 pt-0 text-ds-sm active:animate-subtle-bounce",
                   o || m ? "font-semibold text-interactive" : "text-text-helper"
                 ),
-                children: /* @__PURE__ */ a("div", { className: "relative flex w-full flex-col items-center gap-ds-02", children: [
+                children: /* @__PURE__ */ r("div", { className: "relative flex w-full flex-col items-center gap-ds-02", children: [
                   /* @__PURE__ */ t(
                     "div",
                     {
-                      className: r(
+                      className: s(
                         "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-interactive p-0 transition-[opacity,transform] duration-moderate-01",
                         o || m ? "opacity-100 animate-tab-indicator" : "opacity-0 scale-x-0"
                       ),
@@ -157,7 +175,7 @@ const M = g.forwardRef(
     ] });
   }
 );
-M.displayName = "BottomNavbar";
+j.displayName = "BottomNavbar";
 export {
-  M as BottomNavbar
+  j as BottomNavbar
 };

package/dist/shell/sidebar.d.ts

@@ -92,6 +92,8 @@ export interface AppSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
     headerSlot?: React.ReactNode;
     /** Content rendered between navigation and footer */
     preFooterSlot?: React.ReactNode;
+    /** className applied to the wrapper div around preFooterSlot */
+    preFooterClassName?: string;
     /** Override rendering for specific nav items. Return null to use default rendering. */
     renderItem?: (item: NavItem, defaultRender: () => React.ReactNode) => React.ReactNode | null;
     /** Additional className for the root sidebar element */

package/dist/shell/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/shell/sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/shell/sidebar.tsx"],"names":[],"mappings":"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"}