@devalok/shilp-sutra 0.6.2 → 0.8.0

package/dist/composed/extensions/mention-suggestion.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx as d, jsxs as s } from "react/jsx-runtime";
+import * as i from "react";
+import { c as u } from "../../node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.js";
+import { cn as f } from "../../ui/lib/utils.js";
+const c = i.forwardRef(
+  ({ items: e, command: t }, a) => {
+    const [n, o] = i.useState(0);
+    return i.useEffect(() => o(0), [e]), i.useImperativeHandle(a, () => ({
+      onKeyDown: ({ event: l }) => l.key === "ArrowUp" ? (o((r) => (r + e.length - 1) % e.length), !0) : l.key === "ArrowDown" ? (o((r) => (r + 1) % e.length), !0) : l.key === "Enter" ? (e[n] && t(e[n]), !0) : !1
+    })), e.length ? /* @__PURE__ */ d("div", { role: "listbox", "aria-label": "Mention suggestions", className: "z-popover overflow-hidden rounded-ds-md border border-border bg-layer-01 shadow-02", children: e.map((l, r) => /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        role: "option",
+        "aria-selected": r === n,
+        onClick: () => t(l),
+        className: f(
+          "flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left text-ds-sm",
+          r === n ? "bg-layer-02 text-text-primary" : "text-text-secondary hover:bg-layer-02"
+        ),
+        children: [
+          l.avatar ? /* @__PURE__ */ d("img", { src: l.avatar, alt: "", className: "h-ico-md w-ico-md rounded-ds-full object-cover" }) : /* @__PURE__ */ d("span", { className: "flex h-ico-md w-ico-md items-center justify-center rounded-ds-full bg-interactive/10 text-[10px] font-semibold text-interactive", children: l.label.charAt(0).toUpperCase() }),
+          /* @__PURE__ */ d("span", { children: l.label })
+        ]
+      },
+      l.id
+    )) }) : null;
+  }
+);
+c.displayName = "MentionList";
+function y() {
+  return () => {
+    let e = null, t = null, a = null;
+    return {
+      onStart: (n) => {
+        var l;
+        t = document.createElement("div"), t.style.position = "absolute", t.style.zIndex = "1400";
+        const o = (l = n.clientRect) == null ? void 0 : l.call(n);
+        o && (t.style.left = `${o.left}px`, t.style.top = `${o.bottom + 4}px`), document.body.appendChild(t), e = u.createRoot(t), e.render(
+          /* @__PURE__ */ d(
+            c,
+            {
+              ref: (r) => {
+                a = r;
+              },
+              items: n.items,
+              command: (r) => n.command({ id: r.id, label: r.label })
+            }
+          )
+        );
+      },
+      onUpdate: (n) => {
+        var l;
+        if (!e || !t) return;
+        const o = (l = n.clientRect) == null ? void 0 : l.call(n);
+        o && (t.style.left = `${o.left}px`, t.style.top = `${o.bottom + 4}px`), e.render(
+          /* @__PURE__ */ d(
+            c,
+            {
+              ref: (r) => {
+                a = r;
+              },
+              items: n.items,
+              command: (r) => n.command({ id: r.id, label: r.label })
+            }
+          )
+        );
+      },
+      onKeyDown: (n) => n.event.key === "Escape" ? (t && (e == null || e.unmount(), t.remove(), t = null, e = null), !0) : (a == null ? void 0 : a.onKeyDown(n)) ?? !1,
+      onExit: () => {
+        t && (e == null || e.unmount(), t.remove(), t = null, e = null);
+      }
+    };
+  };
+}
+export {
+  y as createSuggestionRenderer
+};

package/dist/composed/index.d.ts

@@ -26,7 +26,7 @@ export type { AvatarGroupProps, AvatarUser } from './avatar-group';
 export { PriorityIndicator } from './priority-indicator';
 export type { PriorityIndicatorProps, Priority } from './priority-indicator';
 export { RichTextEditor, RichTextViewer } from './rich-text-editor';
