@entifix/react-controls 0.19.0 → 0.20.1

package/dist/ui/molecules/filter-builder/filter-builder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/molecules/filter-builder/filter-builder.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Entity,\n  type EntityFieldDescriptor,\n  type EntityFilter,\n  type FilterGroup,\n  findQueriedDescriptor,\n  type Locale,\n  type LogicOperator,\n  type MetaAccessorType,\n  queryPropertyFor,\n} from '@entifix/core';\nimport { useCallback, useId, useState } from 'react';\n\nimport { useEnumLabel, useLocale, useT } from '../../../i18n/index.js';\nimport { Button } from '../../atoms/button/index.js';\nimport { Select, TextInput } from '../../atoms/field/index.js';\nimport { Text } from '../../atoms/text/index.js';\nimport {\n  type EntityFilterOperator,\n  operatorArity,\n  operatorLabelKey,\n  operatorsForType,\n} from './filter-operators.js';\n\n/**\n * One in-progress filter row. Values are held as strings because that is what\n * the inputs produce; they are coerced to the member's type only when the row\n * is converted into an {@link EntityFilter}.\n */\ninterface FilterDraft {\n  key: string;\n  property: string;\n  operator: EntityFilterOperator;\n  value: string;\n  end: string;\n}\n\nfunction coerce(raw: string, type: MetaAccessorType): unknown {\n  if (raw === '') return undefined;\n  switch (type) {\n    case 'number':\n      return Number(raw);\n    case 'boolean':\n      return raw === 'true';\n    case 'date':\n      return new Date(raw);\n    default:\n      return raw;\n  }\n}\n\n/**\n * Converts a draft row into the wire filter, or `undefined` while the row is\n * still incomplete — a half-typed row must not reach the load request.\n */\nfunction toFilter<TEntity extends Entity>(\n  draft: FilterDraft,\n  descriptor: EntityFieldDescriptor,\n  locale: Locale,\n): EntityFilter<TEntity> | undefined {\n  // A localized member is filtered in the reader's own locale.\n  const property = queryPropertyFor(descriptor, locale) as keyof TEntity;\n\n  switch (operatorArity(draft.operator)) {\n    case 'none':\n      return { property, operator: draft.operator } as EntityFilter<TEntity>;\n    case 'list': {\n      const values = draft.value\n        .split(',')\n        .map(entry => entry.trim())\n        .filter(entry => entry !== '')\n        .map(entry => coerce(entry, descriptor.type));\n      return values.length === 0\n        ? undefined\n        : ({\n            property,\n            operator: draft.operator,\n            values,\n          } as EntityFilter<TEntity>);\n    }\n    case 'range': {\n      const start = coerce(draft.value, descriptor.type);\n      const end = coerce(draft.end, descriptor.type);\n      return start === undefined || end === undefined\n        ? undefined\n        : ({\n            property,\n            operator: draft.operator,\n            start,\n            end,\n          } as EntityFilter<TEntity>);\n    }\n    default: {\n      const value = coerce(draft.value, descriptor.type);\n      return value === undefined\n        ? undefined\n        : ({\n            property,\n            operator: draft.operator,\n            value,\n          } as EntityFilter<TEntity>);\n    }\n  }\n}\n\n/**\n * Rebuilds the editable rows from an already-applied filter, so reopening the\n * panel shows what is actually in effect rather than an empty form. Only the\n * flat rows this builder can express are restored — a group nested by some\n * other means is left to the caller to re-enter.\n */\nfunction toDrafts<TEntity extends Entity>(\n  filtering: FilterGroup<TEntity> | undefined,\n  idPrefix: string,\n  descriptors: readonly EntityFieldDescriptor[],\n): FilterDraft[] {\n  if (!filtering) return [];\n\n  return filtering.values.flatMap((node, index) => {\n    if (!('property' in node)) return [];\n    const filter = node as {\n      property: unknown;\n      operator: EntityFilterOperator;\n      value?: unknown;\n      values?: unknown[];\n      start?: unknown;\n      end?: unknown;\n    };\n    const text = (value: unknown) =>\n      value instanceof Date\n        ? value.toISOString().slice(0, 10)\n        : value === undefined\n          ? ''\n          : String(value);\n\n    return [\n      {\n        key: `${idPrefix}-applied-${index}`,\n        // Rows address members by accessor name; an applied filter carries the\n        // wire key, or a locale path into a localized member.\n        property:\n          findQueriedDescriptor(descriptors, String(filter.property))?.name ??\n          String(filter.property),\n        operator: filter.operator,\n        value: filter.values\n          ? filter.values.map(text).join(', ')\n          : text(filter.start ?? filter.value),\n        end: text(filter.end),\n      },\n    ];\n  });\n}\n\nexport interface FilterBuilderProps<TEntity extends Entity> {\n  /** Filterable members, already resolved from the entity metadata. */\n  descriptors: readonly EntityFieldDescriptor[];\n  /** The filtering currently applied, used to seed the rows. */\n  value?: FilterGroup<TEntity>;\n  onChange: (filtering: FilterGroup<TEntity>) => void;\n}\n\n/**\n * Builds an `EntityFiltering` value from entity metadata: the member list, the\n * operators offered and the shape of the value control all come from each\n * member's descriptor, so no per-entity filter UI has to be written.\n *\n * Editing is a draft. `onChange` fires only on **Apply**, because the value\n * feeds a load request: emitting per keystroke would put one HTTP request on\n * the wire per character typed.\n */\nexport function FilterBuilder<TEntity extends Entity>({\n  descriptors,\n  value: applied,\n  onChange,\n}: FilterBuilderProps<TEntity>) {\n  const t = useT();\n  const idPrefix = useId();\n  const [logic, setLogic] = useState<LogicOperator>(applied?.operator ?? 'and');\n  const [drafts, setDrafts] = useState<FilterDraft[]>(() =>\n    toDrafts(applied, idPrefix, descriptors),\n  );\n  const locale = useLocale();\n\n  const descriptorFor = useCallback(\n    (name: string) => descriptors.find(entry => entry.name === name),\n    [descriptors],\n  );\n\n  const apply = useCallback(\n    (nextDrafts: FilterDraft[], nextLogic: LogicOperator) => {\n      const values = nextDrafts\n        .map(draft => {\n          const descriptor = descriptorFor(draft.property);\n          return descriptor\n            ? toFilter<TEntity>(draft, descriptor, locale)\n            : undefined;\n        })\n        .filter(\n          (filter): filter is EntityFilter<TEntity> => filter !== undefined,\n        );\n\n      onChange({ operator: nextLogic, values });\n    },\n    [descriptorFor, locale, onChange],\n  );\n\n  /** Edits the draft only — nothing reaches the caller until Apply. */\n  const update = (nextDrafts: FilterDraft[]) => setDrafts(nextDrafts);\n\n  const addRow = () => {\n    const first = descriptors[0];\n    // Defence in depth: the component returns early for an empty descriptor\n    // list, so this button does not exist without a first member.\n    /* v8 ignore next */\n    if (!first) return;\n    update([\n      ...drafts,\n      {\n        key: `${idPrefix}-${drafts.length}-${Date.now()}`,\n        property: first.name,\n        operator: operatorsForType(first.type)[0],\n        value: '',\n        end: '',\n      },\n    ]);\n  };\n\n  const patch = (key: string, changes: Partial<FilterDraft>) =>\n    update(\n      drafts.map(draft =>\n        draft.key === key ? { ...draft, ...changes } : draft,\n      ),\n    );\n\n  if (descriptors.length === 0) {\n    return (\n      <Text step={-1} tone=\"muted\">\n        {t('filter.none')}\n      </Text>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2xs\">\n      <div className=\"flex items-center gap-2xs\">\n        <Text step={-2} tone=\"muted\">\n          {t('filter.match')}\n        </Text>\n        <Select\n          aria-label={t('filter.matchAria')}\n          value={logic}\n          onChange={event => {\n            setLogic(event.target.value as LogicOperator);\n          }}\n        >\n          <option value=\"and\">{t('filter.all')}</option>\n          <option value=\"or\">{t('filter.any')}</option>\n        </Select>\n      </div>\n\n      {drafts.map(draft => {\n        const descriptor = descriptorFor(draft.property);\n        if (!descriptor) return null;\n        const arity = operatorArity(draft.operator);\n\n        return (\n          <div key={draft.key} className=\"flex flex-wrap items-center gap-2xs\">\n            <Select\n              aria-label={t('filter.member')}\n              value={draft.property}\n              onChange={event => {\n                const next = descriptorFor(event.target.value);\n                // Defence in depth: the options are built from `descriptors`,\n                // so a chosen value always resolves.\n                /* v8 ignore next */\n                if (!next) return;\n                patch(draft.key, {\n                  property: next.name,\n                  // The previous operator may not exist for the new type.\n                  operator: operatorsForType(next.type)[0],\n                  value: '',\n                  end: '',\n                });\n              }}\n            >\n              {descriptors.map(entry => (\n                <option key={entry.name} value={entry.name}>\n                  {entry.label}\n                </option>\n              ))}\n            </Select>\n\n            <Select\n              aria-label={t('filter.operator')}\n              value={draft.operator}\n              onChange={event =>\n                patch(draft.key, {\n                  operator: event.target.value as EntityFilterOperator,\n                })\n              }\n            >\n              {operatorsForType(descriptor.type).map(operator => (\n                <option key={operator} value={operator}>\n                  {t(operatorLabelKey(operator))}\n                </option>\n              ))}\n            </Select>\n\n            {arity !== 'none' && (\n              <FilterValueInput\n                descriptor={descriptor}\n                arity={arity}\n                value={draft.value}\n                end={draft.end}\n                onValueChange={value => patch(draft.key, { value })}\n                onEndChange={end => patch(draft.key, { end })}\n              />\n            )}\n\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={t('filter.remove')}\n              onClick={() =>\n                update(drafts.filter(entry => entry.key !== draft.key))\n              }\n            >\n              ✕\n            </Button>\n          </div>\n        );\n      })}\n\n      <div className=\"flex flex-wrap items-center gap-2xs\">\n        <Button type=\"button\" variant=\"secondary\" size=\"sm\" onClick={addRow}>\n          {t('filter.add')}\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"primary\"\n          size=\"sm\"\n          aria-label={t('filter.applyAria')}\n          onClick={() => apply(drafts, logic)}\n        >\n          {t('filter.apply')}\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          aria-label={t('filter.clearAria')}\n          onClick={() => {\n            setDrafts([]);\n            setLogic('and');\n            // Applying the emptied form is what actually clears the listing;\n            // dropping the rows alone would leave the old filter in effect.\n            apply([], 'and');\n          }}\n        >\n          {t('filter.clear')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\ninterface FilterValueInputProps {\n  descriptor: EntityFieldDescriptor;\n  arity: ReturnType<typeof operatorArity>;\n  value: string;\n  end: string;\n  onValueChange: (value: string) => void;\n  onEndChange: (end: string) => void;\n}\n\n/** The value control the member's type calls for. */\nfunction FilterValueInput({\n  descriptor,\n  arity,\n  value,\n  end,\n  onValueChange,\n  onEndChange,\n}: FilterValueInputProps) {\n  const t = useT();\n  const enumLabel = useEnumLabel();\n\n  if (descriptor.type === 'boolean') {\n    return (\n      <Select\n        aria-label={t('filter.value')}\n        value={value}\n        onChange={event => onValueChange(event.target.value)}\n      >\n        <option value=\"\">—</option>\n        <option value=\"true\">{t('value.yes')}</option>\n        <option value=\"false\">{t('value.no')}</option>\n      </Select>\n    );\n  }\n\n  if (descriptor.type === 'enum' && descriptor.enumValues && arity !== 'list') {\n    return (\n      <Select\n        aria-label={t('filter.value')}\n        value={value}\n        onChange={event => onValueChange(event.target.value)}\n      >\n        <option value=\"\">—</option>\n        {descriptor.enumValues.map(option => (\n          <option key={option} value={option}>\n            {enumLabel(descriptor, option)}\n          </option>\n        ))}\n      </Select>\n    );\n  }\n\n  const inputType =\n    descriptor.type === 'number'\n      ? 'number'\n      : descriptor.type === 'date'\n        ? 'date'\n        : 'text';\n\n  return (\n    <>\n      <TextInput\n        aria-label={t('filter.value')}\n        type={arity === 'list' ? 'text' : inputType}\n        placeholder={arity === 'list' ? t('filter.listPlaceholder') : undefined}\n        value={value}\n        onChange={event => onValueChange(event.target.value)}\n      />\n      {arity === 'range' && (\n        <TextInput\n          aria-label={t('filter.rangeEnd')}\n          type={inputType}\n          value={end}\n          onChange={event => onEndChange(event.target.value)}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["findQueriedDescriptor","queryPropertyFor","useCallback","useId","useState","useEnumLabel","useLocale","useT","Button","Select","TextInput","Text","operatorArity","operatorLabelKey","operatorsForType","coerce","raw","type","undefined","Number","Date","toFilter","draft","descriptor","locale","property","operator","values","value","split","map","entry","trim","filter","length","start","end","toDrafts","filtering","idPrefix","descriptors","flatMap","node","index","text","toISOString","slice","String","key","name","join","FilterBuilder","applied","onChange","t","logic","setLogic","drafts","setDrafts","descriptorFor","find","apply","nextDrafts","nextLogic","update","addRow","first","now","patch","changes","step","tone","div","className","aria-label","event","target","option","arity","next","label","FilterValueInput","onValueChange","onEndChange","variant","size","onClick","enumLabel","enumValues","inputType","placeholder"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/ui/molecules/filter-builder/filter-builder.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Entity,\n  type EntityFacetCounts,\n  type EntityFacetValue,\n  type EntityFieldDescriptor,\n  type EntityFilter,\n  type FilterGroup,\n  findQueriedDescriptor,\n  type Locale,\n  type LogicOperator,\n  type MetaAccessorType,\n  queryPropertyFor,\n} from '@entifix/core';\nimport { useCallback, useId, useState } from 'react';\n\nimport { useEnumLabel, useLocale, useT } from '../../../i18n/index.js';\nimport { Button } from '../../atoms/button/index.js';\nimport { Select, TextInput } from '../../atoms/field/index.js';\nimport { Text } from '../../atoms/text/index.js';\nimport {\n  type EntityFilterOperator,\n  operatorArity,\n  operatorLabelKey,\n  operatorsForType,\n} from './filter-operators.js';\n\n/**\n * One in-progress filter row. Values are held as strings because that is what\n * the inputs produce; they are coerced to the member's type only when the row\n * is converted into an {@link EntityFilter}.\n */\ninterface FilterDraft {\n  key: string;\n  property: string;\n  operator: EntityFilterOperator;\n  value: string;\n  end: string;\n}\n\nfunction coerce(raw: string, type: MetaAccessorType): unknown {\n  if (raw === '') return undefined;\n  switch (type) {\n    case 'number':\n      return Number(raw);\n    case 'boolean':\n      return raw === 'true';\n    case 'date':\n      return new Date(raw);\n    default:\n      return raw;\n  }\n}\n\n/**\n * Converts a draft row into the wire filter, or `undefined` while the row is\n * still incomplete — a half-typed row must not reach the load request.\n */\nfunction toFilter<TEntity extends Entity>(\n  draft: FilterDraft,\n  descriptor: EntityFieldDescriptor,\n  locale: Locale,\n): EntityFilter<TEntity> | undefined {\n  // A localized member is filtered in the reader's own locale.\n  const property = queryPropertyFor(descriptor, locale) as keyof TEntity;\n\n  switch (operatorArity(draft.operator)) {\n    case 'none':\n      return { property, operator: draft.operator } as EntityFilter<TEntity>;\n    case 'list': {\n      const values = draft.value\n        .split(',')\n        .map(entry => entry.trim())\n        .filter(entry => entry !== '')\n        .map(entry => coerce(entry, descriptor.type));\n      return values.length === 0\n        ? undefined\n        : ({\n            property,\n            operator: draft.operator,\n            values,\n          } as EntityFilter<TEntity>);\n    }\n    case 'range': {\n      const start = coerce(draft.value, descriptor.type);\n      const end = coerce(draft.end, descriptor.type);\n      return start === undefined || end === undefined\n        ? undefined\n        : ({\n            property,\n            operator: draft.operator,\n            start,\n            end,\n          } as EntityFilter<TEntity>);\n    }\n    default: {\n      const value = coerce(draft.value, descriptor.type);\n      return value === undefined\n        ? undefined\n        : ({\n            property,\n            operator: draft.operator,\n            value,\n          } as EntityFilter<TEntity>);\n    }\n  }\n}\n\n/**\n * Rebuilds the editable rows from an already-applied filter, so reopening the\n * panel shows what is actually in effect rather than an empty form. Only the\n * flat rows this builder can express are restored — a group nested by some\n * other means is left to the caller to re-enter.\n */\nfunction toDrafts<TEntity extends Entity>(\n  filtering: FilterGroup<TEntity> | undefined,\n  idPrefix: string,\n  descriptors: readonly EntityFieldDescriptor[],\n): FilterDraft[] {\n  if (!filtering) return [];\n\n  return filtering.values.flatMap((node, index) => {\n    if (!('property' in node)) return [];\n    const filter = node as {\n      property: unknown;\n      operator: EntityFilterOperator;\n      value?: unknown;\n      values?: unknown[];\n      start?: unknown;\n      end?: unknown;\n    };\n    const text = (value: unknown) =>\n      value instanceof Date\n        ? value.toISOString().slice(0, 10)\n        : value === undefined\n          ? ''\n          : String(value);\n\n    return [\n      {\n        key: `${idPrefix}-applied-${index}`,\n        // Rows address members by accessor name; an applied filter carries the\n        // wire key, or a locale path into a localized member.\n        property:\n          findQueriedDescriptor(descriptors, String(filter.property))?.name ??\n          String(filter.property),\n        operator: filter.operator,\n        value: filter.values\n          ? filter.values.map(text).join(', ')\n          : text(filter.start ?? filter.value),\n        end: text(filter.end),\n      },\n    ];\n  });\n}\n\nexport interface FilterBuilderProps<TEntity extends Entity> {\n  /** Filterable members, already resolved from the entity metadata. */\n  descriptors: readonly EntityFieldDescriptor[];\n  /** The filtering currently applied, used to seed the rows. */\n  value?: FilterGroup<TEntity>;\n  onChange: (filtering: FilterGroup<TEntity>) => void;\n  /**\n   * How many records hold each value, by member — shown beside an enum's or a\n   * boolean's choices, so a reader sees what a choice would keep before\n   * applying it ([ADR 0012](../../../../../../../docs/adr/0012-facet-counts-are-a-port-of-their-own.md)).\n   */\n  facets?: EntityFacetCounts;\n}\n\n/**\n * Builds an `EntityFiltering` value from entity metadata: the member list, the\n * operators offered and the shape of the value control all come from each\n * member's descriptor, so no per-entity filter UI has to be written.\n *\n * Editing is a draft. `onChange` fires only on **Apply**, because the value\n * feeds a load request: emitting per keystroke would put one HTTP request on\n * the wire per character typed.\n */\nexport function FilterBuilder<TEntity extends Entity>({\n  descriptors,\n  value: applied,\n  onChange,\n  facets,\n}: FilterBuilderProps<TEntity>) {\n  const t = useT();\n  const idPrefix = useId();\n  const [logic, setLogic] = useState<LogicOperator>(applied?.operator ?? 'and');\n  const [drafts, setDrafts] = useState<FilterDraft[]>(() =>\n    toDrafts(applied, idPrefix, descriptors),\n  );\n  const locale = useLocale();\n\n  const descriptorFor = useCallback(\n    (name: string) => descriptors.find(entry => entry.name === name),\n    [descriptors],\n  );\n\n  const apply = useCallback(\n    (nextDrafts: FilterDraft[], nextLogic: LogicOperator) => {\n      const values = nextDrafts\n        .map(draft => {\n          const descriptor = descriptorFor(draft.property);\n          return descriptor\n            ? toFilter<TEntity>(draft, descriptor, locale)\n            : undefined;\n        })\n        .filter(\n          (filter): filter is EntityFilter<TEntity> => filter !== undefined,\n        );\n\n      onChange({ operator: nextLogic, values });\n    },\n    [descriptorFor, locale, onChange],\n  );\n\n  /** Edits the draft only — nothing reaches the caller until Apply. */\n  const update = (nextDrafts: FilterDraft[]) => setDrafts(nextDrafts);\n\n  const addRow = () => {\n    const first = descriptors[0];\n    // Defence in depth: the component returns early for an empty descriptor\n    // list, so this button does not exist without a first member.\n    /* v8 ignore next */\n    if (!first) return;\n    update([\n      ...drafts,\n      {\n        key: `${idPrefix}-${drafts.length}-${Date.now()}`,\n        property: first.name,\n        operator: operatorsForType(first.type)[0],\n        value: '',\n        end: '',\n      },\n    ]);\n  };\n\n  const patch = (key: string, changes: Partial<FilterDraft>) =>\n    update(\n      drafts.map(draft =>\n        draft.key === key ? { ...draft, ...changes } : draft,\n      ),\n    );\n\n  if (descriptors.length === 0) {\n    return (\n      <Text step={-1} tone=\"muted\">\n        {t('filter.none')}\n      </Text>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2xs\">\n      <div className=\"flex items-center gap-2xs\">\n        <Text step={-2} tone=\"muted\">\n          {t('filter.match')}\n        </Text>\n        <Select\n          aria-label={t('filter.matchAria')}\n          value={logic}\n          onChange={event => {\n            setLogic(event.target.value as LogicOperator);\n          }}\n        >\n          <option value=\"and\">{t('filter.all')}</option>\n          <option value=\"or\">{t('filter.any')}</option>\n        </Select>\n      </div>\n\n      {drafts.map(draft => {\n        const descriptor = descriptorFor(draft.property);\n        if (!descriptor) return null;\n        const arity = operatorArity(draft.operator);\n\n        return (\n          <div key={draft.key} className=\"flex flex-wrap items-center gap-2xs\">\n            <Select\n              aria-label={t('filter.member')}\n              value={draft.property}\n              onChange={event => {\n                const next = descriptorFor(event.target.value);\n                // Defence in depth: the options are built from `descriptors`,\n                // so a chosen value always resolves.\n                /* v8 ignore next */\n                if (!next) return;\n                patch(draft.key, {\n                  property: next.name,\n                  // The previous operator may not exist for the new type.\n                  operator: operatorsForType(next.type)[0],\n                  value: '',\n                  end: '',\n                });\n              }}\n            >\n              {descriptors.map(entry => (\n                <option key={entry.name} value={entry.name}>\n                  {entry.label}\n                </option>\n              ))}\n            </Select>\n\n            <Select\n              aria-label={t('filter.operator')}\n              value={draft.operator}\n              onChange={event =>\n                patch(draft.key, {\n                  operator: event.target.value as EntityFilterOperator,\n                })\n              }\n            >\n              {operatorsForType(descriptor.type).map(operator => (\n                <option key={operator} value={operator}>\n                  {t(operatorLabelKey(operator))}\n                </option>\n              ))}\n            </Select>\n\n            {arity !== 'none' && (\n              <FilterValueInput\n                descriptor={descriptor}\n                counts={facets?.[descriptor.name]}\n                arity={arity}\n                value={draft.value}\n                end={draft.end}\n                onValueChange={value => patch(draft.key, { value })}\n                onEndChange={end => patch(draft.key, { end })}\n              />\n            )}\n\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={t('filter.remove')}\n              onClick={() =>\n                update(drafts.filter(entry => entry.key !== draft.key))\n              }\n            >\n              ✕\n            </Button>\n          </div>\n        );\n      })}\n\n      <div className=\"flex flex-wrap items-center gap-2xs\">\n        <Button type=\"button\" variant=\"secondary\" size=\"sm\" onClick={addRow}>\n          {t('filter.add')}\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"primary\"\n          size=\"sm\"\n          aria-label={t('filter.applyAria')}\n          onClick={() => apply(drafts, logic)}\n        >\n          {t('filter.apply')}\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          aria-label={t('filter.clearAria')}\n          onClick={() => {\n            setDrafts([]);\n            setLogic('and');\n            // Applying the emptied form is what actually clears the listing;\n            // dropping the rows alone would leave the old filter in effect.\n            apply([], 'and');\n          }}\n        >\n          {t('filter.clear')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\ninterface FilterValueInputProps {\n  descriptor: EntityFieldDescriptor;\n  counts?: readonly EntityFacetValue[];\n  arity: ReturnType<typeof operatorArity>;\n  value: string;\n  end: string;\n  onValueChange: (value: string) => void;\n  onEndChange: (end: string) => void;\n}\n\n/** The value control the member's type calls for. */\nfunction FilterValueInput({\n  descriptor,\n  counts,\n  arity,\n  value,\n  end,\n  onValueChange,\n  onEndChange,\n}: FilterValueInputProps) {\n  const t = useT();\n  const enumLabel = useEnumLabel();\n  /** A choice's label, with how many records hold it when that is known. */\n  const counted = (label: string, option: string) => {\n    const count = counts?.find(entry => String(entry.value) === option)?.count;\n    return count === undefined\n      ? label\n      : t('filter.withCount', { label, count });\n  };\n\n  if (descriptor.type === 'boolean') {\n    return (\n      <Select\n        aria-label={t('filter.value')}\n        value={value}\n        onChange={event => onValueChange(event.target.value)}\n      >\n        <option value=\"\">—</option>\n        <option value=\"true\">{counted(t('value.yes'), 'true')}</option>\n        <option value=\"false\">{counted(t('value.no'), 'false')}</option>\n      </Select>\n    );\n  }\n\n  if (descriptor.type === 'enum' && descriptor.enumValues && arity !== 'list') {\n    return (\n      <Select\n        aria-label={t('filter.value')}\n        value={value}\n        onChange={event => onValueChange(event.target.value)}\n      >\n        <option value=\"\">—</option>\n        {descriptor.enumValues.map(option => (\n          <option key={option} value={option}>\n            {counted(enumLabel(descriptor, option), option)}\n          </option>\n        ))}\n      </Select>\n    );\n  }\n\n  const inputType =\n    descriptor.type === 'number'\n      ? 'number'\n      : descriptor.type === 'date'\n        ? 'date'\n        : 'text';\n\n  return (\n    <>\n      <TextInput\n        aria-label={t('filter.value')}\n        type={arity === 'list' ? 'text' : inputType}\n        placeholder={arity === 'list' ? t('filter.listPlaceholder') : undefined}\n        value={value}\n        onChange={event => onValueChange(event.target.value)}\n      />\n      {arity === 'range' && (\n        <TextInput\n          aria-label={t('filter.rangeEnd')}\n          type={inputType}\n          value={end}\n          onChange={event => onEndChange(event.target.value)}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["findQueriedDescriptor","queryPropertyFor","useCallback","useId","useState","useEnumLabel","useLocale","useT","Button","Select","TextInput","Text","operatorArity","operatorLabelKey","operatorsForType","coerce","raw","type","undefined","Number","Date","toFilter","draft","descriptor","locale","property","operator","values","value","split","map","entry","trim","filter","length","start","end","toDrafts","filtering","idPrefix","descriptors","flatMap","node","index","text","toISOString","slice","String","key","name","join","FilterBuilder","applied","onChange","facets","t","logic","setLogic","drafts","setDrafts","descriptorFor","find","apply","nextDrafts","nextLogic","update","addRow","first","now","patch","changes","step","tone","div","className","aria-label","event","target","option","arity","next","label","FilterValueInput","counts","onValueChange","onEndChange","variant","size","onClick","enumLabel","counted","count","enumValues","inputType","placeholder"],"mappings":"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"}

package/dist/ui/molecules/filter-chips/filter-chips.d.ts

@@ -0,0 +1,16 @@
+import { type Entity, type EntityFieldDescriptor, type FilterGroup } from '@entifix/core';
+export interface FilterChipsProps<TEntity extends Entity> {
+    /** Filterable members, to name each filter by its column. */
+    descriptors: readonly EntityFieldDescriptor[];
+    /** The filtering in effect. */
+    value?: FilterGroup<TEntity>;
+    onChange: (filtering: FilterGroup<TEntity>) => void;
+}
+/**
+ * The filters in effect, one removable chip each, and Clear all — so what
+ * narrowed the list is visible without opening the builder, and each can be
+ * dropped in one step. A nested group, which the builder cannot express, has
+ * no chip; Clear all still removes it.
+ */
+export declare function FilterChips<TEntity extends Entity>({ descriptors, value, onChange, }: FilterChipsProps<TEntity>): import("react").JSX.Element | null;
+//# sourceMappingURL=filter-chips.d.ts.map

package/dist/ui/molecules/filter-chips/filter-chips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-chips.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/filter-chips/filter-chips.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,MAAM,EACX,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AASvB,MAAM,WAAW,gBAAgB,CAAC,OAAO,SAAS,MAAM;IACtD,6DAA6D;IAC7D,WAAW,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC9C,+BAA+B;IAC/B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,QAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACrD;AAWD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,OAAO,SAAS,MAAM,EAAE,EAClD,WAAW,EACX,KAAK,EACL,QAAQ,GACT,EAAE,gBAAgB,CAAC,OAAO,CAAC,sCA6E3B"}

package/dist/ui/molecules/filter-chips/filter-chips.js

@@ -0,0 +1,73 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { findQueriedDescriptor } from '@entifix/core';
+import { useEnumLabel, useT } from '../../../i18n/index.js';
+import { Button } from '../../atoms/button/index.js';
+import { operatorLabelKey } from '../filter-builder/filter-operators.js';
+/**
+ * The filters in effect, one removable chip each, and Clear all — so what
+ * narrowed the list is visible without opening the builder, and each can be
+ * dropped in one step. A nested group, which the builder cannot express, has
+ * no chip; Clear all still removes it.
+ */ export function FilterChips({ descriptors, value, onChange }) {
+    const t = useT();
+    const enumLabel = useEnumLabel();
+    if (value === undefined || value.values.length === 0) return null;
+    const text = (descriptor, raw)=>raw instanceof Date ? raw.toISOString().slice(0, 10) : typeof raw === 'boolean' ? t(raw ? 'value.yes' : 'value.no') : (descriptor == null ? void 0 : descriptor.type) === 'enum' ? enumLabel(descriptor, String(raw)) : String(raw);
+    const chips = value.values.flatMap((node, index)=>{
+        var _ref;
+        if (!('property' in node)) return [];
+        const filter = node;
+        const descriptor = findQueriedDescriptor(descriptors, String(filter.property));
+        const operand = filter.values !== undefined ? filter.values.map((entry)=>text(descriptor, entry)).join(', ') : filter.start !== undefined ? `${text(descriptor, filter.start)} – ${text(descriptor, filter.end)}` : filter.value === undefined ? '' : text(descriptor, filter.value);
+        const label = [
+            (_ref = descriptor == null ? void 0 : descriptor.label) != null ? _ref : String(filter.property),
+            t(operatorLabelKey(filter.operator)),
+            operand
+        ].filter((part)=>part !== '').join(' ');
+        return [
+            {
+                index,
+                label
+            }
+        ];
+    });
+    return /*#__PURE__*/ _jsxs("div", {
+        role: "group",
+        "aria-label": t('filter.applied'),
+        className: "flex flex-wrap items-center gap-3xs",
+        children: [
+            chips.map((chip)=>/*#__PURE__*/ _jsxs("span", {
+                    className: "inline-flex items-center gap-3xs rounded-full border border-border bg-surface ps-xs text-step-sm text-content",
+                    children: [
+                        chip.label,
+                        /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            variant: "ghost",
+                            size: "sm",
+                            "aria-label": t('filter.removeChip', {
+                                filter: chip.label
+                            }),
+                            onClick: ()=>onChange({
+                                    operator: value.operator,
+                                    values: value.values.filter((_, at)=>at !== chip.index)
+                                }),
+                            children: "✕"
+                        })
+                    ]
+                }, chip.index)),
+            /*#__PURE__*/ _jsx(Button, {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: ()=>onChange({
+                        operator: value.operator,
+                        values: []
+                    }),
+                children: t('filter.clearAll')
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=filter-chips.js.map

package/dist/ui/molecules/filter-chips/filter-chips.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/filter-chips/filter-chips.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Entity,\n  type EntityFieldDescriptor,\n  type FilterGroup,\n  findQueriedDescriptor,\n} from '@entifix/core';\n\nimport { useEnumLabel, useT } from '../../../i18n/index.js';\nimport { Button } from '../../atoms/button/index.js';\nimport {\n  type EntityFilterOperator,\n  operatorLabelKey,\n} from '../filter-builder/filter-operators.js';\n\nexport interface FilterChipsProps<TEntity extends Entity> {\n  /** Filterable members, to name each filter by its column. */\n  descriptors: readonly EntityFieldDescriptor[];\n  /** The filtering in effect. */\n  value?: FilterGroup<TEntity>;\n  onChange: (filtering: FilterGroup<TEntity>) => void;\n}\n\ninterface AppliedFilter {\n  readonly property: unknown;\n  readonly operator: EntityFilterOperator;\n  readonly value?: unknown;\n  readonly values?: readonly unknown[];\n  readonly start?: unknown;\n  readonly end?: unknown;\n}\n\n/**\n * The filters in effect, one removable chip each, and Clear all — so what\n * narrowed the list is visible without opening the builder, and each can be\n * dropped in one step. A nested group, which the builder cannot express, has\n * no chip; Clear all still removes it.\n */\nexport function FilterChips<TEntity extends Entity>({\n  descriptors,\n  value,\n  onChange,\n}: FilterChipsProps<TEntity>) {\n  const t = useT();\n  const enumLabel = useEnumLabel();\n  if (value === undefined || value.values.length === 0) return null;\n\n  const text = (descriptor: EntityFieldDescriptor | undefined, raw: unknown) =>\n    raw instanceof Date\n      ? raw.toISOString().slice(0, 10)\n      : typeof raw === 'boolean'\n        ? t(raw ? 'value.yes' : 'value.no')\n        : descriptor?.type === 'enum'\n          ? enumLabel(descriptor, String(raw))\n          : String(raw);\n\n  const chips = value.values.flatMap((node, index) => {\n    if (!('property' in node)) return [];\n    const filter = node as AppliedFilter;\n    const descriptor = findQueriedDescriptor(\n      descriptors,\n      String(filter.property),\n    );\n    const operand =\n      filter.values !== undefined\n        ? filter.values.map(entry => text(descriptor, entry)).join(', ')\n        : filter.start !== undefined\n          ? `${text(descriptor, filter.start)} – ${text(descriptor, filter.end)}`\n          : filter.value === undefined\n            ? ''\n            : text(descriptor, filter.value);\n    const label = [\n      descriptor?.label ?? String(filter.property),\n      t(operatorLabelKey(filter.operator)),\n      operand,\n    ]\n      .filter(part => part !== '')\n      .join(' ');\n    return [{ index, label }];\n  });\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={t('filter.applied')}\n      className=\"flex flex-wrap items-center gap-3xs\"\n    >\n      {chips.map(chip => (\n        <span\n          key={chip.index}\n          className=\"inline-flex items-center gap-3xs rounded-full border border-border bg-surface ps-xs text-step-sm text-content\"\n        >\n          {chip.label}\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label={t('filter.removeChip', { filter: chip.label })}\n            onClick={() =>\n              onChange({\n                operator: value.operator,\n                values: value.values.filter((_, at) => at !== chip.index),\n              })\n            }\n          >\n            ✕\n          </Button>\n        </span>\n      ))}\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={() => onChange({ operator: value.operator, values: [] })}\n      >\n        {t('filter.clearAll')}\n      </Button>\n    </div>\n  );\n}\n"],"names":["findQueriedDescriptor","useEnumLabel","useT","Button","operatorLabelKey","FilterChips","descriptors","value","onChange","t","enumLabel","undefined","values","length","text","descriptor","raw","Date","toISOString","slice","type","String","chips","flatMap","node","index","filter","property","operand","map","entry","join","start","end","label","operator","part","div","role","aria-label","className","chip","span","variant","size","onClick","_","at"],"mappings":"AAAA;;AAEA,SAIEA,qBAAqB,QAChB,gBAAgB;AAEvB,SAASC,YAAY,EAAEC,IAAI,QAAQ,yBAAyB;AAC5D,SAASC,MAAM,QAAQ,8BAA8B;AACrD,SAEEC,gBAAgB,QACX,wCAAwC;AAmB/C;;;;;CAKC,GACD,OAAO,SAASC,YAAoC,EAClDC,WAAW,EACXC,KAAK,EACLC,QAAQ,EACkB;IAC1B,MAAMC,IAAIP;IACV,MAAMQ,YAAYT;IAClB,IAAIM,UAAUI,aAAaJ,MAAMK,MAAM,CAACC,MAAM,KAAK,GAAG,OAAO;IAE7D,MAAMC,OAAO,CAACC,YAA+CC,MAC3DA,eAAeC,OACXD,IAAIE,WAAW,GAAGC,KAAK,CAAC,GAAG,MAC3B,OAAOH,QAAQ,YACbP,EAAEO,MAAM,cAAc,cACtBD,CAAAA,8BAAAA,WAAYK,IAAI,MAAK,SACnBV,UAAUK,YAAYM,OAAOL,QAC7BK,OAAOL;IAEjB,MAAMM,QAAQf,MAAMK,MAAM,CAACW,OAAO,CAAC,CAACC,MAAMC;;QACxC,IAAI,CAAE,CAAA,cAAcD,IAAG,GAAI,OAAO,EAAE;QACpC,MAAME,SAASF;QACf,MAAMT,aAAaf,sBACjBM,aACAe,OAAOK,OAAOC,QAAQ;QAExB,MAAMC,UACJF,OAAOd,MAAM,KAAKD,YACde,OAAOd,MAAM,CAACiB,GAAG,CAACC,CAAAA,QAAShB,KAAKC,YAAYe,QAAQC,IAAI,CAAC,QACzDL,OAAOM,KAAK,KAAKrB,YACf,GAAGG,KAAKC,YAAYW,OAAOM,KAAK,EAAE,GAAG,EAAElB,KAAKC,YAAYW,OAAOO,GAAG,GAAG,GACrEP,OAAOnB,KAAK,KAAKI,YACf,KACAG,KAAKC,YAAYW,OAAOnB,KAAK;QACvC,MAAM2B,QAAQ;oBACZnB,8BAAAA,WAAYmB,KAAK,mBAAIb,OAAOK,OAAOC,QAAQ;YAC3ClB,EAAEL,iBAAiBsB,OAAOS,QAAQ;YAClCP;SACD,CACEF,MAAM,CAACU,CAAAA,OAAQA,SAAS,IACxBL,IAAI,CAAC;QACR,OAAO;YAAC;gBAAEN;gBAAOS;YAAM;SAAE;IAC3B;IAEA,qBACE,MAACG;QACCC,MAAK;QACLC,cAAY9B,EAAE;QACd+B,WAAU;;YAETlB,MAAMO,GAAG,CAACY,CAAAA,qBACT,MAACC;oBAECF,WAAU;;wBAETC,KAAKP,KAAK;sCACX,KAAC/B;4BACCiB,MAAK;4BACLuB,SAAQ;4BACRC,MAAK;4BACLL,cAAY9B,EAAE,qBAAqB;gCAAEiB,QAAQe,KAAKP,KAAK;4BAAC;4BACxDW,SAAS,IACPrC,SAAS;oCACP2B,UAAU5B,MAAM4B,QAAQ;oCACxBvB,QAAQL,MAAMK,MAAM,CAACc,MAAM,CAAC,CAACoB,GAAGC,KAAOA,OAAON,KAAKhB,KAAK;gCAC1D;sCAEH;;;mBAfIgB,KAAKhB,KAAK;0BAoBnB,KAACtB;gBACCiB,MAAK;gBACLuB,SAAQ;gBACRC,MAAK;gBACLC,SAAS,IAAMrC,SAAS;wBAAE2B,UAAU5B,MAAM4B,QAAQ;wBAAEvB,QAAQ,EAAE;oBAAC;0BAE9DH,EAAE;;;;AAIX"}

package/dist/ui/molecules/filter-chips/index.d.ts

@@ -0,0 +1,2 @@
+export * from './filter-chips.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/filter-chips/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/filter-chips/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/ui/molecules/filter-chips/index.js

@@ -0,0 +1,3 @@
+export * from './filter-chips.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/filter-chips/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/filter-chips/index.ts"],"sourcesContent":["export * from './filter-chips.js';\n"],"names":[],"mappings":"AAAA,cAAc,oBAAoB"}

package/dist/ui/molecules/menu/menu.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
 export interface MenuProps {
     children: ReactNode;
     className?: string;
@@ -17,6 +17,12 @@ export declare namespace Menu {
     }) => import("react").JSX.Element;
     var Item: ({ className, tone, ...props }: MenuItemProps) => import("react").JSX.Element;
     var Link: ({ className, ...props }: ComponentPropsWithoutRef<"a">) => import("react").JSX.Element;
+    var Separator: () => import("react").JSX.Element;
+    var Group: ({ label, children }: {
+        label: string;
+        children: ReactNode;
+    }) => import("react").JSX.Element;
+    var Radio: ({ checked, className, children, ...props }: MenuRadioProps) => import("react").JSX.Element;
 }
 /** How an entry reads: an ordinary action, or one that destroys something. */
 export type MenuItemTone = 'neutral' | 'destructive';
@@ -34,4 +40,8 @@ export interface MenuItemProps extends ComponentPropsWithoutRef<'button'> {
      */
     tone?: MenuItemTone;
 }
+export interface MenuRadioProps extends Omit<ComponentPropsWithoutRef<'button'>, 'role'> {
+    /** Whether this is the option in effect. */
+    checked: boolean;
+}
 //# sourceMappingURL=menu.d.ts.map

package/dist/ui/molecules/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/menu/menu.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,SAAS,+BAStD;yBATe,IAAI;2CAWsB,wBAAwB,CAAC,QAAQ,CAAC;0CAiBzE;QACD,QAAQ,EAAE,SAAS,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;8CAwCwD,aAAa;wCA2B/B,wBAAwB,CAAC,GAAG,CAAC;;AAlDpE,8EAA8E;AAC9E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,aAAa,CAAC;AAErD,MAAM,WAAW,aAAc,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IACvE;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/menu/menu.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAI7E,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,SAAS,+BAStD;yBATe,IAAI;2CAWsB,wBAAwB,CAAC,QAAQ,CAAC;0CAiBzE;QACD,QAAQ,EAAE,SAAS,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;8CAwCwD,aAAa;wCA2B/B,wBAAwB,CAAC,GAAG,CAAC;;qCA0BhC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAE;4DA2Bf,cAAc;;AAvGzE,8EAA8E;AAC9E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,aAAa,CAAC;AAErD,MAAM,WAAW,aAAc,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IACvE;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AA2ED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,wBAAwB,CAAC,QAAQ,CAAC,EAClC,MAAM,CACP;IACC,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;CAClB"}

package/dist/ui/molecules/menu/menu.js

@@ -1,8 +1,9 @@
 'use client';
 import { _ as _extends } from "@swc/helpers/_/_extends";
 import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Menu as HuiMenu, MenuButton, MenuItem as HuiMenuItem, MenuItems } from '@headlessui/react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu as HuiMenu, MenuButton, MenuItem as HuiMenuItem, MenuItems, MenuSeparator } from '@headlessui/react';
+import { useId } from 'react';
 import { cn } from '../../utils/cn.js';
 /**
  * A dropdown menu — the user context menu in the top bar, and the tab-overflow
@@ -65,9 +66,68 @@ function Item(_0) {
         className: cn('flex min-h-(--target-min) w-full items-center gap-2xs rounded-md px-2xs py-3xs text-step-sm text-content no-underline', 'focus-ring data-focus:bg-surface data-focus:text-content data-focus:-outline-offset-2', className)
     }, props));
 }
+/**
+ * A rule between groups of entries — before the destructive ones, so "do" and
+ * "destroy" are not one undifferentiated list.
+ */ function Separator() {
+    return /*#__PURE__*/ _jsx(MenuSeparator, {
+        className: "my-3xs h-px bg-border"
+    });
+}
+/**
+ * A named set of entries — "Tema", "Densidad" — so a choice among them is
+ * announced with what it chooses. The heading is shown, and names the group.
+ */ function Group({ label, children }) {
+    const id = useId();
+    return /*#__PURE__*/ _jsxs("div", {
+        role: "group",
+        "aria-labelledby": id,
+        className: "py-3xs",
+        children: [
+            /*#__PURE__*/ _jsx("p", {
+                id: id,
+                className: "m-0 px-2xs py-3xs text-step-xs font-semibold text-content-muted",
+                children: label
+            }),
+            children
+        ]
+    });
+}
+/**
+ * One option of a {@link Group} where exactly one holds: a `menuitemradio`,
+ * its state in `aria-checked` and in a visible mark rather than colour alone.
+ */ function Radio(_0) {
+    let { checked, className, children } = _0, props = _object_without_properties_loose(_0, [
+        "checked",
+        "className",
+        "children"
+    ]);
+    return /*#__PURE__*/ _jsxs(HuiMenuItem, _extends({
+        as: "button",
+        // Headless UI names every item `menuitem` and lets no prop change it;
+        // the role is set on the element once it mounts, which keeps the
+        // menu's own keyboard handling, and React never writes it back because
+        // the prop it renders never changes.
+        ref: (node)=>node == null ? void 0 : node.setAttribute('role', 'menuitemradio'),
+        "aria-checked": checked,
+        className: cn('flex min-h-(--target-min) w-full items-center gap-2xs rounded-md px-2xs py-3xs text-step-sm text-content', 'focus-ring data-focus:bg-surface data-focus:-outline-offset-2', className)
+    }, props, {
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                "aria-hidden": "true",
+                className: "shrink-0",
+                children: checked ? '●' : '○'
+            }),
+            children
+        ]
+    }));
+}
 Menu.Trigger = Trigger;
 Menu.Items = Items;
 Menu.Item = Item;
 Menu.Link = Link;
