svelte-kit-vice

Commit Graph

Author	SHA1	Message	Date
dev	9bd9db408d	date-picker: mode='modal' + footer (clear/cancel/closeButton) Replicates the date-range-picker pattern on the single date-picker: soma: - DatePickerMode type ('inline' \| 'modal') exported. - Provider gains mode/clearButton/cancelButton/closeButton opts plus commit() / cancel() / clear() action helpers; cancel() reverts the value snapshot taken via watch() on the OPEN edge of opts.open. - handleDateSelect now early-returns when mode === 'modal' so modal pickers don't auto-close on selection. - exports.ts surfaces DatePickerProvider + DatePickerMode for demo / footer wiring (mirrors date-range-picker's barrel). - Test fixture extended with the new opts (closeOnDateSelect stays true by default; mode='inline', all buttons false). morfo: - scope=['soma','sema'], apg=dialog-modal. - 6 events: open / close-commit / close-cancel / close-dismiss / close-dismiss-outside / commit-clear. prewrite stamps data-last-action with the causal exit reason so Sema can tint the exit animation. - Calendar part declares the state machine (open/closed, data-last-action, data-starting-style, data-ending-style) and the modal-keyboard surface (Escape / Tab / Shift+Tab). demo: - New picker-actions.svelte mirrors the range demo: pulls provider via context, renders Clear / Cancel / Close conditionally, forces Close in modal mode. CSS is local to the file (uses --color-primary-* + --color-surface-overlay tokens, no raw colors). - +page.svelte adds mode radio chip group + 3 footer-button switches and passes mode/clearButton/cancelButton/closeButton through to the Eidos wrapper (which spreads to soma). The Eidos wrapper needs no change — it already spreads everything via ...rest, so the new soma opts reach Soma without further wiring. Verification: 0 type errors, 3/3 soma tests pass, morfo:check PASS, component:audit 67/67 PASS. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago
dev	5f8adbeca6	date-picker + date-range-picker: trigger embedded inside the input The calendar icon now lives INSIDE the date input as a flush trailing affordance, not as a separate sibling button. The change is markup + recipe CSS only — no API change. - Demo (date-picker): drop the `.picker-control` grid wrapper; put `<DatePicker.Trigger />` as the last child of the Input snippet, after the segments. Codeblock snippets updated to match. - Demo (date-range-picker): keep the dual-input + separator layout but move `<DateRangePicker.Trigger />` into the END input, since the trigger represents the trailing affordance of the whole range. Both code snippets updated. - Recipe CSS (both): add nested rules that detect the embedded case (`[data-date-field-input] > [data-date-picker-trigger]`, `[data-date-range-field-input] > [data-date-range-picker-trigger]`). Embedded trigger drops its own border/background, matches the segment height, sits flush at the trailing edge with `margin-inline-start: auto`, and uses the segment focus ring on hover/focus instead of the standalone field ring. The standalone (sibling) treatment stays available for consumers who prefer the icon as a separate control. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago
dev	39eb0eec86	uix: date-picker + date-range-picker components + component audit infra Two new Eidos components shipped end-to-end (wrapper + recipe + demo + Soma provider hardening) plus a checklist-driven audit pipeline that scores all 67 morfo components against doctrinal completion criteria. New components: - date-picker: full popover-anchored picker over date-field + calendar, with calendar/content/trigger parts and demo route. - date-range-picker: standalone wrapper with own calendar/grid/segment surface, demo route, and recipe CSS. - Both wrappers follow Option C disciplined (root + parts attached via explicit assignment, no Object.assign). Supporting Soma changes: - range-calendar provider tightened (211 LOC of behavior, 167 LOC of tests), README brought up to component doctrine. - date-field, date-picker, date-range-field, date-range-picker Soma providers + READMEs updated for new wrappers. - popover provider/close gain props needed by the picker wrappers. Morfo updates: - date-picker / date-range-picker / range-calendar morfos refined for the new APIs (parts, events, ARIA). Audit infrastructure (new): - src/uix/COMPONENT_COMPLETION_CHECKLIST.md — 81 doctrinal rules across morfo / eidos wrapper / recipe CSS / demo / README / cross-layer scripts. Each rule keyed to active_architecture.md, GUIA_IMPLEMENTACION and DEMO_AUTHORING_GUIDE. - scripts/component-audit.ts + `npm run component:audit` — regex parser over all 67 components, emits tmp/component-audit.md with summary scoreboard + per-component findings. Validates against canonical SEMA_FAMILIES / SEMA_VERBS / ARCHETYPE_VOCABULARY / INTENTS. - Initial baseline: 1 PASS, 64 NEEDS-WORK, 2 BROKEN (tooltip, date-range-picker). Top systemic gaps: translations.label (49), README Gaps/Comparativa/Baseline sections (87 combined), keyboard /event ratio under-declaration (15), apg URL absent (19). Misc: - src/uix/kimi-audit-eidos.md — supplementary audit notes. - .gitignore: ignore .codex-* agent scratch artifacts at repo root. - continue.md + READMEs updated through the migration. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago

Author

SHA1

Message

Date

dev

9bd9db408d

date-picker: mode='modal' + footer (clear/cancel/closeButton)

Replicates the date-range-picker pattern on the single date-picker:

