@devalok/shilp-sutra 0.1.0

package/dist/shell/app-command-palette.js

@@ -0,0 +1,196 @@
+import { jsx as h } from "react/jsx-runtime";
+import { useCallback as f, useMemo as s } from "react";
+import { IconPackage as g, IconLink as S, IconVideo as L, IconMessage as M, IconUsers as P, IconLayoutKanban as u, IconListCheck as E, IconFileText as $, IconLayoutDashboard as D, IconCalendarCheck as y, IconUmbrella as T, IconBook as O, IconAdjustmentsHorizontal as U, IconUserCircle as B, IconShieldCheck as K, IconClipboardList as N, IconUserPlus as w, IconSettings as G } from "@tabler/icons-react";
+import { CommandPalette as V } from "../composed/command-palette.js";
+const v = {
+  TASK: E,
+  PROJECT: u,
+  USER: P,
+  COMMENT: M,
+  MEETING: L,
+  LINK: S,
+  DELIVERABLE: g
+};
+function x(e) {
+  return [
+    {
+      id: "nav-dashboard",
+      label: "Dashboard",
+      icon: D,
+      onSelect: () => e("/")
+    },
+    {
+      id: "nav-attendance",
+      label: "Attendance",
+      icon: y,
+      onSelect: () => e("/attendance")
+    },
+    {
+      id: "nav-breaks",
+      label: "Breaks",
+      icon: T,
+      onSelect: () => e("/breaks")
+    },
+    {
+      id: "nav-projects",
+      label: "Projects",
+      icon: u,
+      onSelect: () => e("/projects")
+    },
+    {
+      id: "nav-my-tasks",
+      label: "My Tasks",
+      icon: E,
+      onSelect: () => e("/my-tasks")
+    },
+    {
+      id: "nav-devsabha",
+      label: "Devsabha",
+      icon: O,
+      onSelect: () => e("/devsabha")
+    },
+    {
+      id: "nav-adjustments",
+      label: "Adjustments",
+      icon: U,
+      onSelect: () => e("/adjustments")
+    },
+    {
+      id: "nav-profile",
+      label: "Profile",
+      icon: B,
+      onSelect: () => e("/profile")
+    }
+  ];
+}
+function J(e) {
+  return [
+    {
+      id: "nav-admin-dashboard",
+      label: "Admin Dashboard",
+      icon: K,
+      onSelect: () => e("/admin")
+    },
+    {
+      id: "nav-admin-breaks",
+      label: "Manage Breaks",
+      icon: T,
+      onSelect: () => e("/admin/breaks")
+    },
+    {
+      id: "nav-admin-attendance",
+      label: "Manage Attendance",
+      icon: y,
+      onSelect: () => e("/admin/attendance")
+    },
+    {
+      id: "nav-admin-lokwasi",
+      label: "Lokwasi",
+      icon: N,
+      onSelect: () => e("/admin/lokwasi")
+    },
+    {
+      id: "nav-admin-onboarding",
+      label: "Onboarding",
+      icon: w,
+      onSelect: () => e("/admin/onboarding")
+    },
+    {
+      id: "nav-admin-config",
+      label: "System Config",
+      icon: G,
+      onSelect: () => e("/admin/system-config")
+    }
+  ];
+}
+function Y({
+  user: e,
+  extraGroups: r = [],
+  onNavigate: i,
+  onSearch: c,
+  searchResults: l = [],
+  isSearching: b = !1,
+  onSearchResultSelect: d
+}) {
+  const p = (e == null ? void 0 : e.role) === "Admin" || (e == null ? void 0 : e.role) === "SuperAdmin", o = f(
+    (n) => {
+      i == null || i(n);
+    },
+    [i]
+  ), I = s(
+    () => ({
+      label: "Pages",
+      items: x(o)
+    }),
+    [o]
+  ), k = s(
+    () => ({
+      label: "Admin",
+      items: J(o)
+    }),
+    [o]
+  ), m = s(() => {
+    if (l.length === 0) return null;
+    const n = l.map((a) => {
+      var j;
+      let t = "/";
+      switch (a.entityType) {
+        case "TASK":
+          t = a.projectId ? `/projects/${a.projectId}?taskId=${a.id}` : "/";
+          break;
+        case "PROJECT":
+          t = `/projects/${a.id}`;
+          break;
+        case "USER":
+          t = "/teammates";
+          break;
+        case "COMMENT":
+          t = a.projectId && ((j = a.metadata) != null && j.taskId) ? `/projects/${a.projectId}?taskId=${a.metadata.taskId}` : "/";
+          break;
+        case "MEETING":
+          t = a.projectId ? `/projects/${a.projectId}?tab=meetings` : "/";
+          break;
+        case "LINK":
+          t = a.projectId ? `/projects/${a.projectId}?tab=karyakram` : "/";
+          break;
+        case "DELIVERABLE":
+          t = a.projectId ? `/projects/${a.projectId}?tab=deliverables` : "/";
+          break;
+      }
+      return {
+        id: `search-${a.entityType}-${a.id}`,
+        label: a.title,
+        description: a.snippet,
+        icon: v[a.entityType] ?? $,
+        onSelect: () => {
+          d == null || d(a), o(t);
+        }
+      };
+    });
+    return {
+      label: b ? "Searching..." : "Search Results",
+      items: n
+    };
+  }, [l, b, o, d]), A = s(() => {
+    const n = [];
+    return m && n.push(m), n.push(I), p && n.push(k), n.push(...r), n;
+  }, [m, I, p, k, r]), C = f(
+    (n) => {
+      c == null || c(n);
+    },
+    [c]
+  );
+  return /* @__PURE__ */ h(
+    V,
+    {
+      groups: A,
+      placeholder: "Search or jump to...",
+      onSearch: C,
+      emptyMessage: "No results found. Try a different search term."
+    }
+  );
+}
+Y.displayName = "AppCommandPalette";
+export {
+  Y as default
+};

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

