@devalok/shilp-sutra 0.36.0 → 0.37.0-next.0

package/dist/composed/index.d.ts

@@ -13,68 +13,68 @@
  * import { PageHeader } from '@devalok/shilp-sutra/composed/page-header'
  * import { DatePicker } from '@devalok/shilp-sutra/composed/date-picker'
  */
-export { PageHeader } from './page-header';
-export type { PageHeaderProps, Breadcrumb } from './page-header';
-export { ContentCard, contentCardVariants } from './content-card';
-export type { ContentCardProps } from './content-card';
-export { StatusBadge, statusBadgeVariants } from './status-badge';
-export type { StatusBadgeProps } from './status-badge';
-export { EmptyState } from './empty-state';
-export type { EmptyStateProps } from './empty-state';
-export { AvatarGroup } from './avatar-group';
+export type { ActivityFeedProps, ActivityItem, GroupLabels } from './activity-feed';
+export { ActivityFeed, groupItemsByTime } from './activity-feed';
 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, MentionItem, ToolbarItem } from './rich-text-editor';
-export { RichChatInput, AudioWaveform, AudioPlayer, useVoiceRecorder } from './rich-chat-input';
-export type { RichChatInputProps, RichChatInputMessage, ChatToolbarItem, AudioWaveformProps, AudioPlayerProps, UseVoiceRecorderOptions, UseVoiceRecorderReturn } from './rich-chat-input';
-export type { SlashCommand, SlashCommandGroup } from './extensions/slash-command';
-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';
-export type { CardSkeletonProps, TableSkeletonProps, BoardSkeletonProps, ListSkeletonProps } from './loading-skeleton';
-export { DashboardSkeleton, ProjectListSkeleton, TaskDetailSkeleton, } from './page-skeletons';
-export { ErrorDisplay, ErrorBoundary } from './error-boundary';
-export type { ErrorDisplayProps, ErrorBoundaryProps } from './error-boundary';
-export { GlobalLoading } from './global-loading';
-export type { GlobalLoadingProps } from './global-loading';
+export { AvatarGroup } from './avatar-group';
+export type { BulkActionBarAction, BulkActionBarProps } from './bulk-action-bar';
+export { BulkActionBar } from './bulk-action-bar';
+export type { CommandGroup, CommandItem, CommandPaletteProps, FooterHint } from './command-palette';
 export { CommandPalette } from './command-palette';
-export type { CommandPaletteProps, CommandGroup, CommandItem, FooterHint } from './command-palette';
-export { MemberPicker } from './member-picker';
-export type { MemberPickerProps, MemberPickerMember } from './member-picker';
-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 { ActivityFeed, groupItemsByTime } from './activity-feed';
-export type { ActivityItem, ActivityFeedProps, GroupLabels } from './activity-feed';
-export { MultiSelectPopover } from './multi-select-popover';
-export type { MultiSelectPopoverProps, MultiSelectItem, MultiSelectGroup } from './multi-select-popover';
-export { FilterBar, FilterSelect, FilterMultiSelect } from './filter-bar';
-export type { FilterBarProps, FilterSelectProps, FilterMultiSelectProps } from './filter-bar';
-export { InlineEdit } from './inline-edit';
-export type { InlineEditProps } from './inline-edit';
-export { FormSection } from './form-section';
-export type { FormSectionProps } from './form-section';
-export { BulkActionBar } from './bulk-action-bar';
-export type { BulkActionBarProps, BulkActionBarAction } from './bulk-action-bar';
-export { DeadlineIndicator } from './deadline-indicator';
+export { ConfirmDialog } from './confirm-dialog';
+export type { ContentCardProps } from './content-card';
+export { ContentCard, contentCardVariants } from './content-card';
+export type { CalendarEvent, CalendarGridProps, DatePickerProps, DateRangePickerProps, DateTimePickerProps, MonthPickerProps, PresetKey, PresetsProps, TimePickerProps, YearPickerProps } from './date-picker';
+export { CalendarGrid, DatePicker, DateRangePicker, DateTimePicker, MonthPicker, Presets, TimePicker, useCalendar, YearPicker } from './date-picker';
 export type { DeadlineIndicatorProps } from './deadline-indicator';
-export { MasterDetail } from './master-detail';
-export type { MasterDetailProps } from './master-detail';
-export { ResponsiveOverlay } from './responsive-overlay';
-export type { ResponsiveOverlayProps } from './responsive-overlay';
-export { MarkdownViewer } from './markdown-viewer';
-export type { MarkdownViewerProps } from './markdown-viewer';
+export { DeadlineIndicator } from './deadline-indicator';
+export type { EmojiData, EmojiPickerPopoverProps, EmojiPickerProps, EmojiSet } from './emoji-picker';
 export { EmojiPicker, EmojiPickerPopover } from './emoji-picker';
-export type { EmojiPickerProps, EmojiPickerPopoverProps, EmojiData, EmojiSet } from './emoji-picker';
-export { EmojiNode } from './extensions/emoji-node';
+export type { EmptyStateProps } from './empty-state';
+export { EmptyState } from './empty-state';
+export type { ErrorBoundaryProps, ErrorDisplayProps } from './error-boundary';
+export { ErrorBoundary, ErrorDisplay } from './error-boundary';
 export type { EmojiNodeAttrs } from './extensions/emoji-node';
+export { EmojiNode } from './extensions/emoji-node';
 export { createEmojiSuggestion } from './extensions/emoji-suggestion';
-export { FilePreview } from './file-preview';
+export type { SlashCommand, SlashCommandGroup } from './extensions/slash-command';
 export type { FilePreviewProps } from './file-preview';
+export { FilePreview } from './file-preview';
+export type { FilterBarProps, FilterMultiSelectProps, FilterSelectProps } from './filter-bar';
+export { FilterBar, FilterMultiSelect, FilterSelect } from './filter-bar';
+export type { FormSectionProps } from './form-section';
+export { FormSection } from './form-section';
+export type { GlobalLoadingProps } from './global-loading';
+export { GlobalLoading } from './global-loading';
+export type { InlineEditProps } from './inline-edit';
+export { InlineEdit } from './inline-edit';
 export { getInitials } from './lib/string-utils';
+export type { BoardSkeletonProps, CardSkeletonProps, ListSkeletonProps, TableSkeletonProps } from './loading-skeleton';
+export { BoardSkeleton, CardSkeleton, ListSkeleton, TableSkeleton } from './loading-skeleton';
+export type { MarkdownViewerProps } from './markdown-viewer';
+export { MarkdownViewer } from './markdown-viewer';
+export type { MasterDetailProps } from './master-detail';
+export { MasterDetail } from './master-detail';
+export type { MemberPickerMember, MemberPickerProps } from './member-picker';
+export { MemberPicker } from './member-picker';
+export type { MultiSelectGroup, MultiSelectItem, MultiSelectPopoverProps } from './multi-select-popover';
+export { MultiSelectPopover } from './multi-select-popover';
+export type { Breadcrumb, PageHeaderProps } from './page-header';
+export { PageHeader } from './page-header';
+export { DashboardSkeleton, ProjectListSkeleton, TaskDetailSkeleton, } from './page-skeletons';
+export type { Priority, PriorityIndicatorProps } from './priority-indicator';
+export { PriorityIndicator } from './priority-indicator';
+export type { ResponsiveOverlayProps } from './responsive-overlay';
+export { ResponsiveOverlay } from './responsive-overlay';
+export type { AudioPlayerProps, AudioWaveformProps, ChatToolbarItem, RichChatInputMessage, RichChatInputProps, UseVoiceRecorderOptions, UseVoiceRecorderReturn } from './rich-chat-input';
+export { AudioPlayer, AudioWaveform, RichChatInput, useVoiceRecorder } from './rich-chat-input';
+export type { MentionItem, RichTextEditorProps, RichTextViewerProps, ToolbarItem } from './rich-text-editor';
+export { RichTextEditor, RichTextViewer } from './rich-text-editor';
+export type { ScheduleEvent, ScheduleViewProps } from './schedule-view';
+export { ScheduleView } from './schedule-view';
+export type { SimpleTooltipProps } from './simple-tooltip';
+export { SimpleTooltip } from './simple-tooltip';
+export type { StatusBadgeProps } from './status-badge';
+export { StatusBadge, statusBadgeVariants } from './status-badge';
 //# 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":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composed/index.ts"],"names":[],"mappings":"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"}