soma:
- DatePickerMode type ('inline' | 'modal') exported.
- Provider gains mode/clearButton/cancelButton/closeButton opts plus
  commit() / cancel() / clear() action helpers; cancel() reverts the
  value snapshot taken via watch() on the OPEN edge of opts.open.
- handleDateSelect now early-returns when mode === 'modal' so modal
  pickers don't auto-close on selection.
- exports.ts surfaces DatePickerProvider + DatePickerMode for demo /
  footer wiring (mirrors date-range-picker's barrel).
- Test fixture extended with the new opts (closeOnDateSelect stays
  true by default; mode='inline', all buttons false).

morfo:
- scope=['soma','sema'], apg=dialog-modal.
- 6 events: open / close-commit / close-cancel / close-dismiss /
  close-dismiss-outside / commit-clear. prewrite stamps data-last-action
  with the causal exit reason so Sema can tint the exit animation.
- Calendar part declares the state machine (open/closed,
  data-last-action, data-starting-style, data-ending-style) and the
  modal-keyboard surface (Escape / Tab / Shift+Tab).

demo:
- New picker-actions.svelte mirrors the range demo: pulls provider via
  context, renders Clear / Cancel / Close conditionally, forces Close in
  modal mode. CSS is local to the file (uses --color-primary-* +
  --color-surface-overlay tokens, no raw colors).
- +page.svelte adds mode radio chip group + 3 footer-button switches and
  passes mode/clearButton/cancelButton/closeButton through to the Eidos
  wrapper (which spreads to soma).

The Eidos wrapper needs no change — it already spreads everything via
...rest, so the new soma opts reach Soma without further wiring.

Verification: 0 type errors, 3/3 soma tests pass, morfo:check PASS,
component:audit 67/67 PASS.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

dev

5f8adbeca6

date-picker + date-range-picker: trigger embedded inside the input

The calendar icon now lives INSIDE the date input as a flush trailing
affordance, not as a separate sibling button. The change is markup +
recipe CSS only — no API change.

- Demo (date-picker): drop the `.picker-control` grid wrapper; put
  `<DatePicker.Trigger />` as the last child of the Input snippet,
  after the segments. Codeblock snippets updated to match.
- Demo (date-range-picker): keep the dual-input + separator layout
  but move `<DateRangePicker.Trigger />` into the END input, since
  the trigger represents the trailing affordance of the whole range.
  Both code snippets updated.
- Recipe CSS (both): add nested rules that detect the embedded case
  (`[data-date-field-input] > [data-date-picker-trigger]`,
  `[data-date-range-field-input] > [data-date-range-picker-trigger]`).
  Embedded trigger drops its own border/background, matches the
  segment height, sits flush at the trailing edge with
  `margin-inline-start: auto`, and uses the segment focus ring on
  hover/focus instead of the standalone field ring.

The standalone (sibling) treatment stays available for consumers who
prefer the icon as a separate control.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

dev

39eb0eec86

uix: date-picker + date-range-picker components + component audit infra

Two new Eidos components shipped end-to-end (wrapper + recipe + demo +
Soma provider hardening) plus a checklist-driven audit pipeline that
scores all 67 morfo components against doctrinal completion criteria.

New components:
- date-picker: full popover-anchored picker over date-field + calendar,
  with calendar/content/trigger parts and demo route.
- date-range-picker: standalone wrapper with own calendar/grid/segment
  surface, demo route, and recipe CSS.
- Both wrappers follow Option C disciplined (root + parts attached via
  explicit assignment, no Object.assign).

Supporting Soma changes:
- range-calendar provider tightened (211 LOC of behavior, 167 LOC of
  tests), README brought up to component doctrine.
- date-field, date-picker, date-range-field, date-range-picker Soma
  providers + READMEs updated for new wrappers.
- popover provider/close gain props needed by the picker wrappers.

Morfo updates:
- date-picker / date-range-picker / range-calendar morfos refined for
  the new APIs (parts, events, ARIA).

Audit infrastructure (new):
- src/uix/COMPONENT_COMPLETION_CHECKLIST.md — 81 doctrinal rules across
  morfo / eidos wrapper / recipe CSS / demo / README / cross-layer
  scripts. Each rule keyed to active_architecture.md, GUIA_IMPLEMENTACION
  and DEMO_AUTHORING_GUIDE.
- scripts/component-audit.ts + `npm run component:audit` — regex parser
  over all 67 components, emits tmp/component-audit.md with summary
  scoreboard + per-component findings. Validates against canonical
  SEMA_FAMILIES / SEMA_VERBS / ARCHETYPE_VOCABULARY / INTENTS.
- Initial baseline: 1 PASS, 64 NEEDS-WORK, 2 BROKEN (tooltip,
  date-range-picker). Top systemic gaps: translations.label (49),
  README Gaps/Comparativa/Baseline sections (87 combined), keyboard
  /event ratio under-declaration (15), apg URL absent (19).

Misc:
- src/uix/kimi-audit-eidos.md — supplementary audit notes.
- .gitignore: ignore .codex-* agent scratch artifacts at repo root.
- continue.md + READMEs updated through the migration.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

3 Commits (9bd9db408de16ec37153f74eccc1e0a3cdaee46e)