npm - @open-mercato/core - Versions diffs - 0.6.7-develop.6828.1.ab1620a63e → 0.6.7-develop.6834.1.e76f4b8cbc - Mend

@open-mercato/core 0.6.7-develop.6828.1.ab1620a63e → 0.6.7-develop.6834.1.e76f4b8cbc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

package/dist/modules/dashboards/api/widgets/data/schema.js CHANGED Viewed

@@ -16,17 +16,31 @@ const dateRangePresetSchema = z.enum([
   "last_30_days",
   "last_90_days"
 ]);
+const comparisonFilterOperators = ["eq", "neq", "gt", "gte", "lt", "lte"];
+const setFilterOperators = ["in", "not_in"];
+const nullFilterOperators = ["is_null", "is_not_null"];
+const scalarFilterOperators = [...comparisonFilterOperators, ...nullFilterOperators];
+const scalarFilterOperatorSchema = z.enum(scalarFilterOperators);
+const setFilterOperatorSchema = z.enum(setFilterOperators);
 const filterOperatorSchema = z.enum([
-  "eq",
-  "neq",
-  "gt",
-  "gte",
-  "lt",
-  "lte",
-  "in",
-  "not_in",
-  "is_null",
-  "is_not_null"
+  ...comparisonFilterOperators,
+  ...setFilterOperators,
+  ...nullFilterOperators
+]);
+const MAX_SET_FILTER_VALUES = 200;
+const setFilterMemberSchema = z.union([z.string(), z.number(), z.boolean()]);
+const setFilterValueSchema = z.array(setFilterMemberSchema).max(MAX_SET_FILTER_VALUES);
+const widgetDataFilterSchema = z.discriminatedUnion("operator", [
+  z.object({
+    field: z.string().min(1),
+    operator: setFilterOperatorSchema,
+    value: setFilterValueSchema
+  }),
+  z.object({
+    field: z.string().min(1),
+    operator: scalarFilterOperatorSchema,
+    value: z.unknown().optional()
+  })
 ]);
 const widgetDataRequestSchema = z.object({
   entityType: z.string().min(1),
@@ -40,13 +54,7 @@ const widgetDataRequestSchema = z.object({
     limit: z.number().int().min(1).max(100).optional(),
     resolveLabels: z.boolean().optional()
   }).optional(),
-  filters: z.array(
-    z.object({
-      field: z.string().min(1),
-      operator: filterOperatorSchema,
-      value: z.unknown().optional()
-    })
-  ).optional(),
+  filters: z.array(widgetDataFilterSchema).optional(),
   dateRange: z.object({
     field: z.string().min(1),
     preset: dateRangePresetSchema
@@ -75,6 +83,7 @@ const widgetDataResponseSchema = z.object({
   })
 });
 export {
+  MAX_SET_FILTER_VALUES,
   aggregateFunctionSchema,
   dateGranularitySchema,
   dateRangePresetSchema,

package/dist/modules/dashboards/api/widgets/data/schema.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/dashboards/api/widgets/data/schema.ts"],
-  "sourcesContent": ["import { z } from 'zod'\n\nexport const aggregateFunctionSchema = z.enum(['count', 'sum', 'avg', 'min', 'max'])\nexport const dateGranularitySchema = z.enum(['day', 'week', 'month', 'quarter', 'year'])\nexport const dateRangePresetSchema = z.enum([\n  'today',\n  'yesterday',\n  'this_week',\n  'last_week',\n  'this_month',\n  'last_month',\n  'this_quarter',\n  'last_quarter',\n  'this_year',\n  'last_year',\n  'last_7_days',\n  'last_30_days',\n  'last_90_days',\n])\n\nexport const filterOperatorSchema = z.enum([\n  'eq',\n  'neq',\n  'gt',\n  'gte',\n  'lt',\n  'lte',\n  'in',\n  'not_in',\n  'is_null',\n  'is_not_null',\n])\n\nexport const widgetDataRequestSchema = z.object({\n  entityType: z.string().min(1),\n  metric: z.object({\n    field: z.string().min(1),\n    aggregate: aggregateFunctionSchema,\n  }),\n  groupBy: z\n    .object({\n      field: z.string().min(1),\n      granularity: dateGranularitySchema.optional(),\n      limit: z.number().int().min(1).max(100).optional(),\n      resolveLabels: z.boolean().optional(),\n    })\n    .optional(),\n  filters: z\n    .array(\n      z.object({\n        field: z.string().min(1),\n        operator: filterOperatorSchema,\n        value: z.unknown().optional(),\n      }),\n    )\n    .optional(),\n  dateRange: z\n    .object({\n      field: z.string().min(1),\n      preset: dateRangePresetSchema,\n    })\n    .optional(),\n  comparison: z\n    .object({\n      type: z.enum(['previous_period', 'previous_year']),\n    })\n    .optional(),\n})\n\nexport const widgetDataItemSchema = z.object({\n  groupKey: z.unknown(),\n  groupLabel: z.string().optional(),\n  value: z.number().nullable(),\n})\n\nexport const widgetDataResponseSchema = z.object({\n  value: z.number().nullable(),\n  data: z.array(widgetDataItemSchema),\n  comparison: z\n    .object({\n      value: z.number().nullable(),\n      change: z.number(),\n      direction: z.enum(['up', 'down', 'unchanged']),\n    })\n    .optional(),\n  metadata: z.object({\n    fetchedAt: z.string(),\n    recordCount: z.number(),\n    currency: z.string().nullable().optional(),\n  }),\n})\n"],
-  "mappings": "AAAA,SAAS,SAAS;AAEX,MAAM,0BAA0B,EAAE,KAAK,CAAC,SAAS,OAAO,OAAO,OAAO,KAAK,CAAC;AAC5E,MAAM,wBAAwB,EAAE,KAAK,CAAC,OAAO,QAAQ,SAAS,WAAW,MAAM,CAAC;AAChF,MAAM,wBAAwB,EAAE,KAAK;AAAA,EAC1C;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,uBAAuB,EAAE,KAAK;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,MAAM,0BAA0B,EAAE,OAAO;AAAA,EAC9C,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC;AAAA,EAC5B,QAAQ,EAAE,OAAO;AAAA,IACf,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC;AAAA,IACvB,WAAW;AAAA,EACb,CAAC;AAAA,EACD,SAAS,EACN,OAAO;AAAA,IACN,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC;AAAA,IACvB,aAAa,sBAAsB,SAAS;AAAA,IAC5C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,EAAE,SAAS;AAAA,IACjD,eAAe,EAAE,QAAQ,EAAE,SAAS;AAAA,EACtC,CAAC,EACA,SAAS;AAAA,EACZ,SAAS,EACN;AAAA,IACC,EAAE,OAAO;AAAA,MACP,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC;AAAA,MACvB,UAAU;AAAA,MACV,OAAO,EAAE,QAAQ,EAAE,SAAS;AAAA,IAC9B,CAAC;AAAA,EACH,EACC,SAAS;AAAA,EACZ,WAAW,EACR,OAAO;AAAA,IACN,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC;AAAA,IACvB,QAAQ;AAAA,EACV,CAAC,EACA,SAAS;AAAA,EACZ,YAAY,EACT,OAAO;AAAA,IACN,MAAM,EAAE,KAAK,CAAC,mBAAmB,eAAe,CAAC;AAAA,EACnD,CAAC,EACA,SAAS;AACd,CAAC;AAEM,MAAM,uBAAuB,EAAE,OAAO;AAAA,EAC3C,UAAU,EAAE,QAAQ;AAAA,EACpB,YAAY,EAAE,OAAO,EAAE,SAAS;AAAA,EAChC,OAAO,EAAE,OAAO,EAAE,SAAS;AAC7B,CAAC;AAEM,MAAM,2BAA2B,EAAE,OAAO;AAAA,EAC/C,OAAO,EAAE,OAAO,EAAE,SAAS;AAAA,EAC3B,MAAM,EAAE,MAAM,oBAAoB;AAAA,EAClC,YAAY,EACT,OAAO;AAAA,IACN,OAAO,EAAE,OAAO,EAAE,SAAS;AAAA,IAC3B,QAAQ,EAAE,OAAO;AAAA,IACjB,WAAW,EAAE,KAAK,CAAC,MAAM,QAAQ,WAAW,CAAC;AAAA,EAC/C,CAAC,EACA,SAAS;AAAA,EACZ,UAAU,EAAE,OAAO;AAAA,IACjB,WAAW,EAAE,OAAO;AAAA,IACpB,aAAa,EAAE,OAAO;AAAA,IACtB,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;AAAA,EAC3C,CAAC;AACH,CAAC;",
+  "sourcesContent": ["import { z } from 'zod'\n\nexport const aggregateFunctionSchema = z.enum(['count', 'sum', 'avg', 'min', 'max'])\nexport const dateGranularitySchema = z.enum(['day', 'week', 'month', 'quarter', 'year'])\nexport const dateRangePresetSchema = z.enum([\n  'today',\n  'yesterday',\n  'this_week',\n  'last_week',\n  'this_month',\n  'last_month',\n  'this_quarter',\n  'last_quarter',\n  'this_year',\n  'last_year',\n  'last_7_days',\n  'last_30_days',\n  'last_90_days',\n])\n\nconst comparisonFilterOperators = ['eq', 'neq', 'gt', 'gte', 'lt', 'lte'] as const\nconst setFilterOperators = ['in', 'not_in'] as const\nconst nullFilterOperators = ['is_null', 'is_not_null'] as const\nconst scalarFilterOperators = [...comparisonFilterOperators, ...nullFilterOperators] as const\n\nconst scalarFilterOperatorSchema = z.enum(scalarFilterOperators)\nconst setFilterOperatorSchema = z.enum(setFilterOperators)\n\nexport const filterOperatorSchema = z.enum([\n  ...comparisonFilterOperators,\n  ...setFilterOperators,\n  ...nullFilterOperators,\n])\n\n/**\n * Upper bound on how many members an `in` / `not_in` widget-data filter may carry (#4852).\n *\n * Every member becomes one placeholder plus one bound parameter in the aggregation's WHERE\n * clause, so the cost of a set filter is proportional to its length. The bound lives here\n * rather than in the SQL builder because `buildWhereClause` can only truncate the list \u2014\n * silently returning an answer to a different question than the caller asked \u2014 or throw from\n * deep inside query construction; validating here yields a 400 that names the offending\n * filter and is published in the route's OpenAPI schema.\n *\n * 200 is deliberately generous for a dashboard filter: the widest grouping a widget can render\n * is capped at 100 buckets (`groupBy.limit`), and a batch carries at most 50 requests, so even\n * a fully saturated batch stays an order of magnitude below PostgreSQL's per-statement limit\n * of 65535 bound parameters. Raising it later is a one-line change to this constant.\n */\nexport const MAX_SET_FILTER_VALUES = 200\n\n// `IN` / `NOT IN` compare against literals; a null member never matches either way, which is\n// what the dedicated `is_null` / `is_not_null` operators are for.\nconst setFilterMemberSchema = z.union([z.string(), z.number(), z.boolean()])\n\nconst setFilterValueSchema = z.array(setFilterMemberSchema).max(MAX_SET_FILTER_VALUES)\n\nconst widgetDataFilterSchema = z.discriminatedUnion('operator', [\n  z.object({\n    field: z.string().min(1),\n    operator: setFilterOperatorSchema,\n    value: setFilterValueSchema,\n  }),\n  z.object({\n    field: z.string().min(1),\n    operator: scalarFilterOperatorSchema,\n    value: z.unknown().optional(),\n  }),\n])\n\nexport const widgetDataRequestSchema = z.object({\n  entityType: z.string().min(1),\n  metric: z.object({\n    field: z.string().min(1),\n    aggregate: aggregateFunctionSchema,\n  }),\n  groupBy: z\n    .object({\n      field: z.string().min(1),\n      granularity: dateGranularitySchema.optional(),\n      limit: z.number().int().min(1).max(100).optional(),\n      resolveLabels: z.boolean().optional(),\n    })\n    .optional(),\n  filters: z.array(widgetDataFilterSchema).optional(),\n  dateRange: z\n    .object({\n      field: z.string().min(1),\n      preset: dateRangePresetSchema,\n    })\n    .optional(),\n  comparison: z\n    .object({\n      type: z.enum(['previous_period', 'previous_year']),\n    })\n    .optional(),\n})\n\nexport const widgetDataItemSchema = z.object({\n  groupKey: z.unknown(),\n  groupLabel: z.string().optional(),\n  value: z.number().nullable(),\n})\n\nexport const widgetDataResponseSchema = z.object({\n  value: z.number().nullable(),\n  data: z.array(widgetDataItemSchema),\n  comparison: z\n    .object({\n      value: z.number().nullable(),\n      change: z.number(),\n      direction: z.enum(['up', 'down', 'unchanged']),\n    })\n    .optional(),\n  metadata: z.object({\n    fetchedAt: z.string(),\n    recordCount: z.number(),\n    currency: z.string().nullable().optional(),\n  }),\n})\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/design_system/gallery/entries/detail.js CHANGED Viewed

@@ -260,11 +260,11 @@ const notesAdapter: NotesDataAdapter = {
   entityId={personId}
   viewerUserId={viewer.id}
   viewerName={viewer.name}
-  emptyLabel={t('customers.people.detail.notes.empty')}
-  addActionLabel={t('customers.people.detail.notes.add')}
+  emptyLabel={t('design_system.gallery.samples.notes.empty')}
+  addActionLabel={t('design_system.gallery.samples.notes.add')}
   emptyState={{
-    title: t('customers.people.detail.notes.emptyTitle'),
-    actionLabel: t('customers.people.detail.notes.add'),
+    title: t('design_system.gallery.samples.notes.emptyTitle'),
+    actionLabel: t('design_system.gallery.samples.notes.add'),
   }}
   translator={t}
   dataAdapter={notesAdapter}
@@ -302,10 +302,10 @@ const addressesAdapter: AddressDataAdapter = {
 <AddressesSection
   entityId={personId}
-  emptyLabel={t('customers.people.detail.addresses.empty')}
+  emptyLabel={t('design_system.gallery.samples.addresses.empty')}
   addActionLabel={t('customers.people.detail.addresses.add')}
   emptyState={{
-    title: t('customers.people.detail.addresses.emptyTitle'),
+    title: t('design_system.gallery.samples.addresses.emptyTitle'),
     actionLabel: t('customers.people.detail.addresses.add'),
   }}
   translator={t}
@@ -338,8 +338,8 @@ const attachmentsSectionEntry = {
 <AttachmentsSection
   entityId="customers:person"
   recordId={person?.id ?? null}
-  title={t('customers.people.detail.attachments.title')}
-  description={t('customers.people.detail.attachments.description')}
+  title={t('design_system.gallery.samples.attachments.title')}
+  description={t('design_system.gallery.samples.attachments.description')}
 />`
     }
   ]

package/dist/modules/design_system/gallery/entries/detail.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/design_system/gallery/entries/detail.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  AddressesSection,\n  AttachmentsSection,\n  DetailFieldsSection,\n  ErrorMessage,\n  LoadingMessage,\n  NotesSection,\n  type AddressDataAdapter,\n  type DetailFieldConfig,\n  type NotesSectionProps,\n} from '@open-mercato/ui/backend/detail'\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// Data-backed sections (Notes/Addresses) take adapter objects \u2014 the demos pass\n// inline in-memory adapters, so previews never touch an API. AttachmentsSection\n// fetches through `apiCall` internally and cannot take an adapter; it is shown\n// in its `recordId={null}` state, where fetching is disabled by design.\n\nconst saveNoop = async () => {}\n\nconst fieldGrid: DetailFieldConfig[] = [\n  {\n    key: 'first-name',\n    kind: 'text',\n    label: 'First name',\n    value: 'Anna',\n    emptyLabel: 'Add first name',\n    onSave: saveNoop,\n  },\n  {\n    key: 'phone',\n    kind: 'text',\n    label: 'Phone',\n    value: null,\n    emptyLabel: 'Add phone',\n    onSave: saveNoop,\n  },\n  {\n    key: 'status',\n    kind: 'select',\n    label: 'Status',\n    value: 'active',\n    emptyLabel: 'Set status',\n    options: [\n      { value: 'active', label: 'Active' },\n      { value: 'inactive', label: 'Inactive' },\n    ],\n    onSave: saveNoop,\n  },\n  {\n    key: 'notes',\n    kind: 'multiline',\n    label: 'Notes',\n    value: 'Prefers email contact.',\n    emptyLabel: 'Add notes',\n    onSave: saveNoop,\n    gridClassName: 'sm:col-span-2 md:col-span-3',\n  },\n]\n\nconst fieldGridWithCustom: DetailFieldConfig[] = [\n  {\n    key: 'email',\n    kind: 'text',\n    label: 'Email',\n    value: 'anna@example.com',\n    emptyLabel: 'Add email',\n    onSave: saveNoop,\n  },\n  {\n    key: 'owner',\n    kind: 'custom',\n    label: 'Owner',\n    emptyLabel: 'Unassigned',\n    render: () => (\n      <div className=\"space-y-1\">\n        <div className=\"text-xs text-muted-foreground\">Owner</div>\n        <Badge variant=\"muted\">Unassigned</Badge>\n      </div>\n    ),\n  },\n]\n\n// Sections resolve their labels through an app translator in real pages; the\n// gallery translator just surfaces each key's fallback (or last segment).\nconst galleryTranslator = (key: string, fallback?: string) =>\n  fallback ?? key.split('.').pop() ?? key\n\nconst notesAdapter: NotesSectionProps['dataAdapter'] = {\n  list: async () => [\n    {\n      id: 'note-1',\n      body: 'Asked for a revised quote \u2014 follow up on Friday.',\n      createdAt: '2026-07-15T09:30:00.000Z',\n      authorName: 'Anna Nowak',\n    },\n    {\n      id: 'note-2',\n      body: 'Prefers email contact over phone.',\n      createdAt: '2026-07-10T14:05:00.000Z',\n      authorName: 'Jan Kowalski',\n    },\n  ],\n  create: async () => {},\n  update: async () => {},\n  delete: async () => {},\n}\n\nconst addressesAdapter: AddressDataAdapter = {\n  list: async () => [\n    {\n      id: 'address-1',\n      name: 'Headquarters',\n      addressLine1: 'Prosta 51',\n      city: 'Warszawa',\n      postalCode: '00-838',\n      country: 'PL',\n      isPrimary: true,\n    },\n    {\n      id: 'address-2',\n      name: 'Warehouse',\n      addressLine1: 'Magazynowa 7',\n      city: 'Pruszk\u00F3w',\n      postalCode: '05-800',\n      country: 'PL',\n    },\n  ],\n  create: async () => {},\n  update: async () => {},\n  delete: async () => {},\n}\n\nconst detailFieldsSectionEntry: GalleryEntry = {\n  id: 'detail-fields-section',\n  title: 'DetailFieldsSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'field-grid',\n      title: 'Inline-editable field grid',\n      render: () => (\n        <div className=\"w-full\">\n          <DetailFieldsSection fields={fieldGrid} />\n        </div>\n      ),\n      code: `import { DetailFieldsSection, type DetailFieldConfig } from '@open-mercato/ui/backend/detail'\n\nconst fields: DetailFieldConfig[] = [\n  { key: 'first-name', kind: 'text', label: 'First name', value: person.firstName, emptyLabel: 'Add first name', onSave: saveFirstName },\n  { key: 'phone', kind: 'text', label: 'Phone', value: person.phone, emptyLabel: 'Add phone', onSave: savePhone },\n  {\n    key: 'status', kind: 'select', label: 'Status', value: person.status, emptyLabel: 'Set status',\n    options: [{ value: 'active', label: 'Active' }, { value: 'inactive', label: 'Inactive' }],\n    onSave: saveStatus,\n  },\n  {\n    key: 'notes', kind: 'multiline', label: 'Notes', value: person.notes, emptyLabel: 'Add notes',\n    onSave: saveNotes, gridClassName: 'sm:col-span-2 md:col-span-3',\n  },\n]\n\n<DetailFieldsSection fields={fields} />`,\n    },\n    {\n      id: 'custom-field',\n      title: 'With a custom field cell',\n      render: () => (\n        <div className=\"w-full\">\n          <DetailFieldsSection fields={fieldGridWithCustom} />\n        </div>\n      ),\n      code: `import { DetailFieldsSection, type DetailFieldConfig } from '@open-mercato/ui/backend/detail'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\n\nconst fields: DetailFieldConfig[] = [\n  { key: 'email', kind: 'text', label: 'Email', value: person.email, emptyLabel: 'Add email', onSave: saveEmail },\n  {\n    key: 'owner', kind: 'custom', label: 'Owner', emptyLabel: 'Unassigned',\n    render: () => (\n      <div className=\"space-y-1\">\n        <div className=\"text-xs text-muted-foreground\">Owner</div>\n        <Badge variant=\"muted\">Unassigned</Badge>\n      </div>\n    ),\n  },\n]\n\n<DetailFieldsSection fields={fields} />`,\n    },\n  ],\n}\n\nconst loadingMessageEntry: GalleryEntry = {\n  id: 'loading-message',\n  title: 'LoadingMessage',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <LoadingMessage label=\"Loading customer\u2026\" />\n        </div>\n      ),\n      code: `import { LoadingMessage } from '@open-mercato/ui/backend/detail'\n\nif (isLoading) return <LoadingMessage label={t('customers.people.detail.loading')} />`,\n    },\n  ],\n}\n\nconst errorMessageEntry: GalleryEntry = {\n  id: 'error-message',\n  title: 'ErrorMessage',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'basic',\n      title: 'Label only',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <ErrorMessage label=\"Failed to load customer.\" />\n        </div>\n      ),\n      code: `import { ErrorMessage } from '@open-mercato/ui/backend/detail'\n\nif (error) return <ErrorMessage label={error} />`,\n    },\n    {\n      id: 'with-description-action',\n      title: 'With description and action',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <ErrorMessage\n            label=\"Failed to load attachments.\"\n            description=\"The storage service did not respond in time.\"\n            action={\n              <Button variant=\"outline\" size=\"sm\">\n                Retry\n              </Button>\n            }\n          />\n        </div>\n      ),\n      code: `import { ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<ErrorMessage\n  label=\"Failed to load attachments.\"\n  description=\"The storage service did not respond in time.\"\n  action={<Button variant=\"outline\" size=\"sm\" onClick={retry}>Retry</Button>}\n/>`,\n    },\n  ],\n}\n\nconst notesSectionEntry: GalleryEntry = {\n  id: 'notes-section',\n  title: 'NotesSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'mock-adapter',\n      title: 'Timeline (inline mock adapter \u2014 no API)',\n      render: () => (\n        <div className=\"w-full max-w-2xl\">\n          <NotesSection\n            entityId=\"person-1\"\n            viewerUserId=\"user-1\"\n            viewerName=\"Anna Nowak\"\n            emptyLabel=\"No notes yet\"\n            addActionLabel=\"Add note\"\n            emptyState={{\n              title: 'No notes yet',\n              actionLabel: 'Add note',\n              description: 'Notes added here are visible to the whole team.',\n            }}\n            translator={galleryTranslator}\n            dataAdapter={notesAdapter}\n          />\n        </div>\n      ),\n      code: `import { NotesSection, type NotesDataAdapter } from '@open-mercato/ui/backend/detail'\n\n// Implement the adapter against your module's API (apiCall) \u2014 never fork the section.\nconst notesAdapter: NotesDataAdapter = {\n  list: async ({ entityId }) => fetchNotes(entityId),\n  create: async ({ entityId, body }) => createNote(entityId, body),\n  update: async ({ id, patch }) => updateNote(id, patch),\n  delete: async ({ id }) => deleteNote(id),\n}\n\n<NotesSection\n  entityId={personId}\n  viewerUserId={viewer.id}\n  viewerName={viewer.name}\n  emptyLabel={t('customers.people.detail.notes.empty')}\n  addActionLabel={t('customers.people.detail.notes.add')}\n  emptyState={{\n    title: t('customers.people.detail.notes.emptyTitle'),\n    actionLabel: t('customers.people.detail.notes.add'),\n  }}\n  translator={t}\n  dataAdapter={notesAdapter}\n/>`,\n    },\n  ],\n}\n\nconst addressesSectionEntry: GalleryEntry = {\n  id: 'addresses-section',\n  title: 'AddressesSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'mock-adapter',\n      title: 'Address tiles (inline mock adapter \u2014 no API)',\n      render: () => (\n        <div className=\"w-full max-w-2xl\">\n          <AddressesSection\n            entityId=\"person-1\"\n            emptyLabel=\"No addresses yet\"\n            addActionLabel=\"Add address\"\n            emptyState={{ title: 'No addresses yet', actionLabel: 'Add address' }}\n            translator={galleryTranslator}\n            dataAdapter={addressesAdapter}\n          />\n        </div>\n      ),\n      code: `import { AddressesSection, type AddressDataAdapter } from '@open-mercato/ui/backend/detail'\n\nconst addressesAdapter: AddressDataAdapter = {\n  list: async ({ entityId }) => fetchAddresses(entityId),\n  create: async ({ entityId, payload }) => createAddress(entityId, payload),\n  update: async ({ id, payload }) => updateAddress(id, payload),\n  delete: async ({ id }) => deleteAddress(id),\n}\n\n<AddressesSection\n  entityId={personId}\n  emptyLabel={t('customers.people.detail.addresses.empty')}\n  addActionLabel={t('customers.people.detail.addresses.add')}\n  emptyState={{\n    title: t('customers.people.detail.addresses.emptyTitle'),\n    actionLabel: t('customers.people.detail.addresses.add'),\n  }}\n  translator={t}\n  dataAdapter={addressesAdapter}\n/>`,\n    },\n  ],\n}\n\nconst attachmentsSectionEntry: GalleryEntry = {\n  id: 'attachments-section',\n  title: 'AttachmentsSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'unsaved-record',\n      title: 'Unsaved record (recordId null \u2014 API fetch disabled)',\n      render: () => (\n        <div className=\"w-full max-w-2xl\">\n          <AttachmentsSection\n            entityId=\"customers:person\"\n            recordId={null}\n            title=\"Attachments\"\n            description=\"Files linked to this record.\"\n          />\n        </div>\n      ),\n      code: `import { AttachmentsSection } from '@open-mercato/ui/backend/detail'\n\n// Fetches /api/attachments internally once recordId is set;\n// with recordId={null} it renders the save-first placeholder.\n<AttachmentsSection\n  entityId=\"customers:person\"\n  recordId={person?.id ?? null}\n  title={t('customers.people.detail.attachments.title')}\n  description={t('customers.people.detail.attachments.description')}\n/>`,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  detailFieldsSectionEntry,\n  loadingMessageEntry,\n  errorMessageEntry,\n  notesSectionEntry,\n  addressesSectionEntry,\n  attachmentsSectionEntry,\n]\n"],
+  "sourcesContent": ["import * as React from 'react'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  AddressesSection,\n  AttachmentsSection,\n  DetailFieldsSection,\n  ErrorMessage,\n  LoadingMessage,\n  NotesSection,\n  type AddressDataAdapter,\n  type DetailFieldConfig,\n  type NotesSectionProps,\n} from '@open-mercato/ui/backend/detail'\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// Data-backed sections (Notes/Addresses) take adapter objects \u2014 the demos pass\n// inline in-memory adapters, so previews never touch an API. AttachmentsSection\n// fetches through `apiCall` internally and cannot take an adapter; it is shown\n// in its `recordId={null}` state, where fetching is disabled by design.\n\nconst saveNoop = async () => {}\n\nconst fieldGrid: DetailFieldConfig[] = [\n  {\n    key: 'first-name',\n    kind: 'text',\n    label: 'First name',\n    value: 'Anna',\n    emptyLabel: 'Add first name',\n    onSave: saveNoop,\n  },\n  {\n    key: 'phone',\n    kind: 'text',\n    label: 'Phone',\n    value: null,\n    emptyLabel: 'Add phone',\n    onSave: saveNoop,\n  },\n  {\n    key: 'status',\n    kind: 'select',\n    label: 'Status',\n    value: 'active',\n    emptyLabel: 'Set status',\n    options: [\n      { value: 'active', label: 'Active' },\n      { value: 'inactive', label: 'Inactive' },\n    ],\n    onSave: saveNoop,\n  },\n  {\n    key: 'notes',\n    kind: 'multiline',\n    label: 'Notes',\n    value: 'Prefers email contact.',\n    emptyLabel: 'Add notes',\n    onSave: saveNoop,\n    gridClassName: 'sm:col-span-2 md:col-span-3',\n  },\n]\n\nconst fieldGridWithCustom: DetailFieldConfig[] = [\n  {\n    key: 'email',\n    kind: 'text',\n    label: 'Email',\n    value: 'anna@example.com',\n    emptyLabel: 'Add email',\n    onSave: saveNoop,\n  },\n  {\n    key: 'owner',\n    kind: 'custom',\n    label: 'Owner',\n    emptyLabel: 'Unassigned',\n    render: () => (\n      <div className=\"space-y-1\">\n        <div className=\"text-xs text-muted-foreground\">Owner</div>\n        <Badge variant=\"muted\">Unassigned</Badge>\n      </div>\n    ),\n  },\n]\n\n// Sections resolve their labels through an app translator in real pages; the\n// gallery translator just surfaces each key's fallback (or last segment).\nconst galleryTranslator = (key: string, fallback?: string) =>\n  fallback ?? key.split('.').pop() ?? key\n\nconst notesAdapter: NotesSectionProps['dataAdapter'] = {\n  list: async () => [\n    {\n      id: 'note-1',\n      body: 'Asked for a revised quote \u2014 follow up on Friday.',\n      createdAt: '2026-07-15T09:30:00.000Z',\n      authorName: 'Anna Nowak',\n    },\n    {\n      id: 'note-2',\n      body: 'Prefers email contact over phone.',\n      createdAt: '2026-07-10T14:05:00.000Z',\n      authorName: 'Jan Kowalski',\n    },\n  ],\n  create: async () => {},\n  update: async () => {},\n  delete: async () => {},\n}\n\nconst addressesAdapter: AddressDataAdapter = {\n  list: async () => [\n    {\n      id: 'address-1',\n      name: 'Headquarters',\n      addressLine1: 'Prosta 51',\n      city: 'Warszawa',\n      postalCode: '00-838',\n      country: 'PL',\n      isPrimary: true,\n    },\n    {\n      id: 'address-2',\n      name: 'Warehouse',\n      addressLine1: 'Magazynowa 7',\n      city: 'Pruszk\u00F3w',\n      postalCode: '05-800',\n      country: 'PL',\n    },\n  ],\n  create: async () => {},\n  update: async () => {},\n  delete: async () => {},\n}\n\nconst detailFieldsSectionEntry: GalleryEntry = {\n  id: 'detail-fields-section',\n  title: 'DetailFieldsSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'field-grid',\n      title: 'Inline-editable field grid',\n      render: () => (\n        <div className=\"w-full\">\n          <DetailFieldsSection fields={fieldGrid} />\n        </div>\n      ),\n      code: `import { DetailFieldsSection, type DetailFieldConfig } from '@open-mercato/ui/backend/detail'\n\nconst fields: DetailFieldConfig[] = [\n  { key: 'first-name', kind: 'text', label: 'First name', value: person.firstName, emptyLabel: 'Add first name', onSave: saveFirstName },\n  { key: 'phone', kind: 'text', label: 'Phone', value: person.phone, emptyLabel: 'Add phone', onSave: savePhone },\n  {\n    key: 'status', kind: 'select', label: 'Status', value: person.status, emptyLabel: 'Set status',\n    options: [{ value: 'active', label: 'Active' }, { value: 'inactive', label: 'Inactive' }],\n    onSave: saveStatus,\n  },\n  {\n    key: 'notes', kind: 'multiline', label: 'Notes', value: person.notes, emptyLabel: 'Add notes',\n    onSave: saveNotes, gridClassName: 'sm:col-span-2 md:col-span-3',\n  },\n]\n\n<DetailFieldsSection fields={fields} />`,\n    },\n    {\n      id: 'custom-field',\n      title: 'With a custom field cell',\n      render: () => (\n        <div className=\"w-full\">\n          <DetailFieldsSection fields={fieldGridWithCustom} />\n        </div>\n      ),\n      code: `import { DetailFieldsSection, type DetailFieldConfig } from '@open-mercato/ui/backend/detail'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\n\nconst fields: DetailFieldConfig[] = [\n  { key: 'email', kind: 'text', label: 'Email', value: person.email, emptyLabel: 'Add email', onSave: saveEmail },\n  {\n    key: 'owner', kind: 'custom', label: 'Owner', emptyLabel: 'Unassigned',\n    render: () => (\n      <div className=\"space-y-1\">\n        <div className=\"text-xs text-muted-foreground\">Owner</div>\n        <Badge variant=\"muted\">Unassigned</Badge>\n      </div>\n    ),\n  },\n]\n\n<DetailFieldsSection fields={fields} />`,\n    },\n  ],\n}\n\nconst loadingMessageEntry: GalleryEntry = {\n  id: 'loading-message',\n  title: 'LoadingMessage',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <LoadingMessage label=\"Loading customer\u2026\" />\n        </div>\n      ),\n      code: `import { LoadingMessage } from '@open-mercato/ui/backend/detail'\n\nif (isLoading) return <LoadingMessage label={t('customers.people.detail.loading')} />`,\n    },\n  ],\n}\n\nconst errorMessageEntry: GalleryEntry = {\n  id: 'error-message',\n  title: 'ErrorMessage',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'basic',\n      title: 'Label only',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <ErrorMessage label=\"Failed to load customer.\" />\n        </div>\n      ),\n      code: `import { ErrorMessage } from '@open-mercato/ui/backend/detail'\n\nif (error) return <ErrorMessage label={error} />`,\n    },\n    {\n      id: 'with-description-action',\n      title: 'With description and action',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <ErrorMessage\n            label=\"Failed to load attachments.\"\n            description=\"The storage service did not respond in time.\"\n            action={\n              <Button variant=\"outline\" size=\"sm\">\n                Retry\n              </Button>\n            }\n          />\n        </div>\n      ),\n      code: `import { ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<ErrorMessage\n  label=\"Failed to load attachments.\"\n  description=\"The storage service did not respond in time.\"\n  action={<Button variant=\"outline\" size=\"sm\" onClick={retry}>Retry</Button>}\n/>`,\n    },\n  ],\n}\n\nconst notesSectionEntry: GalleryEntry = {\n  id: 'notes-section',\n  title: 'NotesSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'mock-adapter',\n      title: 'Timeline (inline mock adapter \u2014 no API)',\n      render: () => (\n        <div className=\"w-full max-w-2xl\">\n          <NotesSection\n            entityId=\"person-1\"\n            viewerUserId=\"user-1\"\n            viewerName=\"Anna Nowak\"\n            emptyLabel=\"No notes yet\"\n            addActionLabel=\"Add note\"\n            emptyState={{\n              title: 'No notes yet',\n              actionLabel: 'Add note',\n              description: 'Notes added here are visible to the whole team.',\n            }}\n            translator={galleryTranslator}\n            dataAdapter={notesAdapter}\n          />\n        </div>\n      ),\n      code: `import { NotesSection, type NotesDataAdapter } from '@open-mercato/ui/backend/detail'\n\n// Implement the adapter against your module's API (apiCall) \u2014 never fork the section.\nconst notesAdapter: NotesDataAdapter = {\n  list: async ({ entityId }) => fetchNotes(entityId),\n  create: async ({ entityId, body }) => createNote(entityId, body),\n  update: async ({ id, patch }) => updateNote(id, patch),\n  delete: async ({ id }) => deleteNote(id),\n}\n\n<NotesSection\n  entityId={personId}\n  viewerUserId={viewer.id}\n  viewerName={viewer.name}\n  emptyLabel={t('design_system.gallery.samples.notes.empty')}\n  addActionLabel={t('design_system.gallery.samples.notes.add')}\n  emptyState={{\n    title: t('design_system.gallery.samples.notes.emptyTitle'),\n    actionLabel: t('design_system.gallery.samples.notes.add'),\n  }}\n  translator={t}\n  dataAdapter={notesAdapter}\n/>`,\n    },\n  ],\n}\n\nconst addressesSectionEntry: GalleryEntry = {\n  id: 'addresses-section',\n  title: 'AddressesSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'mock-adapter',\n      title: 'Address tiles (inline mock adapter \u2014 no API)',\n      render: () => (\n        <div className=\"w-full max-w-2xl\">\n          <AddressesSection\n            entityId=\"person-1\"\n            emptyLabel=\"No addresses yet\"\n            addActionLabel=\"Add address\"\n            emptyState={{ title: 'No addresses yet', actionLabel: 'Add address' }}\n            translator={galleryTranslator}\n            dataAdapter={addressesAdapter}\n          />\n        </div>\n      ),\n      code: `import { AddressesSection, type AddressDataAdapter } from '@open-mercato/ui/backend/detail'\n\nconst addressesAdapter: AddressDataAdapter = {\n  list: async ({ entityId }) => fetchAddresses(entityId),\n  create: async ({ entityId, payload }) => createAddress(entityId, payload),\n  update: async ({ id, payload }) => updateAddress(id, payload),\n  delete: async ({ id }) => deleteAddress(id),\n}\n\n<AddressesSection\n  entityId={personId}\n  emptyLabel={t('design_system.gallery.samples.addresses.empty')}\n  addActionLabel={t('customers.people.detail.addresses.add')}\n  emptyState={{\n    title: t('design_system.gallery.samples.addresses.emptyTitle'),\n    actionLabel: t('customers.people.detail.addresses.add'),\n  }}\n  translator={t}\n  dataAdapter={addressesAdapter}\n/>`,\n    },\n  ],\n}\n\nconst attachmentsSectionEntry: GalleryEntry = {\n  id: 'attachments-section',\n  title: 'AttachmentsSection',\n  importPath: '@open-mercato/ui/backend/detail',\n  variants: [\n    {\n      id: 'unsaved-record',\n      title: 'Unsaved record (recordId null \u2014 API fetch disabled)',\n      render: () => (\n        <div className=\"w-full max-w-2xl\">\n          <AttachmentsSection\n            entityId=\"customers:person\"\n            recordId={null}\n            title=\"Attachments\"\n            description=\"Files linked to this record.\"\n          />\n        </div>\n      ),\n      code: `import { AttachmentsSection } from '@open-mercato/ui/backend/detail'\n\n// Fetches /api/attachments internally once recordId is set;\n// with recordId={null} it renders the save-first placeholder.\n<AttachmentsSection\n  entityId=\"customers:person\"\n  recordId={person?.id ?? null}\n  title={t('design_system.gallery.samples.attachments.title')}\n  description={t('design_system.gallery.samples.attachments.description')}\n/>`,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  detailFieldsSectionEntry,\n  loadingMessageEntry,\n  errorMessageEntry,\n  notesSectionEntry,\n  addressesSectionEntry,\n  attachmentsSectionEntry,\n]\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/design_system/gallery/entries/overlays.js CHANGED Viewed

@@ -124,7 +124,7 @@ import {
           ] }),
           /* @__PURE__ */ jsxs(DialogFooter, { layout: "equal", children: [
             /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Cancel" }) }),
-            /* @__PURE__ */ jsx(Button, { variant: "destructive", children: "Delete" })
+            /* @__PURE__ */ jsx(Button, { variant: "destructive-solid", children: "Delete" })
           ] })
         ] })
       ] }),
@@ -156,7 +156,7 @@ import {
       <DialogClose asChild>
         <Button variant="outline">Cancel</Button>
       </DialogClose>
-      <Button variant="destructive">Delete</Button>
+      <Button variant="destructive-solid">Delete</Button>
     </DialogFooter>
   </DialogContent>
 </Dialog>`

package/dist/modules/design_system/gallery/entries/overlays.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/design_system/gallery/entries/overlays.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport {\n  FilePlus2,\n  Info,\n  LayoutDashboard,\n  Settings,\n  TriangleAlert,\n  UserRound,\n  Users,\n} from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@open-mercato/ui/primitives/dialog'\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from '@open-mercato/ui/primitives/drawer'\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from '@open-mercato/ui/primitives/sheet'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@open-mercato/ui/primitives/popover'\nimport { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport {\n  CommandMenu,\n  CommandMenuContent,\n  CommandMenuEmpty,\n  CommandMenuFooter,\n  CommandMenuGroup,\n  CommandMenuInput,\n  CommandMenuItem,\n  CommandMenuList,\n  CommandMenuSeparator,\n  CommandMenuTrigger,\n} from '@open-mercato/ui/primitives/command-menu'\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// Every stateful overlay renders a REAL trigger in the preview stage and opens\n// uncontrolled \u2014 the actual Radix focus trap, Escape-to-close, and\n// outside-click behavior are exercised live, never imitated.\n\nconst dialogEntry: GalleryEntry = {\n  id: 'dialog',\n  title: 'Dialog',\n  importPath: '@open-mercato/ui/primitives/dialog',\n  docsAnchor: '#dialog',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <Dialog>\n          <DialogTrigger asChild>\n            <Button variant=\"outline\">Open dialog</Button>\n          </DialogTrigger>\n          <DialogContent>\n            <DialogHeader>\n              <DialogTitle>Rename view</DialogTitle>\n              <DialogDescription>\n                The new name is visible to everyone in this workspace.\n              </DialogDescription>\n            </DialogHeader>\n            <p className=\"text-sm text-muted-foreground\">\n              Press Escape or click outside to dismiss.\n            </p>\n            <DialogFooter>\n              <DialogClose asChild>\n                <Button variant=\"outline\">Cancel</Button>\n              </DialogClose>\n              <Button>Save changes</Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      ),\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n  DialogClose,\n} from '@open-mercato/ui/primitives/dialog'\n\n<Dialog>\n  <DialogTrigger asChild>\n    <Button variant=\"outline\">Open dialog</Button>\n  </DialogTrigger>\n  <DialogContent>\n    <DialogHeader>\n      <DialogTitle>Rename view</DialogTitle>\n      <DialogDescription>\n        The new name is visible to everyone in this workspace.\n      </DialogDescription>\n    </DialogHeader>\n    <DialogFooter>\n      <DialogClose asChild>\n        <Button variant=\"outline\">Cancel</Button>\n      </DialogClose>\n      <Button>Save changes</Button>\n    </DialogFooter>\n  </DialogContent>\n</Dialog>`,\n    },\n    {\n      id: 'status-leading',\n      title: 'Status leading badge',\n      render: () => (\n        <Dialog>\n          <DialogTrigger asChild>\n            <Button variant=\"destructive-outline\">Delete record</Button>\n          </DialogTrigger>\n          <DialogContent size=\"sm\">\n            <DialogHeader leading={<TriangleAlert className=\"size-4\" />} leadingTone=\"error\">\n              <DialogTitle>Delete this record?</DialogTitle>\n              <DialogDescription>\n                This removes the record from every linked view.\n              </DialogDescription>\n            </DialogHeader>\n            <DialogFooter layout=\"equal\">\n              <DialogClose asChild>\n                <Button variant=\"outline\">Cancel</Button>\n              </DialogClose>\n              <Button variant=\"destructive\">Delete</Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      ),\n      code: `import { TriangleAlert } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n  DialogClose,\n} from '@open-mercato/ui/primitives/dialog'\n\n<Dialog>\n  <DialogTrigger asChild>\n    <Button variant=\"destructive-outline\">Delete record</Button>\n  </DialogTrigger>\n  <DialogContent size=\"sm\">\n    <DialogHeader leading={<TriangleAlert className=\"size-4\" />} leadingTone=\"error\">\n      <DialogTitle>Delete this record?</DialogTitle>\n      <DialogDescription>\n        This removes the record from every linked view.\n      </DialogDescription>\n    </DialogHeader>\n    <DialogFooter layout=\"equal\">\n      <DialogClose asChild>\n        <Button variant=\"outline\">Cancel</Button>\n      </DialogClose>\n      <Button variant=\"destructive\">Delete</Button>\n    </DialogFooter>\n  </DialogContent>\n</Dialog>`,\n    },\n  ],\n}\n\nconst drawerEntry: GalleryEntry = {\n  id: 'drawer',\n  title: 'Drawer',\n  importPath: '@open-mercato/ui/primitives/drawer',\n  docsAnchor: '#drawer',\n  figmaNodeId: '486:7366',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <Drawer>\n          <DrawerTrigger asChild>\n            <Button variant=\"outline\">Open drawer</Button>\n          </DrawerTrigger>\n          <DrawerContent>\n            <DrawerHeader>\n              <DrawerTitle>Edit person</DrawerTitle>\n              <DrawerDescription>Update the contact details below.</DrawerDescription>\n            </DrawerHeader>\n            <DrawerBody>\n              <div className=\"divide-y divide-input text-sm\">\n                <div className=\"flex items-center justify-between py-3\">\n                  <span className=\"text-muted-foreground\">Name</span>\n                  <span className=\"text-foreground\">Anna Kowalska</span>\n                </div>\n                <div className=\"flex items-center justify-between py-3\">\n                  <span className=\"text-muted-foreground\">Role</span>\n                  <span className=\"text-foreground\">Account manager</span>\n                </div>\n                <div className=\"flex items-center justify-between py-3\">\n                  <span className=\"text-muted-foreground\">Team</span>\n                  <span className=\"text-foreground\">Sales EU</span>\n                </div>\n              </div>\n            </DrawerBody>\n            <DrawerFooter layout=\"equal\">\n              <DrawerClose asChild>\n                <Button variant=\"outline\">Cancel</Button>\n              </DrawerClose>\n              <Button>Save changes</Button>\n            </DrawerFooter>\n          </DrawerContent>\n        </Drawer>\n      ),\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Drawer,\n  DrawerTrigger,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerBody,\n  DrawerFooter,\n  DrawerClose,\n} from '@open-mercato/ui/primitives/drawer'\n\n<Drawer>\n  <DrawerTrigger asChild>\n    <Button variant=\"outline\">Open drawer</Button>\n  </DrawerTrigger>\n  <DrawerContent>\n    <DrawerHeader>\n      <DrawerTitle>Edit person</DrawerTitle>\n      <DrawerDescription>Update the contact details below.</DrawerDescription>\n    </DrawerHeader>\n    <DrawerBody>{/* content */}</DrawerBody>\n    <DrawerFooter layout=\"equal\">\n      <DrawerClose asChild>\n        <Button variant=\"outline\">Cancel</Button>\n      </DrawerClose>\n      <Button>Save changes</Button>\n    </DrawerFooter>\n  </DrawerContent>\n</Drawer>`,\n    },\n    {\n      id: 'leading-icon',\n      title: 'Header leading icon',\n      render: () => (\n        <Drawer>\n          <DrawerTrigger asChild>\n            <Button variant=\"outline\">Open profile drawer</Button>\n          </DrawerTrigger>\n          <DrawerContent>\n            <DrawerHeader leading={<UserRound className=\"size-4\" />}>\n              <DrawerTitle>Profile details</DrawerTitle>\n              <DrawerDescription>Read-only summary of this account.</DrawerDescription>\n            </DrawerHeader>\n            <DrawerBody>\n              <p className=\"text-sm text-muted-foreground\">\n                The header badge takes any Lucide icon via the <code>leading</code> prop.\n              </p>\n            </DrawerBody>\n            <DrawerFooter layout=\"equal\">\n              <DrawerClose asChild>\n                <Button variant=\"outline\">Cancel</Button>\n              </DrawerClose>\n              <Button>Continue</Button>\n            </DrawerFooter>\n          </DrawerContent>\n        </Drawer>\n      ),\n      code: `import { UserRound } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Drawer,\n  DrawerTrigger,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerBody,\n  DrawerFooter,\n  DrawerClose,\n} from '@open-mercato/ui/primitives/drawer'\n\n<Drawer>\n  <DrawerTrigger asChild>\n    <Button variant=\"outline\">Open profile drawer</Button>\n  </DrawerTrigger>\n  <DrawerContent>\n    <DrawerHeader leading={<UserRound className=\"size-4\" />}>\n      <DrawerTitle>Profile details</DrawerTitle>\n      <DrawerDescription>Read-only summary of this account.</DrawerDescription>\n    </DrawerHeader>\n    <DrawerBody>{/* content */}</DrawerBody>\n    <DrawerFooter layout=\"equal\">\n      <DrawerClose asChild>\n        <Button variant=\"outline\">Cancel</Button>\n      </DrawerClose>\n      <Button>Continue</Button>\n    </DrawerFooter>\n  </DrawerContent>\n</Drawer>`,\n    },\n  ],\n}\n\nconst sheetEntry: GalleryEntry = {\n  id: 'sheet',\n  title: 'Sheet',\n  importPath: '@open-mercato/ui/primitives/sheet',\n  variants: [\n    {\n      id: 'right',\n      title: 'right (default)',\n      render: () => (\n        <Sheet>\n          <SheetTrigger asChild>\n            <Button variant=\"outline\">Open sheet</Button>\n          </SheetTrigger>\n          <SheetContent>\n            <SheetHeader>\n              <SheetTitle>Filters</SheetTitle>\n              <SheetDescription>Narrow down the current list.</SheetDescription>\n            </SheetHeader>\n            <div className=\"flex-1 px-4 text-sm text-muted-foreground\">\n              Sheet body content scrolls independently of the header and footer.\n            </div>\n            <SheetFooter>\n              <Button variant=\"outline\">Reset</Button>\n              <Button>Apply</Button>\n            </SheetFooter>\n          </SheetContent>\n        </Sheet>\n      ),\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n  SheetFooter,\n} from '@open-mercato/ui/primitives/sheet'\n\n<Sheet>\n  <SheetTrigger asChild>\n    <Button variant=\"outline\">Open sheet</Button>\n  </SheetTrigger>\n  <SheetContent>\n    <SheetHeader>\n      <SheetTitle>Filters</SheetTitle>\n      <SheetDescription>Narrow down the current list.</SheetDescription>\n    </SheetHeader>\n    {/* body */}\n    <SheetFooter>\n      <Button variant=\"outline\">Reset</Button>\n      <Button>Apply</Button>\n    </SheetFooter>\n  </SheetContent>\n</Sheet>`,\n    },\n    {\n      id: 'left',\n      title: 'side=\"left\"',\n      render: () => (\n        <Sheet>\n          <SheetTrigger asChild>\n            <Button variant=\"outline\">Open left sheet</Button>\n          </SheetTrigger>\n          <SheetContent side=\"left\">\n            <SheetHeader>\n              <SheetTitle>Navigation</SheetTitle>\n              <SheetDescription>Slides in from the left edge.</SheetDescription>\n            </SheetHeader>\n            <div className=\"flex-1 px-4 text-sm text-muted-foreground\">\n              Use the left side for mobile menus and secondary navigation.\n            </div>\n          </SheetContent>\n        </Sheet>\n      ),\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n} from '@open-mercato/ui/primitives/sheet'\n\n<Sheet>\n  <SheetTrigger asChild>\n    <Button variant=\"outline\">Open left sheet</Button>\n  </SheetTrigger>\n  <SheetContent side=\"left\">\n    <SheetHeader>\n      <SheetTitle>Navigation</SheetTitle>\n      <SheetDescription>Slides in from the left edge.</SheetDescription>\n    </SheetHeader>\n    {/* body */}\n  </SheetContent>\n</Sheet>`,\n    },\n  ],\n}\n\nconst popoverEntry: GalleryEntry = {\n  id: 'popover',\n  title: 'Popover',\n  importPath: '@open-mercato/ui/primitives/popover',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button variant=\"outline\">Open popover</Button>\n          </PopoverTrigger>\n          <PopoverContent className=\"p-4\">\n            <div className=\"flex flex-col gap-1\">\n              <span className=\"text-sm font-medium text-foreground\">Display density</span>\n              <span className=\"text-sm text-muted-foreground\">\n                Anchored to its trigger; Escape and outside-click dismiss it.\n              </span>\n            </div>\n          </PopoverContent>\n        </Popover>\n      ),\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n} from '@open-mercato/ui/primitives/popover'\n\n<Popover>\n  <PopoverTrigger asChild>\n    <Button variant=\"outline\">Open popover</Button>\n  </PopoverTrigger>\n  <PopoverContent className=\"p-4\">\n    {/* content */}\n  </PopoverContent>\n</Popover>`,\n    },\n    {\n      id: 'align-end',\n      title: 'align=\"end\" + side=\"top\"',\n      render: () => (\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button variant=\"outline\">Open above</Button>\n          </PopoverTrigger>\n          <PopoverContent side=\"top\" align=\"end\" className=\"p-4\">\n            <span className=\"text-sm text-muted-foreground\">\n              Placement follows Radix side/align props and flips when space runs out.\n            </span>\n          </PopoverContent>\n        </Popover>\n      ),\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n} from '@open-mercato/ui/primitives/popover'\n\n<Popover>\n  <PopoverTrigger asChild>\n    <Button variant=\"outline\">Open above</Button>\n  </PopoverTrigger>\n  <PopoverContent side=\"top\" align=\"end\" className=\"p-4\">\n    {/* content */}\n  </PopoverContent>\n</Popover>`,\n    },\n  ],\n}\n\nconst tooltipEntry: GalleryEntry = {\n  id: 'tooltip',\n  title: 'Tooltip',\n  importPath: '@open-mercato/ui/primitives/tooltip',\n  docsAnchor: '#tooltip--simpletooltip',\n  variants: [\n    {\n      id: 'default',\n      title: 'default (dark)',\n      render: () => (\n        <SimpleTooltip content=\"Duplicates this view with all filters\">\n          <Button variant=\"outline\">Hover me</Button>\n        </SimpleTooltip>\n      ),\n      code: `import { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<SimpleTooltip content=\"Duplicates this view with all filters\">\n  <Button variant=\"outline\">Hover me</Button>\n</SimpleTooltip>`,\n    },\n    {\n      id: 'light',\n      title: 'light',\n      render: () => (\n        <SimpleTooltip content=\"Help text on a light surface\" variant=\"light\">\n          <Button variant=\"outline\">\n            <Info />\n            Light variant\n          </Button>\n        </SimpleTooltip>\n      ),\n      code: `import { Info } from 'lucide-react'\nimport { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<SimpleTooltip content=\"Help text on a light surface\" variant=\"light\">\n  <Button variant=\"outline\"><Info />Light variant</Button>\n</SimpleTooltip>`,\n    },\n    {\n      id: 'sizes',\n      title: 'Sizes',\n      render: () => (\n        <>\n          <SimpleTooltip content=\"Small\" size=\"sm\">\n            <Button variant=\"outline\" size=\"sm\">sm</Button>\n          </SimpleTooltip>\n          <SimpleTooltip content=\"Default\">\n            <Button variant=\"outline\" size=\"sm\">default</Button>\n          </SimpleTooltip>\n          <SimpleTooltip content=\"Large tooltip for longer helper copy\" size=\"lg\">\n            <Button variant=\"outline\" size=\"sm\">lg</Button>\n          </SimpleTooltip>\n        </>\n      ),\n      code: `import { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<SimpleTooltip content=\"Small\" size=\"sm\">\n  <Button variant=\"outline\" size=\"sm\">sm</Button>\n</SimpleTooltip>\n<SimpleTooltip content=\"Default\">\n  <Button variant=\"outline\" size=\"sm\">default</Button>\n</SimpleTooltip>\n<SimpleTooltip content=\"Large tooltip for longer helper copy\" size=\"lg\">\n  <Button variant=\"outline\" size=\"sm\">lg</Button>\n</SimpleTooltip>`,\n    },\n  ],\n}\n\nconst commandMenuEntry: GalleryEntry = {\n  id: 'command-menu',\n  title: 'CommandMenu',\n  importPath: '@open-mercato/ui/primitives/command-menu',\n  docsAnchor: '#commandmenu',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <CommandMenu>\n          <CommandMenuTrigger asChild>\n            <Button variant=\"outline\">Open command menu</Button>\n          </CommandMenuTrigger>\n          <CommandMenuContent>\n            <CommandMenuInput placeholder=\"Search actions...\" />\n            <CommandMenuList>\n              <CommandMenuEmpty>No results.</CommandMenuEmpty>\n              <CommandMenuGroup heading=\"Actions\">\n                <CommandMenuItem leading={<FilePlus2 className=\"size-4 text-muted-foreground\" />}>\n                  Create record\n                </CommandMenuItem>\n                <CommandMenuItem leading={<Users className=\"size-4 text-muted-foreground\" />} description=\"Invite teammates to this workspace\">\n                  Manage members\n                </CommandMenuItem>\n              </CommandMenuGroup>\n              <CommandMenuSeparator />\n              <CommandMenuGroup heading=\"Navigate\">\n                <CommandMenuItem leading={<LayoutDashboard className=\"size-4 text-muted-foreground\" />}>\n                  Go to dashboard\n                </CommandMenuItem>\n                <CommandMenuItem leading={<Settings className=\"size-4 text-muted-foreground\" />}>\n                  Open settings\n                </CommandMenuItem>\n              </CommandMenuGroup>\n            </CommandMenuList>\n            <CommandMenuFooter />\n          </CommandMenuContent>\n        </CommandMenu>\n      ),\n      code: `import { FilePlus2, LayoutDashboard, Settings, Users } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  CommandMenu,\n  CommandMenuTrigger,\n  CommandMenuContent,\n  CommandMenuInput,\n  CommandMenuList,\n  CommandMenuEmpty,\n  CommandMenuGroup,\n  CommandMenuItem,\n  CommandMenuSeparator,\n  CommandMenuFooter,\n} from '@open-mercato/ui/primitives/command-menu'\n\n<CommandMenu>\n  <CommandMenuTrigger asChild>\n    <Button variant=\"outline\">Open command menu</Button>\n  </CommandMenuTrigger>\n  <CommandMenuContent>\n    <CommandMenuInput placeholder=\"Search actions...\" />\n    <CommandMenuList>\n      <CommandMenuEmpty>No results.</CommandMenuEmpty>\n      <CommandMenuGroup heading=\"Actions\">\n        <CommandMenuItem leading={<FilePlus2 className=\"size-4\" />}>\n          Create record\n        </CommandMenuItem>\n        <CommandMenuItem leading={<Users className=\"size-4\" />} description=\"Invite teammates to this workspace\">\n          Manage members\n        </CommandMenuItem>\n      </CommandMenuGroup>\n      <CommandMenuSeparator />\n      <CommandMenuGroup heading=\"Navigate\">\n        <CommandMenuItem leading={<LayoutDashboard className=\"size-4\" />}>\n          Go to dashboard\n        </CommandMenuItem>\n        <CommandMenuItem leading={<Settings className=\"size-4\" />}>\n          Open settings\n        </CommandMenuItem>\n      </CommandMenuGroup>\n    </CommandMenuList>\n    <CommandMenuFooter />\n  </CommandMenuContent>\n</CommandMenu>`,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  dialogEntry,\n  drawerEntry,\n  sheetEntry,\n  popoverEntry,\n  tooltipEntry,\n  commandMenuEntry,\n]\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport {\n  FilePlus2,\n  Info,\n  LayoutDashboard,\n  Settings,\n  TriangleAlert,\n  UserRound,\n  Users,\n} from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@open-mercato/ui/primitives/dialog'\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from '@open-mercato/ui/primitives/drawer'\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from '@open-mercato/ui/primitives/sheet'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@open-mercato/ui/primitives/popover'\nimport { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport {\n  CommandMenu,\n  CommandMenuContent,\n  CommandMenuEmpty,\n  CommandMenuFooter,\n  CommandMenuGroup,\n  CommandMenuInput,\n  CommandMenuItem,\n  CommandMenuList,\n  CommandMenuSeparator,\n  CommandMenuTrigger,\n} from '@open-mercato/ui/primitives/command-menu'\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// Every stateful overlay renders a REAL trigger in the preview stage and opens\n// uncontrolled \u2014 the actual Radix focus trap, Escape-to-close, and\n// outside-click behavior are exercised live, never imitated.\n\nconst dialogEntry: GalleryEntry = {\n  id: 'dialog',\n  title: 'Dialog',\n  importPath: '@open-mercato/ui/primitives/dialog',\n  docsAnchor: '#dialog',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <Dialog>\n          <DialogTrigger asChild>\n            <Button variant=\"outline\">Open dialog</Button>\n          </DialogTrigger>\n          <DialogContent>\n            <DialogHeader>\n              <DialogTitle>Rename view</DialogTitle>\n              <DialogDescription>\n                The new name is visible to everyone in this workspace.\n              </DialogDescription>\n            </DialogHeader>\n            <p className=\"text-sm text-muted-foreground\">\n              Press Escape or click outside to dismiss.\n            </p>\n            <DialogFooter>\n              <DialogClose asChild>\n                <Button variant=\"outline\">Cancel</Button>\n              </DialogClose>\n              <Button>Save changes</Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      ),\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n  DialogClose,\n} from '@open-mercato/ui/primitives/dialog'\n\n<Dialog>\n  <DialogTrigger asChild>\n    <Button variant=\"outline\">Open dialog</Button>\n  </DialogTrigger>\n  <DialogContent>\n    <DialogHeader>\n      <DialogTitle>Rename view</DialogTitle>\n      <DialogDescription>\n        The new name is visible to everyone in this workspace.\n      </DialogDescription>\n    </DialogHeader>\n    <DialogFooter>\n      <DialogClose asChild>\n        <Button variant=\"outline\">Cancel</Button>\n      </DialogClose>\n      <Button>Save changes</Button>\n    </DialogFooter>\n  </DialogContent>\n</Dialog>`,\n    },\n    {\n      id: 'status-leading',\n      title: 'Status leading badge',\n      render: () => (\n        <Dialog>\n          <DialogTrigger asChild>\n            <Button variant=\"destructive-outline\">Delete record</Button>\n          </DialogTrigger>\n          <DialogContent size=\"sm\">\n            <DialogHeader leading={<TriangleAlert className=\"size-4\" />} leadingTone=\"error\">\n              <DialogTitle>Delete this record?</DialogTitle>\n              <DialogDescription>\n                This removes the record from every linked view.\n              </DialogDescription>\n            </DialogHeader>\n            <DialogFooter layout=\"equal\">\n              <DialogClose asChild>\n                <Button variant=\"outline\">Cancel</Button>\n              </DialogClose>\n              <Button variant=\"destructive-solid\">Delete</Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      ),\n      code: `import { TriangleAlert } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n  DialogClose,\n} from '@open-mercato/ui/primitives/dialog'\n\n<Dialog>\n  <DialogTrigger asChild>\n    <Button variant=\"destructive-outline\">Delete record</Button>\n  </DialogTrigger>\n  <DialogContent size=\"sm\">\n    <DialogHeader leading={<TriangleAlert className=\"size-4\" />} leadingTone=\"error\">\n      <DialogTitle>Delete this record?</DialogTitle>\n      <DialogDescription>\n        This removes the record from every linked view.\n      </DialogDescription>\n    </DialogHeader>\n    <DialogFooter layout=\"equal\">\n      <DialogClose asChild>\n        <Button variant=\"outline\">Cancel</Button>\n      </DialogClose>\n      <Button variant=\"destructive-solid\">Delete</Button>\n    </DialogFooter>\n  </DialogContent>\n</Dialog>`,\n    },\n  ],\n}\n\nconst drawerEntry: GalleryEntry = {\n  id: 'drawer',\n  title: 'Drawer',\n  importPath: '@open-mercato/ui/primitives/drawer',\n  docsAnchor: '#drawer',\n  figmaNodeId: '486:7366',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <Drawer>\n          <DrawerTrigger asChild>\n            <Button variant=\"outline\">Open drawer</Button>\n          </DrawerTrigger>\n          <DrawerContent>\n            <DrawerHeader>\n              <DrawerTitle>Edit person</DrawerTitle>\n              <DrawerDescription>Update the contact details below.</DrawerDescription>\n            </DrawerHeader>\n            <DrawerBody>\n              <div className=\"divide-y divide-input text-sm\">\n                <div className=\"flex items-center justify-between py-3\">\n                  <span className=\"text-muted-foreground\">Name</span>\n                  <span className=\"text-foreground\">Anna Kowalska</span>\n                </div>\n                <div className=\"flex items-center justify-between py-3\">\n                  <span className=\"text-muted-foreground\">Role</span>\n                  <span className=\"text-foreground\">Account manager</span>\n                </div>\n                <div className=\"flex items-center justify-between py-3\">\n                  <span className=\"text-muted-foreground\">Team</span>\n                  <span className=\"text-foreground\">Sales EU</span>\n                </div>\n              </div>\n            </DrawerBody>\n            <DrawerFooter layout=\"equal\">\n              <DrawerClose asChild>\n                <Button variant=\"outline\">Cancel</Button>\n              </DrawerClose>\n              <Button>Save changes</Button>\n            </DrawerFooter>\n          </DrawerContent>\n        </Drawer>\n      ),\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Drawer,\n  DrawerTrigger,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerBody,\n  DrawerFooter,\n  DrawerClose,\n} from '@open-mercato/ui/primitives/drawer'\n\n<Drawer>\n  <DrawerTrigger asChild>\n    <Button variant=\"outline\">Open drawer</Button>\n  </DrawerTrigger>\n  <DrawerContent>\n    <DrawerHeader>\n      <DrawerTitle>Edit person</DrawerTitle>\n      <DrawerDescription>Update the contact details below.</DrawerDescription>\n    </DrawerHeader>\n    <DrawerBody>{/* content */}</DrawerBody>\n    <DrawerFooter layout=\"equal\">\n      <DrawerClose asChild>\n        <Button variant=\"outline\">Cancel</Button>\n      </DrawerClose>\n      <Button>Save changes</Button>\n    </DrawerFooter>\n  </DrawerContent>\n</Drawer>`,\n    },\n    {\n      id: 'leading-icon',\n      title: 'Header leading icon',\n      render: () => (\n        <Drawer>\n          <DrawerTrigger asChild>\n            <Button variant=\"outline\">Open profile drawer</Button>\n          </DrawerTrigger>\n          <DrawerContent>\n            <DrawerHeader leading={<UserRound className=\"size-4\" />}>\n              <DrawerTitle>Profile details</DrawerTitle>\n              <DrawerDescription>Read-only summary of this account.</DrawerDescription>\n            </DrawerHeader>\n            <DrawerBody>\n              <p className=\"text-sm text-muted-foreground\">\n                The header badge takes any Lucide icon via the <code>leading</code> prop.\n              </p>\n            </DrawerBody>\n            <DrawerFooter layout=\"equal\">\n              <DrawerClose asChild>\n                <Button variant=\"outline\">Cancel</Button>\n              </DrawerClose>\n              <Button>Continue</Button>\n            </DrawerFooter>\n          </DrawerContent>\n        </Drawer>\n      ),\n      code: `import { UserRound } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Drawer,\n  DrawerTrigger,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerBody,\n  DrawerFooter,\n  DrawerClose,\n} from '@open-mercato/ui/primitives/drawer'\n\n<Drawer>\n  <DrawerTrigger asChild>\n    <Button variant=\"outline\">Open profile drawer</Button>\n  </DrawerTrigger>\n  <DrawerContent>\n    <DrawerHeader leading={<UserRound className=\"size-4\" />}>\n      <DrawerTitle>Profile details</DrawerTitle>\n      <DrawerDescription>Read-only summary of this account.</DrawerDescription>\n    </DrawerHeader>\n    <DrawerBody>{/* content */}</DrawerBody>\n    <DrawerFooter layout=\"equal\">\n      <DrawerClose asChild>\n        <Button variant=\"outline\">Cancel</Button>\n      </DrawerClose>\n      <Button>Continue</Button>\n    </DrawerFooter>\n  </DrawerContent>\n</Drawer>`,\n    },\n  ],\n}\n\nconst sheetEntry: GalleryEntry = {\n  id: 'sheet',\n  title: 'Sheet',\n  importPath: '@open-mercato/ui/primitives/sheet',\n  variants: [\n    {\n      id: 'right',\n      title: 'right (default)',\n      render: () => (\n        <Sheet>\n          <SheetTrigger asChild>\n            <Button variant=\"outline\">Open sheet</Button>\n          </SheetTrigger>\n          <SheetContent>\n            <SheetHeader>\n              <SheetTitle>Filters</SheetTitle>\n              <SheetDescription>Narrow down the current list.</SheetDescription>\n            </SheetHeader>\n            <div className=\"flex-1 px-4 text-sm text-muted-foreground\">\n              Sheet body content scrolls independently of the header and footer.\n            </div>\n            <SheetFooter>\n              <Button variant=\"outline\">Reset</Button>\n              <Button>Apply</Button>\n            </SheetFooter>\n          </SheetContent>\n        </Sheet>\n      ),\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n  SheetFooter,\n} from '@open-mercato/ui/primitives/sheet'\n\n<Sheet>\n  <SheetTrigger asChild>\n    <Button variant=\"outline\">Open sheet</Button>\n  </SheetTrigger>\n  <SheetContent>\n    <SheetHeader>\n      <SheetTitle>Filters</SheetTitle>\n      <SheetDescription>Narrow down the current list.</SheetDescription>\n    </SheetHeader>\n    {/* body */}\n    <SheetFooter>\n      <Button variant=\"outline\">Reset</Button>\n      <Button>Apply</Button>\n    </SheetFooter>\n  </SheetContent>\n</Sheet>`,\n    },\n    {\n      id: 'left',\n      title: 'side=\"left\"',\n      render: () => (\n        <Sheet>\n          <SheetTrigger asChild>\n            <Button variant=\"outline\">Open left sheet</Button>\n          </SheetTrigger>\n          <SheetContent side=\"left\">\n            <SheetHeader>\n              <SheetTitle>Navigation</SheetTitle>\n              <SheetDescription>Slides in from the left edge.</SheetDescription>\n            </SheetHeader>\n            <div className=\"flex-1 px-4 text-sm text-muted-foreground\">\n              Use the left side for mobile menus and secondary navigation.\n            </div>\n          </SheetContent>\n        </Sheet>\n      ),\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n} from '@open-mercato/ui/primitives/sheet'\n\n<Sheet>\n  <SheetTrigger asChild>\n    <Button variant=\"outline\">Open left sheet</Button>\n  </SheetTrigger>\n  <SheetContent side=\"left\">\n    <SheetHeader>\n      <SheetTitle>Navigation</SheetTitle>\n      <SheetDescription>Slides in from the left edge.</SheetDescription>\n    </SheetHeader>\n    {/* body */}\n  </SheetContent>\n</Sheet>`,\n    },\n  ],\n}\n\nconst popoverEntry: GalleryEntry = {\n  id: 'popover',\n  title: 'Popover',\n  importPath: '@open-mercato/ui/primitives/popover',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button variant=\"outline\">Open popover</Button>\n          </PopoverTrigger>\n          <PopoverContent className=\"p-4\">\n            <div className=\"flex flex-col gap-1\">\n              <span className=\"text-sm font-medium text-foreground\">Display density</span>\n              <span className=\"text-sm text-muted-foreground\">\n                Anchored to its trigger; Escape and outside-click dismiss it.\n              </span>\n            </div>\n          </PopoverContent>\n        </Popover>\n      ),\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n} from '@open-mercato/ui/primitives/popover'\n\n<Popover>\n  <PopoverTrigger asChild>\n    <Button variant=\"outline\">Open popover</Button>\n  </PopoverTrigger>\n  <PopoverContent className=\"p-4\">\n    {/* content */}\n  </PopoverContent>\n</Popover>`,\n    },\n    {\n      id: 'align-end',\n      title: 'align=\"end\" + side=\"top\"',\n      render: () => (\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button variant=\"outline\">Open above</Button>\n          </PopoverTrigger>\n          <PopoverContent side=\"top\" align=\"end\" className=\"p-4\">\n            <span className=\"text-sm text-muted-foreground\">\n              Placement follows Radix side/align props and flips when space runs out.\n            </span>\n          </PopoverContent>\n        </Popover>\n      ),\n      code: `import { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n} from '@open-mercato/ui/primitives/popover'\n\n<Popover>\n  <PopoverTrigger asChild>\n    <Button variant=\"outline\">Open above</Button>\n  </PopoverTrigger>\n  <PopoverContent side=\"top\" align=\"end\" className=\"p-4\">\n    {/* content */}\n  </PopoverContent>\n</Popover>`,\n    },\n  ],\n}\n\nconst tooltipEntry: GalleryEntry = {\n  id: 'tooltip',\n  title: 'Tooltip',\n  importPath: '@open-mercato/ui/primitives/tooltip',\n  docsAnchor: '#tooltip--simpletooltip',\n  variants: [\n    {\n      id: 'default',\n      title: 'default (dark)',\n      render: () => (\n        <SimpleTooltip content=\"Duplicates this view with all filters\">\n          <Button variant=\"outline\">Hover me</Button>\n        </SimpleTooltip>\n      ),\n      code: `import { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<SimpleTooltip content=\"Duplicates this view with all filters\">\n  <Button variant=\"outline\">Hover me</Button>\n</SimpleTooltip>`,\n    },\n    {\n      id: 'light',\n      title: 'light',\n      render: () => (\n        <SimpleTooltip content=\"Help text on a light surface\" variant=\"light\">\n          <Button variant=\"outline\">\n            <Info />\n            Light variant\n          </Button>\n        </SimpleTooltip>\n      ),\n      code: `import { Info } from 'lucide-react'\nimport { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<SimpleTooltip content=\"Help text on a light surface\" variant=\"light\">\n  <Button variant=\"outline\"><Info />Light variant</Button>\n</SimpleTooltip>`,\n    },\n    {\n      id: 'sizes',\n      title: 'Sizes',\n      render: () => (\n        <>\n          <SimpleTooltip content=\"Small\" size=\"sm\">\n            <Button variant=\"outline\" size=\"sm\">sm</Button>\n          </SimpleTooltip>\n          <SimpleTooltip content=\"Default\">\n            <Button variant=\"outline\" size=\"sm\">default</Button>\n          </SimpleTooltip>\n          <SimpleTooltip content=\"Large tooltip for longer helper copy\" size=\"lg\">\n            <Button variant=\"outline\" size=\"sm\">lg</Button>\n          </SimpleTooltip>\n        </>\n      ),\n      code: `import { SimpleTooltip } from '@open-mercato/ui/primitives/tooltip'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<SimpleTooltip content=\"Small\" size=\"sm\">\n  <Button variant=\"outline\" size=\"sm\">sm</Button>\n</SimpleTooltip>\n<SimpleTooltip content=\"Default\">\n  <Button variant=\"outline\" size=\"sm\">default</Button>\n</SimpleTooltip>\n<SimpleTooltip content=\"Large tooltip for longer helper copy\" size=\"lg\">\n  <Button variant=\"outline\" size=\"sm\">lg</Button>\n</SimpleTooltip>`,\n    },\n  ],\n}\n\nconst commandMenuEntry: GalleryEntry = {\n  id: 'command-menu',\n  title: 'CommandMenu',\n  importPath: '@open-mercato/ui/primitives/command-menu',\n  docsAnchor: '#commandmenu',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <CommandMenu>\n          <CommandMenuTrigger asChild>\n            <Button variant=\"outline\">Open command menu</Button>\n          </CommandMenuTrigger>\n          <CommandMenuContent>\n            <CommandMenuInput placeholder=\"Search actions...\" />\n            <CommandMenuList>\n              <CommandMenuEmpty>No results.</CommandMenuEmpty>\n              <CommandMenuGroup heading=\"Actions\">\n                <CommandMenuItem leading={<FilePlus2 className=\"size-4 text-muted-foreground\" />}>\n                  Create record\n                </CommandMenuItem>\n                <CommandMenuItem leading={<Users className=\"size-4 text-muted-foreground\" />} description=\"Invite teammates to this workspace\">\n                  Manage members\n                </CommandMenuItem>\n              </CommandMenuGroup>\n              <CommandMenuSeparator />\n              <CommandMenuGroup heading=\"Navigate\">\n                <CommandMenuItem leading={<LayoutDashboard className=\"size-4 text-muted-foreground\" />}>\n                  Go to dashboard\n                </CommandMenuItem>\n                <CommandMenuItem leading={<Settings className=\"size-4 text-muted-foreground\" />}>\n                  Open settings\n                </CommandMenuItem>\n              </CommandMenuGroup>\n            </CommandMenuList>\n            <CommandMenuFooter />\n          </CommandMenuContent>\n        </CommandMenu>\n      ),\n      code: `import { FilePlus2, LayoutDashboard, Settings, Users } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  CommandMenu,\n  CommandMenuTrigger,\n  CommandMenuContent,\n  CommandMenuInput,\n  CommandMenuList,\n  CommandMenuEmpty,\n  CommandMenuGroup,\n  CommandMenuItem,\n  CommandMenuSeparator,\n  CommandMenuFooter,\n} from '@open-mercato/ui/primitives/command-menu'\n\n<CommandMenu>\n  <CommandMenuTrigger asChild>\n    <Button variant=\"outline\">Open command menu</Button>\n  </CommandMenuTrigger>\n  <CommandMenuContent>\n    <CommandMenuInput placeholder=\"Search actions...\" />\n    <CommandMenuList>\n      <CommandMenuEmpty>No results.</CommandMenuEmpty>\n      <CommandMenuGroup heading=\"Actions\">\n        <CommandMenuItem leading={<FilePlus2 className=\"size-4\" />}>\n          Create record\n        </CommandMenuItem>\n        <CommandMenuItem leading={<Users className=\"size-4\" />} description=\"Invite teammates to this workspace\">\n          Manage members\n        </CommandMenuItem>\n      </CommandMenuGroup>\n      <CommandMenuSeparator />\n      <CommandMenuGroup heading=\"Navigate\">\n        <CommandMenuItem leading={<LayoutDashboard className=\"size-4\" />}>\n          Go to dashboard\n        </CommandMenuItem>\n        <CommandMenuItem leading={<Settings className=\"size-4\" />}>\n          Open settings\n        </CommandMenuItem>\n      </CommandMenuGroup>\n    </CommandMenuList>\n    <CommandMenuFooter />\n  </CommandMenuContent>\n</CommandMenu>`,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  dialogEntry,\n  drawerEntry,\n  sheetEntry,\n  popoverEntry,\n  tooltipEntry,\n  commandMenuEntry,\n]\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/design_system/gallery/entries/scaffolding.js CHANGED Viewed

@@ -66,7 +66,7 @@ const pageEntry = {
       code: `import { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'
 <Page>
-  <PageHeader title={t('currencies.list.title')} description={t('currencies.list.description')} />
+  <PageHeader title={t('currencies.list.title')} description={t('design_system.gallery.samples.listDescription')} />
   <PageBody>{/* DataTable, sections\u2026 */}</PageBody>
 </Page>`
     },
@@ -133,7 +133,7 @@ import { SectionHeader } from '@open-mercato/ui/backend/SectionHeader'
 import { Button } from '@open-mercato/ui/primitives/button'
 <SectionHeader
-  title={t('customers.people.detail.addresses.title')}
+  title={t('design_system.gallery.samples.addresses.title')}
   count={addresses.length}
   action={<Button variant="ghost" size="sm"><Plus className="size-4" /> {t('common.add')}</Button>}
 />`
@@ -144,7 +144,7 @@ import { Button } from '@open-mercato/ui/primitives/button'
       render: () => /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsx(CollapsibleSection, { title: "Billing details", count: 2, children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed p-4 text-sm text-muted-foreground", children: "Section content" }) }) }),
       code: `import { CollapsibleSection } from '@open-mercato/ui/backend/SectionHeader'
-<CollapsibleSection title={t('billing.details.title')} count={2}>
+<CollapsibleSection title={t('design_system.gallery.samples.billingDetails')} count={2}>
   {/* section content */}
 </CollapsibleSection>`
     }
@@ -173,7 +173,7 @@ const sections: SectionNavGroup[] = [
   },
 ]
-<SectionPage title={t('profile.title')} sections={sections} activePath={pathname}>
+<SectionPage title={t('profile.page.title')} sections={sections} activePath={pathname}>
   {children}
 </SectionPage>`
     },
@@ -186,7 +186,7 @@ const sections: SectionNavGroup[] = [
 const [collapsed, setCollapsed] = React.useState(false)
 <SectionNav
-  title={t('profile.title')}
+  title={t('profile.page.title')}
   sections={sections}
   activePath={pathname}
   collapsed={collapsed}
@@ -221,7 +221,7 @@ const formHeaderEntry = {
 <FormHeader
   backHref="/backend/products"
   backLabel={t('ui.navigation.back')}
-  title={t('products.edit.title')}
+  title={t('catalog.products.edit.title')}
   actions={{
     cancelHref: '/backend/products',
     cancelLabel: t('ui.forms.actions.cancel'),
@@ -258,9 +258,9 @@ import { FormHeader } from '@open-mercato/ui/backend/forms'
 <FormHeader
   mode="detail"
   backHref="/backend/customers/companies"
-  entityTypeLabel={t('customers.companies.detail.entityType')}
+  entityTypeLabel={t('design_system.gallery.samples.entityType')}
   title={company.name}
-  subtitle={t('customers.companies.detail.createdAt', { date: createdAt })}
+  subtitle={t('design_system.gallery.samples.createdAt', { date: createdAt })}
   statusBadge={<Badge variant="muted">{statusLabel}</Badge>}
   menuActions={[
     { id: 'duplicate', label: t('ui.actions.duplicate'), icon: Copy, onSelect: duplicate },

package/dist/modules/design_system/gallery/entries/scaffolding.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/design_system/gallery/entries/scaffolding.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { Archive, Copy, Download, Lock, Plus, Trash2, UserRound } from 'lucide-react'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { CollapsibleSection, SectionHeader } from '@open-mercato/ui/backend/SectionHeader'\nimport {\n  SectionNav,\n  SectionPage,\n  type SectionNavGroup,\n} from '@open-mercato/ui/backend/section-page'\nimport {\n  ActionsDropdown,\n  FormFooter,\n  FormHeader,\n  type ActionItem,\n} from '@open-mercato/ui/backend/forms'\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// The demos use `#`-anchors as hrefs so clicking inside the gallery never\n// navigates away, and every callback is a no-op.\n\nconst demoSections: SectionNavGroup[] = [\n  {\n    id: 'account',\n    label: 'Account',\n    items: [\n      { id: 'profile', label: 'Profile', href: '#profile', icon: <UserRound className=\"size-4\" /> },\n      { id: 'security', label: 'Security', href: '#security', icon: <Lock className=\"size-4\" /> },\n    ],\n  },\n]\n\n// SectionPage stretches to the viewport by design \u2014 the miniature demo clips\n// it inside a fixed-height frame so the two-item nav plus content stay small.\nfunction SectionPageMiniDemo() {\n  return (\n    <div className=\"h-80 w-full overflow-hidden rounded-lg border bg-background\">\n      <SectionPage title=\"Settings\" sections={demoSections} activePath=\"#profile\">\n        <div className=\"space-y-2\">\n          <h2 className=\"text-sm font-semibold\">Profile</h2>\n          <p className=\"text-sm text-muted-foreground\">Section content renders here.</p>\n        </div>\n      </SectionPage>\n    </div>\n  )\n}\n\n// SectionNav is controlled \u2014 the demo owns the collapsed state.\nfunction SectionNavDemo() {\n  const [collapsed, setCollapsed] = React.useState(false)\n  return (\n    <div className=\"w-64 rounded-lg border bg-background px-3 py-4\">\n      <SectionNav\n        title=\"Settings\"\n        sections={demoSections}\n        activePath=\"#profile\"\n        collapsed={collapsed}\n        onToggleCollapse={() => setCollapsed((value) => !value)}\n      />\n    </div>\n  )\n}\n\nconst demoActions: ActionItem[] = [\n  { id: 'duplicate', label: 'Duplicate record', icon: Copy, onSelect: () => {} },\n  { id: 'export', label: 'Export as CSV', icon: Download, onSelect: () => {} },\n  { id: 'delete', label: 'Delete record', icon: Trash2, onSelect: () => {} },\n]\n\nconst pageEntry: GalleryEntry = {\n  id: 'page',\n  title: 'Page',\n  importPath: '@open-mercato/ui/backend/Page',\n  variants: [\n    {\n      id: 'basic',\n      title: 'Page + PageHeader + PageBody',\n      render: () => (\n        <div className=\"w-full\">\n          <Page>\n            <PageHeader title=\"Currencies\" description=\"Exchange rates refresh nightly.\" />\n            <PageBody>\n              <div className=\"rounded-lg border border-dashed p-6 text-sm text-muted-foreground\">\n                Page content\n              </div>\n            </PageBody>\n          </Page>\n        </div>\n      ),\n      code: `import { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\n\n<Page>\n  <PageHeader title={t('currencies.list.title')} description={t('currencies.list.description')} />\n  <PageBody>{/* DataTable, sections\u2026 */}</PageBody>\n</Page>`,\n    },\n    {\n      id: 'with-actions',\n      title: 'Header actions',\n      render: () => (\n        <div className=\"w-full\">\n          <Page>\n            <PageHeader\n              title=\"Currencies\"\n              description=\"Exchange rates refresh nightly.\"\n              actions={\n                <>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Import\n                  </Button>\n                  <Button size=\"sm\">\n                    <Plus className=\"size-4\" /> Add currency\n                  </Button>\n                </>\n              }\n            />\n            <PageBody>\n              <div className=\"rounded-lg border border-dashed p-6 text-sm text-muted-foreground\">\n                Page content\n              </div>\n            </PageBody>\n          </Page>\n        </div>\n      ),\n      code: `import { Plus } from 'lucide-react'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<Page>\n  <PageHeader\n    title={t('currencies.list.title')}\n    actions={\n      <>\n        <Button variant=\"outline\" size=\"sm\">Import</Button>\n        <Button size=\"sm\"><Plus className=\"size-4\" /> Add currency</Button>\n      </>\n    }\n  />\n  <PageBody>{/* \u2026 */}</PageBody>\n</Page>`,\n    },\n  ],\n}\n\nconst sectionHeaderEntry: GalleryEntry = {\n  id: 'section-header',\n  title: 'SectionHeader',\n  importPath: '@open-mercato/ui/backend/SectionHeader',\n  variants: [\n    {\n      id: 'count-and-action',\n      title: 'With count and action',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <SectionHeader\n            title=\"Addresses\"\n            count={3}\n            action={\n              <Button variant=\"ghost\" size=\"sm\">\n                <Plus className=\"size-4\" /> Add\n              </Button>\n            }\n          />\n        </div>\n      ),\n      code: `import { Plus } from 'lucide-react'\nimport { SectionHeader } from '@open-mercato/ui/backend/SectionHeader'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<SectionHeader\n  title={t('customers.people.detail.addresses.title')}\n  count={addresses.length}\n  action={<Button variant=\"ghost\" size=\"sm\"><Plus className=\"size-4\" /> {t('common.add')}</Button>}\n/>`,\n    },\n    {\n      id: 'collapsible',\n      title: 'CollapsibleSection',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <CollapsibleSection title=\"Billing details\" count={2}>\n            <div className=\"rounded-lg border border-dashed p-4 text-sm text-muted-foreground\">\n              Section content\n            </div>\n          </CollapsibleSection>\n        </div>\n      ),\n      code: `import { CollapsibleSection } from '@open-mercato/ui/backend/SectionHeader'\n\n<CollapsibleSection title={t('billing.details.title')} count={2}>\n  {/* section content */}\n</CollapsibleSection>`,\n    },\n  ],\n}\n\nconst sectionPageEntry: GalleryEntry = {\n  id: 'section-page',\n  title: 'SectionPage',\n  importPath: '@open-mercato/ui/backend/section-page',\n  variants: [\n    {\n      id: 'miniature',\n      title: 'Two-item miniature (clipped frame)',\n      render: () => <SectionPageMiniDemo />,\n      code: `import { UserRound, Lock } from 'lucide-react'\nimport { SectionPage, type SectionNavGroup } from '@open-mercato/ui/backend/section-page'\n\nconst sections: SectionNavGroup[] = [\n  {\n    id: 'account',\n    label: 'Account',\n    items: [\n      { id: 'profile', label: 'Profile', href: '/backend/profile', icon: <UserRound className=\"size-4\" /> },\n      { id: 'security', label: 'Security', href: '/backend/profile/security', icon: <Lock className=\"size-4\" /> },\n    ],\n  },\n]\n\n<SectionPage title={t('profile.title')} sections={sections} activePath={pathname}>\n  {children}\n</SectionPage>`,\n    },\n    {\n      id: 'section-nav',\n      title: 'SectionNav (standalone, controlled collapse)',\n      render: () => <SectionNavDemo />,\n      code: `import { SectionNav, type SectionNavGroup } from '@open-mercato/ui/backend/section-page'\n\nconst [collapsed, setCollapsed] = React.useState(false)\n\n<SectionNav\n  title={t('profile.title')}\n  sections={sections}\n  activePath={pathname}\n  collapsed={collapsed}\n  onToggleCollapse={() => setCollapsed((value) => !value)}\n/>`,\n    },\n  ],\n}\n\nconst formHeaderEntry: GalleryEntry = {\n  id: 'form-header',\n  title: 'FormHeader',\n  importPath: '@open-mercato/ui/backend/forms',\n  variants: [\n    {\n      id: 'edit-mode',\n      title: 'Edit mode',\n      render: () => (\n        <div className=\"w-full\">\n          <FormHeader\n            backHref=\"#form-header\"\n            backLabel=\"Back\"\n            title=\"Edit product\"\n            actions={{\n              cancelHref: '#form-header',\n              cancelLabel: 'Cancel',\n              submit: { label: 'Save', pendingLabel: 'Saving\u2026' },\n            }}\n          />\n        </div>\n      ),\n      code: `import { FormHeader } from '@open-mercato/ui/backend/forms'\n\n<FormHeader\n  backHref=\"/backend/products\"\n  backLabel={t('ui.navigation.back')}\n  title={t('products.edit.title')}\n  actions={{\n    cancelHref: '/backend/products',\n    cancelLabel: t('ui.forms.actions.cancel'),\n    submit: { formId: 'product-form', label: t('ui.forms.actions.save'), pendingLabel: t('ui.forms.actions.saving') },\n  }}\n/>`,\n    },\n    {\n      id: 'detail-mode',\n      title: 'Detail mode',\n      render: () => (\n        <div className=\"w-full\">\n          <FormHeader\n            mode=\"detail\"\n            backHref=\"#form-header\"\n            entityTypeLabel=\"Company\"\n            title=\"Acme Logistics\"\n            subtitle=\"Created 12 Mar 2026\"\n            statusBadge={<Badge variant=\"muted\">Active</Badge>}\n            menuActions={[\n              { id: 'duplicate', label: 'Duplicate', icon: Copy, onSelect: () => {} },\n              { id: 'archive', label: 'Archive', icon: Archive, onSelect: () => {} },\n            ]}\n            onDelete={() => {}}\n            deleteLabel=\"Delete\"\n          />\n        </div>\n      ),\n      code: `import { Archive, Copy } from 'lucide-react'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\n\n<FormHeader\n  mode=\"detail\"\n  backHref=\"/backend/customers/companies\"\n  entityTypeLabel={t('customers.companies.detail.entityType')}\n  title={company.name}\n  subtitle={t('customers.companies.detail.createdAt', { date: createdAt })}\n  statusBadge={<Badge variant=\"muted\">{statusLabel}</Badge>}\n  menuActions={[\n    { id: 'duplicate', label: t('ui.actions.duplicate'), icon: Copy, onSelect: duplicate },\n    { id: 'archive', label: t('ui.actions.archive'), icon: Archive, onSelect: archive },\n  ]}\n  onDelete={confirmDelete}\n  deleteLabel={t('ui.forms.actions.delete')}\n/>`,\n    },\n  ],\n}\n\nconst formFooterEntry: GalleryEntry = {\n  id: 'form-footer',\n  title: 'FormFooter',\n  importPath: '@open-mercato/ui/backend/forms',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <div className=\"w-full\">\n          <FormFooter\n            actions={{\n              cancelHref: '#form-footer',\n              cancelLabel: 'Cancel',\n              submit: { label: 'Save changes', pendingLabel: 'Saving\u2026' },\n            }}\n          />\n        </div>\n      ),\n      code: `import { FormFooter } from '@open-mercato/ui/backend/forms'\n\n<FormFooter\n  actions={{\n    cancelHref: '/backend/products',\n    cancelLabel: t('ui.forms.actions.cancel'),\n    submit: { formId: 'product-form', label: t('ui.forms.actions.save'), pendingLabel: t('ui.forms.actions.saving') },\n  }}\n/>`,\n    },\n    {\n      id: 'embedded-with-delete',\n      title: 'embedded, with delete',\n      render: () => (\n        <div className=\"w-full\">\n          <FormFooter\n            embedded\n            actions={{\n              showDelete: true,\n              onDelete: () => {},\n              deleteLabel: 'Delete',\n              cancelHref: '#form-footer',\n              cancelLabel: 'Cancel',\n              submit: { label: 'Save' },\n            }}\n          />\n        </div>\n      ),\n      code: `import { FormFooter } from '@open-mercato/ui/backend/forms'\n\n<FormFooter\n  embedded\n  actions={{\n    showDelete: true,\n    onDelete: confirmDelete,\n    deleteLabel: t('ui.forms.actions.delete'),\n    cancelHref: '/backend/products',\n    cancelLabel: t('ui.forms.actions.cancel'),\n    submit: { label: t('ui.forms.actions.save') },\n  }}\n/>`,\n    },\n  ],\n}\n\nconst actionsDropdownEntry: GalleryEntry = {\n  id: 'actions-dropdown',\n  title: 'ActionsDropdown',\n  importPath: '@open-mercato/ui/backend/forms',\n  variants: [\n    {\n      id: 'label-trigger',\n      title: 'Label trigger',\n      render: () => <ActionsDropdown items={demoActions} />,\n      code: `import { Copy, Download, Trash2 } from 'lucide-react'\nimport { ActionsDropdown, type ActionItem } from '@open-mercato/ui/backend/forms'\n\nconst items: ActionItem[] = [\n  { id: 'duplicate', label: t('ui.actions.duplicate'), icon: Copy, onSelect: duplicate },\n  { id: 'export', label: t('ui.actions.export'), icon: Download, onSelect: exportCsv },\n  { id: 'delete', label: t('ui.actions.delete'), icon: Trash2, onSelect: confirmDelete },\n]\n\n<ActionsDropdown items={items} />`,\n    },\n    {\n      id: 'icon-trigger',\n      title: 'Icon trigger',\n      render: () => (\n        <ActionsDropdown items={demoActions} triggerMode=\"icon\" ariaLabel=\"More actions\" />\n      ),\n      code: `import { ActionsDropdown } from '@open-mercato/ui/backend/forms'\n\n<ActionsDropdown items={items} triggerMode=\"icon\" ariaLabel={t('ui.actions.more')} />`,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  pageEntry,\n  sectionHeaderEntry,\n  sectionPageEntry,\n  formHeaderEntry,\n  formFooterEntry,\n  actionsDropdownEntry,\n]\n"],
+  "sourcesContent": ["import * as React from 'react'\nimport { Archive, Copy, Download, Lock, Plus, Trash2, UserRound } from 'lucide-react'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { CollapsibleSection, SectionHeader } from '@open-mercato/ui/backend/SectionHeader'\nimport {\n  SectionNav,\n  SectionPage,\n  type SectionNavGroup,\n} from '@open-mercato/ui/backend/section-page'\nimport {\n  ActionsDropdown,\n  FormFooter,\n  FormHeader,\n  type ActionItem,\n} from '@open-mercato/ui/backend/forms'\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// The demos use `#`-anchors as hrefs so clicking inside the gallery never\n// navigates away, and every callback is a no-op.\n\nconst demoSections: SectionNavGroup[] = [\n  {\n    id: 'account',\n    label: 'Account',\n    items: [\n      { id: 'profile', label: 'Profile', href: '#profile', icon: <UserRound className=\"size-4\" /> },\n      { id: 'security', label: 'Security', href: '#security', icon: <Lock className=\"size-4\" /> },\n    ],\n  },\n]\n\n// SectionPage stretches to the viewport by design \u2014 the miniature demo clips\n// it inside a fixed-height frame so the two-item nav plus content stay small.\nfunction SectionPageMiniDemo() {\n  return (\n    <div className=\"h-80 w-full overflow-hidden rounded-lg border bg-background\">\n      <SectionPage title=\"Settings\" sections={demoSections} activePath=\"#profile\">\n        <div className=\"space-y-2\">\n          <h2 className=\"text-sm font-semibold\">Profile</h2>\n          <p className=\"text-sm text-muted-foreground\">Section content renders here.</p>\n        </div>\n      </SectionPage>\n    </div>\n  )\n}\n\n// SectionNav is controlled \u2014 the demo owns the collapsed state.\nfunction SectionNavDemo() {\n  const [collapsed, setCollapsed] = React.useState(false)\n  return (\n    <div className=\"w-64 rounded-lg border bg-background px-3 py-4\">\n      <SectionNav\n        title=\"Settings\"\n        sections={demoSections}\n        activePath=\"#profile\"\n        collapsed={collapsed}\n        onToggleCollapse={() => setCollapsed((value) => !value)}\n      />\n    </div>\n  )\n}\n\nconst demoActions: ActionItem[] = [\n  { id: 'duplicate', label: 'Duplicate record', icon: Copy, onSelect: () => {} },\n  { id: 'export', label: 'Export as CSV', icon: Download, onSelect: () => {} },\n  { id: 'delete', label: 'Delete record', icon: Trash2, onSelect: () => {} },\n]\n\nconst pageEntry: GalleryEntry = {\n  id: 'page',\n  title: 'Page',\n  importPath: '@open-mercato/ui/backend/Page',\n  variants: [\n    {\n      id: 'basic',\n      title: 'Page + PageHeader + PageBody',\n      render: () => (\n        <div className=\"w-full\">\n          <Page>\n            <PageHeader title=\"Currencies\" description=\"Exchange rates refresh nightly.\" />\n            <PageBody>\n              <div className=\"rounded-lg border border-dashed p-6 text-sm text-muted-foreground\">\n                Page content\n              </div>\n            </PageBody>\n          </Page>\n        </div>\n      ),\n      code: `import { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\n\n<Page>\n  <PageHeader title={t('currencies.list.title')} description={t('design_system.gallery.samples.listDescription')} />\n  <PageBody>{/* DataTable, sections\u2026 */}</PageBody>\n</Page>`,\n    },\n    {\n      id: 'with-actions',\n      title: 'Header actions',\n      render: () => (\n        <div className=\"w-full\">\n          <Page>\n            <PageHeader\n              title=\"Currencies\"\n              description=\"Exchange rates refresh nightly.\"\n              actions={\n                <>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Import\n                  </Button>\n                  <Button size=\"sm\">\n                    <Plus className=\"size-4\" /> Add currency\n                  </Button>\n                </>\n              }\n            />\n            <PageBody>\n              <div className=\"rounded-lg border border-dashed p-6 text-sm text-muted-foreground\">\n                Page content\n              </div>\n            </PageBody>\n          </Page>\n        </div>\n      ),\n      code: `import { Plus } from 'lucide-react'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<Page>\n  <PageHeader\n    title={t('currencies.list.title')}\n    actions={\n      <>\n        <Button variant=\"outline\" size=\"sm\">Import</Button>\n        <Button size=\"sm\"><Plus className=\"size-4\" /> Add currency</Button>\n      </>\n    }\n  />\n  <PageBody>{/* \u2026 */}</PageBody>\n</Page>`,\n    },\n  ],\n}\n\nconst sectionHeaderEntry: GalleryEntry = {\n  id: 'section-header',\n  title: 'SectionHeader',\n  importPath: '@open-mercato/ui/backend/SectionHeader',\n  variants: [\n    {\n      id: 'count-and-action',\n      title: 'With count and action',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <SectionHeader\n            title=\"Addresses\"\n            count={3}\n            action={\n              <Button variant=\"ghost\" size=\"sm\">\n                <Plus className=\"size-4\" /> Add\n              </Button>\n            }\n          />\n        </div>\n      ),\n      code: `import { Plus } from 'lucide-react'\nimport { SectionHeader } from '@open-mercato/ui/backend/SectionHeader'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\n<SectionHeader\n  title={t('design_system.gallery.samples.addresses.title')}\n  count={addresses.length}\n  action={<Button variant=\"ghost\" size=\"sm\"><Plus className=\"size-4\" /> {t('common.add')}</Button>}\n/>`,\n    },\n    {\n      id: 'collapsible',\n      title: 'CollapsibleSection',\n      render: () => (\n        <div className=\"w-full max-w-md\">\n          <CollapsibleSection title=\"Billing details\" count={2}>\n            <div className=\"rounded-lg border border-dashed p-4 text-sm text-muted-foreground\">\n              Section content\n            </div>\n          </CollapsibleSection>\n        </div>\n      ),\n      code: `import { CollapsibleSection } from '@open-mercato/ui/backend/SectionHeader'\n\n<CollapsibleSection title={t('design_system.gallery.samples.billingDetails')} count={2}>\n  {/* section content */}\n</CollapsibleSection>`,\n    },\n  ],\n}\n\nconst sectionPageEntry: GalleryEntry = {\n  id: 'section-page',\n  title: 'SectionPage',\n  importPath: '@open-mercato/ui/backend/section-page',\n  variants: [\n    {\n      id: 'miniature',\n      title: 'Two-item miniature (clipped frame)',\n      render: () => <SectionPageMiniDemo />,\n      code: `import { UserRound, Lock } from 'lucide-react'\nimport { SectionPage, type SectionNavGroup } from '@open-mercato/ui/backend/section-page'\n\nconst sections: SectionNavGroup[] = [\n  {\n    id: 'account',\n    label: 'Account',\n    items: [\n      { id: 'profile', label: 'Profile', href: '/backend/profile', icon: <UserRound className=\"size-4\" /> },\n      { id: 'security', label: 'Security', href: '/backend/profile/security', icon: <Lock className=\"size-4\" /> },\n    ],\n  },\n]\n\n<SectionPage title={t('profile.page.title')} sections={sections} activePath={pathname}>\n  {children}\n</SectionPage>`,\n    },\n    {\n      id: 'section-nav',\n      title: 'SectionNav (standalone, controlled collapse)',\n      render: () => <SectionNavDemo />,\n      code: `import { SectionNav, type SectionNavGroup } from '@open-mercato/ui/backend/section-page'\n\nconst [collapsed, setCollapsed] = React.useState(false)\n\n<SectionNav\n  title={t('profile.page.title')}\n  sections={sections}\n  activePath={pathname}\n  collapsed={collapsed}\n  onToggleCollapse={() => setCollapsed((value) => !value)}\n/>`,\n    },\n  ],\n}\n\nconst formHeaderEntry: GalleryEntry = {\n  id: 'form-header',\n  title: 'FormHeader',\n  importPath: '@open-mercato/ui/backend/forms',\n  variants: [\n    {\n      id: 'edit-mode',\n      title: 'Edit mode',\n      render: () => (\n        <div className=\"w-full\">\n          <FormHeader\n            backHref=\"#form-header\"\n            backLabel=\"Back\"\n            title=\"Edit product\"\n            actions={{\n              cancelHref: '#form-header',\n              cancelLabel: 'Cancel',\n              submit: { label: 'Save', pendingLabel: 'Saving\u2026' },\n            }}\n          />\n        </div>\n      ),\n      code: `import { FormHeader } from '@open-mercato/ui/backend/forms'\n\n<FormHeader\n  backHref=\"/backend/products\"\n  backLabel={t('ui.navigation.back')}\n  title={t('catalog.products.edit.title')}\n  actions={{\n    cancelHref: '/backend/products',\n    cancelLabel: t('ui.forms.actions.cancel'),\n    submit: { formId: 'product-form', label: t('ui.forms.actions.save'), pendingLabel: t('ui.forms.actions.saving') },\n  }}\n/>`,\n    },\n    {\n      id: 'detail-mode',\n      title: 'Detail mode',\n      render: () => (\n        <div className=\"w-full\">\n          <FormHeader\n            mode=\"detail\"\n            backHref=\"#form-header\"\n            entityTypeLabel=\"Company\"\n            title=\"Acme Logistics\"\n            subtitle=\"Created 12 Mar 2026\"\n            statusBadge={<Badge variant=\"muted\">Active</Badge>}\n            menuActions={[\n              { id: 'duplicate', label: 'Duplicate', icon: Copy, onSelect: () => {} },\n              { id: 'archive', label: 'Archive', icon: Archive, onSelect: () => {} },\n            ]}\n            onDelete={() => {}}\n            deleteLabel=\"Delete\"\n          />\n        </div>\n      ),\n      code: `import { Archive, Copy } from 'lucide-react'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\n\n<FormHeader\n  mode=\"detail\"\n  backHref=\"/backend/customers/companies\"\n  entityTypeLabel={t('design_system.gallery.samples.entityType')}\n  title={company.name}\n  subtitle={t('design_system.gallery.samples.createdAt', { date: createdAt })}\n  statusBadge={<Badge variant=\"muted\">{statusLabel}</Badge>}\n  menuActions={[\n    { id: 'duplicate', label: t('ui.actions.duplicate'), icon: Copy, onSelect: duplicate },\n    { id: 'archive', label: t('ui.actions.archive'), icon: Archive, onSelect: archive },\n  ]}\n  onDelete={confirmDelete}\n  deleteLabel={t('ui.forms.actions.delete')}\n/>`,\n    },\n  ],\n}\n\nconst formFooterEntry: GalleryEntry = {\n  id: 'form-footer',\n  title: 'FormFooter',\n  importPath: '@open-mercato/ui/backend/forms',\n  variants: [\n    {\n      id: 'default',\n      title: 'default',\n      render: () => (\n        <div className=\"w-full\">\n          <FormFooter\n            actions={{\n              cancelHref: '#form-footer',\n              cancelLabel: 'Cancel',\n              submit: { label: 'Save changes', pendingLabel: 'Saving\u2026' },\n            }}\n          />\n        </div>\n      ),\n      code: `import { FormFooter } from '@open-mercato/ui/backend/forms'\n\n<FormFooter\n  actions={{\n    cancelHref: '/backend/products',\n    cancelLabel: t('ui.forms.actions.cancel'),\n    submit: { formId: 'product-form', label: t('ui.forms.actions.save'), pendingLabel: t('ui.forms.actions.saving') },\n  }}\n/>`,\n    },\n    {\n      id: 'embedded-with-delete',\n      title: 'embedded, with delete',\n      render: () => (\n        <div className=\"w-full\">\n          <FormFooter\n            embedded\n            actions={{\n              showDelete: true,\n              onDelete: () => {},\n              deleteLabel: 'Delete',\n              cancelHref: '#form-footer',\n              cancelLabel: 'Cancel',\n              submit: { label: 'Save' },\n            }}\n          />\n        </div>\n      ),\n      code: `import { FormFooter } from '@open-mercato/ui/backend/forms'\n\n<FormFooter\n  embedded\n  actions={{\n    showDelete: true,\n    onDelete: confirmDelete,\n    deleteLabel: t('ui.forms.actions.delete'),\n    cancelHref: '/backend/products',\n    cancelLabel: t('ui.forms.actions.cancel'),\n    submit: { label: t('ui.forms.actions.save') },\n  }}\n/>`,\n    },\n  ],\n}\n\nconst actionsDropdownEntry: GalleryEntry = {\n  id: 'actions-dropdown',\n  title: 'ActionsDropdown',\n  importPath: '@open-mercato/ui/backend/forms',\n  variants: [\n    {\n      id: 'label-trigger',\n      title: 'Label trigger',\n      render: () => <ActionsDropdown items={demoActions} />,\n      code: `import { Copy, Download, Trash2 } from 'lucide-react'\nimport { ActionsDropdown, type ActionItem } from '@open-mercato/ui/backend/forms'\n\nconst items: ActionItem[] = [\n  { id: 'duplicate', label: t('ui.actions.duplicate'), icon: Copy, onSelect: duplicate },\n  { id: 'export', label: t('ui.actions.export'), icon: Download, onSelect: exportCsv },\n  { id: 'delete', label: t('ui.actions.delete'), icon: Trash2, onSelect: confirmDelete },\n]\n\n<ActionsDropdown items={items} />`,\n    },\n    {\n      id: 'icon-trigger',\n      title: 'Icon trigger',\n      render: () => (\n        <ActionsDropdown items={demoActions} triggerMode=\"icon\" ariaLabel=\"More actions\" />\n      ),\n      code: `import { ActionsDropdown } from '@open-mercato/ui/backend/forms'\n\n<ActionsDropdown items={items} triggerMode=\"icon\" ariaLabel={t('ui.actions.more')} />`,\n    },\n  ],\n}\n\nexport const entries: GalleryEntry[] = [\n  pageEntry,\n  sectionHeaderEntry,\n  sectionPageEntry,\n  formHeaderEntry,\n  formFooterEntry,\n  actionsDropdownEntry,\n]\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/dictionaries/components/DictionaryEntrySelect.js CHANGED Viewed

@@ -327,7 +327,7 @@ function DictionaryEntrySelect({
                   labels: appearanceLabels ?? DEFAULT_APPEARANCE_LABELS
                 }
               ) : null,
-              formError ? /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600", children: formError }) : null
+              formError ? /* @__PURE__ */ jsx("p", { className: "text-sm text-status-error-text", children: formError }) : null
             ] }),
             /* @__PURE__ */ jsxs(DialogFooter, { children: [
               /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setDialogOpen(false), disabled: saving, children: labels.cancelLabel }),