+Menu.Separator = Separator;
+Menu.Group = Group;
+Menu.Radio = Radio;
 
 //# sourceMappingURL=menu.js.map

package/dist/ui/molecules/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/molecules/menu/menu.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Menu as HuiMenu,\n  MenuButton,\n  MenuItem as HuiMenuItem,\n  MenuItems,\n} from '@headlessui/react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\nexport interface MenuProps {\n  children: ReactNode;\n  className?: string;\n}\n\n/**\n * A dropdown menu — the user context menu in the top bar, and the tab-overflow\n * list. A thin styled wrapper over Headless UI so focus management, keyboard\n * nav, and outside-click come for free; the tokens keep it on-brand.\n */\nexport function Menu({ children, className }: MenuProps) {\n  return (\n    <HuiMenu\n      as=\"div\"\n      className={cn('relative inline-block text-left', className)}\n    >\n      {children}\n    </HuiMenu>\n  );\n}\n\nfunction Trigger({ className, ...props }: ComponentPropsWithoutRef<'button'>) {\n  return (\n    <MenuButton\n      className={cn(\n        'inline-flex min-h-(--target-min) min-w-(--target-min) items-center gap-2xs rounded-lg px-2xs py-3xs text-step-sm text-content',\n        'transition duration-200 ease-smooth hover:bg-surface',\n        'focus-ring',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Items({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) {\n  return (\n    <MenuItems\n      className={cn(\n        'right-0 min-w-48 absolute z-(--z-dropdown) mt-2xs rounded-lg border border-border bg-surface-elevated p-3xs shadow-overlay',\n        // The panel itself is a focus-managed CONTAINER, not a target: the ring\n        // belongs on the item inside it. Stripping the outline here is\n        // correct, and is not a missing `focus-ring`.\n        'focus:outline-none',\n        className,\n      )}\n    >\n      {children}\n    </MenuItems>\n  );\n}\n\n/** How an entry reads: an ordinary action, or one that destroys something. */\nexport type MenuItemTone = 'neutral' | 'destructive';\n\nexport interface MenuItemProps extends ComponentPropsWithoutRef<'button'> {\n  /**\n   * `destructive` colours the entry as a deletion.\n   *\n   * It exists because an overflow menu is where a destructive verb ends up once\n   * the visible actions are full, and a `Button` in that position would carry\n   * `variant=\"destructive\"` — a menu that cannot say the same thing makes the\n   * appearance of a verb depend on how many siblings it happens to have.\n   *\n   * Colour is not the affordance, and must not be the only warning: a verb\n   * whose descriptor carries `confirm` still asks before it fires.\n   */\n  tone?: MenuItemTone;\n}\n\nconst ITEM_TONE_CLASS: Record<MenuItemTone, string> = {\n  neutral: 'text-content data-focus:text-content',\n  destructive: 'text-danger data-focus:text-danger',\n};\n\nfunction Item({ className, tone = 'neutral', ...props }: MenuItemProps) {\n  return (\n    <HuiMenuItem\n      as=\"button\"\n      className={cn(\n        'flex min-h-(--target-min) w-full items-center gap-2xs rounded-md px-2xs py-3xs text-step-sm',\n        // The item under the keyboard wears the focus ring, inset so the\n        // panel's edge never clips it; a background swap alone is ~1.05:1.\n        'focus-ring data-focus:bg-surface data-focus:-outline-offset-2',\n        ITEM_TONE_CLASS[tone],\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * A navigating menu entry.\n *\n * A plain anchor rather than a router link: the entries that need this are the\n * account menu's, and those point at a different app on a different origin,\n * where a client-side transition is not an option anyway. Callers wanting an\n * in-app transition should pass their router's link through `as`-style\n * composition at the call site instead.\n */\nfunction Link({ className, ...props }: ComponentPropsWithoutRef<'a'>) {\n  return (\n    <HuiMenuItem\n      as=\"a\"\n      className={cn(\n        'flex min-h-(--target-min) w-full items-center gap-2xs rounded-md px-2xs py-3xs text-step-sm text-content no-underline',\n        'focus-ring data-focus:bg-surface data-focus:text-content data-focus:-outline-offset-2',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nMenu.Trigger = Trigger;\nMenu.Items = Items;\nMenu.Item = Item;\nMenu.Link = Link;\n"],"names":["Menu","HuiMenu","MenuButton","MenuItem","HuiMenuItem","MenuItems","cn","children","className","as","Trigger","props","Items","ITEM_TONE_CLASS","neutral","destructive","Item","tone","Link"],"mappings":"AAAA;;;;AAEA,SACEA,QAAQC,OAAO,EACfC,UAAU,EACVC,YAAYC,WAAW,EACvBC,SAAS,QACJ,oBAAoB;AAG3B,SAASC,EAAE,QAAQ,oBAAoB;AAOvC;;;;CAIC,GACD,OAAO,SAASN,KAAK,EAAEO,QAAQ,EAAEC,SAAS,EAAa;IACrD,qBACE,KAACP;QACCQ,IAAG;QACHD,WAAWF,GAAG,mCAAmCE;kBAEhDD;;AAGP;AAEA,SAASG,QAAQ,EAA2D;QAA3D,EAAEF,SAAS,EAAgD,OAA3CG;;;IAC/B,qBACE,KAACT;QACCM,WAAWF,GACT,iIACA,wDACA,cACAE;OAEEG;AAGV;AAEA,SAASC,MAAM,EACbL,QAAQ,EACRC,SAAS,EAIV;IACC,qBACE,KAACH;QACCG,WAAWF,GACT,8HACA,wEAAwE;QACxE,+DAA+D;QAC/D,8CAA8C;QAC9C,sBACAE;kBAGDD;;AAGP;AAoBA,MAAMM,kBAAgD;IACpDC,SAAS;IACTC,aAAa;AACf;AAEA,SAASC,KAAK,EAAwD;QAAxD,EAAER,SAAS,EAAES,OAAO,SAAS,EAA2B,OAAtBN;;;;IAC9C,qBACE,KAACP;QACCK,IAAG;QACHD,WAAWF,GACT,+FACA,iEAAiE;QACjE,mEAAmE;QACnE,iEACAO,eAAe,CAACI,KAAK,EACrB,mDACAT;OAEEG;AAGV;AAEA;;;;;;;;CAQC,GACD,SAASO,KAAK,EAAsD;QAAtD,EAAEV,SAAS,EAA2C,OAAtCG;;;IAC5B,qBACE,KAACP;QACCK,IAAG;QACHD,WAAWF,GACT,yHACA,yFACAE;OAEEG;AAGV;AAEAX,KAAKU,OAAO,GAAGA;AACfV,KAAKY,KAAK,GAAGA;AACbZ,KAAKgB,IAAI,GAAGA;AACZhB,KAAKkB,IAAI,GAAGA"}
+{"version":3,"sources":["../../../../src/ui/molecules/menu/menu.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Menu as HuiMenu,\n  MenuButton,\n  MenuItem as HuiMenuItem,\n  MenuItems,\n  MenuSeparator,\n} from '@headlessui/react';\nimport { type ComponentPropsWithoutRef, type ReactNode, useId } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\nexport interface MenuProps {\n  children: ReactNode;\n  className?: string;\n}\n\n/**\n * A dropdown menu — the user context menu in the top bar, and the tab-overflow\n * list. A thin styled wrapper over Headless UI so focus management, keyboard\n * nav, and outside-click come for free; the tokens keep it on-brand.\n */\nexport function Menu({ children, className }: MenuProps) {\n  return (\n    <HuiMenu\n      as=\"div\"\n      className={cn('relative inline-block text-left', className)}\n    >\n      {children}\n    </HuiMenu>\n  );\n}\n\nfunction Trigger({ className, ...props }: ComponentPropsWithoutRef<'button'>) {\n  return (\n    <MenuButton\n      className={cn(\n        'inline-flex min-h-(--target-min) min-w-(--target-min) items-center gap-2xs rounded-lg px-2xs py-3xs text-step-sm text-content',\n        'transition duration-200 ease-smooth hover:bg-surface',\n        'focus-ring',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Items({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) {\n  return (\n    <MenuItems\n      className={cn(\n        'right-0 min-w-48 absolute z-(--z-dropdown) mt-2xs rounded-lg border border-border bg-surface-elevated p-3xs shadow-overlay',\n        // The panel itself is a focus-managed CONTAINER, not a target: the ring\n        // belongs on the item inside it. Stripping the outline here is\n        // correct, and is not a missing `focus-ring`.\n        'focus:outline-none',\n        className,\n      )}\n    >\n      {children}\n    </MenuItems>\n  );\n}\n\n/** How an entry reads: an ordinary action, or one that destroys something. */\nexport type MenuItemTone = 'neutral' | 'destructive';\n\nexport interface MenuItemProps extends ComponentPropsWithoutRef<'button'> {\n  /**\n   * `destructive` colours the entry as a deletion.\n   *\n   * It exists because an overflow menu is where a destructive verb ends up once\n   * the visible actions are full, and a `Button` in that position would carry\n   * `variant=\"destructive\"` — a menu that cannot say the same thing makes the\n   * appearance of a verb depend on how many siblings it happens to have.\n   *\n   * Colour is not the affordance, and must not be the only warning: a verb\n   * whose descriptor carries `confirm` still asks before it fires.\n   */\n  tone?: MenuItemTone;\n}\n\nconst ITEM_TONE_CLASS: Record<MenuItemTone, string> = {\n  neutral: 'text-content data-focus:text-content',\n  destructive: 'text-danger data-focus:text-danger',\n};\n\nfunction Item({ className, tone = 'neutral', ...props }: MenuItemProps) {\n  return (\n    <HuiMenuItem\n      as=\"button\"\n      className={cn(\n        'flex min-h-(--target-min) w-full items-center gap-2xs rounded-md px-2xs py-3xs text-step-sm',\n        // The item under the keyboard wears the focus ring, inset so the\n        // panel's edge never clips it; a background swap alone is ~1.05:1.\n        'focus-ring data-focus:bg-surface data-focus:-outline-offset-2',\n        ITEM_TONE_CLASS[tone],\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * A navigating menu entry.\n *\n * A plain anchor rather than a router link: the entries that need this are the\n * account menu's, and those point at a different app on a different origin,\n * where a client-side transition is not an option anyway. Callers wanting an\n * in-app transition should pass their router's link through `as`-style\n * composition at the call site instead.\n */\nfunction Link({ className, ...props }: ComponentPropsWithoutRef<'a'>) {\n  return (\n    <HuiMenuItem\n      as=\"a\"\n      className={cn(\n        'flex min-h-(--target-min) w-full items-center gap-2xs rounded-md px-2xs py-3xs text-step-sm text-content no-underline',\n        'focus-ring data-focus:bg-surface data-focus:text-content data-focus:-outline-offset-2',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * A rule between groups of entries — before the destructive ones, so \"do\" and\n * \"destroy\" are not one undifferentiated list.\n */\nfunction Separator() {\n  return <MenuSeparator className=\"my-3xs h-px bg-border\" />;\n}\n\n/**\n * A named set of entries — \"Tema\", \"Densidad\" — so a choice among them is\n * announced with what it chooses. The heading is shown, and names the group.\n */\nfunction Group({ label, children }: { label: string; children: ReactNode }) {\n  const id = useId();\n  return (\n    <div role=\"group\" aria-labelledby={id} className=\"py-3xs\">\n      <p\n        id={id}\n        className=\"m-0 px-2xs py-3xs text-step-xs font-semibold text-content-muted\"\n      >\n        {label}\n      </p>\n      {children}\n    </div>\n  );\n}\n\nexport interface MenuRadioProps extends Omit<\n  ComponentPropsWithoutRef<'button'>,\n  'role'\n> {\n  /** Whether this is the option in effect. */\n  checked: boolean;\n}\n\n/**\n * One option of a {@link Group} where exactly one holds: a `menuitemradio`,\n * its state in `aria-checked` and in a visible mark rather than colour alone.\n */\nfunction Radio({ checked, className, children, ...props }: MenuRadioProps) {\n  return (\n    <HuiMenuItem\n      as=\"button\"\n      // Headless UI names every item `menuitem` and lets no prop change it;\n      // the role is set on the element once it mounts, which keeps the\n      // menu's own keyboard handling, and React never writes it back because\n      // the prop it renders never changes.\n      ref={(node: HTMLButtonElement | null) =>\n        node?.setAttribute('role', 'menuitemradio')\n      }\n      aria-checked={checked}\n      className={cn(\n        'flex min-h-(--target-min) w-full items-center gap-2xs rounded-md px-2xs py-3xs text-step-sm text-content',\n        'focus-ring data-focus:bg-surface data-focus:-outline-offset-2',\n        className,\n      )}\n      {...props}\n    >\n      <span aria-hidden=\"true\" className=\"shrink-0\">\n        {checked ? '●' : '○'}\n      </span>\n      {children}\n    </HuiMenuItem>\n  );\n}\n\nMenu.Trigger = Trigger;\nMenu.Items = Items;\nMenu.Item = Item;\nMenu.Link = Link;\nMenu.Separator = Separator;\nMenu.Group = Group;\nMenu.Radio = Radio;\n"],"names":["Menu","HuiMenu","MenuButton","MenuItem","HuiMenuItem","MenuItems","MenuSeparator","useId","cn","children","className","as","Trigger","props","Items","ITEM_TONE_CLASS","neutral","destructive","Item","tone","Link","Separator","Group","label","id","div","role","aria-labelledby","p","Radio","checked","ref","node","setAttribute","aria-checked","span","aria-hidden"],"mappings":"AAAA;;;;AAEA,SACEA,QAAQC,OAAO,EACfC,UAAU,EACVC,YAAYC,WAAW,EACvBC,SAAS,EACTC,aAAa,QACR,oBAAoB;AAC3B,SAAwDC,KAAK,QAAQ,QAAQ;AAE7E,SAASC,EAAE,QAAQ,oBAAoB;AAOvC;;;;CAIC,GACD,OAAO,SAASR,KAAK,EAAES,QAAQ,EAAEC,SAAS,EAAa;IACrD,qBACE,KAACT;QACCU,IAAG;QACHD,WAAWF,GAAG,mCAAmCE;kBAEhDD;;AAGP;AAEA,SAASG,QAAQ,EAA2D;QAA3D,EAAEF,SAAS,EAAgD,OAA3CG;;;IAC/B,qBACE,KAACX;QACCQ,WAAWF,GACT,iIACA,wDACA,cACAE;OAEEG;AAGV;AAEA,SAASC,MAAM,EACbL,QAAQ,EACRC,SAAS,EAIV;IACC,qBACE,KAACL;QACCK,WAAWF,GACT,8HACA,wEAAwE;QACxE,+DAA+D;QAC/D,8CAA8C;QAC9C,sBACAE;kBAGDD;;AAGP;AAoBA,MAAMM,kBAAgD;IACpDC,SAAS;IACTC,aAAa;AACf;AAEA,SAASC,KAAK,EAAwD;QAAxD,EAAER,SAAS,EAAES,OAAO,SAAS,EAA2B,OAAtBN;;;;IAC9C,qBACE,KAACT;QACCO,IAAG;QACHD,WAAWF,GACT,+FACA,iEAAiE;QACjE,mEAAmE;QACnE,iEACAO,eAAe,CAACI,KAAK,EACrB,mDACAT;OAEEG;AAGV;AAEA;;;;;;;;CAQC,GACD,SAASO,KAAK,EAAsD;QAAtD,EAAEV,SAAS,EAA2C,OAAtCG;;;IAC5B,qBACE,KAACT;QACCO,IAAG;QACHD,WAAWF,GACT,yHACA,yFACAE;OAEEG;AAGV;AAEA;;;CAGC,GACD,SAASQ;IACP,qBAAO,KAACf;QAAcI,WAAU;;AAClC;AAEA;;;CAGC,GACD,SAASY,MAAM,EAAEC,KAAK,EAAEd,QAAQ,EAA0C;IACxE,MAAMe,KAAKjB;IACX,qBACE,MAACkB;QAAIC,MAAK;QAAQC,mBAAiBH;QAAId,WAAU;;0BAC/C,KAACkB;gBACCJ,IAAIA;gBACJd,WAAU;0BAETa;;YAEFd;;;AAGP;AAUA;;;CAGC,GACD,SAASoB,MAAM,EAA0D;QAA1D,EAAEC,OAAO,EAAEpB,SAAS,EAAED,QAAQ,EAA4B,OAAvBI;;;;;IAChD,qBACE,MAACT;QACCO,IAAG;QACH,sEAAsE;QACtE,iEAAiE;QACjE,uEAAuE;QACvE,qCAAqC;QACrCoB,KAAK,CAACC,OACJA,wBAAAA,KAAMC,YAAY,CAAC,QAAQ;QAE7BC,gBAAcJ;QACdpB,WAAWF,GACT,4GACA,iEACAE;OAEEG;;0BAEJ,KAACsB;gBAAKC,eAAY;gBAAO1B,WAAU;0BAChCoB,UAAU,MAAM;;YAElBrB;;;AAGP;AAEAT,KAAKY,OAAO,GAAGA;AACfZ,KAAKc,KAAK,GAAGA;AACbd,KAAKkB,IAAI,GAAGA;AACZlB,KAAKoB,IAAI,GAAGA;AACZpB,KAAKqB,SAAS,GAAGA;AACjBrB,KAAKsB,KAAK,GAAGA;AACbtB,KAAK6B,KAAK,GAAGA"}

