@open-mercato/core 0.7.1-develop.7203.1.9396450b78 → 0.8.0

package/dist/modules/design_system/gallery/entries/schedule.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/design_system/gallery/entries/schedule.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport {\n  ScheduleAgenda,\n  ScheduleGrid,\n  ScheduleToolbar,\n  ScheduleView,\n  type ScheduleItem,\n  type ScheduleRange,\n  type ScheduleViewMode,\n} from '@open-mercato/ui/backend/schedule'\nimport type { GalleryEntry } from '../types'\n\n// Component titles and variant names are proper nouns from the codebase and\n// are deliberately not translated. `code` MUST contain the entry's importPath\n// (enforced by the registry-integrity test) and is always reviewed alongside\n// its sibling `render`.\n\n// Fixed sample dates (June 2026) \u2014 previews must not depend on \"today\" so the\n// gallery renders identically on any day.\nconst weekRange: ScheduleRange = {\n  start: new Date(2026, 5, 7),\n  end: new Date(2026, 5, 13, 23, 59, 59, 999),\n}\nconst monthRange: ScheduleRange = {\n  start: new Date(2026, 5, 1),\n  end: new Date(2026, 5, 30, 23, 59, 59, 999),\n}\nconst boardRange: ScheduleRange = {\n  start: new Date(2026, 5, 8),\n  end: new Date(2026, 5, 10, 23, 59, 59, 999),\n}\nconst emptyDayRange: ScheduleRange = {\n  start: new Date(2026, 5, 11),\n  end: new Date(2026, 5, 11, 23, 59, 59, 999),\n}\nconst agendaRange: ScheduleRange = {\n  start: new Date(2026, 5, 8),\n  end: new Date(2026, 5, 9, 23, 59, 59, 999),\n}\nconst draftDayRange: ScheduleRange = {\n  start: new Date(2026, 5, 12),\n  end: new Date(2026, 5, 12, 23, 59, 59, 999),\n}\n\nconst sampleItems: ScheduleItem[] = [\n  {\n    id: 'availability-1',\n    kind: 'availability',\n    title: 'Open studio hours',\n    startsAt: new Date(2026, 5, 8, 9, 0),\n    endsAt: new Date(2026, 5, 8, 12, 0),\n    status: 'confirmed',\n    subjectType: 'member',\n    subjectId: 'member-1',\n  },\n  {\n    id: 'event-1',\n    kind: 'event',\n    title: 'Fitting \u2014 Anna Nowak',\n    startsAt: new Date(2026, 5, 8, 13, 0),\n    endsAt: new Date(2026, 5, 8, 14, 0),\n    status: 'negotiation',\n  },\n  {\n    id: 'event-2',\n    kind: 'event',\n    title: 'Delivery walkthrough',\n    startsAt: new Date(2026, 5, 9, 10, 0),\n    endsAt: new Date(2026, 5, 9, 11, 30),\n    status: 'confirmed',\n  },\n  {\n    id: 'exception-1',\n    kind: 'exception',\n    title: 'Studio closed',\n    startsAt: new Date(2026, 5, 10, 0, 0),\n    endsAt: new Date(2026, 5, 10, 23, 59),\n    status: 'cancelled',\n  },\n  {\n    id: 'event-3',\n    kind: 'event',\n    title: 'Quarterly review',\n    startsAt: new Date(2026, 5, 12, 15, 0),\n    endsAt: new Date(2026, 5, 12, 16, 0),\n    status: 'draft',\n  },\n]\n\nfunction initialRangeFor(view: ScheduleViewMode): ScheduleRange {\n  return view === 'month' ? monthRange : weekRange\n}\n\nfunction DemoScheduleView({ initialView }: { initialView: ScheduleViewMode }) {\n  const [view, setView] = React.useState<ScheduleViewMode>(initialView)\n  const [range, setRange] = React.useState<ScheduleRange>(initialRangeFor(initialView))\n  const [timezone, setTimezone] = React.useState('Europe/Warsaw')\n  return (\n    <ScheduleView\n      items={sampleItems}\n      view={view}\n      range={range}\n      timezone={timezone}\n      onViewChange={setView}\n      onRangeChange={setRange}\n      onTimezoneChange={setTimezone}\n      className=\"w-full\"\n    />\n  )\n}\n\nfunction DemoScheduleToolbar({ initialView }: { initialView: ScheduleViewMode }) {\n  const [view, setView] = React.useState<ScheduleViewMode>(initialView)\n  const [range, setRange] = React.useState<ScheduleRange>(initialRangeFor(initialView))\n  const [timezone, setTimezone] = React.useState('Europe/Warsaw')\n  return (\n    <ScheduleToolbar\n      view={view}\n      range={range}\n      timezone={timezone}\n      onViewChange={setView}\n      onRangeChange={setRange}\n      onTimezoneChange={setTimezone}\n      className=\"w-full\"\n    />\n  )\n}\n\nconst scheduleViewEntry: GalleryEntry = {\n  id: 'schedule-view',\n  title: 'ScheduleView',\n  importPath: '@open-mercato/ui/backend/schedule',\n  variants: [\n    {\n      id: 'week',\n      title: 'Week (controlled)',\n      render: () => <DemoScheduleView initialView=\"week\" />,\n      code: `import { ScheduleView, type ScheduleItem, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'\n\nconst [view, setView] = React.useState<ScheduleViewMode>('week')\nconst [range, setRange] = React.useState<ScheduleRange>({\n  start: new Date(2026, 5, 7),\n  end: new Date(2026, 5, 13, 23, 59, 59, 999),\n})\n\n<ScheduleView\n  items={items /* ScheduleItem[] mapped from your domain records */}\n  view={view}\n  range={range}\n  timezone=\"Europe/Warsaw\"\n  onViewChange={setView}\n  onRangeChange={setRange}\n/>`,\n    },\n    {\n      id: 'month',\n      title: 'Month (controlled)',\n      render: () => <DemoScheduleView initialView=\"month\" />,\n      code: `import { ScheduleView, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'\n\nconst [view, setView] = React.useState<ScheduleViewMode>('month')\nconst [range, setRange] = React.useState<ScheduleRange>({\n  start: new Date(2026, 5, 1),\n  end: new Date(2026, 5, 30, 23, 59, 59, 999),\n})\n\n<ScheduleView items={items} view={view} range={range} onViewChange={setView} onRangeChange={setRange} />`,\n    },\n  ],\n}\n\nconst scheduleToolbarEntry: GalleryEntry = {\n  id: 'schedule-toolbar',\n  title: 'ScheduleToolbar',\n  importPath: '@open-mercato/ui/backend/schedule',\n  variants: [\n    {\n      id: 'week-with-timezone',\n      title: 'Week range with timezone',\n      render: () => <DemoScheduleToolbar initialView=\"week\" />,\n      code: `import { ScheduleToolbar, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'\n\nconst [view, setView] = React.useState<ScheduleViewMode>('week')\nconst [range, setRange] = React.useState<ScheduleRange>({\n  start: new Date(2026, 5, 7),\n  end: new Date(2026, 5, 13, 23, 59, 59, 999),\n})\nconst [timezone, setTimezone] = React.useState('Europe/Warsaw')\n\n<ScheduleToolbar\n  view={view}\n  range={range}\n  timezone={timezone}\n  onViewChange={setView}\n  onRangeChange={setRange}\n  onTimezoneChange={setTimezone}\n/>`,\n    },\n    {\n      id: 'month-range',\n      title: 'Month range',\n      render: () => <DemoScheduleToolbar initialView=\"month\" />,\n      code: `import { ScheduleToolbar, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'\n\nconst [view, setView] = React.useState<ScheduleViewMode>('month')\nconst [range, setRange] = React.useState<ScheduleRange>({\n  start: new Date(2026, 5, 1),\n  end: new Date(2026, 5, 30, 23, 59, 59, 999),\n})\n\n<ScheduleToolbar view={view} range={range} onViewChange={setView} onRangeChange={setRange} />`,\n    },\n  ],\n}\n\nconst scheduleGridEntry: GalleryEntry = {\n  id: 'schedule-grid',\n  title: 'ScheduleGrid',\n  importPath: '@open-mercato/ui/backend/schedule',\n  variants: [\n    {\n      id: 'three-day-board',\n      title: 'Three-day board',\n      render: () => (\n        <ScheduleGrid\n          items={sampleItems}\n          range={boardRange}\n          timezone=\"Europe/Warsaw\"\n          onItemClick={() => {}}\n          onSlotClick={() => {}}\n          className=\"w-full\"\n        />\n      ),\n      code: `import { ScheduleGrid, type ScheduleItem } from '@open-mercato/ui/backend/schedule'\n\n<ScheduleGrid\n  items={items /* ScheduleItem[] */}\n  range={{ start: new Date(2026, 5, 8), end: new Date(2026, 5, 10, 23, 59, 59, 999) }}\n  timezone=\"Europe/Warsaw\"\n  onItemClick={(item) => openItem(item)}\n  onSlotClick={(slot) => createDraft(slot)}\n/>`,\n    },\n    {\n      id: 'read-only-empty',\n      title: 'Read-only empty day',\n      render: () => <ScheduleGrid items={[]} range={emptyDayRange} className=\"w-full\" />,\n      code: `import { ScheduleGrid } from '@open-mercato/ui/backend/schedule'\n\n<ScheduleGrid\n  items={[]}\n  range={{ start: new Date(2026, 5, 11), end: new Date(2026, 5, 11, 23, 59, 59, 999) }}\n/>`,\n    },\n  ],\n}\n\nconst scheduleAgendaEntry: GalleryEntry = {\n  id: 'schedule-agenda',\n  title: 'ScheduleAgenda',\n  importPath: '@open-mercato/ui/backend/schedule',\n  variants: [\n    {\n      id: 'two-days',\n      title: 'Two days with statuses',\n      render: () => (\n        <ScheduleAgenda\n          items={sampleItems}\n          range={agendaRange}\n          timezone=\"Europe/Warsaw\"\n          onItemClick={() => {}}\n          onSlotClick={() => {}}\n          className=\"w-full\"\n        />\n      ),\n      code: `import { ScheduleAgenda, type ScheduleItem } from '@open-mercato/ui/backend/schedule'\n\n<ScheduleAgenda\n  items={items /* ScheduleItem[] */}\n  range={{ start: new Date(2026, 5, 8), end: new Date(2026, 5, 9, 23, 59, 59, 999) }}\n  timezone=\"Europe/Warsaw\"\n  onItemClick={(item) => openItem(item)}\n  onSlotClick={(slot) => createDraft(slot)}\n/>`,\n    },\n    {\n      id: 'read-only-day',\n      title: 'Read-only day (draft item)',\n      render: () => (\n        <ScheduleAgenda items={sampleItems} range={draftDayRange} className=\"w-full\" />\n      ),\n      code: `import { ScheduleAgenda } from '@open-mercato/ui/backend/schedule'\n\n<ScheduleAgenda\n  items={items}\n  range={{ start: new Date(2026, 5, 12), end: new Date(2026, 5, 12, 23, 59, 59, 999) }}\n/>`,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  scheduleViewEntry,\n  scheduleToolbarEntry,\n  scheduleGridEntry,\n  scheduleAgendaEntry,\n]\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useOptionalLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport * as React from 'react'\nimport {\n  ScheduleAgenda,\n  ScheduleGrid,\n  ScheduleToolbar,\n  ScheduleView,\n  type ScheduleItem,\n  type ScheduleRange,\n  type ScheduleViewMode,\n} from '@open-mercato/ui/backend/schedule'\nimport type { GalleryEntry } from '../types'\nimport { startOfWeek } from 'date-fns/startOfWeek'\nimport { endOfWeek } from 'date-fns/endOfWeek'\nimport { getScheduleLocale } from '@open-mercato/ui/backend/schedule/localization'\n\n// Component titles and variant names are proper nouns from the codebase and\n// are deliberately not translated. `code` MUST contain the entry's importPath\n// (enforced by the registry-integrity test) and is always reviewed alongside\n// its sibling `render`.\n\n// Fixed sample dates (June 2026) \u2014 previews must not depend on \"today\" so the\n// gallery renders identically on any day.\nfunction ScheduleGridEntryThreeDayBoardPreview() {\n  const t = useT()\n  return (\n    <ScheduleGrid\n      items={sampleItems(t)}\n      range={boardRange}\n      timezone=\"Europe/Warsaw\"\n      onItemClick={() => {}}\n      onSlotClick={() => {}}\n      className=\"w-full\"\n    />\n  )\n}\nfunction ScheduleAgendaEntryTwoDaysPreview() {\n  const t = useT()\n  return (\n    <ScheduleAgenda\n      items={sampleItems(t)}\n      range={agendaRange}\n      timezone=\"Europe/Warsaw\"\n      onItemClick={() => {}}\n      onSlotClick={() => {}}\n      className=\"w-full\"\n    />\n  )\n}\nfunction ScheduleAgendaEntryReadOnlyDayPreview() {\n  const t = useT()\n  return <ScheduleAgenda items={sampleItems(t)} range={draftDayRange} className=\"w-full\" />\n}\nconst monthRange: ScheduleRange = {\n  start: new Date(2026, 5, 1),\n  end: new Date(2026, 5, 30, 23, 59, 59, 999),\n}\nconst boardRange: ScheduleRange = {\n  start: new Date(2026, 5, 8),\n  end: new Date(2026, 5, 10, 23, 59, 59, 999),\n}\nconst emptyDayRange: ScheduleRange = {\n  start: new Date(2026, 5, 11),\n  end: new Date(2026, 5, 11, 23, 59, 59, 999),\n}\nconst agendaRange: ScheduleRange = {\n  start: new Date(2026, 5, 8),\n  end: new Date(2026, 5, 9, 23, 59, 59, 999),\n}\nconst draftDayRange: ScheduleRange = {\n  start: new Date(2026, 5, 12),\n  end: new Date(2026, 5, 12, 23, 59, 59, 999),\n}\nconst sampleItems = (t: ReturnType<typeof useT>): ScheduleItem[] => [\n  {\n    id: 'availability-1',\n    kind: 'availability',\n    title: t('design_system.gallery.samples.content.openStudioHours'),\n    startsAt: new Date(2026, 5, 8, 9, 0),\n    endsAt: new Date(2026, 5, 8, 12, 0),\n    status: 'confirmed',\n    subjectType: 'member',\n    subjectId: 'member-1',\n  },\n  {\n    id: 'event-1',\n    kind: 'event',\n    title: t('design_system.gallery.samples.content.fittingAnnaNowak'),\n    startsAt: new Date(2026, 5, 8, 13, 0),\n    endsAt: new Date(2026, 5, 8, 14, 0),\n    status: 'negotiation',\n  },\n  {\n    id: 'event-2',\n    kind: 'event',\n    title: t('design_system.gallery.samples.content.deliveryWalkthrough'),\n    startsAt: new Date(2026, 5, 9, 10, 0),\n    endsAt: new Date(2026, 5, 9, 11, 30),\n    status: 'confirmed',\n  },\n  {\n    id: 'exception-1',\n    kind: 'exception',\n    title: t('design_system.gallery.samples.content.studioClosed'),\n    startsAt: new Date(2026, 5, 10, 0, 0),\n    endsAt: new Date(2026, 5, 10, 23, 59),\n    status: 'cancelled',\n  },\n  {\n    id: 'event-3',\n    kind: 'event',\n    title: t('design_system.gallery.samples.content.quarterlyReview'),\n    startsAt: new Date(2026, 5, 12, 15, 0),\n    endsAt: new Date(2026, 5, 12, 16, 0),\n    status: 'draft',\n  },\n]\nfunction initialRangeFor(view: ScheduleViewMode, language?: string): ScheduleRange {\n  if (view === 'month') return monthRange\n  const anchor = new Date(2026, 5, 10)\n  const locale = getScheduleLocale(language)\n  return { start: startOfWeek(anchor, { locale }), end: endOfWeek(anchor, { locale }) }\n}\nfunction DemoScheduleView({ initialView }: { initialView: ScheduleViewMode }) {\n  const t = useT()\n  const locale = useOptionalLocale()\n  const [view, setView] = React.useState<ScheduleViewMode>(initialView)\n  const [range, setRange] = React.useState<ScheduleRange>(() => initialRangeFor(initialView, locale))\n  const [timezone, setTimezone] = React.useState('Europe/Warsaw')\n  return (\n    <ScheduleView\n      items={sampleItems(t)}\n      view={view}\n      range={range}\n      timezone={timezone}\n      onViewChange={setView}\n      onRangeChange={setRange}\n      onTimezoneChange={setTimezone}\n      className=\"w-full\"\n    />\n  )\n}\nfunction DemoScheduleToolbar({ initialView }: { initialView: ScheduleViewMode }) {\n  const locale = useOptionalLocale()\n  const [view, setView] = React.useState<ScheduleViewMode>(initialView)\n  const [range, setRange] = React.useState<ScheduleRange>(() => initialRangeFor(initialView, locale))\n  const [timezone, setTimezone] = React.useState('Europe/Warsaw')\n  return (\n    <ScheduleToolbar\n      view={view}\n      range={range}\n      timezone={timezone}\n      onViewChange={setView}\n      onRangeChange={setRange}\n      onTimezoneChange={setTimezone}\n      className=\"w-full\"\n    />\n  )\n}\nconst scheduleViewEntry: GalleryEntry = {\n  id: 'schedule-view',\n  title: 'ScheduleView',\n  importPath: '@open-mercato/ui/backend/schedule',\n  variants: [\n    {\n      id: 'week',\n      title: 'Week (controlled)',\n      render: () => <DemoScheduleView initialView=\"week\" />,\n      code: `import { ScheduleView, type ScheduleItem, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'\n\nimport { useOptionalLocale } from '@open-mercato/shared/lib/i18n/context'\nimport { getScheduleLocale } from '@open-mercato/ui/backend/schedule/localization'\nimport { startOfWeek } from 'date-fns/startOfWeek'\nimport { endOfWeek } from 'date-fns/endOfWeek'\n\nconst locale = getScheduleLocale(useOptionalLocale())\nconst [view, setView] = React.useState<ScheduleViewMode>('week')\nconst [range, setRange] = React.useState<ScheduleRange>(() => {\n  const anchor = new Date(2026, 5, 10)\n  return { start: startOfWeek(anchor, { locale }), end: endOfWeek(anchor, { locale }) }\n})\n\n<ScheduleView\n  items={items /* ScheduleItem[] mapped from your domain records */}\n  view={view}\n  range={range}\n  timezone=\"Europe/Warsaw\"\n  onViewChange={setView}\n  onRangeChange={setRange}\n/>`,\n    },\n    {\n      id: 'month',\n      title: 'Month (controlled)',\n      render: () => <DemoScheduleView initialView=\"month\" />,\n      code: `import { ScheduleView, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'\n\nconst [view, setView] = React.useState<ScheduleViewMode>('month')\nconst [range, setRange] = React.useState<ScheduleRange>({\n  start: new Date(2026, 5, 1),\n  end: new Date(2026, 5, 30, 23, 59, 59, 999),\n})\n\n<ScheduleView items={items} view={view} range={range} onViewChange={setView} onRangeChange={setRange} />`,\n    },\n  ],\n}\nconst scheduleToolbarEntry: GalleryEntry = {\n  id: 'schedule-toolbar',\n  title: 'ScheduleToolbar',\n  importPath: '@open-mercato/ui/backend/schedule',\n  variants: [\n    {\n      id: 'week-with-timezone',\n      title: 'Week range with timezone',\n      render: () => <DemoScheduleToolbar initialView=\"week\" />,\n      code: `import { ScheduleToolbar, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'\n\nimport { useOptionalLocale } from '@open-mercato/shared/lib/i18n/context'\nimport { getScheduleLocale } from '@open-mercato/ui/backend/schedule/localization'\nimport { startOfWeek } from 'date-fns/startOfWeek'\nimport { endOfWeek } from 'date-fns/endOfWeek'\n\nconst locale = getScheduleLocale(useOptionalLocale())\nconst [view, setView] = React.useState<ScheduleViewMode>('week')\nconst [range, setRange] = React.useState<ScheduleRange>(() => {\n  const anchor = new Date(2026, 5, 10)\n  return { start: startOfWeek(anchor, { locale }), end: endOfWeek(anchor, { locale }) }\n})\nconst [timezone, setTimezone] = React.useState('Europe/Warsaw')\n\n<ScheduleToolbar\n  view={view}\n  range={range}\n  timezone={timezone}\n  onViewChange={setView}\n  onRangeChange={setRange}\n  onTimezoneChange={setTimezone}\n/>`,\n    },\n    {\n      id: 'month-range',\n      title: 'Month range',\n      render: () => <DemoScheduleToolbar initialView=\"month\" />,\n      code: `import { ScheduleToolbar, type ScheduleRange, type ScheduleViewMode } from '@open-mercato/ui/backend/schedule'\n\nconst [view, setView] = React.useState<ScheduleViewMode>('month')\nconst [range, setRange] = React.useState<ScheduleRange>({\n  start: new Date(2026, 5, 1),\n  end: new Date(2026, 5, 30, 23, 59, 59, 999),\n})\n\n<ScheduleToolbar view={view} range={range} onViewChange={setView} onRangeChange={setRange} />`,\n    },\n  ],\n}\nconst scheduleGridEntry: GalleryEntry = {\n  id: 'schedule-grid',\n  title: 'ScheduleGrid',\n  importPath: '@open-mercato/ui/backend/schedule',\n  variants: [\n    {\n      id: 'three-day-board',\n      title: 'Three-day board',\n      render: () => <ScheduleGridEntryThreeDayBoardPreview />,\n      code: `import { ScheduleGrid, type ScheduleItem } from '@open-mercato/ui/backend/schedule'\n\n<ScheduleGrid\n  items={items /* ScheduleItem[] */}\n  range={{ start: new Date(2026, 5, 8), end: new Date(2026, 5, 10, 23, 59, 59, 999) }}\n  timezone=\"Europe/Warsaw\"\n  onItemClick={(item) => openItem(item)}\n  onSlotClick={(slot) => createDraft(slot)}\n/>`,\n    },\n    {\n      id: 'read-only-empty',\n      title: 'Read-only empty day',\n      render: () => <ScheduleGrid items={[]} range={emptyDayRange} className=\"w-full\" />,\n      code: `import { ScheduleGrid } from '@open-mercato/ui/backend/schedule'\n\n<ScheduleGrid\n  items={[]}\n  range={{ start: new Date(2026, 5, 11), end: new Date(2026, 5, 11, 23, 59, 59, 999) }}\n/>`,\n    },\n  ],\n}\nconst scheduleAgendaEntry: GalleryEntry = {\n  id: 'schedule-agenda',\n  title: 'ScheduleAgenda',\n  importPath: '@open-mercato/ui/backend/schedule',\n  variants: [\n    {\n      id: 'two-days',\n      title: 'Two days with statuses',\n      render: () => <ScheduleAgendaEntryTwoDaysPreview />,\n      code: `import { ScheduleAgenda, type ScheduleItem } from '@open-mercato/ui/backend/schedule'\n\n<ScheduleAgenda\n  items={items /* ScheduleItem[] */}\n  range={{ start: new Date(2026, 5, 8), end: new Date(2026, 5, 9, 23, 59, 59, 999) }}\n  timezone=\"Europe/Warsaw\"\n  onItemClick={(item) => openItem(item)}\n  onSlotClick={(slot) => createDraft(slot)}\n/>`,\n    },\n    {\n      id: 'read-only-day',\n      title: 'Read-only day (draft item)',\n      render: () => <ScheduleAgendaEntryReadOnlyDayPreview />,\n      code: `import { ScheduleAgenda } from '@open-mercato/ui/backend/schedule'\n\n<ScheduleAgenda\n  items={items}\n  range={{ start: new Date(2026, 5, 12), end: new Date(2026, 5, 12, 23, 59, 59, 999) }}\n/>`,\n    },\n  ],\n}\nexport const entries: GalleryEntry[] = [scheduleViewEntry, scheduleToolbarEntry, scheduleGridEntry, scheduleAgendaEntry]\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/design_system/gallery/presentation.js