@@ -0,0 +1,35 @@
+/**
+ * BottomNavbar -- Mobile bottom navigation bar.
+ *
+ * Props-driven: accepts currentPath, user, navItems instead of
+ * reading from Remix hooks or Zustand stores.
+ */
+import * as React from 'react';
+export interface BottomNavItem {
+    title: string;
+    href: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    /** When true, the route matches only when the path is exactly equal */
+    exact?: boolean;
+}
+export interface BottomNavbarUser {
+    name: string;
+    role?: string;
+}
+export interface BottomNavbarProps extends React.HTMLAttributes<HTMLElement> {
+    /** Currently active pathname */
+    currentPath?: string;
+    /** User information (used to determine admin status, presence) */
+    user?: BottomNavbarUser | null;
+    /** Primary nav items shown directly in the bottom bar (max 4 recommended) */
+    primaryItems?: BottomNavItem[];
+    /** Additional items shown in the "More" overflow menu */
+    moreItems?: BottomNavItem[];
+    /** Additional className for the nav element */
+    className?: string;
+}
+declare const BottomNavbar: React.ForwardRefExoticComponent<BottomNavbarProps & React.RefAttributes<HTMLElement>>;
+export { BottomNavbar };
+//# sourceMappingURL=bottom-navbar.d.ts.map

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

@@ -0,0 +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,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACjD,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;AAiDD,QAAA,MAAM,YAAY,uFAyIjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/shell/bottom-navbar.js

