@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,35 @@
|
|
|
1
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
/** Root — controls open state (`open`/`onOpenChange`/`defaultOpen`). */
|
|
4
|
+
export declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
5
|
+
/** Trigger — always `asChild`-compatible; typically wraps a `Button`/`IconButton`. */
|
|
6
|
+
export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
/** Logical grouping wrapper (no styling). */
|
|
8
|
+
export declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export type DropdownMenuContentProps = Omit<React.ComponentPropsWithRef<typeof DropdownMenuPrimitive.Content>, 'style'>;
|
|
10
|
+
/**
|
|
11
|
+
* Menu panel — radius 14 (`rounded-lg`), `--shadow-menu`, `nb-pop` entrance
|
|
12
|
+
* (research/design-system.md §3 Tier 3). Rendered in a portal; typeahead,
|
|
13
|
+
* arrow-key roving and Esc/outside dismissal are Radix built-ins.
|
|
14
|
+
*/
|
|
15
|
+
export declare function DropdownMenuContent({ className, sideOffset, ...props }: DropdownMenuContentProps): React.JSX.Element;
|
|
16
|
+
export interface DropdownMenuItemProps extends Omit<React.ComponentPropsWithRef<typeof DropdownMenuPrimitive.Item>, 'style'> {
|
|
17
|
+
/** Leading Lucide icon (decorative, muted). */
|
|
18
|
+
icon?: React.ReactNode | undefined;
|
|
19
|
+
/** Danger text + danger-soft highlight (delete/revoke actions). */
|
|
20
|
+
destructive?: boolean | undefined;
|
|
21
|
+
/** Trailing slot aligned to the end — typically a `Kbd` shortcut. */
|
|
22
|
+
trailing?: React.ReactNode | undefined;
|
|
23
|
+
}
|
|
24
|
+
/** Action item with optional leading icon, trailing slot and destructive tone. */
|
|
25
|
+
export declare function DropdownMenuItem({ icon, destructive, trailing, className, children, ...props }: DropdownMenuItemProps): React.JSX.Element;
|
|
26
|
+
export type DropdownMenuCheckboxItemProps = Omit<React.ComponentPropsWithRef<typeof DropdownMenuPrimitive.CheckboxItem>, 'style'>;
|
|
27
|
+
/** Checkable item — reserves a leading check column (`checked`/`onCheckedChange`). */
|
|
28
|
+
export declare function DropdownMenuCheckboxItem({ className, children, ...props }: DropdownMenuCheckboxItemProps): React.JSX.Element;
|
|
29
|
+
export type DropdownMenuLabelProps = Omit<React.ComponentPropsWithRef<typeof DropdownMenuPrimitive.Label>, 'style'>;
|
|
30
|
+
/** Section label — uppercase micro-eyebrow above a group of items. */
|
|
31
|
+
export declare function DropdownMenuLabel({ className, ...props }: DropdownMenuLabelProps): React.JSX.Element;
|
|
32
|
+
export type DropdownMenuSeparatorProps = Omit<React.ComponentPropsWithRef<typeof DropdownMenuPrimitive.Separator>, 'style'>;
|
|
33
|
+
/** 1px divider between item groups. */
|
|
34
|
+
export declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): React.JSX.Element;
|
|
35
|
+
//# sourceMappingURL=DropdownMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,wEAAwE;AACxE,eAAO,MAAM,YAAY,mDAA6B,CAAC;AAEvD,sFAAsF;AACtF,eAAO,MAAM,mBAAmB,0HAAgC,CAAC;AAEjE,6CAA6C;AAC7C,eAAO,MAAM,iBAAiB,qHAA8B,CAAC;AAE7D,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,KAAK,CAAC,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,EACjE,OAAO,CACR,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,UAAc,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,qBAcpG;AAOD,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACrF,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACxC;AAED,kFAAkF;AAClF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAmB,EACnB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAoBvB;AAED,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAC9C,KAAK,CAAC,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,YAAY,CAAC,EACtE,OAAO,CACR,CAAC;AAEF,sFAAsF;AACtF,wBAAgB,wBAAwB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,6BAA6B,qBAYxG;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,KAAK,CAAC,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,EAC/D,OAAO,CACR,CAAC;AAEF,sEAAsE;AACtE,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,qBAOhF;AAED,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,KAAK,CAAC,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,EACnE,OAAO,CACR,CAAC;AAEF,uCAAuC;AACvC,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,0BAA0B,qBAOxF"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
3
|
+
import { Check } from 'lucide-react';
|
|
4
|
+
import { cn } from '../../lib/cn.js';
|
|
5
|
+
/** Root — controls open state (`open`/`onOpenChange`/`defaultOpen`). */
|
|
6
|
+
export const DropdownMenu = DropdownMenuPrimitive.Root;
|
|
7
|
+
/** Trigger — always `asChild`-compatible; typically wraps a `Button`/`IconButton`. */
|
|
8
|
+
export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
9
|
+
/** Logical grouping wrapper (no styling). */
|
|
10
|
+
export const DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
11
|
+
/**
|
|
12
|
+
* Menu panel — radius 14 (`rounded-lg`), `--shadow-menu`, `nb-pop` entrance
|
|
13
|
+
* (research/design-system.md §3 Tier 3). Rendered in a portal; typeahead,
|
|
14
|
+
* arrow-key roving and Esc/outside dismissal are Radix built-ins.
|
|
15
|
+
*/
|
|
16
|
+
export function DropdownMenuContent({ className, sideOffset = 6, ...props }) {
|
|
17
|
+
return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { sideOffset: sideOffset, className: cn('z-50 min-w-[190px] rounded-lg border border-border bg-surface p-1 shadow-menu ', 'animate-[nb-pop_.16s_cubic-bezier(.2,.7,.3,1)]', className), ...props }) }));
|
|
18
|
+
}
|
|
19
|
+
const itemClasses = 'flex cursor-default select-none items-center gap-2 rounded-[8px] px-2.5 py-1.5 text-[13px] text-fg outline-none ' +
|
|
20
|
+
'data-[highlighted]:bg-surface-2 data-[disabled]:pointer-events-none data-[disabled]:opacity-40 ' +
|
|
21
|
+
'[&_svg]:size-3.5 [&_svg]:shrink-0';
|
|
22
|
+
/** Action item with optional leading icon, trailing slot and destructive tone. */
|
|
23
|
+
export function DropdownMenuItem({ icon, destructive = false, trailing, className, children, ...props }) {
|
|
24
|
+
return (_jsxs(DropdownMenuPrimitive.Item, { "data-destructive": destructive ? '' : undefined, className: cn(itemClasses, destructive && 'text-danger data-[highlighted]:bg-danger-soft', className), ...props, children: [icon ? (_jsx("span", { "aria-hidden": "true", className: cn('flex items-center', destructive ? 'text-danger' : 'text-fg-muted'), children: icon })) : null, _jsx("span", { className: "min-w-0 flex-1 truncate", children: children }), trailing ? _jsx("span", { className: "ms-auto flex shrink-0 items-center", children: trailing }) : null] }));
|
|
25
|
+
}
|
|
26
|
+
/** Checkable item — reserves a leading check column (`checked`/`onCheckedChange`). */
|
|
27
|
+
export function DropdownMenuCheckboxItem({ className, children, ...props }) {
|
|
28
|
+
return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { className: cn(itemClasses, 'relative ps-7', className), ...props, children: [_jsx(DropdownMenuPrimitive.ItemIndicator, { "aria-hidden": "true", className: "absolute start-2 flex items-center text-accent", children: _jsx(Check, { strokeWidth: 3 }) }), _jsx("span", { className: "relative min-w-0 flex-1 truncate", children: children })] }));
|
|
29
|
+
}
|
|
30
|
+
/** Section label — uppercase micro-eyebrow above a group of items. */
|
|
31
|
+
export function DropdownMenuLabel({ className, ...props }) {
|
|
32
|
+
return (_jsx(DropdownMenuPrimitive.Label, { className: cn('px-2.5 pb-1 pt-2 text-[10.5px] font-bold uppercase tracking-[.05em] text-fg-subtle', className), ...props }));
|
|
33
|
+
}
|
|
34
|
+
/** 1px divider between item groups. */
|
|
35
|
+
export function DropdownMenuSeparator({ className, ...props }) {
|
|
36
|
+
return (_jsx(DropdownMenuPrimitive.Separator, { className: cn('-mx-1 my-1 h-px bg-border', className), ...props }));
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=DropdownMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,wEAAwE;AACxE,MAAM,CAAC,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC;AAEvD,sFAAsF;AACtF,MAAM,CAAC,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,OAAO,CAAC;AAEjE,6CAA6C;AAC7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,KAAK,CAAC;AAO7D;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,SAAS,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAA4B;IACnG,OAAO,CACL,KAAC,qBAAqB,CAAC,MAAM,cAC3B,KAAC,qBAAqB,CAAC,OAAO,IAC5B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,gDAAgD,EAChD,SAAS,CACV,KACG,KAAK,GACT,GAC2B,CAChC,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GACf,kHAAkH;IAClH,iGAAiG;IACjG,mCAAmC,CAAC;AAYtC,kFAAkF;AAClF,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACc;IACtB,OAAO,CACL,MAAC,qBAAqB,CAAC,IAAI,wBACP,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9C,SAAS,EAAE,EAAE,CACX,WAAW,EACX,WAAW,IAAI,+CAA+C,EAC9D,SAAS,CACV,KACG,KAAK,aAER,IAAI,CAAC,CAAC,CAAC,CACN,8BAAkB,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,YACvG,IAAI,GACA,CACR,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAQ,EAC1D,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,oCAAoC,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC9D,CAC9B,CAAC;AACJ,CAAC;AAOD,sFAAsF;AACtF,MAAM,UAAU,wBAAwB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiC;IACvG,OAAO,CACL,MAAC,qBAAqB,CAAC,YAAY,IAAC,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,SAAS,CAAC,KAAM,KAAK,aACnG,KAAC,qBAAqB,CAAC,aAAa,mBACtB,MAAM,EAClB,SAAS,EAAC,gDAAgD,YAE1D,KAAC,KAAK,IAAC,WAAW,EAAE,CAAC,GAAI,GACW,EACtC,eAAM,SAAS,EAAC,kCAAkC,YAAE,QAAQ,GAAQ,IACjC,CACtC,CAAC;AACJ,CAAC;AAOD,sEAAsE;AACtE,MAAM,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B;IAC/E,OAAO,CACL,KAAC,qBAAqB,CAAC,KAAK,IAC1B,SAAS,EAAE,EAAE,CAAC,oFAAoF,EAAE,SAAS,CAAC,KAC1G,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAOD,uCAAuC;AACvC,MAAM,UAAU,qBAAqB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IACvF,OAAO,CACL,KAAC,qBAAqB,CAAC,SAAS,IAC9B,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KACjD,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from './DropdownMenu.js';
|
|
2
|
+
export type { DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuSeparatorProps, } from './DropdownMenu.js';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,6BAA6B,EAC7B,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,GAC3B,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
+
import type { Tone } from '../../lib/tones.js';
|
|
3
|
+
export type EmptyStatePreset = 'no-data' | 'all-caught-up' | 'no-matches' | 'nothing-scheduled';
|
|
4
|
+
export interface EmptyStateProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
|
|
5
|
+
/** Layout preset supplying the default icon + tone (text via props). */
|
|
6
|
+
preset?: EmptyStatePreset | undefined;
|
|
7
|
+
/** Override the tile icon. */
|
|
8
|
+
icon?: ReactNode;
|
|
9
|
+
/** Override the tile tone. */
|
|
10
|
+
tone?: Tone | undefined;
|
|
11
|
+
/** Headline ("No invoices yet"). */
|
|
12
|
+
title: ReactNode;
|
|
13
|
+
/** Guidance copy ("Create your first invoice to get started."). */
|
|
14
|
+
body?: ReactNode;
|
|
15
|
+
/** CTA row (Buttons). */
|
|
16
|
+
actions?: ReactNode;
|
|
17
|
+
/** Compact paddings for embedded contexts (table bodies, cards). */
|
|
18
|
+
compact?: boolean | undefined;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* EmptyState — 56px icon tile + headline + guidance + action row with layout
|
|
22
|
+
* presets `no-data / all-caught-up / no-matches / nothing-scheduled`
|
|
23
|
+
* (research/design-system.md §3 Tier 3).
|
|
24
|
+
*/
|
|
25
|
+
export declare function EmptyState({ preset, icon, tone, title, body, actions, compact, className, children, ...props }: EmptyStateProps): import("react").JSX.Element;
|
|
26
|
+
//# sourceMappingURL=EmptyState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state/EmptyState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG/C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,mBAAmB,CAAC;AAahG,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAClF,wEAAwE;IACxE,MAAM,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACtC,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,oCAAoC;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAkB,EAClB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,+BAuBjB"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { CalendarX2, CheckCircle2, Inbox, SearchX } from 'lucide-react';
|
|
3
|
+
import { cn } from '../../lib/cn.js';
|
|
4
|
+
import { IconTile } from '../icon-tile/IconTile.js';
|
|
5
|
+
/**
|
|
6
|
+
* Preset → default icon + tile tone (designs/Empty States anatomy). Text is
|
|
7
|
+
* always supplied via props — presets carry icons + spacing only.
|
|
8
|
+
*/
|
|
9
|
+
const presetDefaults = {
|
|
10
|
+
'no-data': { icon: _jsx(Inbox, {}), tone: 'accent' },
|
|
11
|
+
'all-caught-up': { icon: _jsx(CheckCircle2, {}), tone: 'pos' },
|
|
12
|
+
'no-matches': { icon: _jsx(SearchX, {}), tone: 'neutral' },
|
|
13
|
+
'nothing-scheduled': { icon: _jsx(CalendarX2, {}), tone: 'neutral' },
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* EmptyState — 56px icon tile + headline + guidance + action row with layout
|
|
17
|
+
* presets `no-data / all-caught-up / no-matches / nothing-scheduled`
|
|
18
|
+
* (research/design-system.md §3 Tier 3).
|
|
19
|
+
*/
|
|
20
|
+
export function EmptyState({ preset = 'no-data', icon, tone, title, body, actions, compact = false, className, children, ...props }) {
|
|
21
|
+
const defaults = presetDefaults[preset];
|
|
22
|
+
return (_jsxs("div", { "data-preset": preset, className: cn('flex flex-col items-center text-center', compact ? 'px-4 py-8' : 'px-6 py-14', className), ...props, children: [_jsx(IconTile, { size: "xl", tone: tone ?? defaults.tone, icon: icon ?? defaults.icon }), _jsx("h3", { className: "mt-4 text-section text-fg", children: title }), body === undefined || body === null ? null : (_jsx("p", { className: "mt-1 max-w-[380px] text-body-sm text-fg-muted", children: body })), children, actions === undefined || actions === null ? null : (_jsx("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: actions }))] }));
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=EmptyState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/empty-state/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGxE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAIpD;;;GAGG;AACH,MAAM,cAAc,GAA8D;IAChF,SAAS,EAAE,EAAE,IAAI,EAAE,KAAC,KAAK,KAAG,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC9C,eAAe,EAAE,EAAE,IAAI,EAAE,KAAC,YAAY,KAAG,EAAE,IAAI,EAAE,KAAK,EAAE;IACxD,YAAY,EAAE,EAAE,IAAI,EAAE,KAAC,OAAO,KAAG,EAAE,IAAI,EAAE,SAAS,EAAE;IACpD,mBAAmB,EAAE,EAAE,IAAI,EAAE,KAAC,UAAU,KAAG,EAAE,IAAI,EAAE,SAAS,EAAE;CAC/D,CAAC;AAmBF;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,GAAG,SAAS,EAClB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,KAAK,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACQ;IAChB,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACxC,OAAO,CACL,8BACe,MAAM,EACnB,SAAS,EAAE,EAAE,CACX,wCAAwC,EACxC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EACpC,SAAS,CACV,KACG,KAAK,aAET,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,IAAI,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,QAAQ,CAAC,IAAI,GAAI,EAChF,aAAI,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAM,EACrD,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5C,YAAG,SAAS,EAAC,+CAA+C,YAAE,IAAI,GAAK,CACxE,EACA,QAAQ,EACR,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClD,cAAK,SAAS,EAAC,uDAAuD,YAAE,OAAO,GAAO,CACvF,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/empty-state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
+
export interface FilterChipProps extends ComponentPropsWithRef<'div'> {
|
|
3
|
+
/** Field name ("status"). */
|
|
4
|
+
field: ReactNode;
|
|
5
|
+
/** Operator, rendered mono ("=", "contains", "≥"). */
|
|
6
|
+
op: ReactNode;
|
|
7
|
+
/** Value ("paid"). */
|
|
8
|
+
value: ReactNode;
|
|
9
|
+
/** Remove handler; the X button renders only when set. */
|
|
10
|
+
onRemove?: (() => void) | undefined;
|
|
11
|
+
/** Accessible label for the remove button (required when removable — i18n). */
|
|
12
|
+
removeLabel?: string | undefined;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* FilterChip — `field · op · value` pill with a remove button
|
|
16
|
+
* (research/design-system.md §3 Tier 3): field muted, operator mono-muted,
|
|
17
|
+
* value emphasized.
|
|
18
|
+
*/
|
|
19
|
+
export declare function FilterChip({ field, op, value, onRemove, removeLabel, className, ...props }: FilterChipProps): import("react").JSX.Element;
|
|
20
|
+
export interface AddFilterChipProps extends Omit<ComponentPropsWithRef<'button'>, 'style' | 'children'> {
|
|
21
|
+
/** Visible label ("Add filter"). */
|
|
22
|
+
label: ReactNode;
|
|
23
|
+
}
|
|
24
|
+
/** Dashed companion button that opens the filter builder. */
|
|
25
|
+
export declare function AddFilterChip({ label, className, ...props }: AddFilterChipProps): import("react").JSX.Element;
|
|
26
|
+
//# sourceMappingURL=FilterChip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilterChip.d.ts","sourceRoot":"","sources":["../../../src/components/filter-chip/FilterChip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACnE,6BAA6B;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,EAAE,EAAE,SAAS,CAAC;IACd,sBAAsB;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,+EAA+E;IAC/E,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,EAAE,EACF,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,+BA6BjB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACrG,oCAAoC;IACpC,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,6DAA6D;AAC7D,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAkB/E"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Plus, X } from 'lucide-react';
|
|
3
|
+
import { cn } from '../../lib/cn.js';
|
|
4
|
+
import { MonoText } from '../mono-text/MonoText.js';
|
|
5
|
+
/**
|
|
6
|
+
* FilterChip — `field · op · value` pill with a remove button
|
|
7
|
+
* (research/design-system.md §3 Tier 3): field muted, operator mono-muted,
|
|
8
|
+
* value emphasized.
|
|
9
|
+
*/
|
|
10
|
+
export function FilterChip({ field, op, value, onRemove, removeLabel, className, ...props }) {
|
|
11
|
+
return (_jsxs("div", { "data-part": "filter-chip", className: cn('inline-flex h-7 items-center gap-1.5 rounded-full border border-border bg-surface ps-2.5 text-caption', onRemove === undefined ? 'pe-2.5' : 'pe-1', className), ...props, children: [_jsx("span", { className: "text-fg-muted", children: field }), _jsx(MonoText, { className: "text-[10.5px] text-fg-subtle", children: op }), _jsx("span", { className: "font-bold text-fg", children: value }), onRemove === undefined ? null : (_jsx("button", { type: "button", "aria-label": removeLabel, onClick: onRemove, className: cn('nb-ib inline-flex size-5 shrink-0 items-center justify-center rounded-full text-fg-muted hover:text-fg', 'focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-accent'), children: _jsx(X, { className: "size-3", "aria-hidden": "true" }) }))] }));
|
|
12
|
+
}
|
|
13
|
+
/** Dashed companion button that opens the filter builder. */
|
|
14
|
+
export function AddFilterChip({ label, className, ...props }) {
|
|
15
|
+
return (_jsxs("button", { type: "button", "data-part": "add-filter-chip", className: cn('inline-flex h-7 items-center gap-1 rounded-full border border-dashed border-border-strong px-2.5', 'text-caption font-semibold text-fg-muted hover:border-accent hover:text-accent', 'transition-colors duration-100', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent', className), ...props, children: [_jsx(Plus, { className: "size-3", "aria-hidden": "true" }), label] }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=FilterChip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilterChip.js","sourceRoot":"","sources":["../../../src/components/filter-chip/FilterChip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAGvC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAepD;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,EAAE,EACF,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACQ;IAChB,OAAO,CACL,4BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,uGAAuG,EACvG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC1C,SAAS,CACV,KACG,KAAK,aAET,eAAM,SAAS,EAAC,eAAe,YAAE,KAAK,GAAQ,EAC9C,KAAC,QAAQ,IAAC,SAAS,EAAC,8BAA8B,YAAE,EAAE,GAAY,EAClE,eAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAQ,EACjD,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/B,iBACE,IAAI,EAAC,QAAQ,gBACD,WAAW,EACvB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,qFAAqF,CACtF,YAED,KAAC,CAAC,IAAC,SAAS,EAAC,QAAQ,iBAAa,MAAM,GAAG,GACpC,CACV,IACG,CACP,CAAC;AACJ,CAAC;AAOD,6DAA6D;AAC7D,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB;IAC9E,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,eACH,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,kGAAkG,EAClG,gFAAgF,EAChF,gCAAgC,EAChC,qFAAqF,EACrF,SAAS,CACV,KACG,KAAK,aAET,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,iBAAa,MAAM,GAAG,EAC7C,KAAK,IACC,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/filter-chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/filter-chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface FormFieldContextValue {
|
|
3
|
+
/** id assigned to the control (label `htmlFor` target). */
|
|
4
|
+
id: string;
|
|
5
|
+
/** id of the helper/error caption (value of `aria-describedby`), if rendered. */
|
|
6
|
+
descriptionId: string | undefined;
|
|
7
|
+
/** True while the field shows an `error` caption. */
|
|
8
|
+
invalid: boolean;
|
|
9
|
+
/** Mirrors the `required` prop. */
|
|
10
|
+
required: boolean;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Read the enclosing `FormField` wiring (id / describedby / invalid /
|
|
14
|
+
* required). Composite controls that cannot receive Slot-injected props on a
|
|
15
|
+
* single root element (e.g. `Combobox` triggers) use this to self-wire.
|
|
16
|
+
* Returns `null` outside a `FormField`.
|
|
17
|
+
*/
|
|
18
|
+
export declare function useFormField(): FormFieldContextValue | null;
|
|
19
|
+
export interface FormFieldProps extends Omit<React.ComponentPropsWithRef<'div'>, 'style'> {
|
|
20
|
+
/** Field label text (rendered in a `Label` wired via `htmlFor`). */
|
|
21
|
+
label: React.ReactNode;
|
|
22
|
+
/** Appends a danger asterisk (decorative) and sets `aria-required` on the control. */
|
|
23
|
+
required?: boolean | undefined;
|
|
24
|
+
/** Muted caption under the control; replaced by `error` when both are set. */
|
|
25
|
+
helper?: React.ReactNode | undefined;
|
|
26
|
+
/**
|
|
27
|
+
* Danger caption under the control. When set, the control also gets
|
|
28
|
+
* `aria-invalid="true"` — token-styled controls (`Input`, `Select`,
|
|
29
|
+
* `Textarea`, …) restyle themselves from that attribute alone.
|
|
30
|
+
*/
|
|
31
|
+
error?: React.ReactNode | undefined;
|
|
32
|
+
/** Type-annotation slot next to the label — typically a mono `Tag` (`varchar`, `int8`). */
|
|
33
|
+
tag?: React.ReactNode | undefined;
|
|
34
|
+
/** Explicit control id (defaults to a generated one). */
|
|
35
|
+
controlId?: string | undefined;
|
|
36
|
+
/**
|
|
37
|
+
* The single form control. Receives `id`, `aria-describedby`,
|
|
38
|
+
* `aria-invalid` and `aria-required` through a Radix `Slot`.
|
|
39
|
+
*/
|
|
40
|
+
children: React.ReactElement;
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* FormField — label + control + helper/error caption
|
|
44
|
+
* (research/design-system.md §3 Tier 2). Accessibility wiring (`htmlFor`,
|
|
45
|
+
* `aria-describedby`, `aria-invalid`, `aria-required`) is injected into the
|
|
46
|
+
* child control via Slot and also exposed through `useFormField()` context.
|
|
47
|
+
* RHF-agnostic: pass `error` from any form library.
|
|
48
|
+
*/
|
|
49
|
+
export declare function FormField({ label, required, helper, error, tag, controlId, className, children, ...props }: FormFieldProps): React.JSX.Element;
|
|
50
|
+
//# sourceMappingURL=FormField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/form-field/FormField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,WAAW,qBAAqB;IACpC,2DAA2D;IAC3D,EAAE,EAAE,MAAM,CAAC;IACX,iFAAiF;IACjF,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,qDAAqD;IACrD,OAAO,EAAE,OAAO,CAAC;IACjB,mCAAmC;IACnC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAID;;;;;GAKG;AACH,wBAAgB,YAAY,IAAI,qBAAqB,GAAG,IAAI,CAE3D;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACvF,oEAAoE;IACpE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,2FAA2F;IAC3F,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAClC,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAgB,EAChB,MAAM,EACN,KAAK,EACL,GAAG,EACH,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAwChB"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
3
|
+
import { createContext, useContext, useId } from 'react';
|
|
4
|
+
import { cn } from '../../lib/cn.js';
|
|
5
|
+
import { Label } from '../label/index.js';
|
|
6
|
+
const FormFieldContext = createContext(null);
|
|
7
|
+
/**
|
|
8
|
+
* Read the enclosing `FormField` wiring (id / describedby / invalid /
|
|
9
|
+
* required). Composite controls that cannot receive Slot-injected props on a
|
|
10
|
+
* single root element (e.g. `Combobox` triggers) use this to self-wire.
|
|
11
|
+
* Returns `null` outside a `FormField`.
|
|
12
|
+
*/
|
|
13
|
+
export function useFormField() {
|
|
14
|
+
return useContext(FormFieldContext);
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* FormField — label + control + helper/error caption
|
|
18
|
+
* (research/design-system.md §3 Tier 2). Accessibility wiring (`htmlFor`,
|
|
19
|
+
* `aria-describedby`, `aria-invalid`, `aria-required`) is injected into the
|
|
20
|
+
* child control via Slot and also exposed through `useFormField()` context.
|
|
21
|
+
* RHF-agnostic: pass `error` from any form library.
|
|
22
|
+
*/
|
|
23
|
+
export function FormField({ label, required = false, helper, error, tag, controlId, className, children, ...props }) {
|
|
24
|
+
const generatedId = useId();
|
|
25
|
+
const id = controlId ?? generatedId;
|
|
26
|
+
const invalid = error !== undefined && error !== null && error !== false;
|
|
27
|
+
const caption = invalid ? error : helper;
|
|
28
|
+
const descriptionId = caption !== undefined && caption !== null ? `${id}-caption` : undefined;
|
|
29
|
+
return (_jsx(FormFieldContext.Provider, { value: { id, descriptionId, invalid, required }, children: _jsxs("div", { className: cn('flex w-full flex-col gap-1.5', className), ...props, children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsxs(Label, { htmlFor: id, children: [label, required ? (_jsx("span", { "aria-hidden": "true", className: "ms-0.5 text-danger", children: "*" })) : null] }), tag ? _jsx("span", { className: "ms-auto flex items-center", children: tag }) : null] }), _jsx(Slot, { id: id, ...(descriptionId ? { 'aria-describedby': descriptionId } : {}), ...(invalid ? { 'aria-invalid': true } : {}), ...(required ? { 'aria-required': true } : {}), children: children }), descriptionId ? (_jsx("p", { id: descriptionId, className: cn('text-[11.5px] leading-4', invalid ? 'font-medium text-danger' : 'text-fg-muted'), children: caption })) : null] }) }));
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=FormField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/form-field/FormField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa1C,MAAM,gBAAgB,GAAG,aAAa,CAA+B,IAAI,CAAC,CAAC;AAE3E;;;;;GAKG;AACH,MAAM,UAAU,YAAY;IAC1B,OAAO,UAAU,CAAC,gBAAgB,CAAC,CAAC;AACtC,CAAC;AA0BD;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,KAAK,EACL,GAAG,EACH,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACO;IACf,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,EAAE,GAAG,SAAS,IAAI,WAAW,CAAC;IACpC,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC;IACzE,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IACzC,MAAM,aAAa,GAAG,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9F,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,YACxE,eAAK,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KAAM,KAAK,aACtE,eAAK,SAAS,EAAC,2BAA2B,aACxC,MAAC,KAAK,IAAC,OAAO,EAAE,EAAE,aACf,KAAK,EACL,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAkB,MAAM,EAAC,SAAS,EAAC,oBAAoB,kBAEhD,CACR,CAAC,CAAC,CAAC,IAAI,IACF,EACP,GAAG,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,2BAA2B,YAAE,GAAG,GAAQ,CAAC,CAAC,CAAC,IAAI,IAClE,EACN,KAAC,IAAI,IACH,EAAE,EAAE,EAAE,KACF,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC5D,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAClD,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAEvD,QAAQ,GACJ,EACN,aAAa,CAAC,CAAC,CAAC,CACf,YACE,EAAE,EAAE,aAAa,EACjB,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,eAAe,CAAC,YAE9F,OAAO,GACN,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,GACoB,CAC7B,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Icon — thin wrapper over lucide-react (research/design-system.md §3 "Icons"):
|
|
3
|
+
* Lucide exclusively, `stroke-width: 2`, inline sizes 12–18px (12/13/14/15
|
|
4
|
+
* common) and up to 26px inside icon tiles, always `currentColor` so the
|
|
5
|
+
* surrounding token color (`text-fg-muted`, tone colors) flows in.
|
|
6
|
+
*
|
|
7
|
+
* Directional icons (chevrons, arrows, corner-*) must mirror in RTL — pass
|
|
8
|
+
* `rtlMirror` and the icon flips via the `rtl:-scale-x-100` utility.
|
|
9
|
+
*
|
|
10
|
+
* Accessibility: decorative by default (`aria-hidden`); pass `aria-label` to
|
|
11
|
+
* make it an image with an accessible name (icon-only buttons label the
|
|
12
|
+
* BUTTON, not the icon — see 03-component-library.md §9).
|
|
13
|
+
*/
|
|
14
|
+
import { icons } from 'lucide-react';
|
|
15
|
+
import type { LucideProps } from 'lucide-react';
|
|
16
|
+
/** Every lucide icon name, PascalCase (`"ChevronDown"`, `"CircleAlert"`, …). */
|
|
17
|
+
export type IconName = keyof typeof icons;
|
|
18
|
+
/** Sanctioned icon sizes (px) per research/design-system.md §3. */
|
|
19
|
+
export declare const ICON_SIZES: readonly [12, 13, 14, 15, 16, 18, 26];
|
|
20
|
+
export type IconSize = (typeof ICON_SIZES)[number];
|
|
21
|
+
export interface IconProps extends Omit<LucideProps, 'size'> {
|
|
22
|
+
/** Lucide icon name, e.g. `"Search"`, `"ChevronDown"`. */
|
|
23
|
+
name: IconName;
|
|
24
|
+
/** Pixel size from the design-system scale. @default 16 */
|
|
25
|
+
size?: IconSize;
|
|
26
|
+
/** Stroke width. @default 2 */
|
|
27
|
+
strokeWidth?: number;
|
|
28
|
+
/**
|
|
29
|
+
* Mirror the icon horizontally in RTL (`rtl:-scale-x-100`). Set on
|
|
30
|
+
* directional glyphs: chevrons, arrows, undo/redo, corner-*, log-in/out.
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
rtlMirror?: boolean;
|
|
34
|
+
}
|
|
35
|
+
export declare function Icon(props: IconProps): import("react").JSX.Element;
|
|
36
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAIhD,gFAAgF;AAChF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,mEAAmE;AACnE,eAAO,MAAM,UAAU,uCAAwC,CAAC;AAChE,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IAC1D,0DAA0D;IAC1D,IAAI,EAAE,QAAQ,CAAC;IACf,2DAA2D;IAC3D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,+BAsBpC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Icon — thin wrapper over lucide-react (research/design-system.md §3 "Icons"):
|
|
4
|
+
* Lucide exclusively, `stroke-width: 2`, inline sizes 12–18px (12/13/14/15
|
|
5
|
+
* common) and up to 26px inside icon tiles, always `currentColor` so the
|
|
6
|
+
* surrounding token color (`text-fg-muted`, tone colors) flows in.
|
|
7
|
+
*
|
|
8
|
+
* Directional icons (chevrons, arrows, corner-*) must mirror in RTL — pass
|
|
9
|
+
* `rtlMirror` and the icon flips via the `rtl:-scale-x-100` utility.
|
|
10
|
+
*
|
|
11
|
+
* Accessibility: decorative by default (`aria-hidden`); pass `aria-label` to
|
|
12
|
+
* make it an image with an accessible name (icon-only buttons label the
|
|
13
|
+
* BUTTON, not the icon — see 03-component-library.md §9).
|
|
14
|
+
*/
|
|
15
|
+
import { icons } from 'lucide-react';
|
|
16
|
+
import { cn } from '../../lib/cn.js';
|
|
17
|
+
/** Sanctioned icon sizes (px) per research/design-system.md §3. */
|
|
18
|
+
export const ICON_SIZES = [12, 13, 14, 15, 16, 18, 26];
|
|
19
|
+
export function Icon(props) {
|
|
20
|
+
const { name, size = 16, strokeWidth = 2, rtlMirror = false, className, 'aria-label': ariaLabel, ...rest } = props;
|
|
21
|
+
const LucideIcon = icons[name];
|
|
22
|
+
return (_jsx(LucideIcon, { size: size, strokeWidth: strokeWidth, "aria-hidden": ariaLabel ? undefined : true, "aria-label": ariaLabel, role: ariaLabel ? 'img' : undefined, className: cn(rtlMirror && 'rtl:-scale-x-100', className), ...rest }));
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=Icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAKrC,mEAAmE;AACnE,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAU,CAAC;AAkBhE,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,MAAM,EACJ,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,WAAW,GAAG,CAAC,EACf,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,iBACX,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,gBAC7B,SAAS,EACrB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACnC,SAAS,EAAE,EAAE,CAAC,SAAS,IAAI,kBAAkB,EAAE,SAAS,CAAC,KACrD,IAAI,GACR,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC7C,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Square icon button, radius 10 (`rounded-md`), sizes 28/32/34/38px. Hover →
|
|
5
|
+
* surface-3, active scale .9 via the tokens `.nb-ib` interaction class
|
|
6
|
+
* (research/design-system.md §3 Tier 1).
|
|
7
|
+
*/
|
|
8
|
+
export declare const iconButtonVariants: (props?: ({
|
|
9
|
+
variant?: "ghost" | "bordered" | null | undefined;
|
|
10
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
11
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
|
+
export interface IconButtonProps extends Omit<React.ComponentPropsWithRef<'button'>, 'style' | 'aria-label'>, VariantProps<typeof iconButtonVariants> {
|
|
13
|
+
/** Required accessible name (icon-only control) — rendered as `aria-label`. */
|
|
14
|
+
label: string;
|
|
15
|
+
/** Merge classes/props into the single child element (Radix Slot). */
|
|
16
|
+
asChild?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export declare function IconButton({ className, variant, size, label, asChild, children, ...props }: IconButtonProps): React.JSX.Element;
|
|
19
|
+
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;8EAmB9B,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC,EACzE,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAYnH"}
|
|
@@ -0,0 +1,31 @@
|
|
|
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
|
+
/**
|
|
6
|
+
* Square icon button, radius 10 (`rounded-md`), sizes 28/32/34/38px. Hover →
|
|
7
|
+
* surface-3, active scale .9 via the tokens `.nb-ib` interaction class
|
|
8
|
+
* (research/design-system.md §3 Tier 1).
|
|
9
|
+
*/
|
|
10
|
+
export const iconButtonVariants = cva('nb-ib inline-flex shrink-0 items-center justify-center rounded-md text-fg-muted hover:text-fg ' +
|
|
11
|
+
'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent ' +
|
|
12
|
+
'disabled:pointer-events-none disabled:opacity-40 [&_svg]:shrink-0', {
|
|
13
|
+
variants: {
|
|
14
|
+
variant: {
|
|
15
|
+
bordered: 'border border-border-strong bg-surface',
|
|
16
|
+
ghost: '',
|
|
17
|
+
},
|
|
18
|
+
size: {
|
|
19
|
+
sm: 'size-7',
|
|
20
|
+
md: 'size-8',
|
|
21
|
+
lg: 'size-[34px]',
|
|
22
|
+
xl: 'size-[38px]',
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
defaultVariants: { variant: 'ghost', size: 'md' },
|
|
26
|
+
});
|
|
27
|
+
export function IconButton({ className, variant, size, label, asChild = false, children, ...props }) {
|
|
28
|
+
const Comp = asChild ? Slot : 'button';
|
|
29
|
+
return (_jsx(Comp, { ...(asChild ? {} : { type: 'button' }), "aria-label": label, className: cn(iconButtonVariants({ variant, size }), className), ...props, children: children }));
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=IconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.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;AAErC;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,gGAAgG;IAC9F,sFAAsF;IACtF,mEAAmE,EACrE;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,QAAQ,EAAE,wCAAwC;YAClD,KAAK,EAAE,EAAE;SACV;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,aAAa;SAClB;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE;CAClD,CACF,CAAC;AAWF,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB;IAClH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,OAAO,CACL,KAAC,IAAI,OACC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAiB,EAAE,CAAC,gBACpC,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC3D,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACjE,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/icon-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
2
|
+
import type { ComponentPropsWithRef, ReactNode } from 'react';
|
|
3
|
+
export { toneSoftClasses, toneSolidClasses } from '../../lib/tones.js';
|
|
4
|
+
export type { Tone } from '../../lib/tones.js';
|
|
5
|
+
export declare const iconTileVariants: (props?: ({
|
|
6
|
+
tone?: import("../../lib/tones.js").Tone | null | undefined;
|
|
7
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
+
export interface IconTileProps extends ComponentPropsWithRef<'div'>, VariantProps<typeof iconTileVariants> {
|
|
10
|
+
/** Lucide icon element (stroke-width 2); size is inherited from the tile. */
|
|
11
|
+
icon?: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Accessible name. When omitted the tile is treated as decorative
|
|
14
|
+
* (`aria-hidden="true"`).
|
|
15
|
+
*/
|
|
16
|
+
label?: string | undefined;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* IconTile — the universal "Lucide icon in a tinted rounded square"
|
|
20
|
+
* (research/design-system.md §3 Tier 1). Tone-soft background + tone-colored
|
|
21
|
+
* icon across all 6 tones; sizes 28/36/44/56px.
|
|
22
|
+
*/
|
|
23
|
+
export declare function IconTile({ icon, label, tone, size, className, children, ...props }: IconTileProps): import("react").JSX.Element;
|
|
24
|
+
//# sourceMappingURL=IconTile.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconTile.d.ts","sourceRoot":"","sources":["../../../src/components/icon-tile/IconTile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO9D,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACvE,YAAY,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,gBAAgB;;;8EAkB5B,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAClC,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,6EAA6E;IAC7E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAajG"}
|