@@ -0,0 +1,108 @@
+const fullWidthEntryIds = /* @__PURE__ */ new Set([
+  "source-library",
+  "brand-colors",
+  "color-roles",
+  "color-tokens",
+  "state-tokens",
+  "chart-palette",
+  "corner-radius",
+  "typography",
+  "spacing",
+  "shadows",
+  "motion",
+  "icon-registry",
+  "source-icons",
+  "source-artwork",
+  "marketing-controls",
+  "file-upload",
+  "phone-number-field",
+  "rich-editor",
+  "banner",
+  "empty-state-illustration",
+  "step-indicator",
+  "notification-feed",
+  "prompt-area",
+  "ai-sidebar",
+  "sidebar",
+  "accordion",
+  "payment-icon",
+  "table",
+  "activity-feed",
+  "marketing-widgets",
+  "bar-chart",
+  "line-chart",
+  "top-n-table",
+  "filter-toolbar",
+  "filter-bar",
+  "advanced-filter-builder",
+  "filter-empty-state",
+  "detail-fields-section",
+  "notes-section",
+  "addresses-section",
+  "attachments-section",
+  "cryptocurrency",
+  "page",
+  "section-header",
+  "section-page",
+  "form-header",
+  "form-footer",
+  "next-step-callout",
+  "notification-panel",
+  "schedule-view",
+  "schedule-toolbar",
+  "schedule-grid",
+  "schedule-agenda",
+  "email-threads-panel"
+]);
+const assetBrowserEntryIds = /* @__PURE__ */ new Set([
+  "icon-registry",
+  "source-icons",
+  "source-artwork",
+  "empty-state-illustration"
+]);
+const representativeVariantIds = {
+  "ai-sidebar": "collapsed",
+  "brand-colors": "identity",
+  "state-tokens": "info",
+  "icon-registry": "component-usage",
+  "social-button": "icon-only",
+  "button-group": "horizontal",
+  "marketing-controls": "input-filled-medium",
+  "file-upload-card": "success",
+  "image-upload": "avatar-horizontal-uploaded",
+  "password-strength": "interactive",
+  "card-input": "brand-detected",
+  "color-picker": "opacity",
+  "rich-editor": "minimal",
+  "tabs": "pill",
+  "time-picker": "inline-card",
+  "banner": "light",
+  "alert": "filled",
+  "empty-state": "source-illustration",
+  "progress": "labelled",
+  "rating": "interactive",
+  "rating-bar": "emoji-selected",
+  "step-indicator": "interactive",
+  "content-label": "avatar-40",
+  "avatar": "variants",
+  "kbd": "shortcut",
+  "scroll-area": "vertical",
+  "activity-feed": "basic",
+  "kpi-card": "suffix-and-footer",
+  "sparkline": "semantic-color",
+  "line-chart": "area",
+  "pie-chart": "donut",
+  "error-message": "with-description-action",
+  "cryptocurrency": "swap-1",
+  "page": "with-actions",
+  "form-footer": "embedded-with-delete",
+  "next-step-callout": "with-steps",
+  "context-help": "default-open",
+  "notification-item": "with-body"
+};
+export {
+  assetBrowserEntryIds,
+  fullWidthEntryIds,
+  representativeVariantIds
+};
+//# sourceMappingURL=presentation.js.map

