@adminiumjs/ui 0.2.9 → 0.3.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/alert/Alert.d.ts +1 -1
- package/dist/components/alert/Alert.js +1 -1
- package/dist/components/auth-layout/AuthLayout.d.ts +6 -6
- package/dist/components/auth-layout/AuthLayout.js +6 -6
- package/dist/components/auth-screens/ForgotPasswordForm.d.ts +5 -6
- package/dist/components/auth-screens/ForgotPasswordForm.d.ts.map +1 -1
- package/dist/components/auth-screens/ForgotPasswordForm.js.map +1 -1
- package/dist/components/autosave-indicator/AutosaveIndicator.d.ts +2 -2
- package/dist/components/autosave-indicator/AutosaveIndicator.js +1 -1
- package/dist/components/avatar/Avatar.d.ts +5 -5
- package/dist/components/avatar/Avatar.js +5 -5
- package/dist/components/avatar-stack/AvatarStack.d.ts +1 -1
- package/dist/components/avatar-stack/AvatarStack.js +1 -1
- package/dist/components/badge/Badge.d.ts +1 -1
- package/dist/components/badge/Badge.js +1 -1
- package/dist/components/badge/index.js +2 -2
- package/dist/components/badge/index.js.map +1 -1
- package/dist/components/banner/Banner.d.ts +1 -1
- package/dist/components/banner/Banner.js +1 -1
- package/dist/components/breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/dist/components/breadcrumbs/Breadcrumbs.js +1 -1
- package/dist/components/bulk-action-bar/BulkActionBar.d.ts +2 -2
- package/dist/components/bulk-action-bar/BulkActionBar.js +2 -2
- package/dist/components/button/Button.d.ts +3 -3
- package/dist/components/button/Button.js +3 -3
- package/dist/components/card/Card.d.ts +1 -1
- package/dist/components/card/Card.js +1 -1
- package/dist/components/check-row/CheckRow.d.ts +34 -0
- package/dist/components/check-row/CheckRow.d.ts.map +1 -0
- package/dist/components/check-row/CheckRow.js +53 -0
- package/dist/components/check-row/CheckRow.js.map +1 -0
- package/dist/components/check-row/index.d.ts +3 -0
- package/dist/components/check-row/index.d.ts.map +1 -0
- package/dist/components/check-row/index.js +3 -0
- package/dist/components/check-row/index.js.map +1 -0
- package/dist/components/checkbox/Checkbox.d.ts +1 -1
- package/dist/components/checkbox/Checkbox.js +1 -1
- package/dist/components/chip-input/ChipInput.d.ts +9 -2
- package/dist/components/chip-input/ChipInput.d.ts.map +1 -1
- package/dist/components/chip-input/ChipInput.js +3 -3
- package/dist/components/chip-input/ChipInput.js.map +1 -1
- package/dist/components/choice-chips/ChoiceChips.d.ts +2 -2
- package/dist/components/choice-chips/ChoiceChips.js +2 -2
- package/dist/components/combobox/Combobox.d.ts +1 -1
- package/dist/components/combobox/Combobox.js +1 -1
- package/dist/components/command-palette/CommandPalette.d.ts +1 -1
- package/dist/components/command-palette/CommandPalette.js +1 -1
- package/dist/components/command-palette/useCommandK.d.ts +4 -3
- package/dist/components/command-palette/useCommandK.d.ts.map +1 -1
- package/dist/components/command-palette/useCommandK.js +4 -3
- package/dist/components/command-palette/useCommandK.js.map +1 -1
- package/dist/components/confirm-modal/ConfirmModal.d.ts +7 -7
- package/dist/components/confirm-modal/ConfirmModal.js +1 -1
- package/dist/components/count-badge/CountBadge.d.ts +1 -1
- package/dist/components/count-badge/CountBadge.js +1 -1
- package/dist/components/date-input/DateInput.d.ts +1 -1
- package/dist/components/date-input/DateInput.js +1 -1
- package/dist/components/delta-pill/DeltaPill.d.ts +1 -1
- package/dist/components/delta-pill/DeltaPill.js +1 -1
- package/dist/components/divider/Divider.d.ts +1 -1
- package/dist/components/divider/Divider.js +1 -1
- package/dist/components/drawer/Drawer.d.ts +3 -3
- package/dist/components/drawer/Drawer.js +2 -2
- package/dist/components/drawer/Drawer.js.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenu.d.ts +1 -1
- package/dist/components/dropdown-menu/DropdownMenu.js +1 -1
- package/dist/components/empty-state/EmptyState.d.ts +1 -1
- package/dist/components/empty-state/EmptyState.js +1 -1
- package/dist/components/filter-chip/FilterChip.d.ts +1 -1
- package/dist/components/filter-chip/FilterChip.js +1 -1
- package/dist/components/form-dialog/FormDialog.d.ts +79 -0
- package/dist/components/form-dialog/FormDialog.d.ts.map +1 -0
- package/dist/components/form-dialog/FormDialog.js +76 -0
- package/dist/components/form-dialog/FormDialog.js.map +1 -0
- package/dist/components/form-dialog/index.d.ts +3 -0
- package/dist/components/form-dialog/index.d.ts.map +1 -0
- package/dist/components/form-dialog/index.js +3 -0
- package/dist/components/form-dialog/index.js.map +1 -0
- package/dist/components/form-field/FormField.d.ts +1 -1
- package/dist/components/form-field/FormField.d.ts.map +1 -1
- package/dist/components/form-field/FormField.js +3 -2
- package/dist/components/form-field/FormField.js.map +1 -1
- package/dist/components/icon/Icon.d.ts +6 -6
- package/dist/components/icon/Icon.d.ts.map +1 -1
- package/dist/components/icon/Icon.js +1 -1
- package/dist/components/icon/Icon.js.map +1 -1
- package/dist/components/icon/icon-names.js +3 -3
- package/dist/components/icon/icon-names.js.map +1 -1
- package/dist/components/icon-button/IconButton.d.ts +2 -2
- package/dist/components/icon-button/IconButton.js +2 -2
- package/dist/components/icon-tile/IconTile.d.ts +1 -1
- package/dist/components/icon-tile/IconTile.js +2 -2
- package/dist/components/icon-tile/IconTile.js.map +1 -1
- package/dist/components/input/Input.d.ts +2 -2
- package/dist/components/input/Input.js +2 -2
- package/dist/components/input-group/InputGroup.d.ts +2 -2
- package/dist/components/input-group/InputGroup.js +2 -2
- package/dist/components/kbd/Kbd.d.ts +1 -1
- package/dist/components/kbd/Kbd.js +1 -1
- package/dist/components/key-value-list/KeyValueList.d.ts +1 -1
- package/dist/components/key-value-list/KeyValueList.js +1 -1
- package/dist/components/label/Label.d.ts +1 -1
- package/dist/components/label/Label.js +1 -1
- package/dist/components/meta-pill/MetaPill.d.ts +23 -0
- package/dist/components/meta-pill/MetaPill.d.ts.map +1 -0
- package/dist/components/meta-pill/MetaPill.js +19 -0
- package/dist/components/meta-pill/MetaPill.js.map +1 -0
- package/dist/components/meta-pill/index.d.ts +2 -0
- package/dist/components/meta-pill/index.d.ts.map +1 -0
- package/dist/components/meta-pill/index.js +3 -0
- package/dist/components/meta-pill/index.js.map +1 -0
- package/dist/components/modal/Modal.d.ts +1 -1
- package/dist/components/modal/Modal.d.ts.map +1 -1
- package/dist/components/modal/Modal.js +3 -2
- package/dist/components/modal/Modal.js.map +1 -1
- package/dist/components/mono-text/MonoText.d.ts +2 -3
- package/dist/components/mono-text/MonoText.d.ts.map +1 -1
- package/dist/components/mono-text/MonoText.js +2 -3
- package/dist/components/mono-text/MonoText.js.map +1 -1
- package/dist/components/month-calendar/MonthCalendar.d.ts +46 -0
- package/dist/components/month-calendar/MonthCalendar.d.ts.map +1 -0
- package/dist/components/month-calendar/MonthCalendar.js +55 -0
- package/dist/components/month-calendar/MonthCalendar.js.map +1 -0
- package/dist/components/month-calendar/index.d.ts +2 -0
- package/dist/components/month-calendar/index.d.ts.map +1 -0
- package/dist/components/month-calendar/index.js +3 -0
- package/dist/components/month-calendar/index.js.map +1 -0
- package/dist/components/number-stepper/NumberStepper.d.ts +16 -2
- package/dist/components/number-stepper/NumberStepper.d.ts.map +1 -1
- package/dist/components/number-stepper/NumberStepper.js +22 -3
- package/dist/components/number-stepper/NumberStepper.js.map +1 -1
- package/dist/components/pagination/Pagination.d.ts +1 -1
- package/dist/components/pagination/Pagination.js +1 -1
- package/dist/components/password-strength/PasswordStrength.d.ts +1 -1
- package/dist/components/password-strength/PasswordStrength.js +1 -1
- package/dist/components/permission-matrix/PermissionMatrix.d.ts +3 -3
- package/dist/components/popover/Popover.d.ts +1 -1
- package/dist/components/popover/Popover.js +1 -1
- package/dist/components/progress-bar/ProgressBar.d.ts +1 -1
- package/dist/components/progress-bar/ProgressBar.js +2 -2
- package/dist/components/progress-bar/ProgressBar.js.map +1 -1
- package/dist/components/radio/Radio.d.ts +2 -2
- package/dist/components/radio/Radio.js +2 -2
- package/dist/components/radio-card/RadioCard.d.ts +18 -8
- package/dist/components/radio-card/RadioCard.d.ts.map +1 -1
- package/dist/components/radio-card/RadioCard.js +4 -4
- package/dist/components/radio-card/RadioCard.js.map +1 -1
- package/dist/components/runtime-chip/RuntimeChip.d.ts +9 -9
- package/dist/components/runtime-chip/RuntimeChip.js +8 -8
- package/dist/components/search-input/SearchInput.d.ts +1 -1
- package/dist/components/search-input/SearchInput.js +1 -1
- package/dist/components/secret-input/SecretInput.d.ts +1 -1
- package/dist/components/secret-input/SecretInput.js +1 -1
- package/dist/components/segmented-control/SegmentedControl.d.ts +1 -1
- package/dist/components/segmented-control/SegmentedControl.js +1 -1
- package/dist/components/select/Select.d.ts +1 -1
- package/dist/components/select/Select.js +1 -1
- package/dist/components/skeleton/Skeleton.d.ts +1 -1
- package/dist/components/skeleton/Skeleton.js +2 -2
- package/dist/components/skeleton/Skeleton.js.map +1 -1
- package/dist/components/slider/Slider.d.ts +1 -1
- package/dist/components/slider/Slider.js +1 -1
- package/dist/components/slot-grid/SlotGrid.d.ts +37 -0
- package/dist/components/slot-grid/SlotGrid.d.ts.map +1 -0
- package/dist/components/slot-grid/SlotGrid.js +47 -0
- package/dist/components/slot-grid/SlotGrid.js.map +1 -0
- package/dist/components/slot-grid/index.d.ts +2 -0
- package/dist/components/slot-grid/index.d.ts.map +1 -0
- package/dist/components/slot-grid/index.js +3 -0
- package/dist/components/slot-grid/index.js.map +1 -0
- package/dist/components/snackbar/Snackbar.d.ts +1 -1
- package/dist/components/snackbar/Snackbar.js +1 -1
- package/dist/components/spinner/Spinner.d.ts +1 -1
- package/dist/components/spinner/Spinner.js +1 -1
- package/dist/components/status-pill/StatusPill.d.ts +1 -1
- package/dist/components/status-pill/StatusPill.js +5 -5
- package/dist/components/status-pill/StatusPill.js.map +1 -1
- package/dist/components/step-rail/StepRail.d.ts +36 -0
- package/dist/components/step-rail/StepRail.d.ts.map +1 -0
- package/dist/components/step-rail/StepRail.js +28 -0
- package/dist/components/step-rail/StepRail.js.map +1 -0
- package/dist/components/step-rail/index.d.ts +2 -0
- package/dist/components/step-rail/index.d.ts.map +1 -0
- package/dist/components/step-rail/index.js +3 -0
- package/dist/components/step-rail/index.js.map +1 -0
- package/dist/components/stepper/Stepper.d.ts +1 -1
- package/dist/components/stepper/Stepper.js +1 -1
- package/dist/components/success-state/SuccessState.d.ts +1 -2
- package/dist/components/success-state/SuccessState.d.ts.map +1 -1
- package/dist/components/success-state/SuccessState.js +1 -2
- package/dist/components/success-state/SuccessState.js.map +1 -1
- package/dist/components/switch/Switch.d.ts +2 -2
- package/dist/components/switch/Switch.js +2 -2
- package/dist/components/tabs/Tabs.d.ts +1 -1
- package/dist/components/tabs/Tabs.js +1 -1
- package/dist/components/tag/Tag.d.ts +1 -1
- package/dist/components/tag/Tag.js +1 -1
- package/dist/components/textarea/Textarea.d.ts +1 -1
- package/dist/components/textarea/Textarea.js +1 -1
- package/dist/components/toast/Toast.d.ts +5 -6
- package/dist/components/toast/Toast.d.ts.map +1 -1
- package/dist/components/toast/Toast.js +5 -6
- package/dist/components/toast/Toast.js.map +1 -1
- package/dist/components/toast/useToastQueue.d.ts +6 -7
- package/dist/components/toast/useToastQueue.d.ts.map +1 -1
- package/dist/components/toast/useToastQueue.js +6 -7
- package/dist/components/toast/useToastQueue.js.map +1 -1
- package/dist/components/toggle-row/ToggleRow.d.ts +33 -0
- package/dist/components/toggle-row/ToggleRow.d.ts.map +1 -0
- package/dist/components/toggle-row/ToggleRow.js +41 -0
- package/dist/components/toggle-row/ToggleRow.js.map +1 -0
- package/dist/components/toggle-row/index.d.ts +3 -0
- package/dist/components/toggle-row/index.d.ts.map +1 -0
- package/dist/components/toggle-row/index.js +3 -0
- package/dist/components/toggle-row/index.js.map +1 -0
- package/dist/components/tooltip/Tooltip.d.ts +1 -1
- package/dist/components/tooltip/Tooltip.js +1 -1
- package/dist/components/two-phase-modal/TwoPhaseModal.d.ts +3 -4
- package/dist/components/two-phase-modal/TwoPhaseModal.d.ts.map +1 -1
- package/dist/components/two-phase-modal/TwoPhaseModal.js +3 -4
- package/dist/components/two-phase-modal/TwoPhaseModal.js.map +1 -1
- package/dist/hooks/useUndoableAction.d.ts +5 -5
- package/dist/hooks/useUndoableAction.js +5 -5
- package/dist/index.d.ts +7 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/cn.d.ts +3 -4
- package/dist/lib/cn.d.ts.map +1 -1
- package/dist/lib/cn.js +3 -4
- package/dist/lib/cn.js.map +1 -1
- package/dist/lib/index.d.ts +1 -0
- package/dist/lib/index.d.ts.map +1 -1
- package/dist/lib/index.js +1 -0
- package/dist/lib/index.js.map +1 -1
- package/dist/lib/tones.d.ts +10 -9
- package/dist/lib/tones.d.ts.map +1 -1
- package/dist/lib/tones.js +10 -9
- package/dist/lib/tones.js.map +1 -1
- package/dist/lib/week.d.ts +37 -0
- package/dist/lib/week.d.ts.map +1 -0
- package/dist/lib/week.js +71 -0
- package/dist/lib/week.js.map +1 -0
- package/dist/theme/ThemeProvider.d.ts +4 -5
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/ThemeProvider.js +19 -19
- package/dist/theme/ThemeProvider.js.map +1 -1
- package/dist/theme/context.d.ts +6 -5
- package/dist/theme/context.d.ts.map +1 -1
- package/dist/theme/context.js.map +1 -1
- package/dist/theme/subscribe.d.ts +4 -4
- package/dist/theme/subscribe.js +1 -1
- package/dist/theme/types.d.ts +10 -10
- package/dist/theme/types.d.ts.map +1 -1
- package/dist/theme/types.js +4 -4
- package/dist/theme/types.js.map +1 -1
- package/dist/theme/useTheme.d.ts.map +1 -1
- package/dist/theme/useTheme.js +2 -3
- package/dist/theme/useTheme.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChipInput.js","sourceRoot":"","sources":["../../../src/components/chip-input/ChipInput.tsx"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC,0DAA0D;AAC1D,MAAM,QAAQ,GAAG,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"ChipInput.js","sourceRoot":"","sources":["../../../src/components/chip-input/ChipInput.tsx"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC,0DAA0D;AAC1D,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAkC1B;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,SAAS,EACT,cAAc,EACd,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,EACX,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,GAAG,EACH,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,UAAU,EACE;IACf,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAoB,YAAY,IAAI,EAAE,CAAC,CAAC;IAChF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrD,MAAM,OAAO,GAAG,KAAK,IAAI,QAAQ,CAAC;IAElC,MAAM,MAAM,GAAG,CAAC,IAA6B,EAAE,EAAE;QAC/C,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QACxB,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,IAAI,CAAC,CAAC;aACpC,IAAI,GAAG;YAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAc,EAAE,EAAE;QACrC,IAAI,KAAK,KAAK,SAAS;YAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC3C,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,2DAA2D;IAC3D,MAAM,SAAS,GAAG,CAAC,GAAW,EAAY,EAAE;QAC1C,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACpG,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QACnC,MAAM,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;QACxB,MAAM,MAAM,GAAa,EAAE,CAAC;QAC5B,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,IAAI,QAAQ,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBACjC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC;iBAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBACjC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;QACH,CAAC;QACD,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM;YAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QACpD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;QAC/B,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3B,WAAW,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA4C,EAAE,EAAE;QACrE,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,gBAAgB;YAAE,OAAO;QACnC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,aAAa,EAAE,CAAC;YAClB,CAAC;iBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9E,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAA6C,EAAE,EAAE;QACpE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACjB,IAAI,KAAK,CAAC,gBAAgB;YAAE,OAAO;QACnC,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;YAAE,OAAO,CAAC,qCAAqC;QACzE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,IAAI,IAAI,MAAM,EAAE,CAAC,CAAC;QAC9C,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3B,WAAW,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO;IACL,+EAA+E;IAC/E,+BACgB,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,EACxC,SAAS,EAAE,EAAE,CACX,6IAA6I,EAC7I,mDAAmD,EACnD,kFAAkF;QAClF,uEAAuE;QACvE,sEAAsE;QACtE,kEAAkE;QAClE,qEAAqE;QACrE,qEAAqE;QACrE,wDAAwD;QACxD,0EAA0E,EAC1E,2EAA2E,EAC3E,SAAS,CACV,KACG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAEvD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,GAAG,IAEF,IAAI,WACA,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1D,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,EAC1E,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,YAE7B,IAAI,IANA,IAAI,CAOL,CACP,CAAC,EACF,gBACE,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,QAAQ,KACd,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACtD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC5B,WAAW,CAAC,KAAK,CAAC,CAAC;gBACrB,CAAC,EACD,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;oBAChB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;wBAAE,aAAa,EAAE,CAAC;oBAC5C,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;gBAClB,CAAC,EACD,SAAS,EAAE,EAAE,CACX,+GAA+G,EAC/G,cAAc,CACf,KACG,UAAU,GACd,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -31,8 +31,8 @@ export interface ChoiceChipsMultipleProps extends ChoiceChipsCommonProps {
|
|
|
31
31
|
export type ChoiceChipsProps = ChoiceChipsSingleProps | ChoiceChipsMultipleProps;
|
|
32
32
|
/**
|
|
33
33
|
* ChoiceChips / PillOptions — pill option chips, selected = accent border +
|
|
34
|
-
* accent-soft bg + accent text (research/design-system.md
|
|
35
|
-
*
|
|
34
|
+
* accent-soft bg + accent text (research/design-system.md Tier 2). Single
|
|
35
|
+
* mode is a radiogroup with roving tabindex; multiple mode renders
|
|
36
36
|
* `aria-pressed` toggle chips.
|
|
37
37
|
*/
|
|
38
38
|
export declare function ChoiceChips(props: ChoiceChipsProps): React.JSX.Element;
|
|
@@ -10,8 +10,8 @@ const chipClasses = 'inline-flex h-7 select-none items-center gap-1.5 whitespace
|
|
|
10
10
|
'data-[selected]:border-accent data-[selected]:bg-accent-soft data-[selected]:text-accent [&_svg]:size-3.5 [&_svg]:shrink-0';
|
|
11
11
|
/**
|
|
12
12
|
* ChoiceChips / PillOptions — pill option chips, selected = accent border +
|
|
13
|
-
* accent-soft bg + accent text (research/design-system.md
|
|
14
|
-
*
|
|
13
|
+
* accent-soft bg + accent text (research/design-system.md Tier 2). Single
|
|
14
|
+
* mode is a radiogroup with roving tabindex; multiple mode renders
|
|
15
15
|
* `aria-pressed` toggle chips.
|
|
16
16
|
*/
|
|
17
17
|
export function ChoiceChips(props) {
|
|
@@ -40,7 +40,7 @@ export interface ComboboxProps {
|
|
|
40
40
|
'aria-required'?: React.AriaAttributes['aria-required'] | undefined;
|
|
41
41
|
}
|
|
42
42
|
/**
|
|
43
|
-
* Combobox — searchable single-select (research/design-system.md
|
|
43
|
+
* Combobox — searchable single-select (research/design-system.md Tier 2):
|
|
44
44
|
* Input chrome + chevron; typing filters the option list in an anchored
|
|
45
45
|
* Radix Popover panel; rows take a `leading` slot (avatars) and an optional
|
|
46
46
|
* description; empty state via `emptyText`.
|
|
@@ -7,7 +7,7 @@ import { useScrollLockBypass } from '../../hooks/useScrollLockBypass.js';
|
|
|
7
7
|
import { cn } from '../../lib/cn.js';
|
|
8
8
|
const defaultFilter = (option, query) => option.label.toLowerCase().includes(query.trim().toLowerCase());
|
|
9
9
|
/**
|
|
10
|
-
* Combobox — searchable single-select (research/design-system.md
|
|
10
|
+
* Combobox — searchable single-select (research/design-system.md Tier 2):
|
|
11
11
|
* Input chrome + chevron; typing filters the option list in an anchored
|
|
12
12
|
* Radix Popover panel; rows take a `leading` slot (avatars) and an optional
|
|
13
13
|
* description; empty state via `emptyText`.
|
|
@@ -56,7 +56,7 @@ export interface CommandPaletteProps {
|
|
|
56
56
|
* + label + kbd hint), accent-soft selected row, empty state echoing the
|
|
57
57
|
* query, footer hint bar; fully keyboard driven (↑↓ wrap, Enter opens, Esc
|
|
58
58
|
* closes) with `aria-activedescendant` combobox semantics
|
|
59
|
-
* (research/design-system.md
|
|
59
|
+
* (research/design-system.md Tier 3). Pair with `useCommandK`.
|
|
60
60
|
*/
|
|
61
61
|
export declare function CommandPalette({ open, onOpenChange, groups, onSelect, labels, query: controlledQuery, onQueryChange, filter, closeOnSelect, footerExtra, className, }: CommandPaletteProps): import("react").JSX.Element;
|
|
62
62
|
//# sourceMappingURL=CommandPalette.d.ts.map
|
|
@@ -19,7 +19,7 @@ const defaultFilter = (item, query) => {
|
|
|
19
19
|
* + label + kbd hint), accent-soft selected row, empty state echoing the
|
|
20
20
|
* query, footer hint bar; fully keyboard driven (↑↓ wrap, Enter opens, Esc
|
|
21
21
|
* closes) with `aria-activedescendant` combobox semantics
|
|
22
|
-
* (research/design-system.md
|
|
22
|
+
* (research/design-system.md Tier 3). Pair with `useCommandK`.
|
|
23
23
|
*/
|
|
24
24
|
export function CommandPalette({ open, onOpenChange, groups, onSelect, labels, query: controlledQuery, onQueryChange, filter = defaultFilter, closeOnSelect = true, footerExtra, className, }) {
|
|
25
25
|
const listId = useId();
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* useCommandK — global ⌘K / Ctrl+K hotkey (research/design-system.md
|
|
3
|
-
*
|
|
4
|
-
* typical wiring toggles the palette: `useCommandK(() => setOpen((o) =>
|
|
2
|
+
* useCommandK — global ⌘K / Ctrl+K hotkey (research/design-system.md Tier 3
|
|
3
|
+
* CommandPalette). Fires `onTrigger` and prevents the browser default;
|
|
4
|
+
* typical wiring toggles the palette: `useCommandK(() => setOpen((o) =>
|
|
5
|
+
* !o))`.
|
|
5
6
|
*/
|
|
6
7
|
export declare function useCommandK(onTrigger: () => void, options?: {
|
|
7
8
|
enabled?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCommandK.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/useCommandK.ts"],"names":[],"mappings":"AAGA
|
|
1
|
+
{"version":3,"file":"useCommandK.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/useCommandK.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,MAAM,IAAI,EAAE,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAO,GAAG,IAAI,CAexG"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
2
2
|
import { useEffect } from 'react';
|
|
3
3
|
/**
|
|
4
|
-
* useCommandK — global ⌘K / Ctrl+K hotkey (research/design-system.md
|
|
5
|
-
*
|
|
6
|
-
* typical wiring toggles the palette: `useCommandK(() => setOpen((o) =>
|
|
4
|
+
* useCommandK — global ⌘K / Ctrl+K hotkey (research/design-system.md Tier 3
|
|
5
|
+
* CommandPalette). Fires `onTrigger` and prevents the browser default;
|
|
6
|
+
* typical wiring toggles the palette: `useCommandK(() => setOpen((o) =>
|
|
7
|
+
* !o))`.
|
|
7
8
|
*/
|
|
8
9
|
export function useCommandK(onTrigger, options = {}) {
|
|
9
10
|
const enabled = options.enabled ?? true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCommandK.js","sourceRoot":"","sources":["../../../src/components/command-palette/useCommandK.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC
|
|
1
|
+
{"version":3,"file":"useCommandK.js","sourceRoot":"","sources":["../../../src/components/command-palette/useCommandK.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,SAAqB,EAAE,UAA6C,EAAE;IAChG,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;YACzC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBACzF,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,SAAS,EAAE,CAAC;YACd,CAAC;QACH,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC9D,wEAAwE;QACxE,8DAA8D;IAChE,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;AAC3B,CAAC"}
|
|
@@ -13,12 +13,12 @@ export interface ConfirmModalProps extends Omit<ModalProps, 'children' | 'size'>
|
|
|
13
13
|
/** Label above the type-to-confirm input, e.g. `Type "acme-prod" to confirm`. */
|
|
14
14
|
promptLabel: ReactNode;
|
|
15
15
|
/**
|
|
16
|
-
* A second, independent type-to-confirm field (
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
*
|
|
21
|
-
*
|
|
16
|
+
* A second, independent type-to-confirm field (the Super-Admin door over the
|
|
17
|
+
* row ceiling asks for a second, differently derived token in the same
|
|
18
|
+
* confirm). Both fields must match before the danger button enables, so this
|
|
19
|
+
* is an authorisation to ask for, never a decoration — a caller that renders
|
|
20
|
+
* it without meaning it deadlocks its own dialog. When absent, no second
|
|
21
|
+
* field reaches the DOM at all.
|
|
22
22
|
*/
|
|
23
23
|
secondPrompt?: {
|
|
24
24
|
/** Label above the second field, already localised by the caller. */
|
|
@@ -47,7 +47,7 @@ export interface ConfirmModalProps extends Omit<ModalProps, 'children' | 'size'>
|
|
|
47
47
|
}
|
|
48
48
|
/**
|
|
49
49
|
* ConfirmModal — destructive confirmation with a type-to-confirm input gating
|
|
50
|
-
* the danger button (research/design-system.md
|
|
50
|
+
* the danger button (research/design-system.md Tier 3), optionally a second
|
|
51
51
|
* one (`secondPrompt`, D18). Typed values reset whenever the modal closes.
|
|
52
52
|
*/
|
|
53
53
|
export declare function ConfirmModal({ title, body, confirmWord, promptLabel, secondPrompt, confirmLabel, cancelLabel, closeLabel, onConfirm, busy, icon, open, onOpenChange, ...modalProps }: ConfirmModalProps): import("react").JSX.Element;
|
|
@@ -14,7 +14,7 @@ const fieldClass = cn('h-[34px] w-full rounded-md border border-border-strong bg
|
|
|
14
14
|
const labelClass = 'mb-1.5 block text-caption font-bold text-fg-muted';
|
|
15
15
|
/**
|
|
16
16
|
* ConfirmModal — destructive confirmation with a type-to-confirm input gating
|
|
17
|
-
* the danger button (research/design-system.md
|
|
17
|
+
* the danger button (research/design-system.md Tier 3), optionally a second
|
|
18
18
|
* one (`secondPrompt`, D18). Typed values reset whenever the modal closes.
|
|
19
19
|
*/
|
|
20
20
|
export function ConfirmModal({ title, body, confirmWord, promptLabel, secondPrompt, confirmLabel, cancelLabel, closeLabel, onConfirm, busy, icon, open, onOpenChange, ...modalProps }) {
|
|
@@ -2,7 +2,7 @@ import type { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import type * as React from 'react';
|
|
3
3
|
/**
|
|
4
4
|
* Mono count pill: neutral (surface-3) vs active (solid accent + accent-fg) —
|
|
5
|
-
* research/design-system.md
|
|
5
|
+
* research/design-system.md Tier 1. Number formatting is the caller's job.
|
|
6
6
|
*/
|
|
7
7
|
export declare const countBadgeVariants: (props?: ({
|
|
8
8
|
active?: boolean | null | undefined;
|
|
@@ -4,7 +4,7 @@ import { cva } from 'class-variance-authority';
|
|
|
4
4
|
import { cn } from '../../lib/cn.js';
|
|
5
5
|
/**
|
|
6
6
|
* Mono count pill: neutral (surface-3) vs active (solid accent + accent-fg) —
|
|
7
|
-
* research/design-system.md
|
|
7
|
+
* research/design-system.md Tier 1. Number formatting is the caller's job.
|
|
8
8
|
*/
|
|
9
9
|
export const countBadgeVariants = cva('inline-flex h-[18px] min-w-[18px] items-center justify-center whitespace-nowrap rounded-full px-1.5 font-mono text-[10.5px] font-bold leading-none tabular-nums', {
|
|
10
10
|
variants: {
|
|
@@ -9,7 +9,7 @@ export interface DateInputProps extends Omit<React.ComponentPropsWithRef<'input'
|
|
|
9
9
|
/**
|
|
10
10
|
* DateInput / TimeInput — native `date`/`time`/`datetime-local` input with
|
|
11
11
|
* the shared Input chrome and JetBrains Mono value
|
|
12
|
-
* (research/design-system.md
|
|
12
|
+
* (research/design-system.md Tier 2). The native picker follows the theme
|
|
13
13
|
* automatically: `color-scheme` is set per `data-theme` by @adminium/tokens
|
|
14
14
|
* and inherits into the control. Values are ISO strings; display formatting
|
|
15
15
|
* is the caller's job (`@adminium/i18n`).
|
|
@@ -9,7 +9,7 @@ import { inputVariants } from '../input/index.js';
|
|
|
9
9
|
/**
|
|
10
10
|
* DateInput / TimeInput — native `date`/`time`/`datetime-local` input with
|
|
11
11
|
* the shared Input chrome and JetBrains Mono value
|
|
12
|
-
* (research/design-system.md
|
|
12
|
+
* (research/design-system.md Tier 2). The native picker follows the theme
|
|
13
13
|
* automatically: `color-scheme` is set per `data-theme` by @adminium/tokens
|
|
14
14
|
* and inherits into the control. Values are ISO strings; display formatting
|
|
15
15
|
* is the caller's job (`@adminium/i18n`).
|
|
@@ -3,7 +3,7 @@ import type * as React from 'react';
|
|
|
3
3
|
export type DeltaTrend = 'up' | 'down' | 'flat';
|
|
4
4
|
/**
|
|
5
5
|
* Trend pill: trending-up/down/flat Lucide icon + a mono % value, tones
|
|
6
|
-
* pos/danger/muted (research/design-system.md
|
|
6
|
+
* pos/danger/muted (research/design-system.md Tier 1).
|
|
7
7
|
*/
|
|
8
8
|
export declare const deltaPillVariants: (props?: ({
|
|
9
9
|
tone?: "pos" | "danger" | "muted" | null | undefined;
|
|
@@ -6,7 +6,7 @@ import { cn } from '../../lib/cn.js';
|
|
|
6
6
|
import { MonoText } from '../mono-text/MonoText.js';
|
|
7
7
|
/**
|
|
8
8
|
* Trend pill: trending-up/down/flat Lucide icon + a mono % value, tones
|
|
9
|
-
* pos/danger/muted (research/design-system.md
|
|
9
|
+
* pos/danger/muted (research/design-system.md Tier 1).
|
|
10
10
|
*/
|
|
11
11
|
export const deltaPillVariants = cva('inline-flex items-center gap-1 whitespace-nowrap rounded-full px-1.5 py-0.5 text-[10.5px] font-bold leading-none', {
|
|
12
12
|
variants: {
|
|
@@ -2,7 +2,7 @@ import type { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import type * as React from 'react';
|
|
3
3
|
/**
|
|
4
4
|
* 1px `--border` rule, horizontal or vertical, with an optional centered
|
|
5
|
-
* label ("or") — research/design-system.md
|
|
5
|
+
* label ("or") — research/design-system.md Tier 1.
|
|
6
6
|
*/
|
|
7
7
|
export declare const dividerVariants: (props?: ({
|
|
8
8
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
@@ -4,7 +4,7 @@ import { cva } from 'class-variance-authority';
|
|
|
4
4
|
import { cn } from '../../lib/cn.js';
|
|
5
5
|
/**
|
|
6
6
|
* 1px `--border` rule, horizontal or vertical, with an optional centered
|
|
7
|
-
* label ("or") — research/design-system.md
|
|
7
|
+
* label ("or") — research/design-system.md Tier 1.
|
|
8
8
|
*/
|
|
9
9
|
export const dividerVariants = cva('border-0 bg-border', {
|
|
10
10
|
variants: {
|
|
@@ -12,8 +12,8 @@ export interface DrawerProps extends ComponentPropsWithRef<typeof DialogPrimitiv
|
|
|
12
12
|
size?: DrawerSize | undefined;
|
|
13
13
|
/**
|
|
14
14
|
* Where the sheet comes from. `end` (default) is the side drawer; `bottom`
|
|
15
|
-
* is the phone-width sheet the Export Builder comp draws
|
|
16
|
-
*
|
|
15
|
+
* is the phone-width sheet the Export Builder comp draws: full width, 84vh
|
|
16
|
+
* tall at most, 20px top radius, sliding up.
|
|
17
17
|
*/
|
|
18
18
|
side?: DrawerSide | undefined;
|
|
19
19
|
/** Extra classes for the sheet panel. */
|
|
@@ -26,7 +26,7 @@ export interface DrawerProps extends ComponentPropsWithRef<typeof DialogPrimitiv
|
|
|
26
26
|
* Drawer — side sheet on Radix Dialog sliding in from `inset-inline-end`
|
|
27
27
|
* (logical → mirrors in RTL); `nb-slide` entrance, same scrim as Modal;
|
|
28
28
|
* compose with `DrawerHeader` / `DrawerBody` / `DrawerFooter`
|
|
29
|
-
* (research/design-system.md
|
|
29
|
+
* (research/design-system.md Tier 3).
|
|
30
30
|
*/
|
|
31
31
|
export declare function Drawer({ size, side, className, overlayClassName, children, ...rootProps }: DrawerProps): import("react").JSX.Element;
|
|
32
32
|
export interface DrawerHeaderProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
|
|
@@ -5,7 +5,7 @@ import { X } from 'lucide-react';
|
|
|
5
5
|
import { Children, isValidElement } from 'react';
|
|
6
6
|
import { cn } from '../../lib/cn.js';
|
|
7
7
|
import { IconTile } from '../icon-tile/index.js';
|
|
8
|
-
/** Size → inline size (380/480/640, research/design-system.md
|
|
8
|
+
/** Size → inline size (380/480/640, research/design-system.md Tier 3). */
|
|
9
9
|
const drawerSizeClasses = {
|
|
10
10
|
sm: 'w-[380px]',
|
|
11
11
|
md: 'w-[480px]',
|
|
@@ -19,7 +19,7 @@ export const DrawerClose = DialogPrimitive.Close;
|
|
|
19
19
|
* Drawer — side sheet on Radix Dialog sliding in from `inset-inline-end`
|
|
20
20
|
* (logical → mirrors in RTL); `nb-slide` entrance, same scrim as Modal;
|
|
21
21
|
* compose with `DrawerHeader` / `DrawerBody` / `DrawerFooter`
|
|
22
|
-
* (research/design-system.md
|
|
22
|
+
* (research/design-system.md Tier 3).
|
|
23
23
|
*/
|
|
24
24
|
export function Drawer({ size = 'md', side = 'end', className, overlayClassName, children, ...rootProps }) {
|
|
25
25
|
// Triggers must stay outside the Portal (unmounted while closed) — same
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAa,MAAM,uBAAuB,CAAC;AAI5D,
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ export declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Dropdown
|
|
|
9
9
|
export type DropdownMenuContentProps = Omit<React.ComponentPropsWithRef<typeof DropdownMenuPrimitive.Content>, 'style'>;
|
|
10
10
|
/**
|
|
11
11
|
* Menu panel — radius 14 (`rounded-lg`), `--shadow-menu`, `nb-pop` entrance
|
|
12
|
-
* (research/design-system.md
|
|
12
|
+
* (research/design-system.md Tier 3). Rendered in a portal; typeahead,
|
|
13
13
|
* arrow-key roving and Esc/outside dismissal are Radix built-ins.
|
|
14
14
|
*/
|
|
15
15
|
export declare function DropdownMenuContent({ className, sideOffset, ref, ...props }: DropdownMenuContentProps): React.JSX.Element;
|
|
@@ -12,7 +12,7 @@ export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
|
12
12
|
export const DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
13
13
|
/**
|
|
14
14
|
* Menu panel — radius 14 (`rounded-lg`), `--shadow-menu`, `nb-pop` entrance
|
|
15
|
-
* (research/design-system.md
|
|
15
|
+
* (research/design-system.md Tier 3). Rendered in a portal; typeahead,
|
|
16
16
|
* arrow-key roving and Esc/outside dismissal are Radix built-ins.
|
|
17
17
|
*/
|
|
18
18
|
export function DropdownMenuContent({ className, sideOffset = 6, ref, ...props }) {
|
|
@@ -20,7 +20,7 @@ export interface EmptyStateProps extends Omit<ComponentPropsWithRef<'div'>, 'tit
|
|
|
20
20
|
/**
|
|
21
21
|
* EmptyState — 56px icon tile + headline + guidance + action row with layout
|
|
22
22
|
* presets `no-data / all-caught-up / no-matches / nothing-scheduled`
|
|
23
|
-
* (research/design-system.md
|
|
23
|
+
* (research/design-system.md Tier 3).
|
|
24
24
|
*/
|
|
25
25
|
export declare function EmptyState({ preset, icon, tone, title, body, actions, compact, className, children, ...props }: EmptyStateProps): import("react").JSX.Element;
|
|
26
26
|
//# sourceMappingURL=EmptyState.d.ts.map
|
|
@@ -16,7 +16,7 @@ const presetDefaults = {
|
|
|
16
16
|
/**
|
|
17
17
|
* EmptyState — 56px icon tile + headline + guidance + action row with layout
|
|
18
18
|
* presets `no-data / all-caught-up / no-matches / nothing-scheduled`
|
|
19
|
-
* (research/design-system.md
|
|
19
|
+
* (research/design-system.md Tier 3).
|
|
20
20
|
*/
|
|
21
21
|
export function EmptyState({ preset = 'no-data', icon, tone, title, body, actions, compact = false, className, children, ...props }) {
|
|
22
22
|
const defaults = presetDefaults[preset];
|
|
@@ -13,7 +13,7 @@ export interface FilterChipProps extends ComponentPropsWithRef<'div'> {
|
|
|
13
13
|
}
|
|
14
14
|
/**
|
|
15
15
|
* FilterChip — `field · op · value` pill with a remove button
|
|
16
|
-
* (research/design-system.md
|
|
16
|
+
* (research/design-system.md Tier 3): field muted, operator mono-muted,
|
|
17
17
|
* value emphasized.
|
|
18
18
|
*/
|
|
19
19
|
export declare function FilterChip({ field, op, value, onRemove, removeLabel, className, ...props }: FilterChipProps): import("react").JSX.Element;
|
|
@@ -5,7 +5,7 @@ import { cn } from '../../lib/cn.js';
|
|
|
5
5
|
import { MonoText } from '../mono-text/MonoText.js';
|
|
6
6
|
/**
|
|
7
7
|
* FilterChip — `field · op · value` pill with a remove button
|
|
8
|
-
* (research/design-system.md
|
|
8
|
+
* (research/design-system.md Tier 3): field muted, operator mono-muted,
|
|
9
9
|
* value emphasized.
|
|
10
10
|
*/
|
|
11
11
|
export function FilterChip({ field, op, value, onRemove, removeLabel, className, ...props }) {
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
2
|
+
import { type ComponentPropsWithRef, type ReactNode } from 'react';
|
|
3
|
+
import { type Tone } from '../icon-tile/index.js';
|
|
4
|
+
/**
|
|
5
|
+
* FormDialog — the shell every create and edit form lives in
|
|
6
|
+
* (comp 117–138, 510–521).
|
|
7
|
+
*
|
|
8
|
+
* ─── Why this is not `Modal` ───────────────────────────────────────────────
|
|
9
|
+
*
|
|
10
|
+
* They are different anatomies, and the difference is not decoration:
|
|
11
|
+
*
|
|
12
|
+
* Modal FormDialog
|
|
13
|
+
* radius 20 **16** (a comp dimension, DP1)
|
|
14
|
+
* height 85vh 88vh
|
|
15
|
+
* scrim blur 3px 4px
|
|
16
|
+
* width 4 named sizes the dialog's own, 440…820
|
|
17
|
+
* footer actions only a FOOTNOTE on the left, then the actions
|
|
18
|
+
*
|
|
19
|
+
* A form dialog is a working surface — nine of them in the comp, each a
|
|
20
|
+
* different width because the fields inside it are a different shape. `Modal`
|
|
21
|
+
* stays exactly as it is and keeps every confirmation in the product; teaching
|
|
22
|
+
* it a fifth size and a footnote slot would have made one component answer to
|
|
23
|
+
* two comps, which is how both end up slightly wrong.
|
|
24
|
+
*
|
|
25
|
+
* Radix gives the focus trap, the Escape close, the outside-click close and the
|
|
26
|
+
* aria wiring; the comp asks for all four (D30).
|
|
27
|
+
*/
|
|
28
|
+
/** Optional trigger; renders `asChild`-friendly. */
|
|
29
|
+
export declare const FormDialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
30
|
+
/** Close wrapper for footer buttons (`asChild` supported). */
|
|
31
|
+
export declare const FormDialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
32
|
+
export interface FormDialogProps extends ComponentPropsWithRef<typeof DialogPrimitive.Root> {
|
|
33
|
+
/**
|
|
34
|
+
* The panel's width in pixels, as the comp draws it per dialog: 440 quick ·
|
|
35
|
+
* 560 multi-entry · 580 segmented-files · 640 sectioned and wizard · 660
|
|
36
|
+
* choice-cards · 680 upload-chips. Capped at 94vw so a narrow viewport keeps
|
|
37
|
+
* its 20px gutter.
|
|
38
|
+
*/
|
|
39
|
+
width?: number | undefined;
|
|
40
|
+
className?: string | undefined;
|
|
41
|
+
overlayClassName?: string | undefined;
|
|
42
|
+
children?: ReactNode;
|
|
43
|
+
}
|
|
44
|
+
export declare function FormDialog({ width, className, overlayClassName, children, ...rootProps }: FormDialogProps): import("react").JSX.Element;
|
|
45
|
+
export interface FormDialogHeaderProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
|
|
46
|
+
/** Lucide icon for the 36px tile (comp 123–131); one per dialog. */
|
|
47
|
+
icon?: ReactNode;
|
|
48
|
+
tone?: Tone | undefined;
|
|
49
|
+
title: ReactNode;
|
|
50
|
+
subtitle?: ReactNode;
|
|
51
|
+
/** Accessible label for the close button (required — i18n). */
|
|
52
|
+
closeLabel: string;
|
|
53
|
+
hideClose?: boolean | undefined;
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* Header: the tile, the words, the close — with the bottom rule the comp draws
|
|
57
|
+
* (121–138). `Modal`'s header has no rule, which is right for a confirmation
|
|
58
|
+
* and wrong for a form: the rule is what separates "what this is" from the
|
|
59
|
+
* fields you are about to fill in.
|
|
60
|
+
*/
|
|
61
|
+
export declare function FormDialogHeader({ icon, tone, title, subtitle, closeLabel, hideClose, className, children, ...props }: FormDialogHeaderProps): import("react").JSX.Element;
|
|
62
|
+
export type FormDialogBodyProps = ComponentPropsWithRef<'div'>;
|
|
63
|
+
/** The scrolling body (comp 140): 20 × 22 padding, `nb-scroll`'s scrollbar. */
|
|
64
|
+
export declare function FormDialogBody({ className, ...props }: FormDialogBodyProps): import("react").JSX.Element;
|
|
65
|
+
export interface FormDialogFooterProps extends ComponentPropsWithRef<'div'> {
|
|
66
|
+
/**
|
|
67
|
+
* The line on the left of the footer band (comp 510–511) — "Required fields
|
|
68
|
+
* marked *", "Saves to Invoices". Generated footnotes are only ever the true
|
|
69
|
+
* ones (DP7); an admin may type any.
|
|
70
|
+
*/
|
|
71
|
+
footnote?: ReactNode;
|
|
72
|
+
}
|
|
73
|
+
/**
|
|
74
|
+
* Footer: a `surface-2` band with a top rule, the footnote on the left and the
|
|
75
|
+
* actions on the right (510–521). The footnote is the reason this is its own
|
|
76
|
+
* component rather than `ModalFooter` with a class.
|
|
77
|
+
*/
|
|
78
|
+
export declare function FormDialogFooter({ footnote, className, children, ...props }: FormDialogFooterProps): import("react").JSX.Element;
|
|
79
|
+
//# sourceMappingURL=FormDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormDialog.d.ts","sourceRoot":"","sources":["../../../src/components/form-dialog/FormDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAA4B,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7F,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,oDAAoD;AACpD,eAAO,MAAM,iBAAiB,kIAA0B,CAAC;AACzD,8DAA8D;AAC9D,eAAO,MAAM,eAAe,gIAAwB,CAAC;AAErD,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACzF;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAW,EACX,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,eAAe,+BAmCjB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACxF,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,IAAe,EACf,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,+BAoCvB;AAED,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAE/D,+EAA+E;AAC/E,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAO1E;AAED,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACzE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAkBlG"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// SPDX-License-Identifier: AGPL-3.0-only
|
|
3
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
4
|
+
import { X } from 'lucide-react';
|
|
5
|
+
import { Children, isValidElement } from 'react';
|
|
6
|
+
import { cn } from '../../lib/cn.js';
|
|
7
|
+
import { IconTile } from '../icon-tile/index.js';
|
|
8
|
+
/**
|
|
9
|
+
* FormDialog — the shell every create and edit form lives in
|
|
10
|
+
* (comp 117–138, 510–521).
|
|
11
|
+
*
|
|
12
|
+
* ─── Why this is not `Modal` ───────────────────────────────────────────────
|
|
13
|
+
*
|
|
14
|
+
* They are different anatomies, and the difference is not decoration:
|
|
15
|
+
*
|
|
16
|
+
* Modal FormDialog
|
|
17
|
+
* radius 20 **16** (a comp dimension, DP1)
|
|
18
|
+
* height 85vh 88vh
|
|
19
|
+
* scrim blur 3px 4px
|
|
20
|
+
* width 4 named sizes the dialog's own, 440…820
|
|
21
|
+
* footer actions only a FOOTNOTE on the left, then the actions
|
|
22
|
+
*
|
|
23
|
+
* A form dialog is a working surface — nine of them in the comp, each a
|
|
24
|
+
* different width because the fields inside it are a different shape. `Modal`
|
|
25
|
+
* stays exactly as it is and keeps every confirmation in the product; teaching
|
|
26
|
+
* it a fifth size and a footnote slot would have made one component answer to
|
|
27
|
+
* two comps, which is how both end up slightly wrong.
|
|
28
|
+
*
|
|
29
|
+
* Radix gives the focus trap, the Escape close, the outside-click close and the
|
|
30
|
+
* aria wiring; the comp asks for all four (D30).
|
|
31
|
+
*/
|
|
32
|
+
/** Optional trigger; renders `asChild`-friendly. */
|
|
33
|
+
export const FormDialogTrigger = DialogPrimitive.Trigger;
|
|
34
|
+
/** Close wrapper for footer buttons (`asChild` supported). */
|
|
35
|
+
export const FormDialogClose = DialogPrimitive.Close;
|
|
36
|
+
export function FormDialog({ width = 640, className, overlayClassName, children, ...rootProps }) {
|
|
37
|
+
// A trigger has to be a direct Root child: the Portal subtree is unmounted
|
|
38
|
+
// while the dialog is closed, so a trigger inside it would never appear.
|
|
39
|
+
const childArray = Children.toArray(children);
|
|
40
|
+
const triggers = childArray.filter((child) => isValidElement(child) && child.type === FormDialogTrigger);
|
|
41
|
+
const content = childArray.filter((child) => !(isValidElement(child) && child.type === FormDialogTrigger));
|
|
42
|
+
return (_jsxs(DialogPrimitive.Root, { ...rootProps, children: [triggers, _jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { className: cn('fixed inset-0 z-50 bg-[var(--scrim)] backdrop-blur-[4px]', 'animate-[nb-fade_.14s_cubic-bezier(.2,.7,.3,1)]', overlayClassName) }), _jsx(DialogPrimitive.Content
|
|
43
|
+
// The dialog's own width is a NUMBER per dialog (440…820), so it
|
|
44
|
+
// reaches the class through a custom property — the one shape the
|
|
45
|
+
// tokens-only rule allows, and the same one the sortable rows use.
|
|
46
|
+
, {
|
|
47
|
+
// The dialog's own width is a NUMBER per dialog (440…820), so it
|
|
48
|
+
// reaches the class through a custom property — the one shape the
|
|
49
|
+
// tokens-only rule allows, and the same one the sortable rows use.
|
|
50
|
+
style: { '--adm-dialog-width': `min(${String(width)}px, 94vw)` }, className: cn('fixed inset-0 z-50 m-auto flex h-fit max-h-[88vh] w-[calc(100%-40px)] flex-col', 'max-w-[var(--adm-dialog-width)]', 'overflow-hidden rounded-[16px] border border-border bg-surface shadow-modal outline-none', 'animate-[nb-modal_.18s_cubic-bezier(.2,.8,.2,1)]', className), children: content })] })] }));
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* Header: the tile, the words, the close — with the bottom rule the comp draws
|
|
54
|
+
* (121–138). `Modal`'s header has no rule, which is right for a confirmation
|
|
55
|
+
* and wrong for a form: the rule is what separates "what this is" from the
|
|
56
|
+
* fields you are about to fill in.
|
|
57
|
+
*/
|
|
58
|
+
export function FormDialogHeader({ icon, tone = 'accent', title, subtitle, closeLabel, hideClose, className, children, ...props }) {
|
|
59
|
+
return (_jsxs("div", { className: cn('flex shrink-0 items-start gap-3 border-b border-border px-[22px] py-[18px]', className), ...props, children: [icon === undefined || icon === null ? null : (_jsx(IconTile, { tone: tone, size: "md", icon: icon, className: "[&_svg]:size-[18px]" })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(DialogPrimitive.Title, { className: "text-modal text-fg", children: title }), subtitle === undefined || subtitle === null ? null : (
|
|
60
|
+
// `asChild` over a div for the same reason `Modal` does it: a subtitle
|
|
61
|
+
// is a ReactNode, and a div inside a <p> is invalid HTML.
|
|
62
|
+
_jsx(DialogPrimitive.Description, { asChild: true, children: _jsx("div", { className: "mt-0.5 text-caption text-fg-subtle", children: subtitle }) })), children] }), hideClose ? null : (_jsx(DialogPrimitive.Close, { "aria-label": closeLabel, className: cn('nb-ib inline-flex size-8 shrink-0 items-center justify-center rounded-[9px] border border-border', 'text-fg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent'), children: _jsx(X, { className: "size-4", "aria-hidden": "true" }) }))] }));
|
|
63
|
+
}
|
|
64
|
+
/** The scrolling body (comp 140): 20 × 22 padding, `nb-scroll`'s scrollbar. */
|
|
65
|
+
export function FormDialogBody({ className, ...props }) {
|
|
66
|
+
return (_jsx("div", { className: cn('nb-scroll min-h-0 flex-1 overflow-y-auto px-[22px] py-5 text-body text-fg', className), ...props }));
|
|
67
|
+
}
|
|
68
|
+
/**
|
|
69
|
+
* Footer: a `surface-2` band with a top rule, the footnote on the left and the
|
|
70
|
+
* actions on the right (510–521). The footnote is the reason this is its own
|
|
71
|
+
* component rather than `ModalFooter` with a class.
|
|
72
|
+
*/
|
|
73
|
+
export function FormDialogFooter({ footnote, className, children, ...props }) {
|
|
74
|
+
return (_jsxs("div", { className: cn('flex shrink-0 flex-wrap items-center gap-2 border-t border-border bg-surface-2 px-[22px] py-3.5', className), ...props, children: [footnote === undefined || footnote === null || footnote === false ? null : (_jsx("p", { className: "min-w-0 text-[11.5px] leading-4 text-fg-subtle", children: footnote })), _jsx("div", { className: "ms-auto flex items-center gap-2", children: children })] }));
|
|
75
|
+
}
|
|
76
|
+
//# sourceMappingURL=FormDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../src/components/form-dialog/FormDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { FormDialog, FormDialogBody, FormDialogClose, FormDialogFooter, FormDialogHeader, FormDialogTrigger, } from './FormDialog.js';
|
|
2
|
+
export type { FormDialogBodyProps, FormDialogFooterProps, FormDialogHeaderProps, FormDialogProps, } from './FormDialog.js';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form-dialog/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,GAChB,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form-dialog/index.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EACL,UAAU,EACV,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC"}
|
|
@@ -41,7 +41,7 @@ export interface FormFieldProps extends Omit<React.ComponentPropsWithRef<'div'>,
|
|
|
41
41
|
}
|
|
42
42
|
/**
|
|
43
43
|
* FormField — label + control + helper/error caption
|
|
44
|
-
* (research/design-system.md
|
|
44
|
+
* (research/design-system.md Tier 2). Accessibility wiring (`htmlFor`,
|
|
45
45
|
* `aria-describedby`, `aria-invalid`, `aria-required`) is injected into the
|
|
46
46
|
* child control via Slot and also exposed through `useFormField()` context.
|
|
47
47
|
* RHF-agnostic: pass `error` from any form library.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/form-field/FormField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/form-field/FormField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,WAAW,qBAAqB;IACpC,2DAA2D;IAC3D,EAAE,EAAE,MAAM,CAAC;IACX,iFAAiF;IACjF,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,qDAAqD;IACrD,OAAO,EAAE,OAAO,CAAC;IACjB,mCAAmC;IACnC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAID;;;;;GAKG;AACH,wBAAgB,YAAY,IAAI,qBAAqB,GAAG,IAAI,CAE3D;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACvF,oEAAoE;IACpE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,2FAA2F;IAC3F,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAClC,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAgB,EAChB,MAAM,EACN,KAAK,EACL,GAAG,EACH,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAmDhB"}
|