-export type { RichTextEditorProps, RichTextViewerProps } from './rich-text-editor';
+export type { RichTextEditorProps, RichTextViewerProps, MentionItem } from './rich-text-editor';
 export { DatePicker, DateRangePicker, CalendarGrid, TimePicker, DateTimePicker, Presets, useCalendar, YearPicker, MonthPicker } from './date-picker';
 export type { DatePickerProps, DateRangePickerProps, CalendarGridProps, CalendarEvent, TimePickerProps, DateTimePickerProps, PresetsProps, PresetKey, YearPickerProps, MonthPickerProps } from './date-picker';
 export { CardSkeleton, TableSkeleton, BoardSkeleton, ListSkeleton } from './loading-skeleton';
@@ -44,5 +44,7 @@ export { SimpleTooltip } from './simple-tooltip';
 export type { SimpleTooltipProps } from './simple-tooltip';
 export { ScheduleView } from './schedule-view';
 export type { ScheduleViewProps, ScheduleEvent } from './schedule-view';
+export { ConfirmDialog } from './confirm-dialog';
+export type { ConfirmDialogProps } from './confirm-dialog';
 export { getInitials } from './lib/string-utils';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composed/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,YAAY,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE5E,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAElF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACpJ,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE9M,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC7F,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEtH,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEvF,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEvE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composed/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,YAAY,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE5E,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAE/F,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACpJ,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE9M,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC7F,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEtH,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEvF,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEvE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/composed/index.js

@@ -1,12 +1,12 @@
 "use client";
 import { PageHeader as o } from "./page-header.js";
 import { ContentCard as a, contentCardVariants as m } from "./content-card.js";
-import { StatusBadge as i, statusBadgeVariants as x } from "./status-badge.js";
+import { StatusBadge as p, statusBadgeVariants as x } from "./status-badge.js";
 import { EmptyState as n } from "./empty-state.js";
 import { AvatarGroup as d } from "./avatar-group.js";
 import { PriorityIndicator as s } from "./priority-indicator.js";
 import { RichTextEditor as P, RichTextViewer as S } from "./rich-text-editor.js";
-import { BoardSkeleton as T, CardSkeleton as g, ListSkeleton as D, TableSkeleton as h } from "./loading-skeleton.js";
+import { BoardSkeleton as g, CardSkeleton as D, ListSkeleton as T, TableSkeleton as h } from "./loading-skeleton.js";
 import { DashboardSkeleton as b, ProjectListSkeleton as V, TaskDetailSkeleton as y } from "./page-skeletons.js";
 import { ErrorDisplay as E } from "./error-boundary.js";
 import { GlobalLoading as L } from "./global-loading.js";
@@ -14,48 +14,50 @@ import { CommandPalette as w } from "./command-palette.js";
 import { MemberPicker as M } from "./member-picker.js";
 import { SimpleTooltip as v } from "./simple-tooltip.js";
 import { ScheduleView as H } from "./schedule-view.js";
