@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/composed/form-section.js

@@ -1,47 +1,63 @@
 "use client";
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import * as m from "react";
-import { cn as l } from "../ui/lib/utils.js";
-import { springs as u } from "../ui/lib/motion.js";
-import { IconChevronDown as x } from "@tabler/icons-react";
-import { Icon as N } from "../ui/icon.js";
-import { Collapsible as h, CollapsibleTrigger as g, CollapsibleContent as y } from "../ui/collapsible.js";
-import { m as v } from "../_chunks/framer.js";
-const C = m.forwardRef(({
-  title: c,
-  description: r,
-  collapsible: d = !1,
-  defaultOpen: a = !0,
-  children: o,
-  className: t,
-  ...n
-}, f) => {
-  const i = /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-01", children: [
-    /* @__PURE__ */ e("span", { className: "text-ds-md font-semibold text-surface-fg font-sans", children: c }),
-    r && /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-muted font-sans", children: r })
-  ] }), [p, b] = m.useState(a);
-  return d ? /* @__PURE__ */ s(h, { defaultOpen: a, onOpenChange: b, className: l("space-y-ds-04", t), ...n, children: [
-    /* @__PURE__ */ s(g, { className: "flex w-full items-center justify-between py-ds-02 group", children: [
-      i,
-      /* @__PURE__ */ e(
-        v.span,
-        {
-          animate: { rotate: p ? 180 : 0 },
-          transition: u.snappy,
-          className: "inline-flex",
-          children: /* @__PURE__ */ e(N, { icon: x, size: "sm", className: "text-surface-fg-muted" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e("div", { className: "border-b border-surface-border-subtle" }),
-    /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e("div", { className: "space-y-ds-04 pt-ds-02", children: o }) })
-  ] }) : /* @__PURE__ */ s("div", { ref: f, className: l("space-y-ds-04", t), ...n, children: [
-    i,
-    /* @__PURE__ */ e("div", { className: "border-b border-surface-border-subtle" }),
-    /* @__PURE__ */ e("div", { className: "space-y-ds-04", children: o })
-  ] });
+import { a as e } from "../_chunks/framer.js";
+import { springs as t } from "../ui/lib/motion.js";
+import { cn as n } from "../ui/lib/utils.js";
+import { Icon as r } from "../ui/icon.js";
+import { Collapsible as i, CollapsibleContent as a, CollapsibleTrigger as o } from "../ui/collapsible.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { IconChevronDown as u } from "@tabler/icons-react";
+//#region src/composed/form-section.tsx
+var d = s.forwardRef(({ title: d, description: f, collapsible: p = !1, defaultOpen: m = !0, children: h, className: g, ..._ }, v) => {
+	let y = /* @__PURE__ */ l("div", {
+		className: "flex flex-col gap-ds-01",
+		children: [/* @__PURE__ */ c("span", {
+			className: "text-ds-md font-semibold text-surface-fg font-sans",
+			children: d
+		}), f && /* @__PURE__ */ c("span", {
+			className: "text-ds-sm text-surface-fg-muted font-sans",
+			children: f
+		})]
+	}), [b, x] = s.useState(m);
+	return p ? /* @__PURE__ */ l(i, {
+		defaultOpen: m,
+		onOpenChange: x,
+		className: n("space-y-ds-04", g),
+		..._,
+		children: [
+			/* @__PURE__ */ l(o, {
+				className: "flex w-full items-center justify-between py-ds-02 group",
+				children: [y, /* @__PURE__ */ c(e.span, {
+					animate: { rotate: b ? 180 : 0 },
+					transition: t.snappy,
+					className: "inline-flex",
+					children: /* @__PURE__ */ c(r, {
+						icon: u,
+						size: "sm",
+						className: "text-surface-fg-muted"
+					})
+				})]
+			}),
+			/* @__PURE__ */ c("div", { className: "border-b border-surface-border-subtle" }),
+			/* @__PURE__ */ c(a, { children: /* @__PURE__ */ c("div", {
+				className: "space-y-ds-04 pt-ds-02",
+				children: h
+			}) })
+		]
+	}) : /* @__PURE__ */ l("div", {
+		ref: v,
+		className: n("space-y-ds-04", g),
+		..._,
+		children: [
+			y,
+			/* @__PURE__ */ c("div", { className: "border-b border-surface-border-subtle" }),
+			/* @__PURE__ */ c("div", {
+				className: "space-y-ds-04",
+				children: h
+			})
+		]
+	});
 });
-C.displayName = "FormSection";
-export {
-  C as FormSection
-};
+d.displayName = "FormSection";
+//#endregion
+export { d as FormSection };

package/dist/composed/form-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-section.js","names":[],"sources":["../../src/composed/form-section.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { motion } from 'framer-motion'\nimport { cn } from '../ui/lib/utils'\nimport { springs } from '../ui/lib/motion'\nimport { IconChevronDown } from '@tabler/icons-react'\nimport { Icon } from '../ui/icon'\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible'\n\n// ============================================================\n// Types\n// ============================================================\n\nexport interface FormSectionProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string\n  description?: string\n  collapsible?: boolean\n  /** @default true */\n  defaultOpen?: boolean\n}\n\n// ============================================================\n// FormSection\n// ============================================================\n\nconst FormSection = React.forwardRef<HTMLDivElement, FormSectionProps>(({\n  title,\n  description,\n  collapsible = false,\n  defaultOpen = true,\n  children,\n  className,\n  ...props\n}, ref) => {\n  const header = (\n    <div className=\"flex flex-col gap-ds-01\">\n      <span className=\"text-ds-md font-semibold text-surface-fg font-sans\">\n        {title}\n      </span>\n      {description && (\n        <span className=\"text-ds-sm text-surface-fg-muted font-sans\">\n          {description}\n        </span>\n      )}\n    </div>\n  )\n\n  const [isOpen, setIsOpen] = React.useState(defaultOpen)\n\n  if (collapsible) {\n    return (\n      <Collapsible defaultOpen={defaultOpen} onOpenChange={setIsOpen} className={cn('space-y-ds-04', className)} {...props}>\n        <CollapsibleTrigger className=\"flex w-full items-center justify-between py-ds-02 group\">\n          {header}\n          <motion.span\n            animate={{ rotate: isOpen ? 180 : 0 }}\n            transition={springs.snappy}\n            className=\"inline-flex\"\n          >\n            <Icon icon={IconChevronDown} size=\"sm\" className=\"text-surface-fg-muted\" />\n          </motion.span>\n        </CollapsibleTrigger>\n        <div className=\"border-b border-surface-border-subtle\" />\n        <CollapsibleContent>\n          <div className=\"space-y-ds-04 pt-ds-02\">\n            {children}\n          </div>\n        </CollapsibleContent>\n      </Collapsible>\n    )\n  }\n\n  return (\n    <div ref={ref} className={cn('space-y-ds-04', className)} {...props}>\n      {header}\n      <div className=\"border-b border-surface-border-subtle\" />\n      <div className=\"space-y-ds-04\">\n        {children}\n      </div>\n    </div>\n  )\n})\nFormSection.displayName = 'FormSection'\n\nexport { FormSection }\n"],"mappings":";;;;;;;;;;AA0BA,IAAM,IAAc,EAAM,YAA8C,EACtE,UACA,gBACA,iBAAc,IACd,iBAAc,IACd,aACA,cACA,GAAG,KACF,MAAQ;CACT,IAAM,IACJ,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aACb;GACI,CAAA,EACN,KACC,kBAAC,QAAD;GAAM,WAAU;aACb;GACI,CAAA,CAEL;KAGF,CAAC,GAAQ,KAAa,EAAM,SAAS,EAAY;AAyBvD,QAvBI,IAEA,kBAAC,GAAD;EAA0B;EAAa,cAAc;EAAW,WAAW,EAAG,iBAAiB,EAAU;EAAE,GAAI;YAA/G;GACE,kBAAC,GAAD;IAAoB,WAAU;cAA9B,CACG,GACD,kBAAC,EAAO,MAAR;KACE,SAAS,EAAE,QAAQ,IAAS,MAAM,GAAG;KACrC,YAAY,EAAQ;KACpB,WAAU;eAEV,kBAAC,GAAD;MAAM,MAAM;MAAiB,MAAK;MAAK,WAAU;MAA0B,CAAA;KAC/D,CAAA,CACK;;GACrB,kBAAC,OAAD,EAAK,WAAU,yCAA0C,CAAA;GACzD,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;IACZ;IACG,CAAA,EACa,CAAA;GACT;MAKhB,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,iBAAiB,EAAU;EAAE,GAAI;YAA9D;GACG;GACD,kBAAC,OAAD,EAAK,WAAU,yCAA0C,CAAA;GACzD,kBAAC,OAAD;IAAK,WAAU;IACZ;IACG,CAAA;GACF;;EAER;AACF,EAAY,cAAc"}

package/dist/composed/global-loading.js

@@ -1,48 +1,35 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
-import * as m from "react";
-import { useRef as i, useState as p, useEffect as l } from "react";
-import { cn as c } from "../ui/lib/utils.js";
-const d = m.forwardRef(
-  function({ isLoading: e, className: u, ...f }, s) {
-    const o = i(null), [t, r] = p(!0), a = i(void 0);
-    return l(() => () => {
-      clearTimeout(a.current);
-    }, []), l(() => {
-      o.current && e && r(!1);
-    }, [e]), /* @__PURE__ */ n(
-      "div",
-      {
-        ref: s,
-        role: "progressbar",
-        "aria-label": "Page loading",
-        "aria-hidden": !e,
-        "aria-valuetext": e ? "Loading" : void 0,
-        ...f,
-        className: c("pointer-events-none fixed inset-x-0 top-0 z-toast h-1", u),
-        children: /* @__PURE__ */ n(
-          "div",
-          {
-            ref: o,
-            className: c(
-              "h-full bg-accent-9 transition-[width,opacity] duration-slow-01 ease-productive-standard",
-              e && "w-4/5 opacity-100",
-              !e && t && "w-0 opacity-0",
-              !e && !t && "w-full opacity-100"
-            ),
-            style: !e && !t ? { boxShadow: "0 0 8px var(--color-accent-9)" } : void 0,
-            onTransitionEnd: () => {
-              e || (a.current = setTimeout(() => {
-                r(!0);
-              }, 200));
-            }
-          }
-        )
-      }
-    );
-  }
-);
-d.displayName = "GlobalLoading";
-export {
-  d as GlobalLoading
-};
+import { cn as e } from "../ui/lib/utils.js";
+import * as t from "react";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/composed/global-loading.tsx
+var o = t.forwardRef(function({ isLoading: t, className: o, ...s }, c) {
+	let l = r(null), [u, d] = i(!0), f = r(void 0);
+	return n(() => () => {
+		clearTimeout(f.current);
+	}, []), n(() => {
+		l.current && t && d(!1);
+	}, [t]), /* @__PURE__ */ a("div", {
+		ref: c,
+		role: "progressbar",
+		"aria-label": "Page loading",
+		"aria-hidden": !t,
+		"aria-valuetext": t ? "Loading" : void 0,
+		...s,
+		className: e("pointer-events-none fixed inset-x-0 top-0 z-toast h-1", o),
+		children: /* @__PURE__ */ a("div", {
+			ref: l,
+			className: e("h-full bg-accent-9 transition-[width,opacity] duration-slow-01 ease-productive-standard", t && "w-4/5 opacity-100", !t && u && "w-0 opacity-0", !t && !u && "w-full opacity-100"),
+			style: !t && !u ? { boxShadow: "0 0 8px var(--color-accent-9)" } : void 0,
+			onTransitionEnd: () => {
+				t || (f.current = setTimeout(() => {
+					d(!0);
+				}, 200));
+			}
+		})
+	});
+});
+o.displayName = "GlobalLoading";
+//#endregion
+export { o as GlobalLoading };

package/dist/composed/global-loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-loading.js","names":[],"sources":["../../src/composed/global-loading.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useEffect, useRef, useState } from 'react'\nimport { cn } from '../ui/lib/utils'\n\nexport interface GlobalLoadingProps extends React.ComponentPropsWithoutRef<'div'> {\n  isLoading: boolean\n}\n\nconst GlobalLoading = React.forwardRef<HTMLDivElement, GlobalLoadingProps>(\n  function GlobalLoading({ isLoading, className, ...props }, forwardedRef) {\n  const ref = useRef<HTMLDivElement>(null)\n  const [animationComplete, setAnimationComplete] = useState(true)\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n\n  useEffect(() => {\n    return () => { clearTimeout(timeoutRef.current) }\n  }, [])\n\n  useEffect(() => {\n    if (!ref.current) return\n\n    if (isLoading) {\n      setAnimationComplete(false)\n    }\n  }, [isLoading])\n\n  return (\n    <div\n      ref={forwardedRef}\n      role=\"progressbar\"\n      aria-label=\"Page loading\"\n      aria-hidden={!isLoading}\n      aria-valuetext={isLoading ? 'Loading' : undefined}\n      {...props}\n      className={cn(\"pointer-events-none fixed inset-x-0 top-0 z-toast h-1\", className)}\n    >\n      <div\n        ref={ref}\n        className={cn(\n          'h-full bg-accent-9 transition-[width,opacity] duration-slow-01 ease-productive-standard',\n          isLoading && 'w-4/5 opacity-100',\n          !isLoading && animationComplete && 'w-0 opacity-0',\n          !isLoading && !animationComplete && 'w-full opacity-100',\n        )}\n        style={\n          !isLoading && !animationComplete\n            ? { boxShadow: '0 0 8px var(--color-accent-9)' }\n            : undefined\n        }\n        onTransitionEnd={() => {\n          if (!isLoading) {\n            // After the \"complete\" animation finishes, hide the bar\n            timeoutRef.current = setTimeout(() => {\n              setAnimationComplete(true)\n            }, 200)\n          }\n        }}\n      />\n    </div>\n  )\n},\n)\n\nGlobalLoading.displayName = 'GlobalLoading'\n\nexport { GlobalLoading }\n"],"mappings":";;;;;;AAUA,IAAM,IAAgB,EAAM,WAC1B,SAAuB,EAAE,cAAW,cAAW,GAAG,KAAS,GAAc;CACzE,IAAM,IAAM,EAAuB,KAAK,EAClC,CAAC,GAAmB,KAAwB,EAAS,GAAK,EAC1D,IAAa,EAAkD,KAAA,EAAU;AAc/E,QAZA,cACe;AAAE,eAAa,EAAW,QAAQ;IAC9C,EAAE,CAAC,EAEN,QAAgB;AACT,IAAI,WAEL,KACF,EAAqB,GAAM;IAE5B,CAAC,EAAU,CAAC,EAGb,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,eAAa,CAAC;EACd,kBAAgB,IAAY,YAAY,KAAA;EACxC,GAAI;EACJ,WAAW,EAAG,yDAAyD,EAAU;YAEjF,kBAAC,OAAD;GACO;GACL,WAAW,EACT,2FACA,KAAa,qBACb,CAAC,KAAa,KAAqB,iBACnC,CAAC,KAAa,CAAC,KAAqB,qBACrC;GACD,OACE,CAAC,KAAa,CAAC,IACX,EAAE,WAAW,iCAAiC,GAC9C,KAAA;GAEN,uBAAuB;AACrB,IAAK,MAEH,EAAW,UAAU,iBAAiB;AACpC,OAAqB,GAAK;OACzB,IAAI;;GAGX,CAAA;EACE,CAAA;EAGT;AAED,EAAc,cAAc"}

package/dist/composed/index.js

@@ -1,93 +1,35 @@
 "use client";
-import { PageHeader as o } from "./page-header.js";
-import { ContentCard as a, contentCardVariants as i } from "./content-card.js";
-import { StatusBadge as p, statusBadgeVariants as f } from "./status-badge.js";
-import { EmptyState as x } from "./empty-state.js";
-import { AvatarGroup as s } from "./avatar-group.js";
-import { PriorityIndicator as d } from "./priority-indicator.js";
-import { RichTextEditor as P, RichTextViewer as u } from "./rich-text-editor.js";
-import { AudioPlayer as g, AudioWaveform as C, RichChatInput as D, useVoiceRecorder as E } from "./rich-chat-input.js";
-import { BoardSkeleton as v, CardSkeleton as y, ListSkeleton as B, TableSkeleton as h } from "./loading-skeleton.js";
-import { DashboardSkeleton as M, ProjectListSkeleton as I, TaskDetailSkeleton as R } from "./page-skeletons.js";
-import { ErrorBoundary as b, ErrorDisplay as j } from "./error-boundary.js";
-import { GlobalLoading as A } from "./global-loading.js";
-import { CommandPalette as L } from "./command-palette.js";
-import { MemberPicker as H } from "./member-picker.js";
-import { SimpleTooltip as O } from "./simple-tooltip.js";
-import { ScheduleView as q } from "./schedule-view.js";
-import { ConfirmDialog as J } from "./confirm-dialog.js";
-import { ActivityFeed as Q, groupItemsByTime as U } from "./activity-feed.js";
-import { MultiSelectPopover as Z } from "./multi-select-popover.js";
-import { FilterBar as $, FilterMultiSelect as ee, FilterSelect as re } from "./filter-bar.js";
-import { InlineEdit as te } from "./inline-edit.js";
-import { FormSection as ie } from "./form-section.js";
-import { BulkActionBar as pe } from "./bulk-action-bar.js";
-import { DeadlineIndicator as le } from "./deadline-indicator.js";
-import { MasterDetail as ne } from "./master-detail.js";
-import { ResponsiveOverlay as ce } from "./responsive-overlay.js";
-import { MarkdownViewer as ke } from "./markdown-viewer.js";
-import { EmojiPicker as ue, EmojiPickerPopover as Se } from "./emoji-picker.js";
-import { E as Ce, c as De } from "../_chunks/mention-suggestion.js";
-import { F as Te } from "../_chunks/file-preview.js";
-import { getInitials as ye } from "./lib/string-utils.js";
-import { C as he, u as Fe } from "../_chunks/use-calendar.js";
-import { D as Ie, a as Re, b as Ve, M as be, P as je, T as we, Y as Ae } from "../_chunks/date-time-picker.js";
-export {
-  Q as ActivityFeed,
-  g as AudioPlayer,
-  C as AudioWaveform,
-  s as AvatarGroup,
-  v as BoardSkeleton,
-  pe as BulkActionBar,
-  he as CalendarGrid,
-  y as CardSkeleton,
-  L as CommandPalette,
-  J as ConfirmDialog,
-  a as ContentCard,
-  M as DashboardSkeleton,
-  Ie as DatePicker,
-  Re as DateRangePicker,
-  Ve as DateTimePicker,
-  le as DeadlineIndicator,
-  Ce as EmojiNode,
-  ue as EmojiPicker,
-  Se as EmojiPickerPopover,
-  x as EmptyState,
-  b as ErrorBoundary,
-  j as ErrorDisplay,
-  Te as FilePreview,
-  $ as FilterBar,
-  ee as FilterMultiSelect,
-  re as FilterSelect,
-  ie as FormSection,
-  A as GlobalLoading,
-  te as InlineEdit,
-  B as ListSkeleton,
-  ke as MarkdownViewer,
-  ne as MasterDetail,
-  H as MemberPicker,
-  be as MonthPicker,
-  Z as MultiSelectPopover,
-  o as PageHeader,
-  je as Presets,
-  d as PriorityIndicator,
-  I as ProjectListSkeleton,
-  ce as ResponsiveOverlay,
-  D as RichChatInput,
-  P as RichTextEditor,
-  u as RichTextViewer,
-  q as ScheduleView,
-  O as SimpleTooltip,
-  p as StatusBadge,
-  h as TableSkeleton,
-  R as TaskDetailSkeleton,
-  we as TimePicker,
-  Ae as YearPicker,
-  i as contentCardVariants,
-  De as createEmojiSuggestion,
-  ye as getInitials,
-  U as groupItemsByTime,
-  f as statusBadgeVariants,
-  Fe as useCalendar,
-  E as useVoiceRecorder
-};
+import { getInitials as e } from "./lib/string-utils.js";
+import { ActivityFeed as t, groupItemsByTime as n } from "./activity-feed.js";
+import { AvatarGroup as r } from "./avatar-group.js";
+import { BulkActionBar as i } from "./bulk-action-bar.js";
+import { CommandPalette as a } from "./command-palette.js";
+import { ConfirmDialog as o } from "./confirm-dialog.js";
+import { ContentCard as s, contentCardVariants as c } from "./content-card.js";
+import { SimpleTooltip as l } from "./simple-tooltip.js";
+import { DeadlineIndicator as u } from "./deadline-indicator.js";
+import { EmojiPicker as d, EmojiPickerPopover as f } from "./emoji-picker.js";
+import { EmptyState as p } from "./empty-state.js";
+import { ErrorBoundary as m, ErrorDisplay as h } from "./error-boundary.js";
+import { t as g } from "../_chunks/file-preview.js";
+import { MultiSelectPopover as _ } from "./multi-select-popover.js";
+import { FilterBar as v, FilterMultiSelect as y, FilterSelect as b } from "./filter-bar.js";
+import { FormSection as x } from "./form-section.js";
+import { GlobalLoading as S } from "./global-loading.js";
+import { PageHeader as C } from "./page-header.js";
+import { StatusBadge as w, statusBadgeVariants as T } from "./status-badge.js";
+import { PriorityIndicator as E } from "./priority-indicator.js";
+import { n as D, r as O } from "../_chunks/mention-suggestion.js";
+import { RichTextEditor as k, RichTextViewer as A } from "./rich-text-editor.js";
+import { b as j, n as M, r as N, t as P } from "../_chunks/rich-chat-input.js";
+import { n as F, t as I } from "../_chunks/use-calendar.js";
+import { a as L, i as R, n as z, o as B, r as V, s as H, t as U } from "../_chunks/date-picker.js";
+import { BoardSkeleton as W, CardSkeleton as G, ListSkeleton as K, TableSkeleton as q } from "./loading-skeleton.js";
+import { DashboardSkeleton as J, ProjectListSkeleton as Y, TaskDetailSkeleton as X } from "./page-skeletons.js";
+import { MemberPicker as Z } from "./member-picker.js";
+import { ScheduleView as Q } from "./schedule-view.js";
+import { InlineEdit as $ } from "./inline-edit.js";
+import { MasterDetail as ee } from "./master-detail.js";
+import { ResponsiveOverlay as te } from "./responsive-overlay.js";
+import { MarkdownViewer as ne } from "./markdown-viewer.js";
+export { t as ActivityFeed, N as AudioPlayer, j as AudioWaveform, r as AvatarGroup, W as BoardSkeleton, i as BulkActionBar, F as CalendarGrid, G as CardSkeleton, a as CommandPalette, o as ConfirmDialog, s as ContentCard, J as DashboardSkeleton, L as DatePicker, V as DateRangePicker, U as DateTimePicker, u as DeadlineIndicator, O as EmojiNode, d as EmojiPicker, f as EmojiPickerPopover, p as EmptyState, m as ErrorBoundary, h as ErrorDisplay, g as FilePreview, v as FilterBar, y as FilterMultiSelect, b as FilterSelect, x as FormSection, S as GlobalLoading, $ as InlineEdit, K as ListSkeleton, ne as MarkdownViewer, ee as MasterDetail, Z as MemberPicker, B as MonthPicker, _ as MultiSelectPopover, C as PageHeader, R as Presets, E as PriorityIndicator, Y as ProjectListSkeleton, te as ResponsiveOverlay, P as RichChatInput, k as RichTextEditor, A as RichTextViewer, Q as ScheduleView, l as SimpleTooltip, w as StatusBadge, q as TableSkeleton, X as TaskDetailSkeleton, z as TimePicker, H as YearPicker, c as contentCardVariants, D as createEmojiSuggestion, e as getInitials, n as groupItemsByTime, T as statusBadgeVariants, I as useCalendar, M as useVoiceRecorder };

package/dist/composed/inline-edit.js

@@ -1,109 +1,94 @@
 "use client";
-import { jsxs as P, jsx as l } from "react/jsx-runtime";
-import * as i from "react";
-import { IconPencil as A } from "@tabler/icons-react";
-import { Icon as j } from "../ui/icon.js";
-import { cn as C } from "../ui/lib/utils.js";
-import { Spinner as z } from "../ui/spinner.js";
-const K = i.forwardRef(({
-  value: r,
-  onSave: h,
-  placeholder: d = "Click to edit",
-  textClassName: R,
-  readOnly: o = !1,
-  maxLength: a,
-  saving: b = !1,
-  className: w,
-  ...v
-}, E) => {
-  const [D, m] = i.useState(!1), [s, f] = i.useState(!1), t = i.useRef(null), p = i.useRef(r), u = b || D, I = !r;
-  i.useEffect(() => {
-    !s && t.current && (t.current.textContent = r);
-  }, [r, s]);
-  function S() {
-    o || u || (f(!0), p.current = r, requestAnimationFrame(() => {
-      if (!t.current) return;
-      const e = document.createRange();
-      e.selectNodeContents(t.current);
-      const n = window.getSelection();
-      n?.removeAllRanges(), n?.addRange(e);
-    }));
-  }
-  async function x() {
-    if (!t.current) return;
-    f(!1);
-    const n = (t.current.textContent ?? "").trim(), c = a ? n.slice(0, a) : n;
-    if (t.current.textContent = c || r, c === r) return;
-    const g = h(c);
-    if (g instanceof Promise) {
-      m(!0);
-      try {
-        await g;
-      } catch {
-        t.current && (t.current.textContent = r);
-      } finally {
-        m(!1);
-      }
-    }
-  }
-  function y() {
-    t.current && (t.current.textContent = p.current, f(!1), t.current.blur());
-  }
-  function N(e) {
-    e.key === "Escape" ? (e.preventDefault(), y()) : e.key === "Enter" && (e.preventDefault(), x());
-  }
-  function k() {
-    if (!t.current || !a) return;
-    const e = t.current.textContent ?? "";
-    if (e.length > a) {
-      t.current.textContent = e.slice(0, a);
-      const n = document.createRange();
-      n.selectNodeContents(t.current), n.collapse(!1);
-      const c = window.getSelection();
-      c?.removeAllRanges(), c?.addRange(n);
-    }
-  }
-  function F(e) {
-    e.preventDefault();
-    const n = e.clipboardData.getData("text/plain");
-    document.execCommand("insertText", !1, n);
-  }
-  return /* @__PURE__ */ P("div", { ref: E, className: C("group inline-flex items-center gap-ds-02", w), ...v, children: [
-    /* @__PURE__ */ l(
-      "span",
-      {
-        ref: t,
-        role: o ? void 0 : "textbox",
-        contentEditable: !o && !u,
-        suppressContentEditableWarning: !0,
-        tabIndex: o ? void 0 : 0,
-        onFocus: S,
-        onBlur: x,
-        onKeyDown: N,
-        onInput: k,
-        onPaste: F,
-        spellCheck: s,
-        className: C(
-          "font-sans text-surface-fg outline-hidden",
-          R,
-          // Idle: subtle hover hint
-          !o && !s && "cursor-text rounded-ds-sm -mx-ds-01 px-ds-01 hover:bg-surface-raised-hover transition-colors duration-fast-01",
-          // Focused: subtle underline to indicate editing
-          s && "rounded-ds-sm -mx-ds-01 px-ds-01 bg-surface-raised-hover ring-1 ring-accent-7",
-          // Empty: show placeholder styling
-          I && !s && "text-surface-fg-subtle italic",
-          // Read-only
-          o && "cursor-default"
-        ),
-        "data-placeholder": d,
-        children: r || (s ? "" : d)
-      }
-    ),
-    !o && !s && !u && /* @__PURE__ */ l(j, { icon: A, size: "xs", className: "text-surface-fg-subtle opacity-0 group-hover:opacity-100 transition-opacity duration-fast-01 shrink-0" }),
-    u && /* @__PURE__ */ l(z, { size: "sm" })
-  ] });
+import { cn as e } from "../ui/lib/utils.js";
+import { Spinner as t } from "../ui/spinner.js";
+import { Icon as n } from "../ui/icon.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { IconPencil as o } from "@tabler/icons-react";
+//#region src/composed/inline-edit.tsx
+var s = r.forwardRef(({ value: s, onSave: c, placeholder: l = "Click to edit", textClassName: u, readOnly: d = !1, maxLength: f, saving: p = !1, className: m, ...h }, g) => {
+	let [_, v] = r.useState(!1), [y, b] = r.useState(!1), x = r.useRef(null), S = r.useRef(s), C = p || _, w = !s;
+	r.useEffect(() => {
+		!y && x.current && (x.current.textContent = s);
+	}, [s, y]);
+	function T() {
+		d || C || (b(!0), S.current = s, requestAnimationFrame(() => {
+			if (!x.current) return;
+			let e = document.createRange();
+			e.selectNodeContents(x.current);
+			let t = window.getSelection();
+			t?.removeAllRanges(), t?.addRange(e);
+		}));
+	}
+	async function E() {
+		if (!x.current) return;
+		b(!1);
+		let e = (x.current.textContent ?? "").trim(), t = f ? e.slice(0, f) : e;
+		if (x.current.textContent = t || s, t === s) return;
+		let n = c(t);
+		if (n instanceof Promise) {
+			v(!0);
+			try {
+				await n;
+			} catch {
+				x.current && (x.current.textContent = s);
+			} finally {
+				v(!1);
+			}
+		}
+	}
+	function D() {
+		x.current && (x.current.textContent = S.current, b(!1), x.current.blur());
+	}
+	function O(e) {
+		e.key === "Escape" ? (e.preventDefault(), D()) : e.key === "Enter" && (e.preventDefault(), E());
+	}
+	function k() {
+		if (!x.current || !f) return;
+		let e = x.current.textContent ?? "";
+		if (e.length > f) {
+			x.current.textContent = e.slice(0, f);
+			let t = document.createRange();
+			t.selectNodeContents(x.current), t.collapse(!1);
+			let n = window.getSelection();
+			n?.removeAllRanges(), n?.addRange(t);
+		}
+	}
+	function A(e) {
+		e.preventDefault();
+		let t = e.clipboardData.getData("text/plain");
+		document.execCommand("insertText", !1, t);
+	}
+	return /* @__PURE__ */ a("div", {
+		ref: g,
+		className: e("group inline-flex items-center gap-ds-02", m),
+		...h,
+		children: [
+			/* @__PURE__ */ i("span", {
+				ref: x,
+				role: d ? void 0 : "textbox",
+				contentEditable: !d && !C,
+				suppressContentEditableWarning: !0,
+				tabIndex: d ? void 0 : 0,
+				onFocus: T,
+				onBlur: E,
+				onKeyDown: O,
+				onInput: k,
+				onPaste: A,
+				spellCheck: y,
+				className: e("font-sans text-surface-fg outline-hidden", u, !d && !y && "cursor-text rounded-ds-sm -mx-ds-01 px-ds-01 hover:bg-surface-raised-hover transition-colors duration-fast-01", y && "rounded-ds-sm -mx-ds-01 px-ds-01 bg-surface-raised-hover ring-1 ring-accent-7", w && !y && "text-surface-fg-subtle italic", d && "cursor-default"),
+				"data-placeholder": l,
+				children: s || (y ? "" : l)
+			}),
+			!d && !y && !C && /* @__PURE__ */ i(n, {
+				icon: o,
+				size: "xs",
+				className: "text-surface-fg-subtle opacity-0 group-hover:opacity-100 transition-opacity duration-fast-01 shrink-0"
+			}),
+			C && /* @__PURE__ */ i(t, { size: "sm" })
+		]
+	});
 });
-K.displayName = "InlineEdit";
-export {
-  K as InlineEdit
-};
+s.displayName = "InlineEdit";
+//#endregion
+export { s as InlineEdit };

package/dist/composed/inline-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-edit.js","names":[],"sources":["../../src/composed/inline-edit.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { IconPencil } from '@tabler/icons-react'\nimport { Icon } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\nimport { Spinner } from '../ui/spinner'\n\n// ============================================================\n// Types\n// ============================================================\n\nexport interface InlineEditProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSave'> {\n  value: string\n  onSave: (newValue: string) => void | Promise<void>\n  placeholder?: string\n  /** CSS class applied to the editable text (e.g. 'text-ds-lg font-semibold') */\n  textClassName?: string\n  readOnly?: boolean\n  maxLength?: number\n  /** External saving state — shows spinner */\n  saving?: boolean\n}\n\n// ============================================================\n// InlineEdit — contentEditable approach\n//\n// No mode switch. No input field. The text IS the editor.\n// Click → cursor appears in the text. Type. Enter saves. Escape reverts.\n// Like Notion, Linear, Figma layer names.\n// ============================================================\n\nconst InlineEdit = React.forwardRef<HTMLDivElement, InlineEditProps>(({\n  value,\n  onSave,\n  placeholder = 'Click to edit',\n  textClassName,\n  readOnly = false,\n  maxLength,\n  saving: savingProp = false,\n  className,\n  ...props\n}, ref) => {\n  const [saving, setSaving] = React.useState(false)\n  const [focused, setFocused] = React.useState(false)\n  const editRef = React.useRef<HTMLSpanElement>(null)\n  const snapshotRef = React.useRef(value)\n\n  const isSaving = savingProp || saving\n  const isEmpty = !value\n\n  // Sync DOM text when value changes externally (and not focused)\n  React.useEffect(() => {\n    if (!focused && editRef.current) {\n      editRef.current.textContent = value\n    }\n  }, [value, focused])\n\n  function handleFocus() {\n    if (readOnly || isSaving) return\n    setFocused(true)\n    snapshotRef.current = value\n\n    // Select all text on focus (like clicking a file name in Finder)\n    requestAnimationFrame(() => {\n      if (!editRef.current) return\n      const range = document.createRange()\n      range.selectNodeContents(editRef.current)\n      const sel = window.getSelection()\n      sel?.removeAllRanges()\n      sel?.addRange(range)\n    })\n  }\n\n  async function commit() {\n    if (!editRef.current) return\n    setFocused(false)\n    const raw = editRef.current.textContent ?? ''\n    const trimmed = raw.trim()\n\n    // Enforce maxLength\n    const final = maxLength ? trimmed.slice(0, maxLength) : trimmed\n\n    // Reset DOM to clean value\n    editRef.current.textContent = final || value\n\n    if (final === value) return\n    const result = onSave(final)\n    if (result instanceof Promise) {\n      setSaving(true)\n      try {\n        await result\n      } catch {\n        // Revert on error\n        if (editRef.current) editRef.current.textContent = value\n      } finally {\n        setSaving(false)\n      }\n    }\n  }\n\n  function cancel() {\n    if (!editRef.current) return\n    editRef.current.textContent = snapshotRef.current\n    setFocused(false)\n    editRef.current.blur()\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent) {\n    if (e.key === 'Escape') {\n      e.preventDefault()\n      cancel()\n    } else if (e.key === 'Enter') {\n      e.preventDefault()\n      commit()\n    }\n  }\n\n  function handleInput() {\n    if (!editRef.current || !maxLength) return\n    const text = editRef.current.textContent ?? ''\n    if (text.length > maxLength) {\n      editRef.current.textContent = text.slice(0, maxLength)\n      // Move cursor to end\n      const range = document.createRange()\n      range.selectNodeContents(editRef.current)\n      range.collapse(false)\n      const sel = window.getSelection()\n      sel?.removeAllRanges()\n      sel?.addRange(range)\n    }\n  }\n\n  // Prevent paste from inserting rich content\n  function handlePaste(e: React.ClipboardEvent) {\n    e.preventDefault()\n    const text = e.clipboardData.getData('text/plain')\n    document.execCommand('insertText', false, text)\n  }\n\n  return (\n    <div ref={ref} className={cn('group inline-flex items-center gap-ds-02', className)} {...props}>\n      <span\n        ref={editRef}\n        role={readOnly ? undefined : 'textbox'}\n        contentEditable={!readOnly && !isSaving}\n        suppressContentEditableWarning\n        tabIndex={readOnly ? undefined : 0}\n        onFocus={handleFocus}\n        onBlur={commit}\n        onKeyDown={handleKeyDown}\n        onInput={handleInput}\n        onPaste={handlePaste}\n        spellCheck={focused}\n        className={cn(\n          'font-sans text-surface-fg outline-hidden',\n          textClassName,\n          // Idle: subtle hover hint\n          !readOnly && !focused && 'cursor-text rounded-ds-sm -mx-ds-01 px-ds-01 hover:bg-surface-raised-hover transition-colors duration-fast-01',\n          // Focused: subtle underline to indicate editing\n          focused && 'rounded-ds-sm -mx-ds-01 px-ds-01 bg-surface-raised-hover ring-1 ring-accent-7',\n          // Empty: show placeholder styling\n          isEmpty && !focused && 'text-surface-fg-subtle italic',\n          // Read-only\n          readOnly && 'cursor-default',\n        )}\n        data-placeholder={placeholder}\n      >\n        {value || (focused ? '' : placeholder)}\n      </span>\n      {!readOnly && !focused && !isSaving && (\n        <Icon icon={IconPencil} size=\"xs\" className=\"text-surface-fg-subtle opacity-0 group-hover:opacity-100 transition-opacity duration-fast-01 shrink-0\" />\n      )}\n      {isSaving && <Spinner size=\"sm\" />}\n    </div>\n  )\n})\nInlineEdit.displayName = 'InlineEdit'\n\nexport { InlineEdit }\n"],"mappings":"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"}

package/dist/composed/lib/string-utils.js

@@ -1,9 +1,9 @@
-function i(r) {
-  const t = r.trim();
-  if (!t) return "";
-  const e = t.split(/\s+/);
-  return e.length >= 2 ? (e[0][0] + e[1][0]).toUpperCase() : t.slice(0, 2).toUpperCase();
+//#region src/composed/lib/string-utils.ts
+function e(e) {
+	let t = e.trim();
+	if (!t) return "";
+	let n = t.split(/\s+/);
+	return n.length >= 2 ? (n[0][0] + n[1][0]).toUpperCase() : t.slice(0, 2).toUpperCase();
 }
-export {
-  i as getInitials
-};
+//#endregion
+export { e as getInitials };

package/dist/composed/lib/string-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string-utils.js","names":[],"sources":["../../../src/composed/lib/string-utils.ts"],"sourcesContent":["// @server-safe\n/**\n * Extract initials from a person's name.\n * \"John Doe\" -> \"JD\", \"Alice\" -> \"AL\"\n */\nexport function getInitials(name: string): string {\n  const trimmed = name.trim()\n  if (!trimmed) return ''\n  const parts = trimmed.split(/\\s+/)\n  if (parts.length >= 2) return (parts[0][0] + parts[1][0]).toUpperCase()\n  return trimmed.slice(0, 2).toUpperCase()\n}\n"],"mappings":";AAKA,SAAgB,EAAY,GAAsB;CAChD,IAAM,IAAU,EAAK,MAAM;AAC3B,KAAI,CAAC,EAAS,QAAO;CACrB,IAAM,IAAQ,EAAQ,MAAM,MAAM;AAElC,QADI,EAAM,UAAU,KAAW,EAAM,GAAG,KAAK,EAAM,GAAG,IAAI,aAAa,GAChE,EAAQ,MAAM,GAAG,EAAE,CAAC,aAAa"}