@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 @@
|
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/banner/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG7E,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAGrC,MAAM,WAAW,GAA8B;IAC7C,IAAI,EAAE,4GAA4G;IAClH,GAAG,EAAE,yGAAyG;IAC9G,IAAI,EAAE,4GAA4G;IAClH,MAAM,EACJ,kHAAkH;CACrH,CAAC;AAEF,MAAM,YAAY,GAAiC;IACjD,IAAI,EAAE,KAAC,IAAI,KAAG;IACd,GAAG,EAAE,KAAC,YAAY,KAAG;IACrB,IAAI,EAAE,KAAC,aAAa,KAAG;IACvB,MAAM,EAAE,KAAC,OAAO,KAAG;CACpB,CAAC;AAeF;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,MAAM,EACN,SAAS,EACT,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACI;IACZ,OAAO,CACL,4BACa,IAAI,EACf,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,WAAW,CAAC,IAAI,CAAC,EACjB,SAAS,CACV,KACG,KAAK,aAET,4BAAgB,aAAa,iBAAa,MAAM,EAAC,SAAS,EAAC,0CAA0C,YAClG,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,GACtB,EACP,cAAK,SAAS,EAAC,mDAAmD,YAAE,QAAQ,GAAO,EAClF,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,UAAU,YAAE,MAAM,GAAO,EACzF,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,iBACE,IAAI,EAAC,QAAQ,gBACD,YAAY,EACxB,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,EAAE,CACX,8FAA8F,EAC9F,qFAAqF,CACtF,YAED,KAAC,CAAC,IAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,GAAG,GACtC,CACV,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
+
export interface BreadcrumbItem {
|
|
3
|
+
/** Segment text. */
|
|
4
|
+
label: ReactNode;
|
|
5
|
+
/** Link target; the last (current) item usually omits it. */
|
|
6
|
+
href?: string | undefined;
|
|
7
|
+
onClick?: (() => void) | undefined;
|
|
8
|
+
/** Render the segment in JetBrains Mono (record ids, table names). */
|
|
9
|
+
mono?: boolean | undefined;
|
|
10
|
+
}
|
|
11
|
+
export interface BreadcrumbsProps extends Omit<ComponentPropsWithRef<'nav'>, 'children'> {
|
|
12
|
+
items: readonly BreadcrumbItem[];
|
|
13
|
+
/** Accessible name for the nav (required — i18n, e.g. "Breadcrumb"). */
|
|
14
|
+
label: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Breadcrumbs — links + chevron separators (RTL-mirrored), optional mono
|
|
18
|
+
* segments, `nav > ol` semantics with `aria-current="page"` on the last item
|
|
19
|
+
* (research/design-system.md §3 Tier 3).
|
|
20
|
+
*/
|
|
21
|
+
export declare function Breadcrumbs({ items, label, className, ...props }: BreadcrumbsProps): import("react").JSX.Element;
|
|
22
|
+
//# sourceMappingURL=Breadcrumbs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACtF,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAqDlF"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ChevronRight } from 'lucide-react';
|
|
3
|
+
import { Fragment } from 'react';
|
|
4
|
+
import { cn } from '../../lib/cn.js';
|
|
5
|
+
import { MonoText } from '../mono-text/MonoText.js';
|
|
6
|
+
/**
|
|
7
|
+
* Breadcrumbs — links + chevron separators (RTL-mirrored), optional mono
|
|
8
|
+
* segments, `nav > ol` semantics with `aria-current="page"` on the last item
|
|
9
|
+
* (research/design-system.md §3 Tier 3).
|
|
10
|
+
*/
|
|
11
|
+
export function Breadcrumbs({ items, label, className, ...props }) {
|
|
12
|
+
return (_jsx("nav", { "aria-label": label, className: cn('min-w-0', className), ...props, children: _jsx("ol", { className: "flex min-w-0 items-center gap-1.5 text-body-sm", children: items.map((item, index) => {
|
|
13
|
+
const isLast = index === items.length - 1;
|
|
14
|
+
const content = item.mono ? _jsx(MonoText, { children: item.label }) : item.label;
|
|
15
|
+
return (_jsxs(Fragment, { children: [_jsx("li", { className: "min-w-0", children: item.href !== undefined || item.onClick !== undefined ? (_jsx("a", { href: item.href, onClick: item.onClick === undefined
|
|
16
|
+
? undefined
|
|
17
|
+
: (event) => {
|
|
18
|
+
if (item.href === undefined)
|
|
19
|
+
event.preventDefault();
|
|
20
|
+
item.onClick?.();
|
|
21
|
+
}, "aria-current": isLast ? 'page' : undefined, className: cn('block max-w-[240px] truncate rounded-sm font-semibold transition-colors duration-100', isLast ? 'text-fg' : 'text-fg-muted hover:text-fg', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent'), children: content })) : (_jsx("span", { "aria-current": isLast ? 'page' : undefined, className: cn('block max-w-[240px] truncate font-semibold', isLast ? 'text-fg' : 'text-fg-muted'), children: content })) }), isLast ? null : (_jsx("li", { "aria-hidden": "true", className: "shrink-0 text-fg-subtle", children: _jsx(ChevronRight, { className: "size-3.5 rtl:-scale-x-100" }) }))] }, index));
|
|
22
|
+
}) }) }));
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAkBpD;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IACjF,OAAO,CACL,4BAAiB,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,KAAK,YACpE,aAAI,SAAS,EAAC,gDAAgD,YAC3D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,IAAI,CAAC,KAAK,GAAY,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;gBAC3E,OAAO,CACL,MAAC,QAAQ,eACP,aAAI,SAAS,EAAC,SAAS,YACpB,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvD,YACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EACL,IAAI,CAAC,OAAO,KAAK,SAAS;oCACxB,CAAC,CAAC,SAAS;oCACX,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;wCACR,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;4CAAE,KAAK,CAAC,cAAc,EAAE,CAAC;wCACpD,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;oCACnB,CAAC,kBAEO,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,6BAA6B,EAClD,qFAAqF,CACtF,YAEA,OAAO,GACN,CACL,CAAC,CAAC,CAAC,CACF,+BACgB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,EAAE,CACX,4CAA4C,EAC5C,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CACrC,YAEA,OAAO,GACH,CACR,GACE,EACJ,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACf,4BAAgB,MAAM,EAAC,SAAS,EAAC,yBAAyB,YACxD,KAAC,YAAY,IAAC,SAAS,EAAC,2BAA2B,GAAG,GACnD,CACN,KAtCY,KAAK,CAuCT,CACZ,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
+
export interface BulkActionBarProps extends ComponentPropsWithRef<'div'> {
|
|
3
|
+
/** Number of selected rows (mono). */
|
|
4
|
+
count: number;
|
|
5
|
+
/** Text after the count ("selected"). Required — i18n. */
|
|
6
|
+
countLabel: ReactNode;
|
|
7
|
+
/** Action buttons (use `BulkActionButton`). */
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
/** Clear-selection handler. */
|
|
10
|
+
onClear: () => void;
|
|
11
|
+
/** Accessible label for the clear button (required — i18n). */
|
|
12
|
+
clearLabel: string;
|
|
13
|
+
/** Accessible name for the toolbar (e.g. "Bulk actions"). */
|
|
14
|
+
label?: string | undefined;
|
|
15
|
+
/**
|
|
16
|
+
* Pin to the bottom-center of the viewport (default). Set false to
|
|
17
|
+
* position it yourself (e.g. sticky inside a table container).
|
|
18
|
+
*/
|
|
19
|
+
floating?: boolean | undefined;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* BulkActionBar — dark floating bar (`fg` background) shown while rows are
|
|
23
|
+
* selected: mono count + actions + clear; appears via `nb-fade`
|
|
24
|
+
* (research/design-system.md §3 Tier 3).
|
|
25
|
+
*/
|
|
26
|
+
export declare function BulkActionBar({ count, countLabel, children, onClear, clearLabel, label, floating, className, ...props }: BulkActionBarProps): import("react").JSX.Element;
|
|
27
|
+
export interface BulkActionButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'style'> {
|
|
28
|
+
/** Leading Lucide icon. */
|
|
29
|
+
icon?: ReactNode;
|
|
30
|
+
/** Danger styling (Delete). */
|
|
31
|
+
destructive?: boolean | undefined;
|
|
32
|
+
}
|
|
33
|
+
/** Inverted button for `BulkActionBar` (light-on-dark, danger option). */
|
|
34
|
+
export declare function BulkActionButton({ icon, destructive, className, children, ...props }: BulkActionButtonProps): import("react").JSX.Element;
|
|
35
|
+
//# sourceMappingURL=BulkActionBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulkActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/bulk-action-bar/BulkActionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACtE,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,UAAU,EAAE,SAAS,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,+BAA+B;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAU,EACV,KAAK,EACL,QAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAgCpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC3F,2BAA2B;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC;AAED,0EAA0E;AAC1E,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,+BAiBvB"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { X } from 'lucide-react';
|
|
3
|
+
import { cn } from '../../lib/cn.js';
|
|
4
|
+
import { MonoText } from '../mono-text/MonoText.js';
|
|
5
|
+
/**
|
|
6
|
+
* BulkActionBar — dark floating bar (`fg` background) shown while rows are
|
|
7
|
+
* selected: mono count + actions + clear; appears via `nb-fade`
|
|
8
|
+
* (research/design-system.md §3 Tier 3).
|
|
9
|
+
*/
|
|
10
|
+
export function BulkActionBar({ count, countLabel, children, onClear, clearLabel, label, floating = true, className, ...props }) {
|
|
11
|
+
return (_jsxs("div", { role: "toolbar", "aria-label": label, className: cn('flex w-fit max-w-[calc(100vw-32px)] items-center gap-1 rounded-lg bg-fg p-1.5 ps-3.5 text-bg shadow-menu', 'animate-[nb-fade_.24s_cubic-bezier(.2,.7,.3,1)]', floating ? 'fixed bottom-6 inset-x-0 z-[80] mx-auto' : undefined, className), ...props, children: [_jsxs("span", { className: "me-2 flex items-baseline gap-1.5 text-body-sm font-bold", children: [_jsx(MonoText, { children: count }), _jsx("span", { className: "font-semibold text-bg/70", children: countLabel })] }), children, _jsx("span", { "aria-hidden": "true", className: "mx-1.5 h-4 w-px shrink-0 bg-bg/20" }), _jsx("button", { type: "button", "aria-label": clearLabel, onClick: onClear, className: cn('inline-flex size-7 shrink-0 items-center justify-center rounded-md text-bg/70 hover:bg-bg/15 hover:text-bg', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-bg'), children: _jsx(X, { className: "size-3.5", "aria-hidden": "true" }) })] }));
|
|
12
|
+
}
|
|
13
|
+
/** Inverted button for `BulkActionBar` (light-on-dark, danger option). */
|
|
14
|
+
export function BulkActionButton({ icon, destructive = false, className, children, ...props }) {
|
|
15
|
+
return (_jsxs("button", { type: "button", className: cn('inline-flex h-7 items-center gap-1.5 rounded-md px-2.5 text-[12.5px] font-bold', destructive ? 'text-danger hover:bg-danger/15' : 'text-bg/90 hover:bg-bg/15 hover:text-bg', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-bg', 'disabled:pointer-events-none disabled:opacity-40 [&_svg]:size-3.5 [&_svg]:shrink-0', className), ...props, children: [icon, children] }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=BulkActionBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulkActionBar.js","sourceRoot":"","sources":["../../../src/components/bulk-action-bar/BulkActionBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAGjC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAsBpD;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,UAAU,EACV,QAAQ,EACR,OAAO,EACP,UAAU,EACV,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,GAAG,KAAK,EACW;IACnB,OAAO,CACL,eACE,IAAI,EAAC,SAAS,gBACF,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,0GAA0G,EAC1G,iDAAiD,EACjD,QAAQ,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,SAAS,EAChE,SAAS,CACV,KACG,KAAK,aAET,gBAAM,SAAS,EAAC,yDAAyD,aACvE,KAAC,QAAQ,cAAE,KAAK,GAAY,EAC5B,eAAM,SAAS,EAAC,0BAA0B,YAAE,UAAU,GAAQ,IACzD,EACN,QAAQ,EACT,8BAAkB,MAAM,EAAC,SAAS,EAAC,mCAAmC,GAAG,EACzE,iBACE,IAAI,EAAC,QAAQ,gBACD,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,4GAA4G,EAC5G,iFAAiF,CAClF,YAED,KAAC,CAAC,IAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,GAAG,GACtC,IACL,CACP,CAAC;AACJ,CAAC;AASD,0EAA0E;AAC1E,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACc;IACtB,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,WAAW,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,yCAAyC,EAC1F,iFAAiF,EACjF,oFAAoF,EACpF,SAAS,CACV,KACG,KAAK,aAER,IAAI,EACJ,QAAQ,IACF,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bulk-action-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACrE,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bulk-action-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Button CVA map per workplan/03-component-library.md §3.1 and
|
|
5
|
+
* research/design-system.md §3 Tier 1. `size` is declared before `variant` so
|
|
6
|
+
* the `link` variant's `h-auto p-0` wins the tailwind-merge conflict.
|
|
7
|
+
*/
|
|
8
|
+
export declare const buttonVariants: (props?: ({
|
|
9
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
10
|
+
variant?: "link" | "primary" | "secondary" | "ghost" | "outline" | "destructive" | "destructiveSoft" | "soft" | "inverse" | null | undefined;
|
|
11
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
|
+
export interface ButtonProps extends Omit<React.ComponentPropsWithRef<'button'>, 'style'>, VariantProps<typeof buttonVariants> {
|
|
13
|
+
/**
|
|
14
|
+
* Merge classes/props into the single child element (Radix Slot) — e.g. a
|
|
15
|
+
* router `<Link>`. `loading`/`iconLeft`/`iconRight` are ignored with
|
|
16
|
+
* `asChild`; the child owns its content.
|
|
17
|
+
*/
|
|
18
|
+
asChild?: boolean;
|
|
19
|
+
/** Swap `iconLeft` for a Spinner, set `aria-busy`, and disable the button. */
|
|
20
|
+
loading?: boolean;
|
|
21
|
+
/** Leading Lucide icon element (size inherited from the label). */
|
|
22
|
+
iconLeft?: React.ReactNode;
|
|
23
|
+
/** Trailing Lucide icon element. */
|
|
24
|
+
iconRight?: React.ReactNode;
|
|
25
|
+
}
|
|
26
|
+
export declare function Button({ className, variant, size, asChild, loading, iconLeft, iconRight, disabled, children, ...props }: ButtonProps): React.JSX.Element;
|
|
27
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;8EA0B1B,CAAC;AAIF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAC1D,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oCAAoC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,OAAe,EACf,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,qBAyBb"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { cn } from '../../lib/cn.js';
|
|
5
|
+
import { Spinner } from '../spinner/Spinner.js';
|
|
6
|
+
/**
|
|
7
|
+
* Button CVA map per workplan/03-component-library.md §3.1 and
|
|
8
|
+
* research/design-system.md §3 Tier 1. `size` is declared before `variant` so
|
|
9
|
+
* the `link` variant's `h-auto p-0` wins the tailwind-merge conflict.
|
|
10
|
+
*/
|
|
11
|
+
export const buttonVariants = cva('nb-press inline-flex select-none items-center justify-center gap-1.5 whitespace-nowrap rounded-md font-semibold ' +
|
|
12
|
+
'transition-[background-color,color,box-shadow] duration-150 ' +
|
|
13
|
+
'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent ' +
|
|
14
|
+
'disabled:pointer-events-none disabled:opacity-40 [&_svg]:shrink-0', {
|
|
15
|
+
variants: {
|
|
16
|
+
size: {
|
|
17
|
+
sm: 'h-7 px-2.5 text-xs',
|
|
18
|
+
md: 'h-[34px] px-3.5 text-[13px]',
|
|
19
|
+
lg: 'h-10 px-4 text-sm',
|
|
20
|
+
},
|
|
21
|
+
variant: {
|
|
22
|
+
primary: 'bg-accent text-accent-fg shadow-glow hover:brightness-105',
|
|
23
|
+
secondary: 'border border-border-strong bg-surface text-fg hover:bg-surface-2',
|
|
24
|
+
ghost: 'text-fg-muted hover:bg-surface-3 hover:text-fg',
|
|
25
|
+
outline: 'border border-border-strong text-fg hover:bg-surface-2',
|
|
26
|
+
destructive: 'bg-danger text-white hover:brightness-105',
|
|
27
|
+
destructiveSoft: 'bg-danger-soft text-danger hover:brightness-97',
|
|
28
|
+
soft: 'bg-accent-soft text-accent hover:brightness-97',
|
|
29
|
+
link: 'h-auto p-0 text-accent underline-offset-2 hover:underline',
|
|
30
|
+
inverse: 'bg-fg text-bg hover:brightness-110',
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: { variant: 'primary', size: 'md' },
|
|
34
|
+
});
|
|
35
|
+
const SPINNER_SIZE = { sm: 'sm', md: 'sm', lg: 'md' };
|
|
36
|
+
export function Button({ className, variant, size, asChild = false, loading = false, iconLeft, iconRight, disabled, children, ...props }) {
|
|
37
|
+
const classes = cn(buttonVariants({ variant, size }), className);
|
|
38
|
+
if (asChild) {
|
|
39
|
+
return (_jsx(Slot, { className: classes, ...props, children: children }));
|
|
40
|
+
}
|
|
41
|
+
return (_jsxs("button", { type: "button", className: classes, disabled: disabled || loading, "aria-busy": loading || undefined, "data-loading": loading || undefined, ...props, children: [loading ? _jsx(Spinner, { size: SPINNER_SIZE[size ?? 'md'] }) : iconLeft, children, iconRight] }));
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAI/C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,kHAAkH;IAChH,8DAA8D;IAC9D,sFAAsF;IACtF,mEAAmE,EACrE;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,oBAAoB;YACxB,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,mBAAmB;SACxB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,2DAA2D;YACpE,SAAS,EAAE,mEAAmE;YAC9E,KAAK,EAAE,gDAAgD;YACvD,OAAO,EAAE,wDAAwD;YACjE,WAAW,EAAE,2CAA2C;YACxD,eAAe,EAAE,gDAAgD;YACjE,IAAI,EAAE,gDAAgD;YACtD,IAAI,EAAE,2DAA2D;YACjE,OAAO,EAAE,oCAAoC;SAC9C;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;CACpD,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAW,CAAC;AAmB/D,MAAM,UAAU,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACI;IACZ,MAAM,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;IAEjE,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,OAAO,KAAM,KAAK,YAChC,QAAQ,GACJ,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,QAAQ,IAAI,OAAO,eAClB,OAAO,IAAI,SAAS,kBACjB,OAAO,IAAI,SAAS,KAC9B,KAAK,aAER,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,YAAY,CAAC,IAAI,IAAI,IAAI,CAAC,GAAI,CAAC,CAAC,CAAC,QAAQ,EAClE,QAAQ,EACR,SAAS,IACH,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
2
|
+
import type { ComponentPropsWithRef } from 'react';
|
|
3
|
+
export declare const cardVariants: (props?: ({
|
|
4
|
+
hoverable?: boolean | null | undefined;
|
|
5
|
+
selected?: boolean | null | undefined;
|
|
6
|
+
padded?: boolean | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
export interface CardProps extends ComponentPropsWithRef<'div'>, VariantProps<typeof cardVariants> {
|
|
9
|
+
/** Render the card as its child element (e.g. a router `<Link>`). */
|
|
10
|
+
asChild?: boolean | undefined;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Card — surface container: `--surface` bg, 1px `--border`, radius 14,
|
|
14
|
+
* `--shadow` (shadow-card), density padding via `--card-pad`
|
|
15
|
+
* (research/design-system.md §3 Tier 3).
|
|
16
|
+
*/
|
|
17
|
+
export declare function Card({ asChild, hoverable, selected, padded, className, ...props }: CardProps): import("react").JSX.Element;
|
|
18
|
+
export type CardHeaderProps = ComponentPropsWithRef<'div'>;
|
|
19
|
+
/** Card header slot: `--card-pad` padding + bottom hairline. Use with `padded={false}` on Card. */
|
|
20
|
+
export declare function CardHeader({ className, ...props }: CardHeaderProps): import("react").JSX.Element;
|
|
21
|
+
export type CardBodyProps = ComponentPropsWithRef<'div'>;
|
|
22
|
+
/** Card body slot: `--card-pad` padding. Use with `padded={false}` on Card. */
|
|
23
|
+
export declare function CardBody({ className, ...props }: CardBodyProps): import("react").JSX.Element;
|
|
24
|
+
export type CardFooterProps = ComponentPropsWithRef<'div'>;
|
|
25
|
+
/** Card footer slot on `--surface-2` with a top hairline. Use with `padded={false}` on Card. */
|
|
26
|
+
export declare function CardFooter({ className, ...props }: CardFooterProps): import("react").JSX.Element;
|
|
27
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAInD,eAAO,MAAM,YAAY;;;;8EAcvB,CAAC;AAEH,MAAM,WAAW,SAAU,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IAChG,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAS5F;AAED,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAE3D,mGAAmG;AACnG,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAUlE;AAED,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEzD,+EAA+E;AAC/E,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAE9D;AAED,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAE3D,gGAAgG;AAChG,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAUlE"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { cn } from '../../lib/cn.js';
|
|
5
|
+
export const cardVariants = cva('rounded-lg border border-border bg-surface shadow-card', {
|
|
6
|
+
variants: {
|
|
7
|
+
/** Hover lift (translateY(-3px) + shadow-md) via the tokens `.nb-lift` class. */
|
|
8
|
+
hoverable: { true: 'nb-lift', false: '' },
|
|
9
|
+
/** Selected state: accent border + 3px accent-soft ring. */
|
|
10
|
+
selected: { true: 'border-accent ring-[3px] ring-accent-soft', false: '' },
|
|
11
|
+
/**
|
|
12
|
+
* Density-aware padding via the tokens `--card-pad` var (20px comfortable /
|
|
13
|
+
* 16px compact). Set `padded={false}` when composing CardHeader/CardBody/
|
|
14
|
+
* CardFooter slots, which carry their own `--card-pad` padding.
|
|
15
|
+
*/
|
|
16
|
+
padded: { true: 'p-[var(--card-pad)]', false: '' },
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: { hoverable: false, selected: false, padded: true },
|
|
19
|
+
});
|
|
20
|
+
/**
|
|
21
|
+
* Card — surface container: `--surface` bg, 1px `--border`, radius 14,
|
|
22
|
+
* `--shadow` (shadow-card), density padding via `--card-pad`
|
|
23
|
+
* (research/design-system.md §3 Tier 3).
|
|
24
|
+
*/
|
|
25
|
+
export function Card({ asChild, hoverable, selected, padded, className, ...props }) {
|
|
26
|
+
const Comp = asChild ? Slot : 'div';
|
|
27
|
+
return (_jsx(Comp, { "data-selected": selected ? '' : undefined, className: cn(cardVariants({ hoverable, selected, padded }), className), ...props }));
|
|
28
|
+
}
|
|
29
|
+
/** Card header slot: `--card-pad` padding + bottom hairline. Use with `padded={false}` on Card. */
|
|
30
|
+
export function CardHeader({ className, ...props }) {
|
|
31
|
+
return (_jsx("div", { className: cn('flex items-start justify-between gap-3 border-b border-border px-[var(--card-pad)] py-[calc(var(--card-pad)*0.7)]', className), ...props }));
|
|
32
|
+
}
|
|
33
|
+
/** Card body slot: `--card-pad` padding. Use with `padded={false}` on Card. */
|
|
34
|
+
export function CardBody({ className, ...props }) {
|
|
35
|
+
return _jsx("div", { className: cn('p-[var(--card-pad)]', className), ...props });
|
|
36
|
+
}
|
|
37
|
+
/** Card footer slot on `--surface-2` with a top hairline. Use with `padded={false}` on Card. */
|
|
38
|
+
export function CardFooter({ className, ...props }) {
|
|
39
|
+
return (_jsx("div", { className: cn('flex items-center justify-end gap-2 rounded-b-[inherit] border-t border-border bg-surface-2 px-[var(--card-pad)] py-[calc(var(--card-pad)*0.6)]', className), ...props }));
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC,wDAAwD,EAAE;IACxF,QAAQ,EAAE;QACR,iFAAiF;QACjF,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;QACzC,4DAA4D;QAC5D,QAAQ,EAAE,EAAE,IAAI,EAAE,2CAA2C,EAAE,KAAK,EAAE,EAAE,EAAE;QAC1E;;;;WAIG;QACH,MAAM,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,EAAE,EAAE;KACnD;IACD,eAAe,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE;CACrE,CAAC,CAAC;AAOH;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAa;IAC3F,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,IAAI,qBACY,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KACnE,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAID,mGAAmG;AACnG,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IACjE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,mHAAmH,EACnH,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAID,+EAA+E;AAC/E,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IAC7D,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC7E,CAAC;AAID,gGAAgG;AAChG,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IACjE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,iJAAiJ,EACjJ,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACjF,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type CheckboxProps = Omit<React.ComponentPropsWithRef<typeof CheckboxPrimitive.Root>, 'style' | 'asChild'>;
|
|
4
|
+
/**
|
|
5
|
+
* Checkbox — Radix checkbox, 18px square, radius 6 (`rounded-sm`), accent
|
|
6
|
+
* fill + white check when checked, `Minus` glyph when `indeterminate`
|
|
7
|
+
* (research/design-system.md §3 Tier 2).
|
|
8
|
+
*
|
|
9
|
+
* Indeterminate is the Radix contract: pass `checked="indeterminate"`
|
|
10
|
+
* (controlled). Label + caption wiring belongs to `FormField` / `Label`.
|
|
11
|
+
*/
|
|
12
|
+
export declare function Checkbox({ className, ...props }: CheckboxProps): React.JSX.Element;
|
|
13
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,KAAK,CAAC,qBAAqB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC1D,OAAO,GAAG,SAAS,CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBA6B9D"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
3
|
+
import { Check, Minus } from 'lucide-react';
|
|
4
|
+
import { cn } from '../../lib/cn.js';
|
|
5
|
+
/**
|
|
6
|
+
* Checkbox — Radix checkbox, 18px square, radius 6 (`rounded-sm`), accent
|
|
7
|
+
* fill + white check when checked, `Minus` glyph when `indeterminate`
|
|
8
|
+
* (research/design-system.md §3 Tier 2).
|
|
9
|
+
*
|
|
10
|
+
* Indeterminate is the Radix contract: pass `checked="indeterminate"`
|
|
11
|
+
* (controlled). Label + caption wiring belongs to `FormField` / `Label`.
|
|
12
|
+
*/
|
|
13
|
+
export function Checkbox({ className, ...props }) {
|
|
14
|
+
return (_jsx(CheckboxPrimitive.Root, { className: cn('group inline-flex size-[18px] shrink-0 items-center justify-center rounded-sm border border-border-strong bg-surface-2 ', 'transition-[background-color,border-color,box-shadow] duration-150 ', 'focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-accent-soft focus-visible:border-accent ', 'disabled:pointer-events-none disabled:opacity-40 ', 'data-[state=checked]:border-accent data-[state=checked]:bg-accent data-[state=checked]:text-accent-fg ', 'data-[state=indeterminate]:border-accent data-[state=indeterminate]:bg-accent data-[state=indeterminate]:text-accent-fg ', 'aria-invalid:border-danger', className), ...props, children: _jsxs(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: [_jsx(Check, { "aria-hidden": "true", strokeWidth: 3, className: "size-3 group-data-[state=indeterminate]:hidden" }), _jsx(Minus, { "aria-hidden": "true", strokeWidth: 3, className: "hidden size-3 group-data-[state=indeterminate]:block" })] }) }));
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAG5C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAOrC;;;;;;;GAOG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IAC7D,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,IACrB,SAAS,EAAE,EAAE,CACX,yHAAyH,EACzH,qEAAqE,EACrE,iHAAiH,EACjH,mDAAmD,EACnD,wGAAwG,EACxG,0HAA0H,EAC1H,4BAA4B,EAC5B,SAAS,CACV,KACG,KAAK,YAET,MAAC,iBAAiB,CAAC,SAAS,IAAC,SAAS,EAAC,+CAA+C,aACpF,KAAC,KAAK,mBACQ,MAAM,EAClB,WAAW,EAAE,CAAC,EACd,SAAS,EAAC,gDAAgD,GAC1D,EACF,KAAC,KAAK,mBACQ,MAAM,EAClB,WAAW,EAAE,CAAC,EACd,SAAS,EAAC,sDAAsD,GAChE,IAC0B,GACP,CAC1B,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface ChipInputProps extends Omit<React.ComponentPropsWithRef<'input'>, 'style' | 'size' | 'type' | 'value' | 'defaultValue' | 'onChange'> {
|
|
3
|
+
/** Controlled chip list. */
|
|
4
|
+
value?: readonly string[] | undefined;
|
|
5
|
+
/** Uncontrolled initial chip list. */
|
|
6
|
+
defaultValue?: readonly string[] | undefined;
|
|
7
|
+
/** Fires with the next chip list after add/remove. */
|
|
8
|
+
onValueChange?: ((value: string[]) => void) | undefined;
|
|
9
|
+
/**
|
|
10
|
+
* Per-chip validation (emails, domains, …). Invalid tokens are NOT added:
|
|
11
|
+
* they stay in the text input and the field flags `data-invalid` +
|
|
12
|
+
* `aria-invalid` until the text changes.
|
|
13
|
+
*/
|
|
14
|
+
validate?: ((chip: string) => boolean) | undefined;
|
|
15
|
+
/** Accessible name for each chip's ✕ button, built per chip (i18n-friendly). */
|
|
16
|
+
removeLabel: (chip: string) => string;
|
|
17
|
+
/** Force the danger state from outside (form-level validation). */
|
|
18
|
+
error?: boolean | undefined;
|
|
19
|
+
/** Extra classes for the inline `<input>` (className styles the wrapper). */
|
|
20
|
+
inputClassName?: string | undefined;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* ChipInput (MultiSelect/TagInput) — removable chips + inline text input
|
|
24
|
+
* (research/design-system.md §3 Tier 2). Enter or `,` commits the pending
|
|
25
|
+
* text, paste splits on commas/whitespace, Backspace on an empty input
|
|
26
|
+
* removes the last chip, duplicates are ignored.
|
|
27
|
+
*/
|
|
28
|
+
export declare function ChipInput({ className, inputClassName, value, defaultValue, onValueChange, validate, removeLabel, error, disabled, ref, onKeyDown, onPaste, onBlur, ...inputProps }: ChipInputProps): React.JSX.Element;
|
|
29
|
+
//# sourceMappingURL=ChipInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChipInput.d.ts","sourceRoot":"","sources":["../../../src/components/chip-input/ChipInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAQpC,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EACpC,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAClE;IACD,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IACtC,sCAAsC;IACtC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAC7C,sDAAsD;IACtD,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACxD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IACnD,gFAAgF;IAChF,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,6EAA6E;IAC7E,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,cAAc,EACd,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,EACX,KAAa,EACb,QAAQ,EACR,GAAG,EACH,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,UAAU,EACd,EAAE,cAAc,qBAoHhB"}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useRef, useState } from 'react';
|
|
3
|
+
import { cn } from '../../lib/cn.js';
|
|
4
|
+
import { Tag } from '../tag/index.js';
|
|
5
|
+
/** Paste/typing separators: commas and any whitespace. */
|
|
6
|
+
const SPLIT_RE = /[,\s]+/;
|
|
7
|
+
/**
|
|
8
|
+
* ChipInput (MultiSelect/TagInput) — removable chips + inline text input
|
|
9
|
+
* (research/design-system.md §3 Tier 2). Enter or `,` commits the pending
|
|
10
|
+
* text, paste splits on commas/whitespace, Backspace on an empty input
|
|
11
|
+
* removes the last chip, duplicates are ignored.
|
|
12
|
+
*/
|
|
13
|
+
export function ChipInput({ className, inputClassName, value, defaultValue, onValueChange, validate, removeLabel, error = false, disabled, ref, onKeyDown, onPaste, onBlur, ...inputProps }) {
|
|
14
|
+
const innerRef = useRef(null);
|
|
15
|
+
const [internal, setInternal] = useState(defaultValue ?? []);
|
|
16
|
+
const [text, setText] = useState('');
|
|
17
|
+
const [rejected, setRejected] = useState(false);
|
|
18
|
+
const chips = value !== undefined ? value : internal;
|
|
19
|
+
const invalid = error || rejected;
|
|
20
|
+
const setRef = (node) => {
|
|
21
|
+
innerRef.current = node;
|
|
22
|
+
if (typeof ref === 'function')
|
|
23
|
+
ref(node);
|
|
24
|
+
else if (ref)
|
|
25
|
+
ref.current = node;
|
|
26
|
+
};
|
|
27
|
+
const commitChips = (next) => {
|
|
28
|
+
if (value === undefined)
|
|
29
|
+
setInternal(next);
|
|
30
|
+
onValueChange?.(next);
|
|
31
|
+
};
|
|
32
|
+
/** Add tokens; returns the ones that failed validation. */
|
|
33
|
+
const addTokens = (raw) => {
|
|
34
|
+
const tokens = raw.split(SPLIT_RE).map((token) => token.trim()).filter((token) => token.length > 0);
|
|
35
|
+
if (tokens.length === 0)
|
|
36
|
+
return [];
|
|
37
|
+
const next = [...chips];
|
|
38
|
+
const failed = [];
|
|
39
|
+
for (const token of tokens) {
|
|
40
|
+
if (validate && !validate(token)) {
|
|
41
|
+
failed.push(token);
|
|
42
|
+
}
|
|
43
|
+
else if (!next.includes(token)) {
|
|
44
|
+
next.push(token);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
if (next.length !== chips.length)
|
|
48
|
+
commitChips(next);
|
|
49
|
+
return failed;
|
|
50
|
+
};
|
|
51
|
+
const commitPending = () => {
|
|
52
|
+
const failed = addTokens(text);
|
|
53
|
+
setText(failed.join(', '));
|
|
54
|
+
setRejected(failed.length > 0);
|
|
55
|
+
};
|
|
56
|
+
const handleKeyDown = (event) => {
|
|
57
|
+
onKeyDown?.(event);
|
|
58
|
+
if (event.defaultPrevented)
|
|
59
|
+
return;
|
|
60
|
+
if (event.key === 'Enter' || event.key === ',') {
|
|
61
|
+
if (text.trim().length > 0) {
|
|
62
|
+
event.preventDefault();
|
|
63
|
+
commitPending();
|
|
64
|
+
}
|
|
65
|
+
else if (event.key === ',') {
|
|
66
|
+
event.preventDefault();
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
else if (event.key === 'Backspace' && text.length === 0 && chips.length > 0) {
|
|
70
|
+
commitChips(chips.slice(0, -1));
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
const handlePaste = (event) => {
|
|
74
|
+
onPaste?.(event);
|
|
75
|
+
if (event.defaultPrevented)
|
|
76
|
+
return;
|
|
77
|
+
const pasted = event.clipboardData.getData('text');
|
|
78
|
+
if (!SPLIT_RE.test(pasted))
|
|
79
|
+
return; // single token: let it type normally
|
|
80
|
+
event.preventDefault();
|
|
81
|
+
const failed = addTokens(`${text} ${pasted}`);
|
|
82
|
+
setText(failed.join(', '));
|
|
83
|
+
setRejected(failed.length > 0);
|
|
84
|
+
};
|
|
85
|
+
return (
|
|
86
|
+
// The wrapper focuses the inline input on click; it is not itself interactive.
|
|
87
|
+
_jsxs("div", { "data-invalid": invalid ? '' : undefined, onClick: () => innerRef.current?.focus(), className: cn('flex min-h-[34px] w-full min-w-0 cursor-text flex-wrap items-center gap-1.5 rounded-md border border-border-strong bg-surface-2 px-2 py-1.5', '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', className), children: [chips.map((chip) => (_jsx(Tag, { mono: true, onRemove: () => commitChips(chips.filter((existing) => existing !== chip)), removeLabel: removeLabel(chip), children: chip }, chip))), _jsx("input", { ref: setRef, type: "text", value: text, disabled: disabled, ...(invalid ? { 'aria-invalid': true } : {}), onChange: (event) => {
|
|
88
|
+
setText(event.target.value);
|
|
89
|
+
setRejected(false);
|
|
90
|
+
}, onKeyDown: handleKeyDown, onPaste: handlePaste, onBlur: (event) => {
|
|
91
|
+
if (text.trim().length > 0)
|
|
92
|
+
commitPending();
|
|
93
|
+
onBlur?.(event);
|
|
94
|
+
}, className: cn('h-[21px] min-w-[80px] flex-1 bg-transparent text-[13px] text-fg placeholder:text-fg-subtle focus:outline-none', inputClassName), ...inputProps })] }));
|
|
95
|
+
}
|
|
96
|
+
//# sourceMappingURL=ChipInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChipInput.js","sourceRoot":"","sources":["../../../src/components/chip-input/ChipInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/chip-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
|