@@ -0,0 +1,160 @@
+import { jsxs as a, Fragment as u, jsx as t } from "react/jsx-runtime";
+import * as v from "react";
+import { useState as N } from "react";
+import f from "next/link";
+import { IconX as g, IconDots as y } from "@tabler/icons-react";
+import { cn as s } from "../ui/lib/utils.js";
+function w({
+  item: r,
+  isActive: l,
+  onClick: n
+}) {
+  return /* @__PURE__ */ t(
+    f,
+    {
+      href: r.href,
+      onClick: n,
+      "aria-label": r.title,
+      "aria-current": l ? "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",
+        l ? "font-semibold text-interactive" : "text-text-helper"
+      ),
+      children: /* @__PURE__ */ a("div", { className: "relative flex w-full flex-col items-center gap-ds-02", children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: s(
+              "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-interactive p-0 transition-opacity duration-slow-01",
+              l ? "opacity-100" : "opacity-0"
+            ),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "p-ds-03", children: /* @__PURE__ */ t(r.icon, { className: "h-ico-md w-ico-md", "aria-hidden": "true" }) }),
+        /* @__PURE__ */ t("span", { className: "text-center", children: r.title })
+      ] })
+    }
+  );
+}
+const k = v.forwardRef(
+  ({
+    currentPath: r = "/",
+    user: l,
+    primaryItems: n = [],
+    moreItems: d = [],
+    className: p,
+    ...x
+  }, h) => {
+    const [i, o] = N(!1), c = (e, b = !1) => b || e === "/" ? r === e : r.startsWith(e), m = d.some(
+      (e) => c(e.href, e.exact)
+    );
+    return l ? /* @__PURE__ */ a(u, { children: [
+      i && /* @__PURE__ */ a(
+        "div",
+        {
+          role: "button",
+          tabIndex: 0,
+          className: "fixed inset-0 z-overlay md:hidden",
+          onClick: () => o(!1),
+          onKeyDown: (e) => {
+            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), o(!1));
+          },
+          children: [
+            /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-overlay" }),
+            /* @__PURE__ */ a(
+              "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__ */ t("span", { className: "text-ds-md font-semibold text-text-primary", children: "More" }),
+                    /* @__PURE__ */ t(
+                      "button",
+                      {
+                        onClick: () => o(!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(g, { 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: d.map((e) => /* @__PURE__ */ a(
+                    f,
+                    {
+                      href: e.href,
+                      onClick: () => o(!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"
+                      ),
+                      children: [
+                        /* @__PURE__ */ t(e.icon, { className: "h-ico-md w-ico-md" }),
+                        /* @__PURE__ */ t("span", { className: "text-center", children: e.title })
+                      ]
+                    },
+                    e.href
+                  )) })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        "nav",
+        {
+          ...x,
+          ref: h,
+          "aria-label": "Mobile navigation",
+          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",
+            p
+          ),
+          children: [
+            n.map((e) => /* @__PURE__ */ t(
+              w,
+              {
+                item: e,
+                isActive: c(e.href, e.exact)
+              },
+              e.href
+            )),
+            d.length > 0 && /* @__PURE__ */ t(
+              "button",
+              {
+                onClick: () => o(!i),
+                "aria-label": "More navigation options",
+                "aria-expanded": i,
+                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",
+                  i || 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: [
+                  /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: s(
+                        "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-interactive p-0 transition-opacity duration-slow-01",
+                        i || m ? "opacity-100" : "opacity-0"
+                      ),
+                      "aria-hidden": "true"
+                    }
+                  ),
+                  /* @__PURE__ */ t("div", { className: "p-ds-03", children: /* @__PURE__ */ t(y, { className: "h-ico-md w-ico-md", "aria-hidden": "true" }) }),
+                  /* @__PURE__ */ t("span", { className: "text-center", children: "More" })
+                ] })
+              }
+            )
+          ]
+        }
+      )
+    ] }) : null;
+  }
+);
+k.displayName = "BottomNavbar";
+export {
+  k as BottomNavbar
+};

package/dist/shell/index.d.ts