-import { getInitials as q } from "./lib/string-utils.js";
-import { CalendarGrid as F } from "./date-picker/calendar-grid.js";
-import { DatePicker as K } from "./date-picker/date-picker.js";
-import { DateRangePicker as O } from "./date-picker/date-range-picker.js";
-import { DateTimePicker as U } from "./date-picker/date-time-picker.js";
-import { MonthPicker as X } from "./date-picker/month-picker.js";
-import { Presets as _ } from "./date-picker/presets.js";
-import { TimePicker as ee } from "./date-picker/time-picker.js";
-import { YearPicker as oe } from "./date-picker/year-picker.js";
-import { useCalendar as ae } from "./date-picker/use-calendar.js";
+import { ConfirmDialog as q } from "./confirm-dialog.js";
+import { getInitials as F } from "./lib/string-utils.js";
+import { CalendarGrid as K } from "./date-picker/calendar-grid.js";
+import { DatePicker as O } from "./date-picker/date-picker.js";
+import { DateRangePicker as U } from "./date-picker/date-range-picker.js";
+import { DateTimePicker as X } from "./date-picker/date-time-picker.js";
+import { MonthPicker as _ } from "./date-picker/month-picker.js";
+import { Presets as rr } from "./date-picker/presets.js";
+import { TimePicker as or } from "./date-picker/time-picker.js";
+import { YearPicker as ar } from "./date-picker/year-picker.js";
+import { useCalendar as ir } from "./date-picker/use-calendar.js";
 export {
   d as AvatarGroup,
-  T as BoardSkeleton,
-  F as CalendarGrid,
-  g as CardSkeleton,
+  g as BoardSkeleton,
+  K as CalendarGrid,
+  D as CardSkeleton,
   w as CommandPalette,
+  q as ConfirmDialog,
   a as ContentCard,
   b as DashboardSkeleton,
-  K as DatePicker,
-  O as DateRangePicker,
-  U as DateTimePicker,
+  O as DatePicker,
+  U as DateRangePicker,
+  X as DateTimePicker,
   n as EmptyState,
   E as ErrorDisplay,
   L as GlobalLoading,
-  D as ListSkeleton,
+  T as ListSkeleton,
   M as MemberPicker,
-  X as MonthPicker,
+  _ as MonthPicker,
   o as PageHeader,
-  _ as Presets,
+  rr as Presets,
   s as PriorityIndicator,
   V as ProjectListSkeleton,
   P as RichTextEditor,
   S as RichTextViewer,
   H as ScheduleView,
   v as SimpleTooltip,
-  i as StatusBadge,
+  p as StatusBadge,
   h as TableSkeleton,
   y as TaskDetailSkeleton,
-  ee as TimePicker,
-  oe as YearPicker,
+  or as TimePicker,
+  ar as YearPicker,
   m as contentCardVariants,
-  q as getInitials,
+  F as getInitials,
   x as statusBadgeVariants,
-  ae as useCalendar
+  ir as useCalendar
 };

package/dist/composed/rich-text-editor.d.ts

@@ -1,11 +1,30 @@
 "use client";
 import * as React from 'react';
+export interface MentionItem {
+    id: string;
+    label: string;
+    avatar?: string;
+}
 export interface RichTextEditorProps {
     content?: string;
     placeholder?: string;
     onChange?: (html: string) => void;
     className?: string;
     editable?: boolean;
+    /** Called when an image is pasted/dropped. Return a URL. If not provided, images inline as base64. */
+    onImageUpload?: (file: File) => Promise<string>;
+    /** Called when a non-image file is dropped/pasted. If not provided, non-image files are ignored. */
+    onFileUpload?: (file: File) => Promise<{
+        url: string;
+        name: string;
+        size: number;
+    }>;
+    /** Static list of mentionable items */
+    mentions?: MentionItem[];
+    /** Async mention search. Takes precedence over static list. */
+    onMentionSearch?: (query: string) => Promise<MentionItem[]>;
+    /** Called when a mention is selected */
+    onMentionSelect?: (item: MentionItem) => void;
 }
 declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;
 export interface RichTextViewerProps {

package/dist/composed/rich-text-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.d.ts","sourceRoot":"","sources":["../../src/composed/rich-text-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqJ9B,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,4FAiEnB,CAAA;AAID,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,4FAoCnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"rich-text-editor.d.ts","sourceRoot":"","sources":["../../src/composed/rich-text-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAwS9B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sGAAsG;IACtG,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,oGAAoG;IACpG,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACnF,uCAAuC;IACvC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAA;IAC3D,wCAAwC;IACxC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;CAC9C;AAED,QAAA,MAAM,cAAc,4FAiOnB,CAAA;AAID,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,4FAiDnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}