@adminiumjs/ui 0.1.0-rc.1
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/LICENSE +661 -0
- package/dist/components/alert/Alert.d.ts +27 -0
- package/dist/components/alert/Alert.d.ts.map +1 -0
- package/dist/components/alert/Alert.js +25 -0
- package/dist/components/alert/Alert.js.map +1 -0
- package/dist/components/alert/index.d.ts +3 -0
- package/dist/components/alert/index.d.ts.map +1 -0
- package/dist/components/alert/index.js +2 -0
- package/dist/components/alert/index.js.map +1 -0
- package/dist/components/auth-layout/AuthLayout.d.ts +54 -0
- package/dist/components/auth-layout/AuthLayout.d.ts.map +1 -0
- package/dist/components/auth-layout/AuthLayout.js +30 -0
- package/dist/components/auth-layout/AuthLayout.js.map +1 -0
- package/dist/components/auth-layout/index.d.ts +3 -0
- package/dist/components/auth-layout/index.d.ts.map +1 -0
- package/dist/components/auth-layout/index.js +2 -0
- package/dist/components/auth-layout/index.js.map +1 -0
- package/dist/components/auth-screens/ForgotPasswordForm.d.ts +80 -0
- package/dist/components/auth-screens/ForgotPasswordForm.d.ts.map +1 -0
- package/dist/components/auth-screens/ForgotPasswordForm.js +50 -0
- package/dist/components/auth-screens/ForgotPasswordForm.js.map +1 -0
- package/dist/components/auth-screens/ResetPasswordForm.d.ts +55 -0
- package/dist/components/auth-screens/ResetPasswordForm.d.ts.map +1 -0
- package/dist/components/auth-screens/ResetPasswordForm.js +45 -0
- package/dist/components/auth-screens/ResetPasswordForm.js.map +1 -0
- package/dist/components/auth-screens/SignInForm.d.ts +67 -0
- package/dist/components/auth-screens/SignInForm.d.ts.map +1 -0
- package/dist/components/auth-screens/SignInForm.js +47 -0
- package/dist/components/auth-screens/SignInForm.js.map +1 -0
- package/dist/components/auth-screens/TwoFactorForm.d.ts +54 -0
- package/dist/components/auth-screens/TwoFactorForm.d.ts.map +1 -0
- package/dist/components/auth-screens/TwoFactorForm.js +47 -0
- package/dist/components/auth-screens/TwoFactorForm.js.map +1 -0
- package/dist/components/auth-screens/index.d.ts +9 -0
- package/dist/components/auth-screens/index.d.ts.map +1 -0
- package/dist/components/auth-screens/index.js +5 -0
- package/dist/components/auth-screens/index.js.map +1 -0
- package/dist/components/autosave-indicator/AutosaveIndicator.d.ts +28 -0
- package/dist/components/autosave-indicator/AutosaveIndicator.d.ts.map +1 -0
- package/dist/components/autosave-indicator/AutosaveIndicator.js +14 -0
- package/dist/components/autosave-indicator/AutosaveIndicator.js.map +1 -0
- package/dist/components/autosave-indicator/index.d.ts +3 -0
- package/dist/components/autosave-indicator/index.d.ts.map +1 -0
- package/dist/components/autosave-indicator/index.js +2 -0
- package/dist/components/autosave-indicator/index.js.map +1 -0
- package/dist/components/avatar/Avatar.d.ts +48 -0
- package/dist/components/avatar/Avatar.d.ts.map +1 -0
- package/dist/components/avatar/Avatar.js +104 -0
- package/dist/components/avatar/Avatar.js.map +1 -0
- package/dist/components/avatar/index.d.ts +3 -0
- package/dist/components/avatar/index.d.ts.map +1 -0
- package/dist/components/avatar/index.js +2 -0
- package/dist/components/avatar/index.js.map +1 -0
- package/dist/components/avatar-stack/AvatarStack.d.ts +21 -0
- package/dist/components/avatar-stack/AvatarStack.d.ts.map +1 -0
- package/dist/components/avatar-stack/AvatarStack.js +16 -0
- package/dist/components/avatar-stack/AvatarStack.js.map +1 -0
- package/dist/components/avatar-stack/index.d.ts +3 -0
- package/dist/components/avatar-stack/index.d.ts.map +1 -0
- package/dist/components/avatar-stack/index.js +2 -0
- package/dist/components/avatar-stack/index.js.map +1 -0
- package/dist/components/badge/Badge.d.ts +22 -0
- package/dist/components/badge/Badge.d.ts.map +1 -0
- package/dist/components/badge/Badge.js +21 -0
- package/dist/components/badge/Badge.js.map +1 -0
- package/dist/components/badge/index.d.ts +3 -0
- package/dist/components/badge/index.d.ts.map +1 -0
- package/dist/components/badge/index.js +6 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/banner/Banner.d.ts +21 -0
- package/dist/components/banner/Banner.d.ts.map +1 -0
- package/dist/components/banner/Banner.js +24 -0
- package/dist/components/banner/Banner.js.map +1 -0
- package/dist/components/banner/index.d.ts +3 -0
- package/dist/components/banner/index.d.ts.map +1 -0
- package/dist/components/banner/index.js +2 -0
- package/dist/components/banner/index.js.map +1 -0
- package/dist/components/breadcrumbs/Breadcrumbs.d.ts +22 -0
- package/dist/components/breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/dist/components/breadcrumbs/Breadcrumbs.js +24 -0
- package/dist/components/breadcrumbs/Breadcrumbs.js.map +1 -0
- package/dist/components/breadcrumbs/index.d.ts +3 -0
- package/dist/components/breadcrumbs/index.d.ts.map +1 -0
- package/dist/components/breadcrumbs/index.js +2 -0
- package/dist/components/breadcrumbs/index.js.map +1 -0
- package/dist/components/bulk-action-bar/BulkActionBar.d.ts +35 -0
- package/dist/components/bulk-action-bar/BulkActionBar.d.ts.map +1 -0
- package/dist/components/bulk-action-bar/BulkActionBar.js +17 -0
- package/dist/components/bulk-action-bar/BulkActionBar.js.map +1 -0
- package/dist/components/bulk-action-bar/index.d.ts +3 -0
- package/dist/components/bulk-action-bar/index.d.ts.map +1 -0
- package/dist/components/bulk-action-bar/index.js +2 -0
- package/dist/components/bulk-action-bar/index.js.map +1 -0
- package/dist/components/button/Button.d.ts +27 -0
- package/dist/components/button/Button.d.ts.map +1 -0
- package/dist/components/button/Button.js +43 -0
- package/dist/components/button/Button.js.map +1 -0
- package/dist/components/button/index.d.ts +3 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/button/index.js +2 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/card/Card.d.ts +27 -0
- package/dist/components/card/Card.d.ts.map +1 -0
- package/dist/components/card/Card.js +41 -0
- package/dist/components/card/Card.js.map +1 -0
- package/dist/components/card/index.d.ts +3 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/index.js +2 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/checkbox/Checkbox.d.ts +13 -0
- package/dist/components/checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/checkbox/Checkbox.js +16 -0
- package/dist/components/checkbox/Checkbox.js.map +1 -0
- package/dist/components/checkbox/index.d.ts +3 -0
- package/dist/components/checkbox/index.d.ts.map +1 -0
- package/dist/components/checkbox/index.js +2 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/components/chip-input/ChipInput.d.ts +29 -0
- package/dist/components/chip-input/ChipInput.d.ts.map +1 -0
- package/dist/components/chip-input/ChipInput.js +96 -0
- package/dist/components/chip-input/ChipInput.js.map +1 -0
- package/dist/components/chip-input/index.d.ts +3 -0
- package/dist/components/chip-input/index.d.ts.map +1 -0
- package/dist/components/chip-input/index.js +2 -0
- package/dist/components/chip-input/index.js.map +1 -0
- package/dist/components/choice-chips/ChoiceChips.d.ts +40 -0
- package/dist/components/choice-chips/ChoiceChips.d.ts.map +1 -0
- package/dist/components/choice-chips/ChoiceChips.js +76 -0
- package/dist/components/choice-chips/ChoiceChips.js.map +1 -0
- package/dist/components/choice-chips/index.d.ts +3 -0
- package/dist/components/choice-chips/index.d.ts.map +1 -0
- package/dist/components/choice-chips/index.js +2 -0
- package/dist/components/choice-chips/index.js.map +1 -0
- package/dist/components/combobox/Combobox.d.ts +54 -0
- package/dist/components/combobox/Combobox.d.ts.map +1 -0
- package/dist/components/combobox/Combobox.js +127 -0
- package/dist/components/combobox/Combobox.js.map +1 -0
- package/dist/components/combobox/index.d.ts +3 -0
- package/dist/components/combobox/index.d.ts.map +1 -0
- package/dist/components/combobox/index.js +2 -0
- package/dist/components/combobox/index.js.map +1 -0
- package/dist/components/command-palette/CommandPalette.d.ts +62 -0
- package/dist/components/command-palette/CommandPalette.d.ts.map +1 -0
- package/dist/components/command-palette/CommandPalette.js +91 -0
- package/dist/components/command-palette/CommandPalette.js.map +1 -0
- package/dist/components/command-palette/index.d.ts +4 -0
- package/dist/components/command-palette/index.d.ts.map +1 -0
- package/dist/components/command-palette/index.js +3 -0
- package/dist/components/command-palette/index.js.map +1 -0
- package/dist/components/command-palette/useCommandK.d.ts +9 -0
- package/dist/components/command-palette/useCommandK.d.ts.map +1 -0
- package/dist/components/command-palette/useCommandK.js +24 -0
- package/dist/components/command-palette/useCommandK.js.map +1 -0
- package/dist/components/confirm-modal/ConfirmModal.d.ts +38 -0
- package/dist/components/confirm-modal/ConfirmModal.d.ts.map +1 -0
- package/dist/components/confirm-modal/ConfirmModal.js +40 -0
- package/dist/components/confirm-modal/ConfirmModal.js.map +1 -0
- package/dist/components/confirm-modal/index.d.ts +3 -0
- package/dist/components/confirm-modal/index.d.ts.map +1 -0
- package/dist/components/confirm-modal/index.js +2 -0
- package/dist/components/confirm-modal/index.js.map +1 -0
- package/dist/components/count-badge/CountBadge.d.ts +13 -0
- package/dist/components/count-badge/CountBadge.d.ts.map +1 -0
- package/dist/components/count-badge/CountBadge.js +20 -0
- package/dist/components/count-badge/CountBadge.js.map +1 -0
- package/dist/components/count-badge/index.d.ts +3 -0
- package/dist/components/count-badge/index.d.ts.map +1 -0
- package/dist/components/count-badge/index.js +2 -0
- package/dist/components/count-badge/index.js.map +1 -0
- package/dist/components/date-input/DateInput.d.ts +53 -0
- package/dist/components/date-input/DateInput.d.ts.map +1 -0
- package/dist/components/date-input/DateInput.js +38 -0
- package/dist/components/date-input/DateInput.js.map +1 -0
- package/dist/components/date-input/index.d.ts +3 -0
- package/dist/components/date-input/index.d.ts.map +1 -0
- package/dist/components/date-input/index.js +2 -0
- package/dist/components/date-input/index.js.map +1 -0
- package/dist/components/delta-pill/DeltaPill.d.ts +25 -0
- package/dist/components/delta-pill/DeltaPill.d.ts.map +1 -0
- package/dist/components/delta-pill/DeltaPill.js +36 -0
- package/dist/components/delta-pill/DeltaPill.js.map +1 -0
- package/dist/components/delta-pill/index.d.ts +3 -0
- package/dist/components/delta-pill/index.d.ts.map +1 -0
- package/dist/components/delta-pill/index.js +2 -0
- package/dist/components/delta-pill/index.js.map +1 -0
- package/dist/components/divider/Divider.d.ts +15 -0
- package/dist/components/divider/Divider.d.ts.map +1 -0
- package/dist/components/divider/Divider.js +23 -0
- package/dist/components/divider/Divider.js.map +1 -0
- package/dist/components/divider/index.d.ts +3 -0
- package/dist/components/divider/index.d.ts.map +1 -0
- package/dist/components/divider/index.js +2 -0
- package/dist/components/divider/index.js.map +1 -0
- package/dist/components/drawer/Drawer.d.ts +44 -0
- package/dist/components/drawer/Drawer.d.ts.map +1 -0
- package/dist/components/drawer/Drawer.js +45 -0
- package/dist/components/drawer/Drawer.js.map +1 -0
- package/dist/components/drawer/index.d.ts +3 -0
- package/dist/components/drawer/index.d.ts.map +1 -0
- package/dist/components/drawer/index.js +2 -0
- package/dist/components/drawer/index.js.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenu.d.ts +35 -0
- package/dist/components/dropdown-menu/DropdownMenu.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenu.js +38 -0
- package/dist/components/dropdown-menu/DropdownMenu.js.map +1 -0
- package/dist/components/dropdown-menu/index.d.ts +3 -0
- package/dist/components/dropdown-menu/index.d.ts.map +1 -0
- package/dist/components/dropdown-menu/index.js +2 -0
- package/dist/components/dropdown-menu/index.js.map +1 -0
- package/dist/components/empty-state/EmptyState.d.ts +26 -0
- package/dist/components/empty-state/EmptyState.d.ts.map +1 -0
- package/dist/components/empty-state/EmptyState.js +24 -0
- package/dist/components/empty-state/EmptyState.js.map +1 -0
- package/dist/components/empty-state/index.d.ts +3 -0
- package/dist/components/empty-state/index.d.ts.map +1 -0
- package/dist/components/empty-state/index.js +2 -0
- package/dist/components/empty-state/index.js.map +1 -0
- package/dist/components/filter-chip/FilterChip.d.ts +26 -0
- package/dist/components/filter-chip/FilterChip.d.ts.map +1 -0
- package/dist/components/filter-chip/FilterChip.js +17 -0
- package/dist/components/filter-chip/FilterChip.js.map +1 -0
- package/dist/components/filter-chip/index.d.ts +3 -0
- package/dist/components/filter-chip/index.d.ts.map +1 -0
- package/dist/components/filter-chip/index.js +2 -0
- package/dist/components/filter-chip/index.js.map +1 -0
- package/dist/components/form-field/FormField.d.ts +50 -0
- package/dist/components/form-field/FormField.d.ts.map +1 -0
- package/dist/components/form-field/FormField.js +31 -0
- package/dist/components/form-field/FormField.js.map +1 -0
- package/dist/components/form-field/index.d.ts +3 -0
- package/dist/components/form-field/index.d.ts.map +1 -0
- package/dist/components/form-field/index.js +2 -0
- package/dist/components/form-field/index.js.map +1 -0
- package/dist/components/icon/Icon.d.ts +36 -0
- package/dist/components/icon/Icon.d.ts.map +1 -0
- package/dist/components/icon/Icon.js +24 -0
- package/dist/components/icon/Icon.js.map +1 -0
- package/dist/components/icon/index.d.ts +3 -0
- package/dist/components/icon/index.d.ts.map +1 -0
- package/dist/components/icon/index.js +2 -0
- package/dist/components/icon/index.js.map +1 -0
- package/dist/components/icon-button/IconButton.d.ts +19 -0
- package/dist/components/icon-button/IconButton.d.ts.map +1 -0
- package/dist/components/icon-button/IconButton.js +31 -0
- package/dist/components/icon-button/IconButton.js.map +1 -0
- package/dist/components/icon-button/index.d.ts +3 -0
- package/dist/components/icon-button/index.d.ts.map +1 -0
- package/dist/components/icon-button/index.js +2 -0
- package/dist/components/icon-button/index.js.map +1 -0
- package/dist/components/icon-tile/IconTile.d.ts +24 -0
- package/dist/components/icon-tile/IconTile.d.ts.map +1 -0
- package/dist/components/icon-tile/IconTile.js +32 -0
- package/dist/components/icon-tile/IconTile.js.map +1 -0
- package/dist/components/icon-tile/index.d.ts +3 -0
- package/dist/components/icon-tile/index.d.ts.map +1 -0
- package/dist/components/icon-tile/index.js +2 -0
- package/dist/components/icon-tile/index.js.map +1 -0
- package/dist/components/input/Input.d.ts +28 -0
- package/dist/components/input/Input.d.ts.map +1 -0
- package/dist/components/input/Input.js +34 -0
- package/dist/components/input/Input.js.map +1 -0
- package/dist/components/input/index.d.ts +3 -0
- package/dist/components/input/index.d.ts.map +1 -0
- package/dist/components/input/index.js +2 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/input-group/InputGroup.d.ts +34 -0
- package/dist/components/input-group/InputGroup.d.ts.map +1 -0
- package/dist/components/input-group/InputGroup.js +23 -0
- package/dist/components/input-group/InputGroup.js.map +1 -0
- package/dist/components/input-group/index.d.ts +3 -0
- package/dist/components/input-group/index.d.ts.map +1 -0
- package/dist/components/input-group/index.js +2 -0
- package/dist/components/input-group/index.js.map +1 -0
- package/dist/components/kbd/Kbd.d.ts +8 -0
- package/dist/components/kbd/Kbd.d.ts.map +1 -0
- package/dist/components/kbd/Kbd.js +10 -0
- package/dist/components/kbd/Kbd.js.map +1 -0
- package/dist/components/kbd/index.d.ts +3 -0
- package/dist/components/kbd/index.d.ts.map +1 -0
- package/dist/components/kbd/index.js +2 -0
- package/dist/components/kbd/index.js.map +1 -0
- package/dist/components/key-value-list/KeyValueList.d.ts +27 -0
- package/dist/components/key-value-list/KeyValueList.d.ts.map +1 -0
- package/dist/components/key-value-list/KeyValueList.js +16 -0
- package/dist/components/key-value-list/KeyValueList.js.map +1 -0
- package/dist/components/key-value-list/index.d.ts +3 -0
- package/dist/components/key-value-list/index.d.ts.map +1 -0
- package/dist/components/key-value-list/index.js +2 -0
- package/dist/components/key-value-list/index.js.map +1 -0
- package/dist/components/label/Label.d.ts +14 -0
- package/dist/components/label/Label.d.ts.map +1 -0
- package/dist/components/label/Label.js +17 -0
- package/dist/components/label/Label.js.map +1 -0
- package/dist/components/label/index.d.ts +3 -0
- package/dist/components/label/index.d.ts.map +1 -0
- package/dist/components/label/index.js +2 -0
- package/dist/components/label/index.js.map +1 -0
- package/dist/components/modal/Modal.d.ts +48 -0
- package/dist/components/modal/Modal.d.ts.map +1 -0
- package/dist/components/modal/Modal.js +48 -0
- package/dist/components/modal/Modal.js.map +1 -0
- package/dist/components/modal/index.d.ts +3 -0
- package/dist/components/modal/index.d.ts.map +1 -0
- package/dist/components/modal/index.js +2 -0
- package/dist/components/modal/index.js.map +1 -0
- package/dist/components/mono-text/MonoText.d.ts +13 -0
- package/dist/components/mono-text/MonoText.d.ts.map +1 -0
- package/dist/components/mono-text/MonoText.js +14 -0
- package/dist/components/mono-text/MonoText.js.map +1 -0
- package/dist/components/mono-text/index.d.ts +3 -0
- package/dist/components/mono-text/index.d.ts.map +1 -0
- package/dist/components/mono-text/index.js +2 -0
- package/dist/components/mono-text/index.js.map +1 -0
- package/dist/components/number-stepper/NumberStepper.d.ts +29 -0
- package/dist/components/number-stepper/NumberStepper.d.ts.map +1 -0
- package/dist/components/number-stepper/NumberStepper.js +50 -0
- package/dist/components/number-stepper/NumberStepper.js.map +1 -0
- package/dist/components/number-stepper/index.d.ts +3 -0
- package/dist/components/number-stepper/index.d.ts.map +1 -0
- package/dist/components/number-stepper/index.js +2 -0
- package/dist/components/number-stepper/index.js.map +1 -0
- package/dist/components/otp-input/OtpInput.d.ts +30 -0
- package/dist/components/otp-input/OtpInput.d.ts.map +1 -0
- package/dist/components/otp-input/OtpInput.js +35 -0
- package/dist/components/otp-input/OtpInput.js.map +1 -0
- package/dist/components/otp-input/index.d.ts +3 -0
- package/dist/components/otp-input/index.d.ts.map +1 -0
- package/dist/components/otp-input/index.js +2 -0
- package/dist/components/otp-input/index.js.map +1 -0
- package/dist/components/pagination/Pagination.d.ts +26 -0
- package/dist/components/pagination/Pagination.d.ts.map +1 -0
- package/dist/components/pagination/Pagination.js +34 -0
- package/dist/components/pagination/Pagination.js.map +1 -0
- package/dist/components/pagination/index.d.ts +3 -0
- package/dist/components/pagination/index.d.ts.map +1 -0
- package/dist/components/pagination/index.js +2 -0
- package/dist/components/pagination/index.js.map +1 -0
- package/dist/components/password-strength/PasswordStrength.d.ts +29 -0
- package/dist/components/password-strength/PasswordStrength.d.ts.map +1 -0
- package/dist/components/password-strength/PasswordStrength.js +43 -0
- package/dist/components/password-strength/PasswordStrength.js.map +1 -0
- package/dist/components/password-strength/index.d.ts +3 -0
- package/dist/components/password-strength/index.d.ts.map +1 -0
- package/dist/components/password-strength/index.js +2 -0
- package/dist/components/password-strength/index.js.map +1 -0
- package/dist/components/permission-matrix/PermissionMatrix.d.ts +90 -0
- package/dist/components/permission-matrix/PermissionMatrix.d.ts.map +1 -0
- package/dist/components/permission-matrix/PermissionMatrix.js +62 -0
- package/dist/components/permission-matrix/PermissionMatrix.js.map +1 -0
- package/dist/components/permission-matrix/index.d.ts +3 -0
- package/dist/components/permission-matrix/index.d.ts.map +1 -0
- package/dist/components/permission-matrix/index.js +2 -0
- package/dist/components/permission-matrix/index.js.map +1 -0
- package/dist/components/popover/Popover.d.ts +19 -0
- package/dist/components/popover/Popover.d.ts.map +1 -0
- package/dist/components/popover/Popover.js +21 -0
- package/dist/components/popover/Popover.js.map +1 -0
- package/dist/components/popover/index.d.ts +3 -0
- package/dist/components/popover/index.d.ts.map +1 -0
- package/dist/components/popover/index.js +2 -0
- package/dist/components/popover/index.js.map +1 -0
- package/dist/components/progress-bar/ProgressBar.d.ts +24 -0
- package/dist/components/progress-bar/ProgressBar.d.ts.map +1 -0
- package/dist/components/progress-bar/ProgressBar.js +35 -0
- package/dist/components/progress-bar/ProgressBar.js.map +1 -0
- package/dist/components/progress-bar/index.d.ts +3 -0
- package/dist/components/progress-bar/index.d.ts.map +1 -0
- package/dist/components/progress-bar/index.js +2 -0
- package/dist/components/progress-bar/index.js.map +1 -0
- package/dist/components/radio/Radio.d.ts +25 -0
- package/dist/components/radio/Radio.d.ts.map +1 -0
- package/dist/components/radio/Radio.js +28 -0
- package/dist/components/radio/Radio.js.map +1 -0
- package/dist/components/radio/index.d.ts +3 -0
- package/dist/components/radio/index.d.ts.map +1 -0
- package/dist/components/radio/index.js +2 -0
- package/dist/components/radio/index.js.map +1 -0
- package/dist/components/radio-card/RadioCard.d.ts +22 -0
- package/dist/components/radio-card/RadioCard.d.ts.map +1 -0
- package/dist/components/radio-card/RadioCard.js +16 -0
- package/dist/components/radio-card/RadioCard.js.map +1 -0
- package/dist/components/radio-card/index.d.ts +3 -0
- package/dist/components/radio-card/index.d.ts.map +1 -0
- package/dist/components/radio-card/index.js +2 -0
- package/dist/components/radio-card/index.js.map +1 -0
- package/dist/components/runtime-chip/RuntimeChip.d.ts +54 -0
- package/dist/components/runtime-chip/RuntimeChip.d.ts.map +1 -0
- package/dist/components/runtime-chip/RuntimeChip.js +46 -0
- package/dist/components/runtime-chip/RuntimeChip.js.map +1 -0
- package/dist/components/runtime-chip/index.d.ts +3 -0
- package/dist/components/runtime-chip/index.d.ts.map +1 -0
- package/dist/components/runtime-chip/index.js +2 -0
- package/dist/components/runtime-chip/index.js.map +1 -0
- package/dist/components/search-input/SearchInput.d.ts +27 -0
- package/dist/components/search-input/SearchInput.d.ts.map +1 -0
- package/dist/components/search-input/SearchInput.js +36 -0
- package/dist/components/search-input/SearchInput.js.map +1 -0
- package/dist/components/search-input/index.d.ts +3 -0
- package/dist/components/search-input/index.d.ts.map +1 -0
- package/dist/components/search-input/index.js +2 -0
- package/dist/components/search-input/index.js.map +1 -0
- package/dist/components/secret-input/SecretInput.d.ts +27 -0
- package/dist/components/secret-input/SecretInput.d.ts.map +1 -0
- package/dist/components/secret-input/SecretInput.js +49 -0
- package/dist/components/secret-input/SecretInput.js.map +1 -0
- package/dist/components/secret-input/index.d.ts +3 -0
- package/dist/components/secret-input/index.d.ts.map +1 -0
- package/dist/components/secret-input/index.js +2 -0
- package/dist/components/secret-input/index.js.map +1 -0
- package/dist/components/segmented-control/SegmentedControl.d.ts +35 -0
- package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -0
- package/dist/components/segmented-control/SegmentedControl.js +67 -0
- package/dist/components/segmented-control/SegmentedControl.js.map +1 -0
- package/dist/components/segmented-control/index.d.ts +3 -0
- package/dist/components/segmented-control/index.d.ts.map +1 -0
- package/dist/components/segmented-control/index.js +2 -0
- package/dist/components/segmented-control/index.js.map +1 -0
- package/dist/components/select/Select.d.ts +17 -0
- package/dist/components/select/Select.d.ts.map +1 -0
- package/dist/components/select/Select.js +14 -0
- package/dist/components/select/Select.js.map +1 -0
- package/dist/components/select/index.d.ts +3 -0
- package/dist/components/select/index.d.ts.map +1 -0
- package/dist/components/select/index.js +2 -0
- package/dist/components/select/index.js.map +1 -0
- package/dist/components/skeleton/Skeleton.d.ts +18 -0
- package/dist/components/skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/skeleton/Skeleton.js +30 -0
- package/dist/components/skeleton/Skeleton.js.map +1 -0
- package/dist/components/skeleton/index.d.ts +3 -0
- package/dist/components/skeleton/index.d.ts.map +1 -0
- package/dist/components/skeleton/index.js +2 -0
- package/dist/components/skeleton/index.js.map +1 -0
- package/dist/components/slider/Slider.d.ts +17 -0
- package/dist/components/slider/Slider.d.ts.map +1 -0
- package/dist/components/slider/Slider.js +14 -0
- package/dist/components/slider/Slider.js.map +1 -0
- package/dist/components/slider/index.d.ts +3 -0
- package/dist/components/slider/index.d.ts.map +1 -0
- package/dist/components/slider/index.js +2 -0
- package/dist/components/slider/index.js.map +1 -0
- package/dist/components/snackbar/Snackbar.d.ts +21 -0
- package/dist/components/snackbar/Snackbar.d.ts.map +1 -0
- package/dist/components/snackbar/Snackbar.js +12 -0
- package/dist/components/snackbar/Snackbar.js.map +1 -0
- package/dist/components/snackbar/index.d.ts +3 -0
- package/dist/components/snackbar/index.d.ts.map +1 -0
- package/dist/components/snackbar/index.js +2 -0
- package/dist/components/snackbar/index.js.map +1 -0
- package/dist/components/spinner/Spinner.d.ts +22 -0
- package/dist/components/spinner/Spinner.d.ts.map +1 -0
- package/dist/components/spinner/Spinner.js +28 -0
- package/dist/components/spinner/Spinner.js.map +1 -0
- package/dist/components/spinner/index.d.ts +3 -0
- package/dist/components/spinner/index.d.ts.map +1 -0
- package/dist/components/spinner/index.js +2 -0
- package/dist/components/spinner/index.js.map +1 -0
- package/dist/components/status-pill/StatusPill.d.ts +19 -0
- package/dist/components/status-pill/StatusPill.d.ts.map +1 -0
- package/dist/components/status-pill/StatusPill.js +16 -0
- package/dist/components/status-pill/StatusPill.js.map +1 -0
- package/dist/components/status-pill/index.d.ts +3 -0
- package/dist/components/status-pill/index.d.ts.map +1 -0
- package/dist/components/status-pill/index.js +2 -0
- package/dist/components/status-pill/index.js.map +1 -0
- package/dist/components/stepper/Stepper.d.ts +31 -0
- package/dist/components/stepper/Stepper.d.ts.map +1 -0
- package/dist/components/stepper/Stepper.js +49 -0
- package/dist/components/stepper/Stepper.js.map +1 -0
- package/dist/components/stepper/index.d.ts +3 -0
- package/dist/components/stepper/index.d.ts.map +1 -0
- package/dist/components/stepper/index.js +2 -0
- package/dist/components/stepper/index.js.map +1 -0
- package/dist/components/success-state/SuccessState.d.ts +27 -0
- package/dist/components/success-state/SuccessState.d.ts.map +1 -0
- package/dist/components/success-state/SuccessState.js +14 -0
- package/dist/components/success-state/SuccessState.js.map +1 -0
- package/dist/components/success-state/index.d.ts +3 -0
- package/dist/components/success-state/index.d.ts.map +1 -0
- package/dist/components/success-state/index.js +2 -0
- package/dist/components/success-state/index.js.map +1 -0
- package/dist/components/switch/Switch.d.ts +11 -0
- package/dist/components/switch/Switch.d.ts.map +1 -0
- package/dist/components/switch/Switch.js +13 -0
- package/dist/components/switch/Switch.js.map +1 -0
- package/dist/components/switch/index.d.ts +3 -0
- package/dist/components/switch/index.d.ts.map +1 -0
- package/dist/components/switch/index.js +2 -0
- package/dist/components/switch/index.js.map +1 -0
- package/dist/components/tabs/Tabs.d.ts +32 -0
- package/dist/components/tabs/Tabs.d.ts.map +1 -0
- package/dist/components/tabs/Tabs.js +43 -0
- package/dist/components/tabs/Tabs.js.map +1 -0
- package/dist/components/tabs/index.d.ts +3 -0
- package/dist/components/tabs/index.d.ts.map +1 -0
- package/dist/components/tabs/index.js +2 -0
- package/dist/components/tabs/index.js.map +1 -0
- package/dist/components/tag/Tag.d.ts +30 -0
- package/dist/components/tag/Tag.d.ts.map +1 -0
- package/dist/components/tag/Tag.js +35 -0
- package/dist/components/tag/Tag.js.map +1 -0
- package/dist/components/tag/index.d.ts +3 -0
- package/dist/components/tag/index.d.ts.map +1 -0
- package/dist/components/tag/index.js +2 -0
- package/dist/components/tag/index.js.map +1 -0
- package/dist/components/textarea/Textarea.d.ts +19 -0
- package/dist/components/textarea/Textarea.d.ts.map +1 -0
- package/dist/components/textarea/Textarea.js +11 -0
- package/dist/components/textarea/Textarea.js.map +1 -0
- package/dist/components/textarea/index.d.ts +3 -0
- package/dist/components/textarea/index.d.ts.map +1 -0
- package/dist/components/textarea/index.js +2 -0
- package/dist/components/textarea/index.js.map +1 -0
- package/dist/components/toast/Toast.d.ts +67 -0
- package/dist/components/toast/Toast.d.ts.map +1 -0
- package/dist/components/toast/Toast.js +63 -0
- package/dist/components/toast/Toast.js.map +1 -0
- package/dist/components/toast/index.d.ts +5 -0
- package/dist/components/toast/index.d.ts.map +1 -0
- package/dist/components/toast/index.js +3 -0
- package/dist/components/toast/index.js.map +1 -0
- package/dist/components/toast/useToastQueue.d.ts +73 -0
- package/dist/components/toast/useToastQueue.d.ts.map +1 -0
- package/dist/components/toast/useToastQueue.js +191 -0
- package/dist/components/toast/useToastQueue.js.map +1 -0
- package/dist/components/toggle-matrix/ToggleMatrix.d.ts +58 -0
- package/dist/components/toggle-matrix/ToggleMatrix.d.ts.map +1 -0
- package/dist/components/toggle-matrix/ToggleMatrix.js +95 -0
- package/dist/components/toggle-matrix/ToggleMatrix.js.map +1 -0
- package/dist/components/toggle-matrix/index.d.ts +3 -0
- package/dist/components/toggle-matrix/index.d.ts.map +1 -0
- package/dist/components/toggle-matrix/index.js +2 -0
- package/dist/components/toggle-matrix/index.js.map +1 -0
- package/dist/components/tooltip/Tooltip.d.ts +33 -0
- package/dist/components/tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/tooltip/Tooltip.js +19 -0
- package/dist/components/tooltip/Tooltip.js.map +1 -0
- package/dist/components/tooltip/index.d.ts +3 -0
- package/dist/components/tooltip/index.d.ts.map +1 -0
- package/dist/components/tooltip/index.js +2 -0
- package/dist/components/tooltip/index.js.map +1 -0
- package/dist/components/two-phase-modal/TwoPhaseModal.d.ts +45 -0
- package/dist/components/two-phase-modal/TwoPhaseModal.d.ts.map +1 -0
- package/dist/components/two-phase-modal/TwoPhaseModal.js +50 -0
- package/dist/components/two-phase-modal/TwoPhaseModal.js.map +1 -0
- package/dist/components/two-phase-modal/index.d.ts +3 -0
- package/dist/components/two-phase-modal/index.d.ts.map +1 -0
- package/dist/components/two-phase-modal/index.js +2 -0
- package/dist/components/two-phase-modal/index.js.map +1 -0
- package/dist/hooks/index.d.ts +3 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useUndoableAction.d.ts +62 -0
- package/dist/hooks/useUndoableAction.d.ts.map +1 -0
- package/dist/hooks/useUndoableAction.js +85 -0
- package/dist/hooks/useUndoableAction.js.map +1 -0
- package/dist/index.d.ts +69 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +72 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/cn.d.ts +33 -0
- package/dist/lib/cn.d.ts.map +1 -0
- package/dist/lib/cn.js +59 -0
- package/dist/lib/cn.js.map +1 -0
- package/dist/lib/index.d.ts +3 -0
- package/dist/lib/index.d.ts.map +1 -0
- package/dist/lib/index.js +2 -0
- package/dist/lib/index.js.map +1 -0
- package/dist/lib/tones.d.ts +40 -0
- package/dist/lib/tones.d.ts.map +1 -0
- package/dist/lib/tones.js +91 -0
- package/dist/lib/tones.js.map +1 -0
- package/dist/theme/ThemeProvider.d.ts +15 -0
- package/dist/theme/ThemeProvider.d.ts.map +1 -0
- package/dist/theme/ThemeProvider.js +186 -0
- package/dist/theme/ThemeProvider.js.map +1 -0
- package/dist/theme/context.d.ts +21 -0
- package/dist/theme/context.d.ts.map +1 -0
- package/dist/theme/context.js +7 -0
- package/dist/theme/context.js.map +1 -0
- package/dist/theme/index.d.ts +9 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +5 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/subscribe.d.ts +12 -0
- package/dist/theme/subscribe.d.ts.map +1 -0
- package/dist/theme/subscribe.js +14 -0
- package/dist/theme/subscribe.js.map +1 -0
- package/dist/theme/types.d.ts +32 -0
- package/dist/theme/types.d.ts.map +1 -0
- package/dist/theme/types.js +23 -0
- package/dist/theme/types.js.map +1 -0
- package/dist/theme/useTheme.d.ts +14 -0
- package/dist/theme/useTheme.d.ts.map +1 -0
- package/dist/theme/useTheme.js +27 -0
- package/dist/theme/useTheme.js.map +1 -0
- package/package.json +48 -0
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface ChoiceChipOption {
|
|
3
|
+
value: string;
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
/** Optional leading icon (decorative). */
|
|
6
|
+
icon?: React.ReactNode | undefined;
|
|
7
|
+
disabled?: boolean | undefined;
|
|
8
|
+
}
|
|
9
|
+
interface ChoiceChipsCommonProps extends Omit<React.ComponentPropsWithRef<'div'>, 'style' | 'defaultValue' | 'onChange'> {
|
|
10
|
+
options: readonly ChoiceChipOption[];
|
|
11
|
+
/** Disables the whole group. */
|
|
12
|
+
disabled?: boolean | undefined;
|
|
13
|
+
}
|
|
14
|
+
export interface ChoiceChipsSingleProps extends ChoiceChipsCommonProps {
|
|
15
|
+
/**
|
|
16
|
+
* Single-select (default): radiogroup semantics — one tab stop, ←→/↑↓ move
|
|
17
|
+
* AND select (mirrored in RTL), Space/Enter select.
|
|
18
|
+
*/
|
|
19
|
+
multiple?: false | undefined;
|
|
20
|
+
value?: string | null | undefined;
|
|
21
|
+
defaultValue?: string | null | undefined;
|
|
22
|
+
onValueChange?: ((value: string | null) => void) | undefined;
|
|
23
|
+
}
|
|
24
|
+
export interface ChoiceChipsMultipleProps extends ChoiceChipsCommonProps {
|
|
25
|
+
/** Multi-select: independent `aria-pressed` toggle chips in natural tab order. */
|
|
26
|
+
multiple: true;
|
|
27
|
+
value?: readonly string[] | undefined;
|
|
28
|
+
defaultValue?: readonly string[] | undefined;
|
|
29
|
+
onValueChange?: ((value: string[]) => void) | undefined;
|
|
30
|
+
}
|
|
31
|
+
export type ChoiceChipsProps = ChoiceChipsSingleProps | ChoiceChipsMultipleProps;
|
|
32
|
+
/**
|
|
33
|
+
* ChoiceChips / PillOptions — pill option chips, selected = accent border +
|
|
34
|
+
* accent-soft bg + accent text (research/design-system.md §3 Tier 2).
|
|
35
|
+
* Single mode is a radiogroup with roving tabindex; multiple mode renders
|
|
36
|
+
* `aria-pressed` toggle chips.
|
|
37
|
+
*/
|
|
38
|
+
export declare function ChoiceChips(props: ChoiceChipsProps): React.JSX.Element;
|
|
39
|
+
export {};
|
|
40
|
+
//# sourceMappingURL=ChoiceChips.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChoiceChips.d.ts","sourceRoot":"","sources":["../../../src/components/choice-chips/ChoiceChips.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,UAAU,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IACtH,OAAO,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACrC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACpE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC9D;AAED,MAAM,WAAW,wBAAyB,SAAQ,sBAAsB;IACtE,kFAAkF;IAClF,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IACtC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACzD;AAED,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;AASjF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAwGlD"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useDirection } from '@radix-ui/react-direction';
|
|
3
|
+
import { useRef, useState } from 'react';
|
|
4
|
+
import { cn } from '../../lib/cn.js';
|
|
5
|
+
const chipClasses = 'inline-flex h-7 select-none items-center gap-1.5 whitespace-nowrap rounded-full border border-border-strong bg-surface px-3 text-[12px] font-semibold text-fg-muted ' +
|
|
6
|
+
'transition-colors duration-150 hover:text-fg ' +
|
|
7
|
+
'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent ' +
|
|
8
|
+
'disabled:pointer-events-none disabled:opacity-40 ' +
|
|
9
|
+
'data-[selected]:border-accent data-[selected]:bg-accent-soft data-[selected]:text-accent [&_svg]:size-3.5 [&_svg]:shrink-0';
|
|
10
|
+
/**
|
|
11
|
+
* ChoiceChips / PillOptions — pill option chips, selected = accent border +
|
|
12
|
+
* accent-soft bg + accent text (research/design-system.md §3 Tier 2).
|
|
13
|
+
* Single mode is a radiogroup with roving tabindex; multiple mode renders
|
|
14
|
+
* `aria-pressed` toggle chips.
|
|
15
|
+
*/
|
|
16
|
+
export function ChoiceChips(props) {
|
|
17
|
+
const { options, disabled = false, multiple, value, defaultValue, onValueChange, className, ...rest } = props;
|
|
18
|
+
const direction = useDirection();
|
|
19
|
+
const groupRef = useRef(null);
|
|
20
|
+
const [internal, setInternal] = useState(defaultValue ?? (multiple ? [] : null));
|
|
21
|
+
const current = value !== undefined ? value : internal;
|
|
22
|
+
const isSelected = (optionValue) => multiple ? current.includes(optionValue) : current === optionValue;
|
|
23
|
+
const emit = (next) => {
|
|
24
|
+
if (value === undefined)
|
|
25
|
+
setInternal(next);
|
|
26
|
+
onValueChange?.(next);
|
|
27
|
+
};
|
|
28
|
+
const toggle = (optionValue) => {
|
|
29
|
+
if (multiple) {
|
|
30
|
+
const selected = current;
|
|
31
|
+
emit(selected.includes(optionValue)
|
|
32
|
+
? selected.filter((existing) => existing !== optionValue)
|
|
33
|
+
: [...selected, optionValue]);
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
emit(optionValue);
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
/** Roving arrows (single mode): move focus and select, RTL-mirrored. */
|
|
40
|
+
const handleKeyDown = (event) => {
|
|
41
|
+
if (multiple)
|
|
42
|
+
return;
|
|
43
|
+
const forwardKeys = direction === 'rtl' ? ['ArrowLeft', 'ArrowDown'] : ['ArrowRight', 'ArrowDown'];
|
|
44
|
+
const backwardKeys = direction === 'rtl' ? ['ArrowRight', 'ArrowUp'] : ['ArrowLeft', 'ArrowUp'];
|
|
45
|
+
let delta = 0;
|
|
46
|
+
if (forwardKeys.includes(event.key))
|
|
47
|
+
delta = 1;
|
|
48
|
+
else if (backwardKeys.includes(event.key))
|
|
49
|
+
delta = -1;
|
|
50
|
+
else
|
|
51
|
+
return;
|
|
52
|
+
event.preventDefault();
|
|
53
|
+
const enabled = options.filter((option) => !option.disabled);
|
|
54
|
+
if (enabled.length === 0)
|
|
55
|
+
return;
|
|
56
|
+
const focusedValue = document.activeElement?.getAttribute('data-value');
|
|
57
|
+
const fromIndex = enabled.findIndex((option) => option.value === (focusedValue ?? current));
|
|
58
|
+
const nextIndex = (fromIndex + delta + enabled.length) % enabled.length;
|
|
59
|
+
const nextOption = enabled[nextIndex];
|
|
60
|
+
if (!nextOption)
|
|
61
|
+
return;
|
|
62
|
+
emit(nextOption.value);
|
|
63
|
+
groupRef.current
|
|
64
|
+
?.querySelector(`[data-value="${CSS.escape(nextOption.value)}"]`)
|
|
65
|
+
?.focus();
|
|
66
|
+
};
|
|
67
|
+
const firstEnabled = options.find((option) => !option.disabled)?.value;
|
|
68
|
+
return (_jsx("div", { ref: groupRef, role: multiple ? 'group' : 'radiogroup', onKeyDown: handleKeyDown, className: cn('flex flex-wrap items-center gap-1.5', className), ...rest, children: options.map((option) => {
|
|
69
|
+
const selected = isSelected(option.value);
|
|
70
|
+
const singleTabbable = current === option.value || (current === null && option.value === firstEnabled);
|
|
71
|
+
return (_jsxs("button", { type: "button", "data-value": option.value, "data-selected": selected ? '' : undefined, disabled: disabled || option.disabled, className: chipClasses, ...(multiple
|
|
72
|
+
? { 'aria-pressed': selected }
|
|
73
|
+
: { role: 'radio', 'aria-checked': selected, tabIndex: singleTabbable ? 0 : -1 }), onClick: () => toggle(option.value), children: [option.icon ? (_jsx("span", { "aria-hidden": "true", className: "flex items-center", children: option.icon })) : null, option.label] }, option.value));
|
|
74
|
+
}) }));
|
|
75
|
+
}
|
|
76
|
+
//# sourceMappingURL=ChoiceChips.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChoiceChips.js","sourceRoot":"","sources":["../../../src/components/choice-chips/ChoiceChips.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAqCrC,MAAM,WAAW,GACf,sKAAsK;IACtK,+CAA+C;IAC/C,sFAAsF;IACtF,mDAAmD;IACnD,4HAA4H,CAAC;AAE/H;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EACJ,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAKH,CAAC;IACF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CACtC,YAAY,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CACvC,CAAC;IACF,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvD,MAAM,UAAU,GAAG,CAAC,WAAmB,EAAW,EAAE,CAClD,QAAQ,CAAC,CAAC,CAAE,OAA6B,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,WAAW,CAAC;IAE5F,MAAM,IAAI,GAAG,CAAC,IAA8B,EAAE,EAAE;QAC9C,IAAI,KAAK,KAAK,SAAS;YAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC1C,aAAyE,EAAE,CAAC,IAAI,CAAC,CAAC;IACrF,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,WAAmB,EAAE,EAAE;QACrC,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,QAAQ,GAAG,OAA4B,CAAC;YAC9C,IAAI,CACF,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC;gBAC5B,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,WAAW,CAAC;gBACzD,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,WAAW,CAAC,CAC/B,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,WAAW,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,wEAAwE;IACxE,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,EAAE;QACnE,IAAI,QAAQ;YAAE,OAAO;QACrB,MAAM,WAAW,GAAG,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QACnG,MAAM,YAAY,GAAG,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QAChG,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,IAAI,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;YAAE,KAAK,GAAG,CAAC,CAAC;aAC1C,IAAI,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;YAAE,KAAK,GAAG,CAAC,CAAC,CAAC;;YACjD,OAAO;QACZ,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC7D,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QACjC,MAAM,YAAY,GAAI,QAAQ,CAAC,aAAoC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;QAChG,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC;QAC5F,MAAM,SAAS,GAAG,CAAC,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;QACxE,MAAM,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;QACtC,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACvB,QAAQ,CAAC,OAAO;YACd,EAAE,aAAa,CAAoB,gBAAgB,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;YACpF,EAAE,KAAK,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAEvE,OAAO,CACL,cACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EACvC,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,KAC3D,IAAI,YAEP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC1C,MAAM,cAAc,GAAG,OAAO,KAAK,MAAM,CAAC,KAAK,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC;YACvG,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,gBACD,MAAM,CAAC,KAAK,mBACT,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACxC,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACrC,SAAS,EAAE,WAAW,KAClB,CAAC,QAAQ;oBACX,CAAC,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE;oBAC9B,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACnF,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,aAElC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,8BAAkB,MAAM,EAAC,SAAS,EAAC,mBAAmB,YACnD,MAAM,CAAC,IAAI,GACP,CACR,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,KAAK,KAhBR,MAAM,CAAC,KAAK,CAiBV,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/choice-chips/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EACV,gBAAgB,EAChB,wBAAwB,EACxB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/choice-chips/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface ComboboxOption {
|
|
3
|
+
value: string;
|
|
4
|
+
/** Plain-string label — filtered against and echoed into the input. */
|
|
5
|
+
label: string;
|
|
6
|
+
/** Muted second line in the option row. */
|
|
7
|
+
description?: string | undefined;
|
|
8
|
+
/** Leading slot — typically an `Avatar` or Lucide icon (decorative). */
|
|
9
|
+
leading?: React.ReactNode | undefined;
|
|
10
|
+
disabled?: boolean | undefined;
|
|
11
|
+
}
|
|
12
|
+
export interface ComboboxProps {
|
|
13
|
+
options: readonly ComboboxOption[];
|
|
14
|
+
/** Controlled selected value (`null` = nothing selected). */
|
|
15
|
+
value?: string | null | undefined;
|
|
16
|
+
/** Uncontrolled initial value. */
|
|
17
|
+
defaultValue?: string | null | undefined;
|
|
18
|
+
onValueChange?: ((value: string | null) => void) | undefined;
|
|
19
|
+
/** Empty-state row shown when no option matches the query (i18n: no default). */
|
|
20
|
+
emptyText: React.ReactNode;
|
|
21
|
+
placeholder?: string | undefined;
|
|
22
|
+
/** Custom match predicate; defaults to case-insensitive `label` substring. */
|
|
23
|
+
filter?: ((option: ComboboxOption, query: string) => boolean) | undefined;
|
|
24
|
+
disabled?: boolean | undefined;
|
|
25
|
+
/** Danger border + ring, `aria-invalid` (also injected by `FormField`). */
|
|
26
|
+
error?: boolean | undefined;
|
|
27
|
+
/** JetBrains Mono input text (technical values). */
|
|
28
|
+
mono?: boolean | undefined;
|
|
29
|
+
/** Classes for the root wrapper (the panel width follows the anchor). */
|
|
30
|
+
className?: string | undefined;
|
|
31
|
+
/** Control id — injected by `FormField`, applied to the input. */
|
|
32
|
+
id?: string | undefined;
|
|
33
|
+
name?: string | undefined;
|
|
34
|
+
ref?: React.Ref<HTMLInputElement> | undefined;
|
|
35
|
+
'aria-label'?: string | undefined;
|
|
36
|
+
'aria-labelledby'?: string | undefined;
|
|
37
|
+
/** Injected by `FormField`; applied to the input. */
|
|
38
|
+
'aria-describedby'?: string | undefined;
|
|
39
|
+
'aria-invalid'?: React.AriaAttributes['aria-invalid'] | undefined;
|
|
40
|
+
'aria-required'?: React.AriaAttributes['aria-required'] | undefined;
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* Combobox — searchable single-select (research/design-system.md §3 Tier 2):
|
|
44
|
+
* Input chrome + chevron; typing filters the option list in an anchored
|
|
45
|
+
* Radix Popover panel; rows take a `leading` slot (avatars) and an optional
|
|
46
|
+
* description; empty state via `emptyText`.
|
|
47
|
+
*
|
|
48
|
+
* ARIA 1.2 combobox pattern, dependency-free beyond `@radix-ui/react-popover`:
|
|
49
|
+
* the input keeps focus (`role="combobox"`, `aria-expanded`,
|
|
50
|
+
* `aria-activedescendant`); ↑/↓ move the active option, ↵ selects, Esc
|
|
51
|
+
* closes, Tab/outside-click dismisses.
|
|
52
|
+
*/
|
|
53
|
+
export declare function Combobox({ options, value, defaultValue, onValueChange, emptyText, placeholder, filter, disabled, error, mono, className, id, name, ref, ...aria }: ComboboxProps): React.JSX.Element;
|
|
54
|
+
//# sourceMappingURL=Combobox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,wEAAwE;IACxE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,SAAS,cAAc,EAAE,CAAC;IACnC,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7D,iFAAiF;IACjF,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,8EAA8E;IAC9E,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IAC1E,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,2EAA2E;IAC3E,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,kEAAkE;IAClE,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAClE,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;CACrE;AAKD;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,WAAW,EACX,MAAsB,EACtB,QAAgB,EAChB,KAAa,EACb,IAAY,EACZ,SAAS,EACT,EAAE,EACF,IAAI,EACJ,GAAG,EACH,GAAG,IAAI,EACR,EAAE,aAAa,qBAqMf"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
3
|
+
import { Check, ChevronDown } from 'lucide-react';
|
|
4
|
+
import { useEffect, useId, useRef, useState } from 'react';
|
|
5
|
+
import { cn } from '../../lib/cn.js';
|
|
6
|
+
const defaultFilter = (option, query) => option.label.toLowerCase().includes(query.trim().toLowerCase());
|
|
7
|
+
/**
|
|
8
|
+
* Combobox — searchable single-select (research/design-system.md §3 Tier 2):
|
|
9
|
+
* Input chrome + chevron; typing filters the option list in an anchored
|
|
10
|
+
* Radix Popover panel; rows take a `leading` slot (avatars) and an optional
|
|
11
|
+
* description; empty state via `emptyText`.
|
|
12
|
+
*
|
|
13
|
+
* ARIA 1.2 combobox pattern, dependency-free beyond `@radix-ui/react-popover`:
|
|
14
|
+
* the input keeps focus (`role="combobox"`, `aria-expanded`,
|
|
15
|
+
* `aria-activedescendant`); ↑/↓ move the active option, ↵ selects, Esc
|
|
16
|
+
* closes, Tab/outside-click dismisses.
|
|
17
|
+
*/
|
|
18
|
+
export function Combobox({ options, value, defaultValue, onValueChange, emptyText, placeholder, filter = defaultFilter, disabled = false, error = false, mono = false, className, id, name, ref, ...aria }) {
|
|
19
|
+
const generatedId = useId();
|
|
20
|
+
const inputId = id ?? generatedId;
|
|
21
|
+
const listboxId = `${inputId}-listbox`;
|
|
22
|
+
const rootRef = useRef(null);
|
|
23
|
+
const inputRef = useRef(null);
|
|
24
|
+
const [internalValue, setInternalValue] = useState(defaultValue ?? null);
|
|
25
|
+
const selectedValue = value !== undefined ? value : internalValue;
|
|
26
|
+
const selectedOption = options.find((option) => option.value === selectedValue);
|
|
27
|
+
const [open, setOpen] = useState(false);
|
|
28
|
+
const [query, setQuery] = useState('');
|
|
29
|
+
const [activeIndex, setActiveIndex] = useState(-1);
|
|
30
|
+
const filtered = query === '' ? options : options.filter((option) => filter(option, query));
|
|
31
|
+
const optionId = (index) => `${inputId}-option-${index}`;
|
|
32
|
+
const activeOption = activeIndex >= 0 ? filtered[activeIndex] : undefined;
|
|
33
|
+
const invalid = error || aria['aria-invalid'] === true || aria['aria-invalid'] === 'true';
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
if (open && activeIndex >= 0) {
|
|
36
|
+
document.getElementById(`${inputId}-option-${activeIndex}`)?.scrollIntoView({ block: 'nearest' });
|
|
37
|
+
}
|
|
38
|
+
}, [activeIndex, open, inputId]);
|
|
39
|
+
const openList = () => {
|
|
40
|
+
if (disabled || open)
|
|
41
|
+
return;
|
|
42
|
+
setOpen(true);
|
|
43
|
+
setQuery('');
|
|
44
|
+
const selectedIndex = options.findIndex((option) => option.value === selectedValue && !option.disabled);
|
|
45
|
+
setActiveIndex(selectedIndex >= 0 ? selectedIndex : options.findIndex((option) => !option.disabled));
|
|
46
|
+
};
|
|
47
|
+
const closeList = () => {
|
|
48
|
+
setOpen(false);
|
|
49
|
+
setQuery('');
|
|
50
|
+
setActiveIndex(-1);
|
|
51
|
+
};
|
|
52
|
+
const commit = (option) => {
|
|
53
|
+
if (option.disabled)
|
|
54
|
+
return;
|
|
55
|
+
if (value === undefined)
|
|
56
|
+
setInternalValue(option.value);
|
|
57
|
+
onValueChange?.(option.value);
|
|
58
|
+
closeList();
|
|
59
|
+
};
|
|
60
|
+
const moveActive = (delta) => {
|
|
61
|
+
if (filtered.length === 0)
|
|
62
|
+
return;
|
|
63
|
+
let index = activeIndex;
|
|
64
|
+
for (let step = 0; step < filtered.length; step += 1) {
|
|
65
|
+
index = (index + delta + filtered.length) % filtered.length;
|
|
66
|
+
if (!filtered[index]?.disabled)
|
|
67
|
+
break;
|
|
68
|
+
}
|
|
69
|
+
setActiveIndex(index);
|
|
70
|
+
};
|
|
71
|
+
const handleKeyDown = (event) => {
|
|
72
|
+
if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
|
|
73
|
+
event.preventDefault();
|
|
74
|
+
if (!open)
|
|
75
|
+
openList();
|
|
76
|
+
else
|
|
77
|
+
moveActive(event.key === 'ArrowDown' ? 1 : -1);
|
|
78
|
+
}
|
|
79
|
+
else if (event.key === 'Enter') {
|
|
80
|
+
if (open && activeOption) {
|
|
81
|
+
event.preventDefault();
|
|
82
|
+
commit(activeOption);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
else if (event.key === 'Escape') {
|
|
86
|
+
if (open) {
|
|
87
|
+
event.preventDefault();
|
|
88
|
+
closeList();
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
else if (event.key === 'Tab') {
|
|
92
|
+
if (open)
|
|
93
|
+
closeList();
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
return (_jsx(PopoverPrimitive.Root, { open: open, onOpenChange: (next) => (next ? openList() : closeList()), children: _jsxs("div", { ref: rootRef, className: cn('relative w-full', className), children: [_jsx(PopoverPrimitive.Anchor, { asChild: true, children: _jsxs("div", { "data-invalid": invalid ? '' : undefined, className: cn('flex h-[34px] w-full min-w-0 items-center gap-2 rounded-md border border-border-strong bg-surface-2 ps-3 pe-2 ', 'transition-[border-color,box-shadow] duration-150 ', 'focus-within:border-accent focus-within:ring-[3px] focus-within:ring-accent-soft ', 'has-[input:disabled]:pointer-events-none has-[input:disabled]:opacity-40 ', 'data-[invalid]:border-danger data-[invalid]:focus-within:ring-danger-soft'), onPointerDown: (event) => {
|
|
97
|
+
// keep focus on the input; toggle instead of blur-then-reopen
|
|
98
|
+
if (event.target !== inputRef.current)
|
|
99
|
+
event.preventDefault();
|
|
100
|
+
inputRef.current?.focus();
|
|
101
|
+
if (!open)
|
|
102
|
+
openList();
|
|
103
|
+
}, children: [_jsx("input", { ref: (node) => {
|
|
104
|
+
inputRef.current = node;
|
|
105
|
+
if (typeof ref === 'function')
|
|
106
|
+
ref(node);
|
|
107
|
+
else if (ref)
|
|
108
|
+
ref.current = node;
|
|
109
|
+
}, id: inputId, ...(name === undefined ? {} : { name }), type: "text", role: "combobox", autoComplete: "off", "aria-expanded": open, "aria-autocomplete": "list", ...(open ? { 'aria-controls': listboxId } : {}), ...(open && activeOption ? { 'aria-activedescendant': optionId(activeIndex) } : {}), ...(invalid ? { 'aria-invalid': true } : {}), ...aria, disabled: disabled, ...(placeholder === undefined ? {} : { placeholder }), value: open ? query : (selectedOption?.label ?? ''), onChange: (event) => {
|
|
110
|
+
if (!open)
|
|
111
|
+
setOpen(true);
|
|
112
|
+
setQuery(event.target.value);
|
|
113
|
+
setActiveIndex(0);
|
|
114
|
+
}, onKeyDown: handleKeyDown, className: cn('h-full w-full min-w-0 flex-1 bg-transparent text-[13px] text-fg placeholder:text-fg-subtle focus:outline-none', mono && 'font-mono tabular-nums') }), _jsx(ChevronDown, { "aria-hidden": "true", className: cn('size-3.5 shrink-0 text-fg-subtle transition-transform duration-150', open && 'rotate-180') })] }) }), _jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { sideOffset: 5, align: "start", onOpenAutoFocus: (event) => event.preventDefault(), onInteractOutside: (event) => {
|
|
115
|
+
// clicks on the anchor input must not count as "outside"
|
|
116
|
+
if (rootRef.current?.contains(event.target))
|
|
117
|
+
event.preventDefault();
|
|
118
|
+
}, className: cn('z-50 w-[var(--radix-popper-anchor-width)] rounded-lg border border-border bg-surface p-1 shadow-menu ', 'animate-[nb-pop_.16s_cubic-bezier(.2,.7,.3,1)]'), children: _jsxs("div", { role: "listbox", id: listboxId, className: "nb-scroll max-h-[260px] overflow-y-auto", children: [filtered.map((option, index) => {
|
|
119
|
+
const selected = option.value === selectedValue;
|
|
120
|
+
const active = index === activeIndex;
|
|
121
|
+
return (_jsxs("div", { id: optionId(index), role: "option", "aria-selected": selected, ...(option.disabled ? { 'aria-disabled': true } : {}), "data-active": active ? '' : undefined, onPointerDown: (event) => event.preventDefault(), onPointerMove: () => {
|
|
122
|
+
if (!option.disabled && !active)
|
|
123
|
+
setActiveIndex(index);
|
|
124
|
+
}, onClick: () => commit(option), className: cn('flex cursor-default select-none items-center gap-2.5 rounded-[8px] px-2.5 py-1.5 text-[13px] text-fg ', 'data-[active]:bg-surface-2', option.disabled && 'pointer-events-none opacity-40'), children: [option.leading ? (_jsx("span", { "aria-hidden": "true", className: "flex shrink-0 items-center [&_svg]:size-3.5", children: option.leading })) : null, _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate", children: option.label }), option.description === undefined ? null : (_jsx("span", { className: "truncate text-[11.5px] leading-4 text-fg-muted", children: option.description }))] }), selected ? (_jsx(Check, { "aria-hidden": "true", strokeWidth: 3, className: "size-3.5 shrink-0 text-accent" })) : null] }, option.value));
|
|
125
|
+
}), filtered.length === 0 ? (_jsx("div", { className: "px-2.5 py-3 text-center text-[12.5px] text-fg-muted", children: emptyText })) : null] }) }) })] }) }));
|
|
126
|
+
}
|
|
127
|
+
//# sourceMappingURL=Combobox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/components/combobox/Combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface CommandItem {
|
|
3
|
+
/** Unique across all groups (used for selection + DOM ids). */
|
|
4
|
+
id: string;
|
|
5
|
+
label: string;
|
|
6
|
+
/** Muted single-line subtitle under the label (e.g. a record hit's row context). */
|
|
7
|
+
description?: string | undefined;
|
|
8
|
+
/** Lucide icon element rendered in a small tile. */
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
/** Keyboard hint rendered as `Kbd` at the row end (e.g. "G D"). */
|
|
11
|
+
hint?: string;
|
|
12
|
+
/** Extra strings matched by the default filter. */
|
|
13
|
+
keywords?: readonly string[] | undefined;
|
|
14
|
+
disabled?: boolean | undefined;
|
|
15
|
+
}
|
|
16
|
+
export interface CommandGroup {
|
|
17
|
+
id: string;
|
|
18
|
+
/** Uppercase section label ("Navigation", "Actions"). */
|
|
19
|
+
label: string;
|
|
20
|
+
items: readonly CommandItem[];
|
|
21
|
+
}
|
|
22
|
+
export interface CommandPaletteLabels {
|
|
23
|
+
/** Sr-only dialog title (e.g. "Command palette"). */
|
|
24
|
+
dialog: string;
|
|
25
|
+
/** Search input placeholder + accessible name. */
|
|
26
|
+
placeholder: string;
|
|
27
|
+
/** Footer hint next to ↑↓. */
|
|
28
|
+
navigate: string;
|
|
29
|
+
/** Footer hint next to ↵. */
|
|
30
|
+
open: string;
|
|
31
|
+
/** Footer hint next to esc. */
|
|
32
|
+
close: string;
|
|
33
|
+
/** Empty-state copy; receives the query to echo it back. */
|
|
34
|
+
empty: (query: string) => ReactNode;
|
|
35
|
+
}
|
|
36
|
+
export interface CommandPaletteProps {
|
|
37
|
+
open: boolean;
|
|
38
|
+
onOpenChange: (open: boolean) => void;
|
|
39
|
+
/** Grouped items — the palette does no data fetching. */
|
|
40
|
+
groups: readonly CommandGroup[];
|
|
41
|
+
/** Invoked on Enter or click; the palette closes unless `closeOnSelect` is false. */
|
|
42
|
+
onSelect: (item: CommandItem) => void;
|
|
43
|
+
labels: CommandPaletteLabels;
|
|
44
|
+
/** Controlled query (optional — internal state by default). */
|
|
45
|
+
query?: string | undefined;
|
|
46
|
+
onQueryChange?: ((query: string) => void) | undefined;
|
|
47
|
+
/** Case-insensitive substring over label+keywords by default. */
|
|
48
|
+
filter?: ((item: CommandItem, query: string) => boolean) | undefined;
|
|
49
|
+
closeOnSelect?: boolean | undefined;
|
|
50
|
+
/** Extra footer content (e.g. the "Ask AI" slot). */
|
|
51
|
+
footerExtra?: ReactNode;
|
|
52
|
+
className?: string | undefined;
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* CommandPalette — ⌘K dialog shell: search header, grouped results (icon tile
|
|
56
|
+
* + label + kbd hint), accent-soft selected row, empty state echoing the
|
|
57
|
+
* query, footer hint bar; fully keyboard driven (↑↓ wrap, Enter opens, Esc
|
|
58
|
+
* closes) with `aria-activedescendant` combobox semantics
|
|
59
|
+
* (research/design-system.md §3 Tier 3). Pair with `useCommandK`.
|
|
60
|
+
*/
|
|
61
|
+
export declare function CommandPalette({ open, onOpenChange, groups, onSelect, labels, query: controlledQuery, onQueryChange, filter, closeOnSelect, footerExtra, className, }: CommandPaletteProps): import("react").JSX.Element;
|
|
62
|
+
//# sourceMappingURL=CommandPalette.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/CommandPalette.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,WAAW;IAC1B,+DAA+D;IAC/D,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,oDAAoD;IACpD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,oBAAoB;IACnC,qDAAqD;IACrD,MAAM,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,WAAW,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CACrC;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,yDAAyD;IACzD,MAAM,EAAE,SAAS,YAAY,EAAE,CAAC;IAChC,qFAAqF;IACrF,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,iEAAiE;IACjE,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IACrE,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,qDAAqD;IACrD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AASD;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,MAAsB,EACtB,aAAoB,EACpB,WAAW,EACX,SAAS,GACV,EAAE,mBAAmB,+BA4LrB"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
|
+
import { CornerDownLeft, Search, SearchX } from 'lucide-react';
|
|
4
|
+
import { useEffect, useId, useMemo, useRef, useState } from 'react';
|
|
5
|
+
import { cn } from '../../lib/cn.js';
|
|
6
|
+
import { IconTile } from '../icon-tile/IconTile.js';
|
|
7
|
+
import { Kbd } from '../kbd/Kbd.js';
|
|
8
|
+
const defaultFilter = (item, query) => {
|
|
9
|
+
const q = query.trim().toLowerCase();
|
|
10
|
+
if (q === '')
|
|
11
|
+
return true;
|
|
12
|
+
if (item.label.toLowerCase().includes(q))
|
|
13
|
+
return true;
|
|
14
|
+
return (item.keywords ?? []).some((k) => k.toLowerCase().includes(q));
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* CommandPalette — ⌘K dialog shell: search header, grouped results (icon tile
|
|
18
|
+
* + label + kbd hint), accent-soft selected row, empty state echoing the
|
|
19
|
+
* query, footer hint bar; fully keyboard driven (↑↓ wrap, Enter opens, Esc
|
|
20
|
+
* closes) with `aria-activedescendant` combobox semantics
|
|
21
|
+
* (research/design-system.md §3 Tier 3). Pair with `useCommandK`.
|
|
22
|
+
*/
|
|
23
|
+
export function CommandPalette({ open, onOpenChange, groups, onSelect, labels, query: controlledQuery, onQueryChange, filter = defaultFilter, closeOnSelect = true, footerExtra, className, }) {
|
|
24
|
+
const listId = useId();
|
|
25
|
+
const [internalQuery, setInternalQuery] = useState('');
|
|
26
|
+
const query = controlledQuery ?? internalQuery;
|
|
27
|
+
const setQuery = (next) => {
|
|
28
|
+
setInternalQuery(next);
|
|
29
|
+
onQueryChange?.(next);
|
|
30
|
+
};
|
|
31
|
+
const filteredGroups = useMemo(() => groups
|
|
32
|
+
.map((group) => ({ ...group, items: group.items.filter((item) => filter(item, query)) }))
|
|
33
|
+
.filter((group) => group.items.length > 0), [groups, filter, query]);
|
|
34
|
+
const flatItems = useMemo(() => filteredGroups.flatMap((g) => g.items), [filteredGroups]);
|
|
35
|
+
const [activeId, setActiveId] = useState(null);
|
|
36
|
+
const activeIndex = flatItems.findIndex((item) => item.id === activeId);
|
|
37
|
+
const active = activeIndex === -1 ? null : flatItems[activeIndex];
|
|
38
|
+
// Reset query + selection when opening; keep selection valid as results change.
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
if (open)
|
|
41
|
+
setInternalQuery('');
|
|
42
|
+
}, [open]);
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
if (active === null || active === undefined)
|
|
45
|
+
setActiveId(flatItems[0]?.id ?? null);
|
|
46
|
+
}, [flatItems, active]);
|
|
47
|
+
const listRef = useRef(null);
|
|
48
|
+
const move = (delta) => {
|
|
49
|
+
if (flatItems.length === 0)
|
|
50
|
+
return;
|
|
51
|
+
const next = (activeIndex + delta + flatItems.length) % flatItems.length;
|
|
52
|
+
const item = flatItems[next];
|
|
53
|
+
setActiveId(item.id);
|
|
54
|
+
document.getElementById(optionDomId(item))?.scrollIntoView?.({ block: 'nearest' });
|
|
55
|
+
};
|
|
56
|
+
const select = (item) => {
|
|
57
|
+
if (item.disabled)
|
|
58
|
+
return;
|
|
59
|
+
onSelect(item);
|
|
60
|
+
if (closeOnSelect)
|
|
61
|
+
onOpenChange(false);
|
|
62
|
+
};
|
|
63
|
+
const optionDomId = (item) => `${listId}-${item.id}`;
|
|
64
|
+
return (_jsx(DialogPrimitive.Root, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-[var(--scrim)] backdrop-blur-[3px] animate-[nb-fade_.2s_cubic-bezier(.2,.7,.3,1)]" }), _jsxs(DialogPrimitive.Content, { "aria-label": labels.dialog, "aria-describedby": undefined, className: cn('fixed inset-x-0 top-[16vh] z-50 mx-auto flex max-h-[60vh] w-[560px] max-w-[calc(100vw-32px)] flex-col', 'overflow-hidden rounded-lg border border-border bg-surface shadow-modal outline-none', 'animate-[nb-pop_.16s_cubic-bezier(.2,.7,.3,1)]', className), children: [_jsx(DialogPrimitive.Title, { className: "sr-only", children: labels.dialog }), _jsxs("div", { className: "flex shrink-0 items-center gap-2.5 border-b border-border px-4", children: [_jsx(Search, { className: "size-4 shrink-0 text-fg-subtle", "aria-hidden": "true" }), _jsx("input", { type: "text", role: "combobox", "aria-expanded": "true", "aria-controls": listId, "aria-activedescendant": active ? optionDomId(active) : undefined, "aria-label": labels.placeholder, placeholder: labels.placeholder, autoFocus: true, autoComplete: "off", spellCheck: false, value: query, onChange: (event) => setQuery(event.target.value), onKeyDown: (event) => {
|
|
65
|
+
if (event.key === 'ArrowDown') {
|
|
66
|
+
event.preventDefault();
|
|
67
|
+
move(1);
|
|
68
|
+
}
|
|
69
|
+
else if (event.key === 'ArrowUp') {
|
|
70
|
+
event.preventDefault();
|
|
71
|
+
move(-1);
|
|
72
|
+
}
|
|
73
|
+
else if (event.key === 'Enter') {
|
|
74
|
+
event.preventDefault();
|
|
75
|
+
if (active)
|
|
76
|
+
select(active);
|
|
77
|
+
}
|
|
78
|
+
else if (event.key === 'Home' && flatItems.length > 0) {
|
|
79
|
+
event.preventDefault();
|
|
80
|
+
setActiveId(flatItems[0].id);
|
|
81
|
+
}
|
|
82
|
+
else if (event.key === 'End' && flatItems.length > 0) {
|
|
83
|
+
event.preventDefault();
|
|
84
|
+
setActiveId(flatItems[flatItems.length - 1].id);
|
|
85
|
+
}
|
|
86
|
+
}, className: "h-12 w-full bg-transparent text-body text-fg outline-none placeholder:text-fg-subtle" }), _jsx(Kbd, { children: "esc" })] }), _jsx("div", { ref: listRef, id: listId, role: "listbox", "aria-label": labels.dialog, className: "nb-scroll min-h-0 flex-1 overflow-y-auto p-2", children: flatItems.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center gap-3 px-6 py-10 text-center", children: [_jsx(IconTile, { size: "lg", tone: "neutral", icon: _jsx(SearchX, {}) }), _jsx("div", { className: "text-body-sm text-fg-muted", children: labels.empty(query) })] })) : (filteredGroups.map((group) => (_jsxs("div", { role: "group", "aria-label": group.label, className: "mb-1 last:mb-0", children: [_jsx("div", { className: "px-2.5 pb-1 pt-2 text-micro uppercase text-fg-subtle", children: group.label }), group.items.map((item) => {
|
|
87
|
+
const isActive = item.id === activeId;
|
|
88
|
+
return (_jsxs("div", { id: optionDomId(item), "data-item-id": item.id, role: "option", "aria-selected": isActive, "aria-disabled": item.disabled || undefined, onMouseMove: () => setActiveId(item.id), onClick: () => select(item), className: cn('flex cursor-pointer select-none items-center gap-2.5 rounded-md px-2.5 py-2', isActive ? 'bg-accent-soft' : undefined, item.disabled ? 'cursor-default opacity-40' : undefined), children: [item.icon === undefined || item.icon === null ? null : (_jsx(IconTile, { size: "sm", tone: isActive ? 'accent' : 'neutral', icon: item.icon })), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: cn('block truncate text-body font-semibold', isActive ? 'text-accent' : 'text-fg'), children: item.label }), item.description === undefined ? null : (_jsx("span", { className: "block truncate text-caption text-fg-muted", children: item.description }))] }), item.hint === undefined ? null : _jsx(Kbd, { children: item.hint })] }, item.id));
|
|
89
|
+
})] }, group.id)))) }), _jsxs("div", { className: "flex shrink-0 items-center gap-4 border-t border-border bg-surface-2 px-4 py-2.5 text-caption text-fg-muted", children: [_jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx(Kbd, { children: "\u2191" }), _jsx(Kbd, { children: "\u2193" }), labels.navigate] }), _jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx(Kbd, { children: _jsx(CornerDownLeft, { className: "size-3", "aria-hidden": "true" }) }), labels.open] }), _jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx(Kbd, { children: "esc" }), labels.close] }), footerExtra === undefined ? null : _jsx("span", { className: "ms-auto", children: footerExtra })] })] })] }) }));
|
|
90
|
+
}
|
|
91
|
+
//# sourceMappingURL=CommandPalette.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CommandPalette.js","sourceRoot":"","sources":["../../../src/components/command-palette/CommandPalette.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EACV,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/command-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAOrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useCommandK — global ⌘K / Ctrl+K hotkey (research/design-system.md §3
|
|
3
|
+
* Tier 3 CommandPalette). Fires `onTrigger` and prevents the browser default;
|
|
4
|
+
* typical wiring toggles the palette: `useCommandK(() => setOpen((o) => !o))`.
|
|
5
|
+
*/
|
|
6
|
+
export declare function useCommandK(onTrigger: () => void, options?: {
|
|
7
|
+
enabled?: boolean | undefined;
|
|
8
|
+
}): void;
|
|
9
|
+
//# sourceMappingURL=useCommandK.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCommandK.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/useCommandK.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,MAAM,IAAI,EAAE,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAO,GAAG,IAAI,CAexG"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* useCommandK — global ⌘K / Ctrl+K hotkey (research/design-system.md §3
|
|
4
|
+
* Tier 3 CommandPalette). Fires `onTrigger` and prevents the browser default;
|
|
5
|
+
* typical wiring toggles the palette: `useCommandK(() => setOpen((o) => !o))`.
|
|
6
|
+
*/
|
|
7
|
+
export function useCommandK(onTrigger, options = {}) {
|
|
8
|
+
const enabled = options.enabled ?? true;
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
if (!enabled)
|
|
11
|
+
return;
|
|
12
|
+
const onKeyDown = (event) => {
|
|
13
|
+
if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 'k' && !event.altKey) {
|
|
14
|
+
event.preventDefault();
|
|
15
|
+
onTrigger();
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
window.addEventListener('keydown', onKeyDown);
|
|
19
|
+
return () => window.removeEventListener('keydown', onKeyDown);
|
|
20
|
+
// onTrigger intentionally unbound — callers pass inline lambdas; latest
|
|
21
|
+
// closure is captured via the listener re-registration below.
|
|
22
|
+
}, [enabled, onTrigger]);
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=useCommandK.js.map
|