package/dist/modules/design_system/gallery/presentation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/design_system/gallery/presentation.ts"],
+  "sourcesContent": ["export const fullWidthEntryIds: ReadonlySet<string> = new Set([\n  'source-library',\n\n\n  'brand-colors',\n  'color-roles',\n  'color-tokens',\n  'state-tokens',\n  'chart-palette',\n  'corner-radius',\n  'typography',\n  'spacing',\n  'shadows',\n  'motion',\n  'icon-registry',\n  'source-icons',\n  'source-artwork',\n  'marketing-controls',\n  'file-upload',\n  'phone-number-field',\n  'rich-editor',\n  'banner',\n  'empty-state-illustration',\n  'step-indicator',\n  'notification-feed',\n  'prompt-area',\n  'ai-sidebar',\n  'sidebar',\n  'accordion',\n  'payment-icon',\n  'table',\n  'activity-feed',\n  'marketing-widgets',\n  'bar-chart',\n  'line-chart',\n  'top-n-table',\n  'filter-toolbar',\n  'filter-bar',\n  'advanced-filter-builder',\n  'filter-empty-state',\n  'detail-fields-section',\n  'notes-section',\n  'addresses-section',\n  'attachments-section',\n  'cryptocurrency',\n  'page',\n  'section-header',\n  'section-page',\n  'form-header',\n  'form-footer',\n  'next-step-callout',\n  'notification-panel',\n  'schedule-view',\n  'schedule-toolbar',\n  'schedule-grid',\n  'schedule-agenda',\n  'email-threads-panel',\n])\n\nexport const assetBrowserEntryIds: ReadonlySet<string> = new Set([\n  'icon-registry',\n  'source-icons',\n  'source-artwork',\n  'empty-state-illustration',\n])\n\nexport const representativeVariantIds: Readonly<Record<string, string>> = {\n  'ai-sidebar': 'collapsed',\n  'brand-colors': 'identity',\n  'state-tokens': 'info',\n  'icon-registry': 'component-usage',\n  'social-button': 'icon-only',\n  'button-group': 'horizontal',\n  'marketing-controls': 'input-filled-medium',\n  'file-upload-card': 'success',\n  'image-upload': 'avatar-horizontal-uploaded',\n  'password-strength': 'interactive',\n  'card-input': 'brand-detected',\n  'color-picker': 'opacity',\n  'rich-editor': 'minimal',\n  'tabs': 'pill',\n  'time-picker': 'inline-card',\n  'banner': 'light',\n  'alert': 'filled',\n  'empty-state': 'source-illustration',\n  'progress': 'labelled',\n  'rating': 'interactive',\n  'rating-bar': 'emoji-selected',\n  'step-indicator': 'interactive',\n  'content-label': 'avatar-40',\n  'avatar': 'variants',\n  'kbd': 'shortcut',\n  'scroll-area': 'vertical',\n  'activity-feed': 'basic',\n  'kpi-card': 'suffix-and-footer',\n  'sparkline': 'semantic-color',\n  'line-chart': 'area',\n  'pie-chart': 'donut',\n  'error-message': 'with-description-action',\n  'cryptocurrency': 'swap-1',\n  'page': 'with-actions',\n  'form-footer': 'embedded-with-delete',\n  'next-step-callout': 'with-steps',\n  'context-help': 'default-open',\n  'notification-item': 'with-body',\n}\n"],
+  "mappings": "AAAO,MAAM,oBAAyC,oBAAI,IAAI;AAAA,EAC5D;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,MAAM,uBAA4C,oBAAI,IAAI;AAAA,EAC/D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,MAAM,2BAA6D;AAAA,EACxE,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,UAAU;AAAA,EACV,SAAS;AAAA,EACT,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,qBAAqB;AACvB;",
+  "names": []
+}