package/dist/composed/index.js

@@ -16,20 +16,20 @@ 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 };
+import { n as C, t as w } from "../_chunks/use-calendar.js";
+import { a as T, i as E, n as D, o as O, r as k, s as A, t as j } from "../_chunks/date-picker.js";
+import { i as M, r as N } from "../_chunks/mention-suggestion.js";
+import { InlineEdit as P } from "./inline-edit.js";
+import { BoardSkeleton as F, CardSkeleton as I, ListSkeleton as L, TableSkeleton as R } from "./loading-skeleton.js";
+import { MarkdownViewer as z } from "./markdown-viewer.js";
+import { MasterDetail as B } from "./master-detail.js";
+import { MemberPicker as V } from "./member-picker.js";
+import { PageHeader as H } from "./page-header.js";
+import { DashboardSkeleton as U, ProjectListSkeleton as W, TaskDetailSkeleton as G } from "./page-skeletons.js";
+import { PriorityIndicator as K } from "./priority-indicator.js";
+import { ResponsiveOverlay as q } from "./responsive-overlay.js";
+import { b as J, n as Y, t as X, y as Z } from "../_chunks/rich-chat-input.js";
+import { RichTextEditor as Q, RichTextViewer as $ } from "./rich-text-editor.js";
+import { ScheduleView as ee } from "./schedule-view.js";
+import { StatusBadge as te, statusBadgeVariants as ne } from "./status-badge.js";
+export { t as ActivityFeed, Z as AudioPlayer, J as AudioWaveform, r as AvatarGroup, F as BoardSkeleton, i as BulkActionBar, C as CalendarGrid, I as CardSkeleton, a as CommandPalette, o as ConfirmDialog, s as ContentCard, U as DashboardSkeleton, T as DatePicker, k as DateRangePicker, D as DateTimePicker, u as DeadlineIndicator, M 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, P as InlineEdit, L as ListSkeleton, z as MarkdownViewer, B as MasterDetail, V as MemberPicker, A as MonthPicker, _ as MultiSelectPopover, H as PageHeader, E as Presets, K as PriorityIndicator, W as ProjectListSkeleton, q as ResponsiveOverlay, X as RichChatInput, Q as RichTextEditor, $ as RichTextViewer, ee as ScheduleView, l as SimpleTooltip, te as StatusBadge, R as TableSkeleton, G as TaskDetailSkeleton, j as TimePicker, O as YearPicker, c as contentCardVariants, N as createEmojiSuggestion, e as getInitials, n as groupItemsByTime, ne as statusBadgeVariants, w as useCalendar, Y as useVoiceRecorder };

package/dist/composed/inline-edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline-edit.d.ts","sourceRoot":"","sources":["../../src/composed/inline-edit.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC3F,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAUD,QAAA,MAAM,UAAU,wFAgJd,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"inline-edit.d.ts","sourceRoot":"","sources":["../../src/composed/inline-edit.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC3F,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAUD,QAAA,MAAM,UAAU,wFAgJd,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,CAAA"}

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