@@ -0,0 +1,7 @@
+export { AppSidebar, type NavItem, type NavGroup, type SidebarUser, type AppSidebarProps, } from './sidebar';
+export { TopBar, type TopBarUser, type TopBarProps, } from './top-bar';
+export { BottomNavbar, type BottomNavItem, type BottomNavbarUser, type BottomNavbarProps, } from './bottom-navbar';
+export { NotificationCenter, type Notification, type NotificationCenterProps, } from './notification-center';
+export { default as NotificationPreferences, type NotificationPreference, type NotificationProject, type NotificationPreferencesProps, } from './notification-preferences';
+export { default as AppCommandPalette, type SearchResult, type AppCommandPaletteUser, type AppCommandPaletteProps, } from './app-command-palette';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shell/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,KAAK,OAAO,EACZ,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,MAAM,EACN,KAAK,UAAU,EACf,KAAK,WAAW,GACjB,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,YAAY,EACZ,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,GACvB,MAAM,iBAAiB,CAAA;AAExB,OAAO,EACL,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EACL,OAAO,IAAI,uBAAuB,EAClC,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,4BAA4B,GAClC,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EACL,OAAO,IAAI,iBAAiB,EAC5B,KAAK,YAAY,EACjB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,GAC5B,MAAM,uBAAuB,CAAA"}

package/dist/shell/index.js

@@ -0,0 +1,14 @@
+import { AppSidebar as e } from "./sidebar.js";
+import { TopBar as a } from "./top-bar.js";
+import { BottomNavbar as p } from "./bottom-navbar.js";
+import { NotificationCenter as i } from "./notification-center.js";
+import { default as n } from "./notification-preferences.js";
+import { default as c } from "./app-command-palette.js";
+export {
+  c as AppCommandPalette,
+  e as AppSidebar,
+  p as BottomNavbar,
+  i as NotificationCenter,
+  n as NotificationPreferences,
+  a as TopBar
+};

package/dist/shell/notification-center.d.ts

@@ -0,0 +1,50 @@
+/**
+ * NotificationCenter -- Popover-based notification panel.
+ *
+ * Props-driven: accepts notifications array and callbacks instead of
+ * reading from Zustand stores or using Remix useNavigate.
+ */
+import * as React from 'react';
+export interface Notification {
+    id: string;
+    title: string;
+    body?: string | null;
+    tier: 'INFO' | 'IMPORTANT' | 'CRITICAL';
+    isRead: boolean;
+    createdAt: string;
+    entityType?: string | null;
+    entityId?: string | null;
+    projectId?: string | null;
+    project?: {
+        title: string;
+    } | null;
+}
+export interface NotificationCenterProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** List of notifications to display */
+    notifications?: Notification[];
+    /** Count of unread notifications (derived from notifications if not provided) */
+    unreadCount?: number;
+    /** Whether the popover is open (controlled mode) */
+    open?: boolean;
+    /** Called when the popover open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether more notifications are loading */
+    isLoading?: boolean;
+    /** Whether there are more notifications to fetch */
+    hasMore?: boolean;
+    /** Called when the user scrolls near the bottom to load more */
+    onFetchMore?: () => void;
+    /** Called to mark a single notification as read */
+    onMarkRead?: (id: string) => void;
+    /** Called to mark all notifications as read */
+    onMarkAllRead?: () => void;
+    /** Called when the user clicks a notification (e.g., navigate to entity) */
+    onNavigate?: (path: string) => void;
+    /** Resolve a notification to a navigation path. Return null if no navigation. */
+    getNotificationRoute?: (notification: Notification) => string | null;
+    /** Additional className */
+    className?: string;
+}
+declare const NotificationCenter: React.ForwardRefExoticComponent<NotificationCenterProps & React.RefAttributes<HTMLButtonElement>>;
+export { NotificationCenter };
+//# sourceMappingURL=notification-center.d.ts.map

package/dist/shell/notification-center.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-center.d.ts","sourceRoot":"","sources":["../../src/shell/notification-center.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAA;IACvC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACnC;AAED,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,uCAAuC;IACvC,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,iFAAiF;IACjF,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,MAAM,GAAG,IAAI,CAAA;IACpE,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAgLD,QAAA,MAAM,kBAAkB,mGA2KvB,CAAA;AAGD,OAAO,EAAE,kBAAkB,EAAE,CAAA"}