package/dist/modules/design_system/gallery/registry.js

@@ -16,15 +16,13 @@ import {
   Megaphone,
   Bell,
   CalendarClock,
-  Mail
+  Mail,
+  LibraryBig
 } from "lucide-react";
 const familyIcon = (Icon) => React.createElement(Icon, { className: "size-4", "aria-hidden": true });
 const DS_FIGMA_FILE = "qCq9z6q1if0mpoRstV5OEA";
 const DS_DOCS_URL = "https://github.com/open-mercato/open-mercato/blob/main/.ai/ui-components.md";
 const GALLERY_BASE_PATH = "/backend/design-system";
-function figmaNodeUrl(nodeId) {
-  return `https://www.figma.com/design/${DS_FIGMA_FILE}/?node-id=${nodeId.replace(":", "-")}`;
-}
 const galleryFamilies = [
   {
     id: "foundations",
@@ -127,13 +125,18 @@ const galleryFamilies = [
     labelKey: "design_system.families.messages",
     icon: familyIcon(Mail),
     load: () => import("./entries/messages.js")
+  },
+  {
+    id: "library",
+    labelKey: "design_system.families.library",
+    icon: familyIcon(LibraryBig),
+    load: () => import("./entries/library.js")
   }
 ];
 export {
   DS_DOCS_URL,
   DS_FIGMA_FILE,
   GALLERY_BASE_PATH,
-  figmaNodeUrl,
   galleryFamilies
 };
 //# sourceMappingURL=registry.js.map

package/dist/modules/design_system/gallery/registry.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/design_system/gallery/registry.ts"],
-  "sourcesContent": ["import * as React from 'react'\nimport {\n  Palette,\n  Shapes,\n  MousePointerClick,\n  TextCursorInput,\n  CalendarDays,\n  BellRing,\n  Layers,\n  Compass,\n  Table2,\n  BarChart3,\n  Filter,\n  PanelsTopLeft,\n  LayoutTemplate,\n  Megaphone,\n  Bell,\n  CalendarClock,\n  Mail,\n} from 'lucide-react'\nimport type { GalleryFamily } from './types'\n\nconst familyIcon = (Icon: typeof Palette) => React.createElement(Icon, { className: 'size-4', 'aria-hidden': true })\n\n/** The DS Figma file id \u2014 every `figmaNodeId` in gallery entries points into this file. */\nexport const DS_FIGMA_FILE = 'qCq9z6q1if0mpoRstV5OEA'\n\n/** Base of the deep links into the monorepo DS docs (`.ai/ui-components.md`). */\nexport const DS_DOCS_URL = 'https://github.com/open-mercato/open-mercato/blob/main/.ai/ui-components.md'\n\n/** Route of the gallery backend page; used for section-nav hrefs and deep links. */\nexport const GALLERY_BASE_PATH = '/backend/design-system'\n\n/** Builds a Figma deep link for a `nodeId` in `<page>:<node>` format. */\nexport function figmaNodeUrl(nodeId: string): string {\n  return `https://www.figma.com/design/${DS_FIGMA_FILE}/?node-id=${nodeId.replace(':', '-')}`\n}\n\n/**\n * Family manifest. Each family's entries live in `entries/<family>.tsx` and are\n * loaded lazily via a dynamic import so a family's primitives (and their\n * dependencies) only load when its section is opened.\n *\n * Adding a family: add the manifest row here and create `entries/<id>.tsx`\n * exporting `entries: GalleryEntry[]`. The coverage-guard test\n * (`__tests__/gallery-coverage.test.ts`) will tell you which primitives the\n * new file must cover.\n */\nexport const galleryFamilies: GalleryFamily[] = [\n  {\n    id: 'foundations',\n    labelKey: 'design_system.families.foundations',\n    icon: familyIcon(Palette),\n    load: () => import('./entries/foundations'),\n  },\n  {\n    id: 'icons',\n    labelKey: 'design_system.families.icons',\n    icon: familyIcon(Shapes),\n    load: () => import('./entries/icons'),\n  },\n  {\n    id: 'buttons',\n    labelKey: 'design_system.families.buttons',\n    icon: familyIcon(MousePointerClick),\n    load: () => import('./entries/buttons'),\n  },\n  {\n    id: 'inputs',\n    labelKey: 'design_system.families.inputs',\n    icon: familyIcon(TextCursorInput),\n    load: () => import('./entries/inputs'),\n  },\n  {\n    id: 'dates',\n    labelKey: 'design_system.families.dates',\n    icon: familyIcon(CalendarDays),\n    load: () => import('./entries/dates'),\n  },\n  {\n    id: 'feedback',\n    labelKey: 'design_system.families.feedback',\n    icon: familyIcon(BellRing),\n    load: () => import('./entries/feedback'),\n  },\n  {\n    id: 'overlays',\n    labelKey: 'design_system.families.overlays',\n    icon: familyIcon(Layers),\n    load: () => import('./entries/overlays'),\n  },\n  {\n    id: 'navigation',\n    labelKey: 'design_system.families.navigation',\n    icon: familyIcon(Compass),\n    load: () => import('./entries/navigation'),\n  },\n  {\n    id: 'display',\n    labelKey: 'design_system.families.display',\n    icon: familyIcon(Table2),\n    load: () => import('./entries/display'),\n  },\n  {\n    id: 'charts',\n    labelKey: 'design_system.families.charts',\n    icon: familyIcon(BarChart3),\n    load: () => import('./entries/charts'),\n  },\n  {\n    id: 'filters',\n    labelKey: 'design_system.families.filters',\n    icon: familyIcon(Filter),\n    load: () => import('./entries/filters'),\n  },\n  {\n    id: 'detail',\n    labelKey: 'design_system.families.detail',\n    icon: familyIcon(PanelsTopLeft),\n    load: () => import('./entries/detail'),\n  },\n  {\n    id: 'scaffolding',\n    labelKey: 'design_system.families.scaffolding',\n    icon: familyIcon(LayoutTemplate),\n    load: () => import('./entries/scaffolding'),\n  },\n  {\n    id: 'banners',\n    labelKey: 'design_system.families.banners',\n    icon: familyIcon(Megaphone),\n    load: () => import('./entries/banners'),\n  },\n  {\n    id: 'notifications',\n    labelKey: 'design_system.families.notifications',\n    icon: familyIcon(Bell),\n    load: () => import('./entries/notifications'),\n  },\n  {\n    id: 'schedule',\n    labelKey: 'design_system.families.schedule',\n    icon: familyIcon(CalendarClock),\n    load: () => import('./entries/schedule'),\n  },\n  {\n    id: 'messages',\n    labelKey: 'design_system.families.messages',\n    icon: familyIcon(Mail),\n    load: () => import('./entries/messages'),\n  },\n]\n"],
-  "mappings": "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",
+  "sourcesContent": ["/// <reference path=\"./assets/images.d.ts\" />\nimport * as React from 'react'\nimport {\n  Palette,\n  Shapes,\n  MousePointerClick,\n  TextCursorInput,\n  CalendarDays,\n  BellRing,\n  Layers,\n  Compass,\n  Table2,\n  BarChart3,\n  Filter,\n  PanelsTopLeft,\n  LayoutTemplate,\n  Megaphone,\n  Bell,\n  CalendarClock,\n  Mail,\n  LibraryBig,\n} from 'lucide-react'\nimport type { GalleryFamily } from './types'\n\nconst familyIcon = (Icon: typeof Palette) => React.createElement(Icon, { className: 'size-4', 'aria-hidden': true })\n\nexport const DS_FIGMA_FILE = 'qCq9z6q1if0mpoRstV5OEA'\n\n/** Base of the deep links into the monorepo DS docs (`.ai/ui-components.md`). */\nexport const DS_DOCS_URL = 'https://github.com/open-mercato/open-mercato/blob/main/.ai/ui-components.md'\n\n/** Route of the gallery backend page; used for section-nav hrefs and deep links. */\nexport const GALLERY_BASE_PATH = '/backend/design-system'\n\n/**\n * Family manifest. Each family's entries live in `entries/<family>.tsx` and are\n * loaded lazily via a dynamic import so a family's primitives (and their\n * dependencies) only load when its section is opened.\n *\n * Adding a family: add the manifest row here and create `entries/<id>.tsx`\n * exporting `entries: GalleryEntry[]`. The coverage-guard test\n * (`__tests__/gallery-coverage.test.ts`) will tell you which primitives the\n * new file must cover.\n */\nexport const galleryFamilies: GalleryFamily[] = [\n  {\n    id: 'foundations',\n    labelKey: 'design_system.families.foundations',\n    icon: familyIcon(Palette),\n    load: () => import('./entries/foundations'),\n  },\n  {\n    id: 'icons',\n    labelKey: 'design_system.families.icons',\n    icon: familyIcon(Shapes),\n    load: () => import('./entries/icons'),\n  },\n  {\n    id: 'buttons',\n    labelKey: 'design_system.families.buttons',\n    icon: familyIcon(MousePointerClick),\n    load: () => import('./entries/buttons'),\n  },\n  {\n    id: 'inputs',\n    labelKey: 'design_system.families.inputs',\n    icon: familyIcon(TextCursorInput),\n    load: () => import('./entries/inputs'),\n  },\n  {\n    id: 'dates',\n    labelKey: 'design_system.families.dates',\n    icon: familyIcon(CalendarDays),\n    load: () => import('./entries/dates'),\n  },\n  {\n    id: 'feedback',\n    labelKey: 'design_system.families.feedback',\n    icon: familyIcon(BellRing),\n    load: () => import('./entries/feedback'),\n  },\n  {\n    id: 'overlays',\n    labelKey: 'design_system.families.overlays',\n    icon: familyIcon(Layers),\n    load: () => import('./entries/overlays'),\n  },\n  {\n    id: 'navigation',\n    labelKey: 'design_system.families.navigation',\n    icon: familyIcon(Compass),\n    load: () => import('./entries/navigation'),\n  },\n  {\n    id: 'display',\n    labelKey: 'design_system.families.display',\n    icon: familyIcon(Table2),\n    load: () => import('./entries/display'),\n  },\n  {\n    id: 'charts',\n    labelKey: 'design_system.families.charts',\n    icon: familyIcon(BarChart3),\n    load: () => import('./entries/charts'),\n  },\n  {\n    id: 'filters',\n    labelKey: 'design_system.families.filters',\n    icon: familyIcon(Filter),\n    load: () => import('./entries/filters'),\n  },\n  {\n    id: 'detail',\n    labelKey: 'design_system.families.detail',\n    icon: familyIcon(PanelsTopLeft),\n    load: () => import('./entries/detail'),\n  },\n  {\n    id: 'scaffolding',\n    labelKey: 'design_system.families.scaffolding',\n    icon: familyIcon(LayoutTemplate),\n    load: () => import('./entries/scaffolding'),\n  },\n  {\n    id: 'banners',\n    labelKey: 'design_system.families.banners',\n    icon: familyIcon(Megaphone),\n    load: () => import('./entries/banners'),\n  },\n  {\n    id: 'notifications',\n    labelKey: 'design_system.families.notifications',\n    icon: familyIcon(Bell),\n    load: () => import('./entries/notifications'),\n  },\n  {\n    id: 'schedule',\n    labelKey: 'design_system.families.schedule',\n    icon: familyIcon(CalendarClock),\n    load: () => import('./entries/schedule'),\n  },\n  {\n    id: 'messages',\n    labelKey: 'design_system.families.messages',\n    icon: familyIcon(Mail),\n    load: () => import('./entries/messages'),\n  },\n  {\n    id: 'library',\n    labelKey: 'design_system.families.library',\n    icon: familyIcon(LibraryBig),\n    load: () => import('./entries/library'),\n  },\n]\n"],
+  "mappings": "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",
   "names": []
 }