@@ -1 +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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"}
+{"version":3,"file":"inline-edit.js","names":[],"sources":["../../src/composed/inline-edit.tsx"],"sourcesContent":["'use client'\n\nimport { IconPencil } from '@tabler/icons-react'\nimport * as React from 'react'\n\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/loading-skeleton.d.ts

@@ -18,5 +18,5 @@ export interface ListSkeletonProps extends CardSkeletonProps {
     showAvatar?: boolean;
 }
 declare const ListSkeleton: React.ForwardRefExoticComponent<ListSkeletonProps & React.RefAttributes<HTMLDivElement>>;
-export { CardSkeleton, TableSkeleton, BoardSkeleton, ListSkeleton };
+export { BoardSkeleton, CardSkeleton, ListSkeleton, TableSkeleton };
 //# sourceMappingURL=loading-skeleton.d.ts.map

package/dist/composed/loading-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-skeleton.d.ts","sourceRoot":"","sources":["../../src/composed/loading-skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,0FA2BjB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,aAAa,2FAqDlB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,2FAiDlB,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,0FA+BjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"loading-skeleton.d.ts","sourceRoot":"","sources":["../../src/composed/loading-skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,0FA2BjB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,aAAa,2FAqDlB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,2FAiDlB,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,0FA+BjB,CAAA;AAID,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAC,aAAa,EAAE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"loading-skeleton.js","names":[],"sources":["../../src/composed/loading-skeleton.tsx"],"sourcesContent":["// @server-safe\nimport * as React from 'react'\nimport { cn } from '../ui/lib/utils'\nimport { Skeleton } from '../ui/skeleton'\n\nexport interface CardSkeletonProps extends React.ComponentPropsWithoutRef<'div'> {\n  className?: string\n}\n\nconst CardSkeleton = React.forwardRef<HTMLDivElement, CardSkeletonProps>(\n  function CardSkeleton({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      {...props}\n      className={cn(\n        'rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-05b',\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between pb-ds-05\">\n        <Skeleton className=\"h-[16px] w-[128px] bg-surface-raised-hover\" />\n        <Skeleton className=\"h-ico-sm w-ico-sm rounded bg-surface-raised-hover\" />\n      </div>\n      <div className=\"space-y-ds-04\">\n        <Skeleton className=\"h-[12px] w-full bg-surface-raised-hover\" />\n        <Skeleton className=\"h-[12px] w-4/5 bg-surface-raised-hover\" />\n        <Skeleton className=\"h-[12px] w-3/5 bg-surface-raised-hover\" />\n      </div>\n      <div className=\"flex items-center gap-ds-03 pt-ds-05\">\n        <Skeleton className=\"h-ds-xs w-ds-xs rounded-ds-full bg-surface-raised-hover\" />\n        <Skeleton className=\"h-[12px] w-[80px] bg-surface-raised-hover\" />\n      </div>\n    </div>\n  )\n},\n)\n\nCardSkeleton.displayName = 'CardSkeleton'\n\nexport interface TableSkeletonProps extends CardSkeletonProps {\n  rows?: number\n  columns?: number\n}\n\nconst TableSkeleton = React.forwardRef<HTMLDivElement, TableSkeletonProps>(\n  function TableSkeleton({\n  rows = 5,\n  columns = 4,\n  className,\n  ...props\n}, ref) {\n  return (\n    <div\n      ref={ref}\n      {...props}\n      className={cn(\n        'overflow-hidden rounded-ds-lg border border-surface-border-strong',\n        className,\n      )}\n    >\n      {/* Header */}\n      <div className=\"flex items-center gap-ds-05 border-b border-surface-border-strong bg-surface-raised px-ds-05 py-ds-04\">\n        {Array.from({ length: columns }).map((_, i) => (\n          <Skeleton\n            key={`head-${i}`}\n            className={cn(\n              'h-[12px] bg-surface-raised-hover',\n              i === 0 ? 'w-[160px]' : 'flex-1',\n            )}\n          />\n        ))}\n      </div>\n\n      {/* Rows */}\n      {Array.from({ length: rows }).map((_, rowIndex) => (\n        <div\n          key={`row-${rowIndex}`}\n          className={cn(\n            'flex items-center gap-ds-05 px-ds-05 py-ds-04',\n            rowIndex < rows - 1 && 'border-b border-surface-border-strong',\n          )}\n          style={{ animationDelay: `${rowIndex * 50}ms` }}\n        >\n          {Array.from({ length: columns }).map((_, colIndex) => (\n            <Skeleton\n              key={`cell-${rowIndex}-${colIndex}`}\n              className={cn(\n                'h-[12px] bg-surface-raised-hover',\n                colIndex === 0 ? 'w-[160px]' : 'flex-1',\n              )}\n            />\n          ))}\n        </div>\n      ))}\n    </div>\n  )\n},\n)\n\nTableSkeleton.displayName = 'TableSkeleton'\n\nexport interface BoardSkeletonProps extends CardSkeletonProps {\n  columns?: number\n  cardsPerColumn?: number\n}\n\nconst BoardSkeleton = React.forwardRef<HTMLDivElement, BoardSkeletonProps>(\n  function BoardSkeleton({\n  columns = 4,\n  cardsPerColumn = 3,\n  className,\n  ...props\n}, ref) {\n  return (\n    <div ref={ref} {...props} className={cn('flex gap-ds-05 overflow-x-auto', className)}>\n      {Array.from({ length: columns }).map((_, colIndex) => (\n        <div\n          key={`col-${colIndex}`}\n          className=\"flex w-[272px] shrink-0 flex-col gap-ds-03\"\n        >\n          {/* Column header */}\n          <div className=\"flex items-center justify-between px-ds-02 py-ds-03\">\n            <div className=\"flex items-center gap-ds-03\">\n              <Skeleton className=\"h-[12px] w-[12px] rounded bg-surface-raised-hover\" />\n              <Skeleton className=\"h-[12px] w-[80px] bg-surface-raised-hover\" />\n              <Skeleton className=\"h-[16px] w-[20px] rounded-ds-full bg-surface-raised-hover\" />\n            </div>\n            <Skeleton className=\"h-ico-sm w-ico-sm rounded bg-surface-raised-hover\" />\n          </div>\n\n          {/* Column cards */}\n          {Array.from({ length: cardsPerColumn }).map((_, cardIndex) => (\n            <div\n              key={`card-${colIndex}-${cardIndex}`}\n              className=\"rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-04\"\n              style={{ animationDelay: `${(colIndex * cardsPerColumn + cardIndex) * 50}ms` }}\n            >\n              <div className=\"space-y-ds-03\">\n                <Skeleton className=\"h-[12px] w-4/5 bg-surface-raised-hover\" />\n                <Skeleton className=\"h-[12px] w-3/5 bg-surface-raised-hover\" />\n              </div>\n              <div className=\"flex items-center justify-between pt-ds-04\">\n                <div className=\"flex items-center gap-ds-02b\">\n                  <Skeleton className=\"h-ico-md w-ico-md rounded-ds-full bg-surface-raised-hover\" />\n                  <Skeleton className=\"h-ds-03 w-[64px] bg-surface-raised-hover\" />\n                </div>\n                <Skeleton className=\"h-[16px] w-ds-lg rounded-ds-full bg-surface-raised-hover\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      ))}\n    </div>\n  )\n},\n)\n\nBoardSkeleton.displayName = 'BoardSkeleton'\n\nexport interface ListSkeletonProps extends CardSkeletonProps {\n  rows?: number\n  showAvatar?: boolean\n}\n\nconst ListSkeleton = React.forwardRef<HTMLDivElement, ListSkeletonProps>(\n  function ListSkeleton({\n  rows = 6,\n  showAvatar = true,\n  className,\n  ...props\n}, ref) {\n  return (\n    <div ref={ref} {...props} className={cn('flex flex-col', className)}>\n      {Array.from({ length: rows }).map((_, i) => (\n        <div\n          key={`list-${i}`}\n          className={cn(\n            'flex items-center gap-ds-04 py-ds-04',\n            i < rows - 1 && 'border-b border-surface-border-strong',\n          )}\n          style={{ animationDelay: `${i * 50}ms` }}\n        >\n          {showAvatar && (\n            <Skeleton className=\"h-ds-sm w-ds-sm shrink-0 rounded-ds-full bg-surface-raised-hover\" />\n          )}\n          <div className=\"flex flex-1 flex-col gap-ds-02b\">\n            <Skeleton className=\"h-[12px] w-2/5 bg-surface-raised-hover\" />\n            <Skeleton className=\"h-ds-03 w-3/5 bg-surface-raised-hover\" />\n          </div>\n          <Skeleton className=\"h-[20px] w-[56px] rounded-ds-full bg-surface-raised-hover\" />\n        </div>\n      ))}\n    </div>\n  )\n},\n)\n\nListSkeleton.displayName = 'ListSkeleton'\n\nexport { CardSkeleton, TableSkeleton, BoardSkeleton, ListSkeleton }\n"],"mappings":"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"}
+{"version":3,"file":"loading-skeleton.js","names":[],"sources":["../../src/composed/loading-skeleton.tsx"],"sourcesContent":["// @server-safe\nimport * as React from 'react'\n\nimport { cn } from '../ui/lib/utils'\nimport { Skeleton } from '../ui/skeleton'\n\nexport interface CardSkeletonProps extends React.ComponentPropsWithoutRef<'div'> {\n  className?: string\n}\n\nconst CardSkeleton = React.forwardRef<HTMLDivElement, CardSkeletonProps>(\n  function CardSkeleton({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      {...props}\n      className={cn(\n        'rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-05b',\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between pb-ds-05\">\n        <Skeleton className=\"h-[16px] w-[128px] bg-surface-raised-hover\" />\n        <Skeleton className=\"h-ico-sm w-ico-sm rounded bg-surface-raised-hover\" />\n      </div>\n      <div className=\"space-y-ds-04\">\n        <Skeleton className=\"h-[12px] w-full bg-surface-raised-hover\" />\n        <Skeleton className=\"h-[12px] w-4/5 bg-surface-raised-hover\" />\n        <Skeleton className=\"h-[12px] w-3/5 bg-surface-raised-hover\" />\n      </div>\n      <div className=\"flex items-center gap-ds-03 pt-ds-05\">\n        <Skeleton className=\"h-ds-xs w-ds-xs rounded-ds-full bg-surface-raised-hover\" />\n        <Skeleton className=\"h-[12px] w-[80px] bg-surface-raised-hover\" />\n      </div>\n    </div>\n  )\n},\n)\n\nCardSkeleton.displayName = 'CardSkeleton'\n\nexport interface TableSkeletonProps extends CardSkeletonProps {\n  rows?: number\n  columns?: number\n}\n\nconst TableSkeleton = React.forwardRef<HTMLDivElement, TableSkeletonProps>(\n  function TableSkeleton({\n  rows = 5,\n  columns = 4,\n  className,\n  ...props\n}, ref) {\n  return (\n    <div\n      ref={ref}\n      {...props}\n      className={cn(\n        'overflow-hidden rounded-ds-lg border border-surface-border-strong',\n        className,\n      )}\n    >\n      {/* Header */}\n      <div className=\"flex items-center gap-ds-05 border-b border-surface-border-strong bg-surface-raised px-ds-05 py-ds-04\">\n        {Array.from({ length: columns }).map((_, i) => (\n          <Skeleton\n            key={`head-${i}`}\n            className={cn(\n              'h-[12px] bg-surface-raised-hover',\n              i === 0 ? 'w-[160px]' : 'flex-1',\n            )}\n          />\n        ))}\n      </div>\n\n      {/* Rows */}\n      {Array.from({ length: rows }).map((_, rowIndex) => (\n        <div\n          key={`row-${rowIndex}`}\n          className={cn(\n            'flex items-center gap-ds-05 px-ds-05 py-ds-04',\n            rowIndex < rows - 1 && 'border-b border-surface-border-strong',\n          )}\n          style={{ animationDelay: `${rowIndex * 50}ms` }}\n        >\n          {Array.from({ length: columns }).map((_, colIndex) => (\n            <Skeleton\n              key={`cell-${rowIndex}-${colIndex}`}\n              className={cn(\n                'h-[12px] bg-surface-raised-hover',\n                colIndex === 0 ? 'w-[160px]' : 'flex-1',\n              )}\n            />\n          ))}\n        </div>\n      ))}\n    </div>\n  )\n},\n)\n\nTableSkeleton.displayName = 'TableSkeleton'\n\nexport interface BoardSkeletonProps extends CardSkeletonProps {\n  columns?: number\n  cardsPerColumn?: number\n}\n\nconst BoardSkeleton = React.forwardRef<HTMLDivElement, BoardSkeletonProps>(\n  function BoardSkeleton({\n  columns = 4,\n  cardsPerColumn = 3,\n  className,\n  ...props\n}, ref) {\n  return (\n    <div ref={ref} {...props} className={cn('flex gap-ds-05 overflow-x-auto', className)}>\n      {Array.from({ length: columns }).map((_, colIndex) => (\n        <div\n          key={`col-${colIndex}`}\n          className=\"flex w-[272px] shrink-0 flex-col gap-ds-03\"\n        >\n          {/* Column header */}\n          <div className=\"flex items-center justify-between px-ds-02 py-ds-03\">\n            <div className=\"flex items-center gap-ds-03\">\n              <Skeleton className=\"h-[12px] w-[12px] rounded bg-surface-raised-hover\" />\n              <Skeleton className=\"h-[12px] w-[80px] bg-surface-raised-hover\" />\n              <Skeleton className=\"h-[16px] w-[20px] rounded-ds-full bg-surface-raised-hover\" />\n            </div>\n            <Skeleton className=\"h-ico-sm w-ico-sm rounded bg-surface-raised-hover\" />\n          </div>\n\n          {/* Column cards */}\n          {Array.from({ length: cardsPerColumn }).map((_, cardIndex) => (\n            <div\n              key={`card-${colIndex}-${cardIndex}`}\n              className=\"rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-04\"\n              style={{ animationDelay: `${(colIndex * cardsPerColumn + cardIndex) * 50}ms` }}\n            >\n              <div className=\"space-y-ds-03\">\n                <Skeleton className=\"h-[12px] w-4/5 bg-surface-raised-hover\" />\n                <Skeleton className=\"h-[12px] w-3/5 bg-surface-raised-hover\" />\n              </div>\n              <div className=\"flex items-center justify-between pt-ds-04\">\n                <div className=\"flex items-center gap-ds-02b\">\n                  <Skeleton className=\"h-ico-md w-ico-md rounded-ds-full bg-surface-raised-hover\" />\n                  <Skeleton className=\"h-ds-03 w-[64px] bg-surface-raised-hover\" />\n                </div>\n                <Skeleton className=\"h-[16px] w-ds-lg rounded-ds-full bg-surface-raised-hover\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      ))}\n    </div>\n  )\n},\n)\n\nBoardSkeleton.displayName = 'BoardSkeleton'\n\nexport interface ListSkeletonProps extends CardSkeletonProps {\n  rows?: number\n  showAvatar?: boolean\n}\n\nconst ListSkeleton = React.forwardRef<HTMLDivElement, ListSkeletonProps>(\n  function ListSkeleton({\n  rows = 6,\n  showAvatar = true,\n  className,\n  ...props\n}, ref) {\n  return (\n    <div ref={ref} {...props} className={cn('flex flex-col', className)}>\n      {Array.from({ length: rows }).map((_, i) => (\n        <div\n          key={`list-${i}`}\n          className={cn(\n            'flex items-center gap-ds-04 py-ds-04',\n            i < rows - 1 && 'border-b border-surface-border-strong',\n          )}\n          style={{ animationDelay: `${i * 50}ms` }}\n        >\n          {showAvatar && (\n            <Skeleton className=\"h-ds-sm w-ds-sm shrink-0 rounded-ds-full bg-surface-raised-hover\" />\n          )}\n          <div className=\"flex flex-1 flex-col gap-ds-02b\">\n            <Skeleton className=\"h-[12px] w-2/5 bg-surface-raised-hover\" />\n            <Skeleton className=\"h-ds-03 w-3/5 bg-surface-raised-hover\" />\n          </div>\n          <Skeleton className=\"h-[20px] w-[56px] rounded-ds-full bg-surface-raised-hover\" />\n        </div>\n      ))}\n    </div>\n  )\n},\n)\n\nListSkeleton.displayName = 'ListSkeleton'\n\nexport { BoardSkeleton, CardSkeleton, ListSkeleton,TableSkeleton }\n"],"mappings":"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"}

package/dist/composed/markdown-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-viewer.d.ts","sourceRoot":"","sources":["../../src/composed/markdown-viewer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkC9B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,OAAO,EAAE,MAAM,CAAA;IACf,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAiFD,QAAA,MAAM,cAAc,4FA2HlB,CAAA;AAGF,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"markdown-viewer.d.ts","sourceRoot":"","sources":["../../src/composed/markdown-viewer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkC9B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,OAAO,EAAE,MAAM,CAAA;IACf,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAiFD,QAAA,MAAM,cAAc,4FA2HlB,CAAA;AAGF,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/composed/markdown-viewer.js

@@ -64,9 +64,9 @@ function m({ language: t, code: n, mb: i }) {
 			style: u,
 			customStyle: {
 				margin: 0,
-				borderRadius: "var(--radius-md)",
-				fontSize: "var(--font-size-sm)",
-				padding: "var(--spacing-04)"
+				borderRadius: "var(--radius-ds-md)",
+				fontSize: "var(--text-ds-sm)",
+				padding: "var(--spacing-ds-04)"
 			},
 			children: n
 		}), /* @__PURE__ */ a(p, { code: n })]

package/dist/composed/markdown-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-viewer.js","names":[],"sources":["../../src/composed/markdown-viewer.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { IconCopy, IconCheck } from '@tabler/icons-react'\nimport { Icon } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\nimport { Button } from '../ui/button'\n\n// react-syntax-highlighter is lazy-loaded in CodeBlock component below\n\n// ============================================================\n// Heading helpers\n// ============================================================\n\nfunction slugify(text: string): string {\n  return text.toLowerCase().replace(/[^\\w]+/g, '-').replace(/(^-|-$)/g, '')\n}\n\n/** Recursively extract text content from React children */\nfunction extractText(node: React.ReactNode): string {\n  if (typeof node === 'string') return node\n  if (typeof node === 'number') return String(node)\n  if (!node) return ''\n  if (Array.isArray(node)) return node.map(extractText).join('')\n  if (typeof node === 'object' && 'props' in node) {\n    return extractText((node as React.ReactElement<{ children?: React.ReactNode }>).props.children)\n  }\n  return ''\n}\n\n// ============================================================\n// Types\n// ============================================================\n\nexport interface MarkdownViewerProps extends React.HTMLAttributes<HTMLDivElement> {\n  content: string\n  /** Tighter spacing for inline use */\n  compact?: boolean\n  /** Allow raw HTML in markdown @default false */\n  allowHtml?: boolean\n  /** Link target @default '_blank' */\n  linkTarget?: string\n}\n\n// ============================================================\n// MarkdownViewer\n// ============================================================\n\n// Small copy-to-clipboard button for code blocks\nfunction CopyButton({ code }: { code: string }) {\n  const [copied, setCopied] = React.useState(false)\n  const timerRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n  React.useEffect(() => () => clearTimeout(timerRef.current), [])\n\n  function handleCopy() {\n    navigator.clipboard.writeText(code).then(() => {\n      setCopied(true)\n      timerRef.current = setTimeout(() => setCopied(false), 2000)\n    })\n  }\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon-xs\"\n      className=\"absolute top-ds-02 right-ds-02 opacity-0 group-hover:opacity-100 transition-opacity\"\n      onClick={handleCopy}\n      aria-label={copied ? 'Copied' : 'Copy code'}\n    >\n      {copied ? <Icon icon={IconCheck} size=\"xs\" /> : <Icon icon={IconCopy} size=\"xs\" />}\n    </Button>\n  )\n}\n\n// Syntax-highlighted code block with lazy-loaded highlighter\nfunction CodeBlock({ language, code, mb }: { language: string; code: string; mb: string }) {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const [modules, setModules] = React.useState<{ Highlighter: any; style: any } | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    Promise.all([\n      import('react-syntax-highlighter'),\n      import('react-syntax-highlighter/dist/esm/styles/prism/one-dark'),\n    ]).then(([hlMod, styleMod]) => {\n      if (!cancelled) {\n        setModules({ Highlighter: hlMod.Prism ?? hlMod.default, style: styleMod.default })\n      }\n    }).catch(() => { /* fallback to plain pre */ })\n    return () => { cancelled = true }\n  }, [])\n\n  if (!modules) {\n    return (\n      <div className={cn('group relative', mb)}>\n        <pre className=\"bg-surface-sunken rounded-ds-md p-ds-04 overflow-x-auto text-ds-sm font-mono\">\n          <code>{code}</code>\n        </pre>\n        <CopyButton code={code} />\n      </div>\n    )\n  }\n\n  const { Highlighter, style } = modules\n  return (\n    <div className={cn('group relative', mb)}>\n      <Highlighter\n        language={language}\n        style={style}\n        customStyle={{\n          margin: 0,\n          borderRadius: 'var(--radius-md)',\n          fontSize: 'var(--font-size-sm)',\n          padding: 'var(--spacing-04)',\n        }}\n      >\n        {code}\n      </Highlighter>\n      <CopyButton code={code} />\n    </div>\n  )\n}\n\nconst MarkdownViewer = React.forwardRef<HTMLDivElement, MarkdownViewerProps>(({\n  content,\n  compact = false,\n  allowHtml = false,\n  linkTarget = '_blank',\n  className,\n  ...props\n}, ref) => {\n  const mb = compact ? 'mb-ds-02' : 'mb-ds-03'\n  const mt = compact ? 'mt-ds-03' : 'mt-ds-05'\n\n  return (\n    <div ref={ref} className={cn('font-sans text-surface-fg', className)} {...props}>\n      <Markdown\n        remarkPlugins={[remarkGfm]}\n        skipHtml={!allowHtml}\n        components={{\n          h1: ({ children }) => {\n            const slug = slugify(extractText(children))\n            return (\n              <h1 id={slug} className={cn('group', compact ? 'text-ds-md' : 'text-ds-lg', 'font-semibold text-surface-fg', mt, mb)}>\n                <a href={`#${slug}`} className=\"opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline\" aria-hidden=\"true\">\n                  #\n                </a>\n                {children}\n              </h1>\n            )\n          },\n          h2: ({ children }) => {\n            const slug = slugify(extractText(children))\n            return (\n              <h2 id={slug} className={cn('group', 'text-ds-md font-semibold text-surface-fg', compact ? 'mt-ds-03' : 'mt-ds-04', mb)}>\n                <a href={`#${slug}`} className=\"opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline\" aria-hidden=\"true\">\n                  #\n                </a>\n                {children}\n              </h2>\n            )\n          },\n          h3: ({ children }) => {\n            const slug = slugify(extractText(children))\n            return (\n              <h3 id={slug} className={cn('group', 'text-ds-md font-semibold text-surface-fg', 'mt-ds-03', mb)}>\n                <a href={`#${slug}`} className=\"opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline\" aria-hidden=\"true\">\n                  #\n                </a>\n                {children}\n              </h3>\n            )\n          },\n          p: ({ children }) => (\n            <p className={cn('text-ds-md text-surface-fg leading-ds-relaxed', mb)}>\n              {children}\n            </p>\n          ),\n          a: ({ href, children }) => (\n            <a\n              href={href}\n              target={linkTarget}\n              rel={linkTarget === '_blank' ? 'noopener noreferrer' : undefined}\n              className=\"text-accent-11 hover:underline\"\n            >\n              {children}\n            </a>\n          ),\n          code: ({ className: codeClassName, children, ...codeProps }) => {\n            const langMatch = codeClassName ? /language-(\\w+)/.exec(codeClassName) : null\n            if (langMatch) {\n              const lang = langMatch[1]\n              const codeString = String(children).replace(/\\n$/, '')\n              return <CodeBlock language={lang} code={codeString} mb={mb} />\n            }\n            return (\n              <code className=\"bg-surface-sunken rounded-ds-sm px-1.5 py-0.5 text-ds-sm font-mono text-surface-fg\" {...codeProps}>\n                {children}\n              </code>\n            )\n          },\n          pre: ({ children }) => (\n            <>{children}</>\n          ),\n          blockquote: ({ children }) => (\n            <blockquote className={cn('border-l-2 border-surface-border-subtle pl-ds-04 text-surface-fg-muted italic', mb)}>\n              {children}\n            </blockquote>\n          ),\n          ul: ({ children }) => (\n            <ul className={cn('list-disc pl-ds-06 text-ds-md text-surface-fg space-y-ds-01', mb)}>\n              {children}\n            </ul>\n          ),\n          ol: ({ children }) => (\n            <ol className={cn('list-decimal pl-ds-06 text-ds-md text-surface-fg space-y-ds-01', mb)}>\n              {children}\n            </ol>\n          ),\n          table: ({ children }) => (\n            <div className={cn('overflow-x-auto', mb)}>\n              <table className=\"w-full border-collapse\">\n                {children}\n              </table>\n            </div>\n          ),\n          th: ({ children }) => (\n            <th className=\"border border-surface-border-subtle px-ds-03 py-ds-02 text-left text-ds-sm font-semibold bg-surface-sunken\">\n              {children}\n            </th>\n          ),\n          td: ({ children }) => (\n            <td className=\"border border-surface-border-subtle px-ds-03 py-ds-02 text-ds-sm\">\n              {children}\n            </td>\n          ),\n          hr: () => <hr className={cn('border-surface-border-subtle', compact ? 'my-ds-03' : 'my-ds-04')} />,\n          img: ({ src, alt }) => (\n            <img src={src} alt={alt ?? ''} className=\"rounded-ds-md max-w-full\" loading=\"lazy\" />\n          ),\n        }}\n      >\n        {content}\n      </Markdown>\n    </div>\n  )\n})\nMarkdownViewer.displayName = 'MarkdownViewer'\n\nexport { MarkdownViewer }\n"],"mappings":"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"}
+{"version":3,"file":"markdown-viewer.js","names":[],"sources":["../../src/composed/markdown-viewer.tsx"],"sourcesContent":["'use client'\n\nimport { IconCheck,IconCopy } from '@tabler/icons-react'\nimport * as React from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\n\nimport { Button } from '../ui/button'\nimport { Icon } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\n\n// react-syntax-highlighter is lazy-loaded in CodeBlock component below\n\n// ============================================================\n// Heading helpers\n// ============================================================\n\nfunction slugify(text: string): string {\n  return text.toLowerCase().replace(/[^\\w]+/g, '-').replace(/(^-|-$)/g, '')\n}\n\n/** Recursively extract text content from React children */\nfunction extractText(node: React.ReactNode): string {\n  if (typeof node === 'string') return node\n  if (typeof node === 'number') return String(node)\n  if (!node) return ''\n  if (Array.isArray(node)) return node.map(extractText).join('')\n  if (typeof node === 'object' && 'props' in node) {\n    return extractText((node as React.ReactElement<{ children?: React.ReactNode }>).props.children)\n  }\n  return ''\n}\n\n// ============================================================\n// Types\n// ============================================================\n\nexport interface MarkdownViewerProps extends React.HTMLAttributes<HTMLDivElement> {\n  content: string\n  /** Tighter spacing for inline use */\n  compact?: boolean\n  /** Allow raw HTML in markdown @default false */\n  allowHtml?: boolean\n  /** Link target @default '_blank' */\n  linkTarget?: string\n}\n\n// ============================================================\n// MarkdownViewer\n// ============================================================\n\n// Small copy-to-clipboard button for code blocks\nfunction CopyButton({ code }: { code: string }) {\n  const [copied, setCopied] = React.useState(false)\n  const timerRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n  React.useEffect(() => () => clearTimeout(timerRef.current), [])\n\n  function handleCopy() {\n    navigator.clipboard.writeText(code).then(() => {\n      setCopied(true)\n      timerRef.current = setTimeout(() => setCopied(false), 2000)\n    })\n  }\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon-xs\"\n      className=\"absolute top-ds-02 right-ds-02 opacity-0 group-hover:opacity-100 transition-opacity\"\n      onClick={handleCopy}\n      aria-label={copied ? 'Copied' : 'Copy code'}\n    >\n      {copied ? <Icon icon={IconCheck} size=\"xs\" /> : <Icon icon={IconCopy} size=\"xs\" />}\n    </Button>\n  )\n}\n\n// Syntax-highlighted code block with lazy-loaded highlighter\nfunction CodeBlock({ language, code, mb }: { language: string; code: string; mb: string }) {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const [modules, setModules] = React.useState<{ Highlighter: any; style: any } | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    Promise.all([\n      import('react-syntax-highlighter'),\n      import('react-syntax-highlighter/dist/esm/styles/prism/one-dark'),\n    ]).then(([hlMod, styleMod]) => {\n      if (!cancelled) {\n        setModules({ Highlighter: hlMod.Prism ?? hlMod.default, style: styleMod.default })\n      }\n    }).catch(() => { /* fallback to plain pre */ })\n    return () => { cancelled = true }\n  }, [])\n\n  if (!modules) {\n    return (\n      <div className={cn('group relative', mb)}>\n        <pre className=\"bg-surface-sunken rounded-ds-md p-ds-04 overflow-x-auto text-ds-sm font-mono\">\n          <code>{code}</code>\n        </pre>\n        <CopyButton code={code} />\n      </div>\n    )\n  }\n\n  const { Highlighter, style } = modules\n  return (\n    <div className={cn('group relative', mb)}>\n      <Highlighter\n        language={language}\n        style={style}\n        customStyle={{\n          margin: 0,\n          borderRadius: 'var(--radius-ds-md)',\n          fontSize: 'var(--text-ds-sm)',\n          padding: 'var(--spacing-ds-04)',\n        }}\n      >\n        {code}\n      </Highlighter>\n      <CopyButton code={code} />\n    </div>\n  )\n}\n\nconst MarkdownViewer = React.forwardRef<HTMLDivElement, MarkdownViewerProps>(({\n  content,\n  compact = false,\n  allowHtml = false,\n  linkTarget = '_blank',\n  className,\n  ...props\n}, ref) => {\n  const mb = compact ? 'mb-ds-02' : 'mb-ds-03'\n  const mt = compact ? 'mt-ds-03' : 'mt-ds-05'\n\n  return (\n    <div ref={ref} className={cn('font-sans text-surface-fg', className)} {...props}>\n      <Markdown\n        remarkPlugins={[remarkGfm]}\n        skipHtml={!allowHtml}\n        components={{\n          h1: ({ children }) => {\n            const slug = slugify(extractText(children))\n            return (\n              <h1 id={slug} className={cn('group', compact ? 'text-ds-md' : 'text-ds-lg', 'font-semibold text-surface-fg', mt, mb)}>\n                <a href={`#${slug}`} className=\"opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline\" aria-hidden=\"true\">\n                  #\n                </a>\n                {children}\n              </h1>\n            )\n          },\n          h2: ({ children }) => {\n            const slug = slugify(extractText(children))\n            return (\n              <h2 id={slug} className={cn('group', 'text-ds-md font-semibold text-surface-fg', compact ? 'mt-ds-03' : 'mt-ds-04', mb)}>\n                <a href={`#${slug}`} className=\"opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline\" aria-hidden=\"true\">\n                  #\n                </a>\n                {children}\n              </h2>\n            )\n          },\n          h3: ({ children }) => {\n            const slug = slugify(extractText(children))\n            return (\n              <h3 id={slug} className={cn('group', 'text-ds-md font-semibold text-surface-fg', 'mt-ds-03', mb)}>\n                <a href={`#${slug}`} className=\"opacity-0 group-hover:opacity-100 text-surface-fg-subtle mr-ds-02 no-underline\" aria-hidden=\"true\">\n                  #\n                </a>\n                {children}\n              </h3>\n            )\n          },\n          p: ({ children }) => (\n            <p className={cn('text-ds-md text-surface-fg leading-ds-relaxed', mb)}>\n              {children}\n            </p>\n          ),\n          a: ({ href, children }) => (\n            <a\n              href={href}\n              target={linkTarget}\n              rel={linkTarget === '_blank' ? 'noopener noreferrer' : undefined}\n              className=\"text-accent-11 hover:underline\"\n            >\n              {children}\n            </a>\n          ),\n          code: ({ className: codeClassName, children, ...codeProps }) => {\n            const langMatch = codeClassName ? /language-(\\w+)/.exec(codeClassName) : null\n            if (langMatch) {\n              const lang = langMatch[1]\n              const codeString = String(children).replace(/\\n$/, '')\n              return <CodeBlock language={lang} code={codeString} mb={mb} />\n            }\n            return (\n              <code className=\"bg-surface-sunken rounded-ds-sm px-1.5 py-0.5 text-ds-sm font-mono text-surface-fg\" {...codeProps}>\n                {children}\n              </code>\n            )\n          },\n          pre: ({ children }) => (\n            <>{children}</>\n          ),\n          blockquote: ({ children }) => (\n            <blockquote className={cn('border-l-2 border-surface-border-subtle pl-ds-04 text-surface-fg-muted italic', mb)}>\n              {children}\n            </blockquote>\n          ),\n          ul: ({ children }) => (\n            <ul className={cn('list-disc pl-ds-06 text-ds-md text-surface-fg space-y-ds-01', mb)}>\n              {children}\n            </ul>\n          ),\n          ol: ({ children }) => (\n            <ol className={cn('list-decimal pl-ds-06 text-ds-md text-surface-fg space-y-ds-01', mb)}>\n              {children}\n            </ol>\n          ),\n          table: ({ children }) => (\n            <div className={cn('overflow-x-auto', mb)}>\n              <table className=\"w-full border-collapse\">\n                {children}\n              </table>\n            </div>\n          ),\n          th: ({ children }) => (\n            <th className=\"border border-surface-border-subtle px-ds-03 py-ds-02 text-left text-ds-sm font-semibold bg-surface-sunken\">\n              {children}\n            </th>\n          ),\n          td: ({ children }) => (\n            <td className=\"border border-surface-border-subtle px-ds-03 py-ds-02 text-ds-sm\">\n              {children}\n            </td>\n          ),\n          hr: () => <hr className={cn('border-surface-border-subtle', compact ? 'my-ds-03' : 'my-ds-04')} />,\n          img: ({ src, alt }) => (\n            <img src={src} alt={alt ?? ''} className=\"rounded-ds-md max-w-full\" loading=\"lazy\" />\n          ),\n        }}\n      >\n        {content}\n      </Markdown>\n    </div>\n  )\n})\nMarkdownViewer.displayName = 'MarkdownViewer'\n\nexport { MarkdownViewer }\n"],"mappings":";;;;;;;;;;AAiBA,SAAS,EAAQ,GAAsB;AACrC,QAAO,EAAK,aAAa,CAAC,QAAQ,WAAW,IAAI,CAAC,QAAQ,YAAY,GAAG;;AAI3E,SAAS,EAAY,GAA+B;AAQlD,QAPI,OAAO,KAAS,WAAiB,IACjC,OAAO,KAAS,WAAiB,OAAO,EAAK,GAC5C,IACD,MAAM,QAAQ,EAAK,GAAS,EAAK,IAAI,EAAY,CAAC,KAAK,GAAG,GAC1D,OAAO,KAAS,YAAY,WAAW,IAClC,EAAa,EAA4D,MAAM,SAAS,GAE1F,KALW;;AA2BpB,SAAS,EAAW,EAAE,WAA0B;CAC9C,IAAM,CAAC,GAAQ,KAAa,EAAM,SAAS,GAAM,EAC3C,IAAW,EAAM,OAAkD,KAAA,EAAU;AACnF,GAAM,sBAAsB,aAAa,EAAS,QAAQ,EAAE,EAAE,CAAC;CAE/D,SAAS,IAAa;AACpB,YAAU,UAAU,UAAU,EAAK,CAAC,WAAW;AAE7C,GADA,EAAU,GAAK,EACf,EAAS,UAAU,iBAAiB,EAAU,GAAM,EAAE,IAAK;IAC3D;;AAGJ,QACE,kBAAC,GAAD;EACE,SAAQ;EACR,MAAK;EACL,WAAU;EACV,SAAS;EACT,cAAY,IAAS,WAAW;YAE/B,IAAS,kBAAC,GAAD;GAAM,MAAM;GAAW,MAAK;GAAO,CAAA,GAAG,kBAAC,GAAD;GAAM,MAAM;GAAU,MAAK;GAAO,CAAA;EAC3E,CAAA;;AAKb,SAAS,EAAU,EAAE,aAAU,SAAM,SAAsD;CAEzF,IAAM,CAAC,GAAS,KAAc,EAAM,SAAkD,KAAK;AAe3F,KAbA,EAAM,gBAAgB;EACpB,IAAI,IAAY;AAShB,SARA,QAAQ,IAAI,CACV,OAAO,6BACP,OAAO,2DACR,CAAC,CAAC,MAAM,CAAC,GAAO,OAAc;AAC7B,GAAK,KACH,EAAW;IAAE,aAAa,EAAM,SAAS,EAAM;IAAS,OAAO,EAAS;IAAS,CAAC;IAEpF,CAAC,YAAY,GAAgC,QAClC;AAAE,OAAY;;IAC1B,EAAE,CAAC,EAEF,CAAC,EACH,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,kBAAkB,EAAG;YAAxC,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,QAAD,EAAA,UAAO,GAAY,CAAA;GACf,CAAA,EACN,kBAAC,GAAD,EAAkB,SAAQ,CAAA,CACtB;;CAIV,IAAM,EAAE,gBAAa,aAAU;AAC/B,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,kBAAkB,EAAG;YAAxC,CACE,kBAAC,GAAD;GACY;GACH;GACP,aAAa;IACX,QAAQ;IACR,cAAc;IACd,UAAU;IACV,SAAS;IACV;aAEA;GACW,CAAA,EACd,kBAAC,GAAD,EAAkB,SAAQ,CAAA,CACtB;;;AAIV,IAAM,IAAiB,EAAM,YAAiD,EAC5E,YACA,aAAU,IACV,eAAY,IACZ,gBAAa,UACb,cACA,GAAG,KACF,MAAQ;CACT,IAAM,IAAK,IAAU,aAAa,YAC5B,IAAK,IAAU,aAAa;AAElC,QACE,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,6BAA6B,EAAU;EAAE,GAAI;YACxE,kBAAC,GAAD;GACE,eAAe,CAAC,EAAU;GAC1B,UAAU,CAAC;GACX,YAAY;IACV,KAAK,EAAE,kBAAe;KACpB,IAAM,IAAO,EAAQ,EAAY,EAAS,CAAC;AAC3C,YACE,kBAAC,MAAD;MAAI,IAAI;MAAM,WAAW,EAAG,SAAS,IAAU,eAAe,cAAc,iCAAiC,GAAI,EAAG;gBAApH,CACE,kBAAC,KAAD;OAAG,MAAM,IAAI;OAAQ,WAAU;OAAiF,eAAY;iBAAO;OAE/H,CAAA,EACH,EACE;;;IAGT,KAAK,EAAE,kBAAe;KACpB,IAAM,IAAO,EAAQ,EAAY,EAAS,CAAC;AAC3C,YACE,kBAAC,MAAD;MAAI,IAAI;MAAM,WAAW,EAAG,SAAS,4CAA4C,IAAU,aAAa,YAAY,EAAG;gBAAvH,CACE,kBAAC,KAAD;OAAG,MAAM,IAAI;OAAQ,WAAU;OAAiF,eAAY;iBAAO;OAE/H,CAAA,EACH,EACE;;;IAGT,KAAK,EAAE,kBAAe;KACpB,IAAM,IAAO,EAAQ,EAAY,EAAS,CAAC;AAC3C,YACE,kBAAC,MAAD;MAAI,IAAI;MAAM,WAAW,EAAG,SAAS,4CAA4C,YAAY,EAAG;gBAAhG,CACE,kBAAC,KAAD;OAAG,MAAM,IAAI;OAAQ,WAAU;OAAiF,eAAY;iBAAO;OAE/H,CAAA,EACH,EACE;;;IAGT,IAAI,EAAE,kBACJ,kBAAC,KAAD;KAAG,WAAW,EAAG,iDAAiD,EAAG;KAClE;KACC,CAAA;IAEN,IAAI,EAAE,SAAM,kBACV,kBAAC,KAAD;KACQ;KACN,QAAQ;KACR,KAAK,MAAe,WAAW,wBAAwB,KAAA;KACvD,WAAU;KAET;KACC,CAAA;IAEN,OAAO,EAAE,WAAW,GAAe,aAAU,GAAG,QAAgB;KAC9D,IAAM,IAAY,IAAgB,iBAAiB,KAAK,EAAc,GAAG;AACzE,SAAI,GAAW;MACb,IAAM,IAAO,EAAU;AAEvB,aAAO,kBAAC,GAAD;OAAW,UAAU;OAAM,MADf,OAAO,EAAS,CAAC,QAAQ,OAAO,GAAG;OACE;OAAM,CAAA;;AAEhE,YACE,kBAAC,QAAD;MAAM,WAAU;MAAqF,GAAI;MACtG;MACI,CAAA;;IAGX,MAAM,EAAE,kBACN,kBAAA,GAAA,EAAG,aAAY,CAAA;IAEjB,aAAa,EAAE,kBACb,kBAAC,cAAD;KAAY,WAAW,EAAG,iFAAiF,EAAG;KAC3G;KACU,CAAA;IAEf,KAAK,EAAE,kBACL,kBAAC,MAAD;KAAI,WAAW,EAAG,+DAA+D,EAAG;KACjF;KACE,CAAA;IAEP,KAAK,EAAE,kBACL,kBAAC,MAAD;KAAI,WAAW,EAAG,kEAAkE,EAAG;KACpF;KACE,CAAA;IAEP,QAAQ,EAAE,kBACR,kBAAC,OAAD;KAAK,WAAW,EAAG,mBAAmB,EAAG;eACvC,kBAAC,SAAD;MAAO,WAAU;MACd;MACK,CAAA;KACJ,CAAA;IAER,KAAK,EAAE,kBACL,kBAAC,MAAD;KAAI,WAAU;KACX;KACE,CAAA;IAEP,KAAK,EAAE,kBACL,kBAAC,MAAD;KAAI,WAAU;KACX;KACE,CAAA;IAEP,UAAU,kBAAC,MAAD,EAAI,WAAW,EAAG,gCAAgC,IAAU,aAAa,WAAW,EAAI,CAAA;IAClG,MAAM,EAAE,QAAK,aACX,kBAAC,OAAD;KAAU;KAAK,KAAK,KAAO;KAAI,WAAU;KAA2B,SAAQ;KAAS,CAAA;IAExF;aAEA;GACQ,CAAA;EACP,CAAA;EAER;AACF,EAAe,cAAc"}

package/dist/composed/master-detail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"master-detail.d.ts","sourceRoot":"","sources":["../../src/composed/master-detail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B;;;;GAIG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC/B,mEAAmE;IACnE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;CAChD;AAED,UAAU,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE/E,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjF,UAAU,yBAA0B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AA0DD,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,kDA8DjF;AAED,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,kDA4BrF;AAwCD,iBAAS,gBAAgB,CAAC,EACxB,QAAe,EACf,MAAM,EACN,WAAqB,EACrB,UAAiB,EACjB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,iBAAiB,2CA4BnB;AAED,QAAA,MAAM,YAAY;;;;CAIhB,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"master-detail.d.ts","sourceRoot":"","sources":["../../src/composed/master-detail.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B;;;;GAIG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC/B,mEAAmE;IACnE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;CAChD;AAED,UAAU,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE/E,UAAU,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjF,UAAU,yBAA0B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AA0DD,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,kDA8DjF;AAED,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,kDA4BrF;AAwCD,iBAAS,gBAAgB,CAAC,EACxB,QAAe,EACf,MAAM,EACN,WAAqB,EACrB,UAAiB,EACjB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,iBAAiB,2CA4BnB;AAED,QAAA,MAAM,YAAY;;;;CAIhB,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/composed/master-detail.js

@@ -1,12 +1,12 @@
 "use client";
-import { a as e, c as t } from "../_chunks/framer.js";
-import { springs as n } from "../ui/lib/motion.js";
-import { cn as r } from "../ui/lib/utils.js";
-import { Icon as i } from "../ui/icon.js";
-import { Button as a } from "../ui/button.js";
-import * as o from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { IconArrowLeft as l } from "@tabler/icons-react";
+import { springs as e } from "../ui/lib/motion.js";
+import { cn as t } from "../ui/lib/utils.js";
+import { Icon as n } from "../ui/icon.js";
+import { Button as r } from "../ui/button.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { IconArrowLeft as s } from "@tabler/icons-react";
+import { AnimatePresence as c, motion as l } from "framer-motion";
 //#region src/composed/master-detail.tsx
 var u = {
 	sm: "640px",
@@ -14,8 +14,8 @@ var u = {
 	lg: "1024px"
 };
 function d(e) {
-	let [t, n] = o.useState(!1);
-	return o.useEffect(() => {
+	let [t, n] = i.useState(!1);
+	return i.useEffect(() => {
 		if (typeof window > "u") return;
 		let t = window.matchMedia(e);
 		n(t.matches);
@@ -23,7 +23,7 @@ function d(e) {
 		return t.addEventListener("change", r), () => t.removeEventListener("change", r);
 	}, [e]), t;
 }
-var f = o.createContext({
+var f = i.createContext({
 	selected: null,
 	isMobile: !1,
 	activeIndex: 0,
@@ -32,11 +32,11 @@ var f = o.createContext({
 	itemCount: 0,
 	setItemCount: () => {}
 });
-function p({ children: e, className: t, ...n }) {
-	let { selected: i, isMobile: a, onNavigate: c, activeIndex: l, setActiveIndex: u, registerItemRef: d, setItemCount: p } = o.useContext(f), m = o.useRef([]), h = o.Children.count(e);
-	if (o.useEffect(() => {
+function p({ children: e, className: n, ...r }) {
+	let { selected: o, isMobile: s, onNavigate: c, activeIndex: l, setActiveIndex: u, registerItemRef: d, setItemCount: p } = i.useContext(f), m = i.useRef([]), h = i.Children.count(e);
+	if (i.useEffect(() => {
 		p(h);
-	}, [h, p]), a && i) return null;
+	}, [h, p]), s && o) return null;
 	function g(e) {
 		if (e.key === "ArrowDown") {
 			e.preventDefault();
@@ -53,13 +53,13 @@ function p({ children: e, className: t, ...n }) {
 			u(t), m.current[t]?.focus();
 		}
 	}
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ a("div", {
 		role: "listbox",
 		tabIndex: -1,
-		className: r("overflow-y-auto focus-visible:outline-hidden", !a && "border-r border-surface-border", t),
+		className: t("overflow-y-auto focus-visible:outline-hidden", !s && "border-r border-surface-border", n),
 		onKeyDown: g,
-		...n,
-		children: o.Children.map(e, (e, t) => o.isValidElement(e) ? o.cloneElement(e, {
+		...r,
+		children: i.Children.map(e, (e, t) => i.isValidElement(e) ? i.cloneElement(e, {
 			ref: (e) => {
 				m.current[t] = e, d(t, e);
 			},
@@ -68,22 +68,22 @@ function p({ children: e, className: t, ...n }) {
 	});
 }
 function m({ children: u, className: d, ...p }) {
-	let { selected: m, isMobile: h, onBack: g, emptyState: _ } = o.useContext(f);
-	return h && !m ? null : /* @__PURE__ */ c("div", {
-		className: r("flex-1 overflow-y-auto", d),
+	let { selected: m, isMobile: h, onBack: g, emptyState: _ } = i.useContext(f);
+	return h && !m ? null : /* @__PURE__ */ o("div", {
+		className: t("flex-1 overflow-y-auto", d),
 		...p,
-		children: [h && g && /* @__PURE__ */ s("div", {
+		children: [h && g && /* @__PURE__ */ a("div", {
 			className: "border-b border-surface-border px-ds-04 py-ds-03",
-			children: /* @__PURE__ */ s(a, {
+			children: /* @__PURE__ */ a(r, {
 				variant: "ghost",
 				size: "xs",
 				onClick: g,
-				startIcon: /* @__PURE__ */ s(i, { icon: l }),
+				startIcon: /* @__PURE__ */ a(n, { icon: s }),
 				children: "Back"
 			})
-		}), /* @__PURE__ */ s(t, {
+		}), /* @__PURE__ */ a(c, {
 			mode: "wait",
-			children: /* @__PURE__ */ s(e.div, {
+			children: /* @__PURE__ */ a(l.div, {
 				initial: h ? {
 					x: 20,
 					opacity: 0
@@ -96,38 +96,38 @@ function m({ children: u, className: d, ...p }) {
 					x: -20,
 					opacity: 0
 				} : void 0,
-				transition: n.snappy,
+				transition: e.snappy,
 				children: m ? u : _ ?? u
 			}, m ?? "empty")
 		})]
 	});
 }
-var h = o.forwardRef(function({ active: e = !1, children: t, className: n, onKeyDown: i, ...a }, o) {
+var h = i.forwardRef(function({ active: e = !1, children: n, className: r, onKeyDown: i, ...o }, s) {
 	function c(e) {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.target.click()), i?.(e);
 	}
-	return /* @__PURE__ */ s("button", {
-		ref: o,
+	return /* @__PURE__ */ a("button", {
+		ref: s,
 		type: "button",
 		role: "option",
 		"aria-selected": e,
 		"data-active": e || void 0,
 		onKeyDown: c,
-		className: r("flex w-full items-center px-ds-04 py-ds-03 text-left text-ds-md font-sans text-surface-fg", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-7 focus-visible:ring-inset", e && "bg-accent-2 text-accent-11 border-l-2 border-accent-9", n),
-		...a,
-		children: t
+		className: t("flex w-full items-center px-ds-04 py-ds-03 text-left text-ds-md font-sans text-surface-fg", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-7 focus-visible:ring-inset", e && "bg-accent-2 text-accent-11 border-l-2 border-accent-9", r),
+		...o,
+		children: n
 	});
 });
-function g({ selected: e = null, onBack: t, masterWidth: n = "280px", breakpoint: i = "md", emptyState: a, onNavigate: c, children: l, className: p, style: m, ...h }) {
-	let g = d(`(max-width: ${u[i]})`), [_, v] = o.useState(0), [y, b] = o.useState(0), x = o.useRef([]), S = o.useCallback((e, t) => {
+function g({ selected: e = null, onBack: n, masterWidth: r = "280px", breakpoint: o = "md", emptyState: s, onNavigate: c, children: l, className: p, style: m, ...h }) {
+	let g = d(`(max-width: ${u[o]})`), [_, v] = i.useState(0), [y, b] = i.useState(0), x = i.useRef([]), S = i.useCallback((e, t) => {
 		x.current[e] = t;
 	}, []);
-	return /* @__PURE__ */ s(f.Provider, {
+	return /* @__PURE__ */ a(f.Provider, {
 		value: {
 			selected: e,
 			isMobile: g,
-			onBack: t,
-			emptyState: a,
+			onBack: n,
+			emptyState: s,
 			onNavigate: c,
 			activeIndex: _,
 			setActiveIndex: v,
@@ -135,11 +135,11 @@ function g({ selected: e = null, onBack: t, masterWidth: n = "280px", breakpoint
 			itemCount: y,
 			setItemCount: b
 		},
-		children: /* @__PURE__ */ s("div", {
-			className: r("flex h-full", !g && "grid", p),
+		children: /* @__PURE__ */ a("div", {
+			className: t("flex h-full", !g && "grid", p),
 			style: {
 				...m,
-				...g ? {} : { gridTemplateColumns: `${n} 1fr` }
+				...g ? {} : { gridTemplateColumns: `${r} 1fr` }
 			},
 			...h,
 			children: l