package/dist/ui/molecules/pagination/pagination.d.ts

@@ -11,6 +11,11 @@ export interface PaginationProps {
 /**
  * Page stepper plus an optional page-size selector, driven by callbacks.
  *
+ * A `nav` with First, Previous, Next and Last. An end that goes nowhere stays
+ * focusable and says so with `aria-disabled`, rather than dropping out of the
+ * tab order under the reader's hand. A page change is announced — "Page 2 of
+ * 5" — and the first render is not.
+ *
  * For a listing whose pages are addresses (server-rendered, crawlable, working
  * without JavaScript) use {@link PaginationLinks} instead.
  */

package/dist/ui/molecules/pagination/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/pagination/pagination.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,yBAAyB,4BAA6B,CAAC;AAEpE,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAA2C,EAC3C,SAAS,GACV,EAAE,eAAe,+BAwDjB"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/pagination/pagination.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,yBAAyB,4BAA6B,CAAC;AAEpE,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAA2C,EAC3C,SAAS,GACV,EAAE,eAAe,+BAkEjB"}

package/dist/ui/molecules/pagination/pagination.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { useT } from '../../../i18n/index.js';
 import { Button } from '../../atoms/button/index.js';
 import { Select } from '../../atoms/field/index.js';
@@ -15,12 +16,32 @@ export const DEFAULT_PAGE_SIZE_OPTIONS = [
 /**
  * Page stepper plus an optional page-size selector, driven by callbacks.
  *
+ * A `nav` with First, Previous, Next and Last. An end that goes nowhere stays
+ * focusable and says so with `aria-disabled`, rather than dropping out of the
+ * tab order under the reader's hand. A page change is announced — "Page 2 of
+ * 5" — and the first render is not.
+ *
  * For a listing whose pages are addresses (server-rendered, crawlable, working
  * without JavaScript) use {@link PaginationLinks} instead.
  */ export function Pagination({ currentPage, pageSize, totalItems, onPageChange, onPageSizeChange, pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS, className }) {
     const t = useT();
     const totalPages = pageCount(totalItems, pageSize);
-    return /*#__PURE__*/ _jsxs("div", {
+    const [announced, setAnnounced] = useState(false);
+    const step = (label, page, enabled)=>/*#__PURE__*/ _jsx(Button, {
+            type: "button",
+            variant: "secondary",
+            size: "sm",
+            // Headless UI runs no handler on an `aria-disabled` button, so an end
+            // that goes nowhere is inert while it keeps its place in the tab order.
+            "aria-disabled": enabled ? undefined : true,
+            onClick: ()=>{
+                setAnnounced(true);
+                onPageChange(page);
+            },
+            children: label
+        });
+    return /*#__PURE__*/ _jsxs("nav", {
+        "aria-label": t('pagination.label'),
         className: cn('flex flex-wrap items-center justify-between gap-2xs', className),
         children: [
             /*#__PURE__*/ _jsx(Text, {
@@ -32,8 +53,16 @@ export const DEFAULT_PAGE_SIZE_OPTIONS = [
                     items: totalItems
                 })
             }),
+            /*#__PURE__*/ _jsx("span", {
+                role: "status",
+                className: "sr-only",
+                children: announced ? t('pagination.page', {
+                    current: currentPage,
+                    total: totalPages
+                }) : ''
+            }),
             /*#__PURE__*/ _jsxs("div", {
-                className: "flex items-center gap-2xs",
+                className: "flex flex-wrap items-center gap-2xs",
                 children: [
                     onPageSizeChange && /*#__PURE__*/ _jsxs("label", {
                         className: "flex items-center gap-3xs text-step-sm text-content-muted",
@@ -49,22 +78,10 @@ export const DEFAULT_PAGE_SIZE_OPTIONS = [
                             })
                         ]
                     }),
-                    /*#__PURE__*/ _jsx(Button, {
-                        type: "button",
-                        variant: "secondary",
-                        size: "sm",
-                        disabled: currentPage <= 1,
-                        onClick: ()=>onPageChange(currentPage - 1),
-                        children: t('pagination.previous')
-                    }),
-                    /*#__PURE__*/ _jsx(Button, {
-                        type: "button",
-                        variant: "secondary",
-                        size: "sm",
-                        disabled: currentPage >= totalPages,
-                        onClick: ()=>onPageChange(currentPage + 1),
-                        children: t('pagination.next')
-                    })
+                    step(t('pagination.first'), 1, currentPage > 1),
+                    step(t('pagination.previous'), currentPage - 1, currentPage > 1),
+                    step(t('pagination.next'), currentPage + 1, currentPage < totalPages),
+                    step(t('pagination.last'), totalPages, currentPage < totalPages)
                 ]
             })
         ]

package/dist/ui/molecules/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/molecules/pagination/pagination.tsx"],"sourcesContent":["'use client';\n\nimport { useT } from '../../../i18n/index.js';\nimport { Button } from '../../atoms/button/index.js';\nimport { Select } from '../../atoms/field/index.js';\nimport { Text } from '../../atoms/text/index.js';\nimport { cn } from '../../utils/cn.js';\nimport { pageCount } from './page-math.js';\n\nexport const DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100] as const;\n\nexport interface PaginationProps {\n  currentPage: number;\n  pageSize: number;\n  totalItems: number;\n  onPageChange: (page: number) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n  pageSizeOptions?: readonly number[];\n  className?: string;\n}\n\n/**\n * Page stepper plus an optional page-size selector, driven by callbacks.\n *\n * For a listing whose pages are addresses (server-rendered, crawlable, working\n * without JavaScript) use {@link PaginationLinks} instead.\n */\nexport function Pagination({\n  currentPage,\n  pageSize,\n  totalItems,\n  onPageChange,\n  onPageSizeChange,\n  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n  className,\n}: PaginationProps) {\n  const t = useT();\n  const totalPages = pageCount(totalItems, pageSize);\n\n  return (\n    <div\n      className={cn(\n        'flex flex-wrap items-center justify-between gap-2xs',\n        className,\n      )}\n    >\n      <Text step={-1} tone=\"muted\">\n        {t('pagination.summary', {\n          current: currentPage,\n          total: totalPages,\n          items: totalItems,\n        })}\n      </Text>\n\n      <div className=\"flex items-center gap-2xs\">\n        {onPageSizeChange && (\n          <label className=\"flex items-center gap-3xs text-step-sm text-content-muted\">\n            {t('pagination.rows')}\n            <Select\n              value={pageSize}\n              onChange={event => onPageSizeChange(Number(event.target.value))}\n            >\n              {pageSizeOptions.map(option => (\n                <option key={option} value={option}>\n                  {option}\n                </option>\n              ))}\n            </Select>\n          </label>\n        )}\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          disabled={currentPage <= 1}\n          onClick={() => onPageChange(currentPage - 1)}\n        >\n          {t('pagination.previous')}\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          disabled={currentPage >= totalPages}\n          onClick={() => onPageChange(currentPage + 1)}\n        >\n          {t('pagination.next')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["useT","Button","Select","Text","cn","pageCount","DEFAULT_PAGE_SIZE_OPTIONS","Pagination","currentPage","pageSize","totalItems","onPageChange","onPageSizeChange","pageSizeOptions","className","t","totalPages","div","step","tone","current","total","items","label","value","onChange","event","Number","target","map","option","type","variant","size","disabled","onClick"],"mappings":"AAAA;;AAEA,SAASA,IAAI,QAAQ,yBAAyB;AAC9C,SAASC,MAAM,QAAQ,8BAA8B;AACrD,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SAASC,EAAE,QAAQ,oBAAoB;AACvC,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,OAAO,MAAMC,4BAA4B;IAAC;IAAI;IAAI;IAAI;CAAI,CAAU;AAYpE;;;;;CAKC,GACD,OAAO,SAASC,WAAW,EACzBC,WAAW,EACXC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,gBAAgB,EAChBC,kBAAkBP,yBAAyB,EAC3CQ,SAAS,EACO;IAChB,MAAMC,IAAIf;IACV,MAAMgB,aAAaX,UAAUK,YAAYD;IAEzC,qBACE,MAACQ;QACCH,WAAWV,GACT,uDACAU;;0BAGF,KAACX;gBAAKe,MAAM,CAAC;gBAAGC,MAAK;0BAClBJ,EAAE,sBAAsB;oBACvBK,SAASZ;oBACTa,OAAOL;oBACPM,OAAOZ;gBACT;;0BAGF,MAACO;gBAAIH,WAAU;;oBACZF,kCACC,MAACW;wBAAMT,WAAU;;4BACdC,EAAE;0CACH,KAACb;gCACCsB,OAAOf;gCACPgB,UAAUC,CAAAA,QAASd,iBAAiBe,OAAOD,MAAME,MAAM,CAACJ,KAAK;0CAE5DX,gBAAgBgB,GAAG,CAACC,CAAAA,uBACnB,KAACA;wCAAoBN,OAAOM;kDACzBA;uCADUA;;;;kCAOrB,KAAC7B;wBACC8B,MAAK;wBACLC,SAAQ;wBACRC,MAAK;wBACLC,UAAU1B,eAAe;wBACzB2B,SAAS,IAAMxB,aAAaH,cAAc;kCAEzCO,EAAE;;kCAEL,KAACd;wBACC8B,MAAK;wBACLC,SAAQ;wBACRC,MAAK;wBACLC,UAAU1B,eAAeQ;wBACzBmB,SAAS,IAAMxB,aAAaH,cAAc;kCAEzCO,EAAE;;;;;;AAKb"}
+{"version":3,"sources":["../../../../src/ui/molecules/pagination/pagination.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { useT } from '../../../i18n/index.js';\nimport { Button } from '../../atoms/button/index.js';\nimport { Select } from '../../atoms/field/index.js';\nimport { Text } from '../../atoms/text/index.js';\nimport { cn } from '../../utils/cn.js';\nimport { pageCount } from './page-math.js';\n\nexport const DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100] as const;\n\nexport interface PaginationProps {\n  currentPage: number;\n  pageSize: number;\n  totalItems: number;\n  onPageChange: (page: number) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n  pageSizeOptions?: readonly number[];\n  className?: string;\n}\n\n/**\n * Page stepper plus an optional page-size selector, driven by callbacks.\n *\n * A `nav` with First, Previous, Next and Last. An end that goes nowhere stays\n * focusable and says so with `aria-disabled`, rather than dropping out of the\n * tab order under the reader's hand. A page change is announced — \"Page 2 of\n * 5\" — and the first render is not.\n *\n * For a listing whose pages are addresses (server-rendered, crawlable, working\n * without JavaScript) use {@link PaginationLinks} instead.\n */\nexport function Pagination({\n  currentPage,\n  pageSize,\n  totalItems,\n  onPageChange,\n  onPageSizeChange,\n  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n  className,\n}: PaginationProps) {\n  const t = useT();\n  const totalPages = pageCount(totalItems, pageSize);\n  const [announced, setAnnounced] = useState(false);\n\n  const step = (label: string, page: number, enabled: boolean) => (\n    <Button\n      type=\"button\"\n      variant=\"secondary\"\n      size=\"sm\"\n      // Headless UI runs no handler on an `aria-disabled` button, so an end\n      // that goes nowhere is inert while it keeps its place in the tab order.\n      aria-disabled={enabled ? undefined : true}\n      onClick={() => {\n        setAnnounced(true);\n        onPageChange(page);\n      }}\n    >\n      {label}\n    </Button>\n  );\n\n  return (\n    <nav\n      aria-label={t('pagination.label')}\n      className={cn(\n        'flex flex-wrap items-center justify-between gap-2xs',\n        className,\n      )}\n    >\n      <Text step={-1} tone=\"muted\">\n        {t('pagination.summary', {\n          current: currentPage,\n          total: totalPages,\n          items: totalItems,\n        })}\n      </Text>\n      <span role=\"status\" className=\"sr-only\">\n        {announced\n          ? t('pagination.page', { current: currentPage, total: totalPages })\n          : ''}\n      </span>\n\n      <div className=\"flex flex-wrap items-center gap-2xs\">\n        {onPageSizeChange && (\n          <label className=\"flex items-center gap-3xs text-step-sm text-content-muted\">\n            {t('pagination.rows')}\n            <Select\n              value={pageSize}\n              onChange={event => onPageSizeChange(Number(event.target.value))}\n            >\n              {pageSizeOptions.map(option => (\n                <option key={option} value={option}>\n                  {option}\n                </option>\n              ))}\n            </Select>\n          </label>\n        )}\n        {step(t('pagination.first'), 1, currentPage > 1)}\n        {step(t('pagination.previous'), currentPage - 1, currentPage > 1)}\n        {step(t('pagination.next'), currentPage + 1, currentPage < totalPages)}\n        {step(t('pagination.last'), totalPages, currentPage < totalPages)}\n      </div>\n    </nav>\n  );\n}\n"],"names":["useState","useT","Button","Select","Text","cn","pageCount","DEFAULT_PAGE_SIZE_OPTIONS","Pagination","currentPage","pageSize","totalItems","onPageChange","onPageSizeChange","pageSizeOptions","className","t","totalPages","announced","setAnnounced","step","label","page","enabled","type","variant","size","aria-disabled","undefined","onClick","nav","aria-label","tone","current","total","items","span","role","div","value","onChange","event","Number","target","map","option"],"mappings":"AAAA;;AAEA,SAASA,QAAQ,QAAQ,QAAQ;AAEjC,SAASC,IAAI,QAAQ,yBAAyB;AAC9C,SAASC,MAAM,QAAQ,8BAA8B;AACrD,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SAASC,EAAE,QAAQ,oBAAoB;AACvC,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,OAAO,MAAMC,4BAA4B;IAAC;IAAI;IAAI;IAAI;CAAI,CAAU;AAYpE;;;;;;;;;;CAUC,GACD,OAAO,SAASC,WAAW,EACzBC,WAAW,EACXC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,gBAAgB,EAChBC,kBAAkBP,yBAAyB,EAC3CQ,SAAS,EACO;IAChB,MAAMC,IAAIf;IACV,MAAMgB,aAAaX,UAAUK,YAAYD;IACzC,MAAM,CAACQ,WAAWC,aAAa,GAAGnB,SAAS;IAE3C,MAAMoB,OAAO,CAACC,OAAeC,MAAcC,wBACzC,KAACrB;YACCsB,MAAK;YACLC,SAAQ;YACRC,MAAK;YACL,sEAAsE;YACtE,wEAAwE;YACxEC,iBAAeJ,UAAUK,YAAY;YACrCC,SAAS;gBACPV,aAAa;gBACbP,aAAaU;YACf;sBAECD;;IAIL,qBACE,MAACS;QACCC,cAAYf,EAAE;QACdD,WAAWV,GACT,uDACAU;;0BAGF,KAACX;gBAAKgB,MAAM,CAAC;gBAAGY,MAAK;0BAClBhB,EAAE,sBAAsB;oBACvBiB,SAASxB;oBACTyB,OAAOjB;oBACPkB,OAAOxB;gBACT;;0BAEF,KAACyB;gBAAKC,MAAK;gBAAStB,WAAU;0BAC3BG,YACGF,EAAE,mBAAmB;oBAAEiB,SAASxB;oBAAayB,OAAOjB;gBAAW,KAC/D;;0BAGN,MAACqB;gBAAIvB,WAAU;;oBACZF,kCACC,MAACQ;wBAAMN,WAAU;;4BACdC,EAAE;0CACH,KAACb;gCACCoC,OAAO7B;gCACP8B,UAAUC,CAAAA,QAAS5B,iBAAiB6B,OAAOD,MAAME,MAAM,CAACJ,KAAK;0CAE5DzB,gBAAgB8B,GAAG,CAACC,CAAAA,uBACnB,KAACA;wCAAoBN,OAAOM;kDACzBA;uCADUA;;;;oBAOpBzB,KAAKJ,EAAE,qBAAqB,GAAGP,cAAc;oBAC7CW,KAAKJ,EAAE,wBAAwBP,cAAc,GAAGA,cAAc;oBAC9DW,KAAKJ,EAAE,oBAAoBP,cAAc,GAAGA,cAAcQ;oBAC1DG,KAAKJ,EAAE,oBAAoBC,YAAYR,cAAcQ;;;;;AAI9D"}

package/dist/ui/molecules/region-state/index.d.ts

@@ -0,0 +1,2 @@
+export * from './region-state.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/region-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/region-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/ui/molecules/region-state/index.js

@@ -0,0 +1,3 @@
+export * from './region-state.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/region-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/region-state/index.ts"],"sourcesContent":["export * from './region-state.js';\n"],"names":[],"mappings":"AAAA,cAAc,oBAAoB"}

package/dist/ui/molecules/region-state/region-state.d.ts

@@ -0,0 +1,42 @@
+import type { ReactNode } from 'react';
+/** A failure as the organisms hold it: a typed failure, or anything thrown. */
+export interface RegionStateError {
+    message: string;
+    code?: unknown;
+    details?: Record<string, unknown>;
+}
+export interface RegionStateProps {
+    /** What the region holds, plural — "invoices" — for the state's sentence. */
+    plural: string;
+    /** The first load: the organism's skeleton speaks for it, so nothing here. */
+    isLoading?: boolean;
+    /** A load that failed. */
+    error?: RegionStateError;
+    /** Loads the region again. Without it, an error offers no Retry. */
+    onRetry?: () => void;
+    /** The load answered, with nothing in it. */
+    isEmpty?: boolean;
+    /** A filter is in effect, so an empty answer is the filter's, not the data's. */
+    isFiltered?: boolean;
+    /** Clears every filter — what an empty filtered region offers. */
+    onClearFilters?: () => void;
+    /** What an empty, unfiltered region offers: creating the first record. */
+    emptyAction?: ReactNode;
+    /** Data from before the failure is still on screen. */
+    hasStaleData?: boolean;
+}
+/**
+ * What a region says when it is not simply showing its content
+ * ([ADR 0028](../../../../../../../docs/adr/0028-states-an-organism-must-render.md)):
+ *
+ * - a **load error** is an `Alert` with Retry — `forbidden` says so in its own
+ *   words — and data kept from before it is marked possibly out of date;
+ * - an **empty result under a filter** says so and offers Clear filters;
+ * - an **empty region** says what appears here, and offers its first record.
+ *
+ * It renders nothing while loading, and nothing when there is content: the
+ * organism's own skeleton and rows speak then. An empty result and a dead
+ * backend never look alike.
+ */
+export declare function RegionState({ plural, isLoading, error, onRetry, isEmpty, isFiltered, onClearFilters, emptyAction, hasStaleData, }: RegionStateProps): import("react").JSX.Element | null;
+//# sourceMappingURL=region-state.d.ts.map

package/dist/ui/molecules/region-state/region-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"region-state.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/region-state/region-state.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,+EAA+E;AAC/E,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,gBAAgB;IAC/B,6EAA6E;IAC7E,MAAM,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iFAAiF;IACjF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,0EAA0E;IAC1E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,SAAiB,EACjB,KAAK,EACL,OAAO,EACP,OAAe,EACf,UAAkB,EAClB,cAAc,EACd,WAAW,EACX,YAAoB,GACrB,EAAE,gBAAgB,sCA8ElB"}