@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":"index.js","sourceRoot":"","sources":["../../../src/components/mono-text/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 NumberStepperProps extends Omit<React.ComponentPropsWithRef<'input'>, 'style' | 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'> {
|
|
3
|
+
/** Controlled numeric value (`null` = empty). */
|
|
4
|
+
value?: number | null | undefined;
|
|
5
|
+
/** Uncontrolled initial value. */
|
|
6
|
+
defaultValue?: number | undefined;
|
|
7
|
+
/** Fires with the parsed number, or `null` when the field is empty/invalid. */
|
|
8
|
+
onValueChange?: ((value: number | null) => void) | undefined;
|
|
9
|
+
min?: number | undefined;
|
|
10
|
+
max?: number | undefined;
|
|
11
|
+
/** @default 1 */
|
|
12
|
+
step?: number | undefined;
|
|
13
|
+
/** Accessible name for the chevron-up button. */
|
|
14
|
+
incrementLabel: string;
|
|
15
|
+
/** Accessible name for the chevron-down button. */
|
|
16
|
+
decrementLabel: string;
|
|
17
|
+
/** Danger border + focus ring + `aria-invalid`. */
|
|
18
|
+
error?: boolean | undefined;
|
|
19
|
+
/** Extra classes for the inner `<input>` (className styles the wrapper). */
|
|
20
|
+
inputClassName?: string | undefined;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* NumberStepper — mono `input[type=number]` (native `spinbutton`: typed
|
|
24
|
+
* input, ↑↓ arrow keys) plus a chevron up/down column honoring
|
|
25
|
+
* min/max/step (research/design-system.md §3 Tier 2). The chevron buttons
|
|
26
|
+
* are `tabIndex={-1}` — keyboard users step with the arrow keys.
|
|
27
|
+
*/
|
|
28
|
+
export declare function NumberStepper({ className, inputClassName, value, defaultValue, onValueChange, min, max, step, incrementLabel, decrementLabel, error, disabled, ref, ...inputProps }: NumberStepperProps): React.JSX.Element;
|
|
29
|
+
//# sourceMappingURL=NumberStepper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberStepper.d.ts","sourceRoot":"","sources":["../../../src/components/number-stepper/NumberStepper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EACpC,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAC3F;IACD,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,+EAA+E;IAC/E,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,iDAAiD;IACjD,cAAc,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,cAAc,EAAE,MAAM,CAAC;IACvB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AASD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,cAAc,EACd,KAAK,EACL,YAAY,EACZ,aAAa,EACb,GAAG,EACH,GAAG,EACH,IAAQ,EACR,cAAc,EACd,cAAc,EACd,KAAa,EACb,QAAQ,EACR,GAAG,EACH,GAAG,UAAU,EACd,EAAE,kBAAkB,qBAuFpB"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ChevronDown, ChevronUp } from 'lucide-react';
|
|
3
|
+
import { useRef, useState } from 'react';
|
|
4
|
+
import { cn } from '../../lib/cn.js';
|
|
5
|
+
function clamp(next, min, max) {
|
|
6
|
+
let result = next;
|
|
7
|
+
if (min !== undefined)
|
|
8
|
+
result = Math.max(min, result);
|
|
9
|
+
if (max !== undefined)
|
|
10
|
+
result = Math.min(max, result);
|
|
11
|
+
return result;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* NumberStepper — mono `input[type=number]` (native `spinbutton`: typed
|
|
15
|
+
* input, ↑↓ arrow keys) plus a chevron up/down column honoring
|
|
16
|
+
* min/max/step (research/design-system.md §3 Tier 2). The chevron buttons
|
|
17
|
+
* are `tabIndex={-1}` — keyboard users step with the arrow keys.
|
|
18
|
+
*/
|
|
19
|
+
export function NumberStepper({ className, inputClassName, value, defaultValue, onValueChange, min, max, step = 1, incrementLabel, decrementLabel, error = false, disabled, ref, ...inputProps }) {
|
|
20
|
+
const innerRef = useRef(null);
|
|
21
|
+
const [internal, setInternal] = useState(defaultValue ?? null);
|
|
22
|
+
const isControlled = value !== undefined;
|
|
23
|
+
const current = isControlled ? value : internal;
|
|
24
|
+
const setRef = (node) => {
|
|
25
|
+
innerRef.current = node;
|
|
26
|
+
if (typeof ref === 'function')
|
|
27
|
+
ref(node);
|
|
28
|
+
else if (ref)
|
|
29
|
+
ref.current = node;
|
|
30
|
+
};
|
|
31
|
+
const commit = (next) => {
|
|
32
|
+
if (!isControlled)
|
|
33
|
+
setInternal(next);
|
|
34
|
+
onValueChange?.(next);
|
|
35
|
+
};
|
|
36
|
+
const stepBy = (direction) => {
|
|
37
|
+
const base = current ?? (direction === 1 ? (min ?? 0) - step : (max ?? 0) + step);
|
|
38
|
+
commit(clamp(base + direction * step, min, max));
|
|
39
|
+
innerRef.current?.focus();
|
|
40
|
+
};
|
|
41
|
+
const atMin = current !== null && min !== undefined && current <= min;
|
|
42
|
+
const atMax = current !== null && max !== undefined && current >= max;
|
|
43
|
+
const stepperButtonClasses = 'flex h-1/2 w-6 items-center justify-center text-fg-subtle transition-colors hover:bg-surface-3 hover:text-fg ' +
|
|
44
|
+
'disabled:pointer-events-none disabled:opacity-40 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent';
|
|
45
|
+
return (_jsxs("div", { "data-invalid": error ? '' : undefined, className: cn('flex h-[34px] w-full min-w-0 items-stretch overflow-hidden rounded-md border border-border-strong bg-surface-2', 'transition-[border-color,box-shadow] duration-150', 'focus-within:border-accent focus-within:ring-[3px] focus-within:ring-accent-soft', 'has-[input:disabled]:pointer-events-none has-[input:disabled]:opacity-40', 'data-[invalid]:border-danger data-[invalid]:focus-within:ring-danger-soft', className), children: [_jsx("input", { ref: setRef, type: "number", inputMode: "decimal", value: current ?? '', onChange: (event) => {
|
|
46
|
+
const parsed = event.target.value === '' ? null : event.target.valueAsNumber;
|
|
47
|
+
commit(parsed === null || Number.isNaN(parsed) ? null : parsed);
|
|
48
|
+
}, ...(min !== undefined ? { min } : {}), ...(max !== undefined ? { max } : {}), step: step, disabled: disabled, ...(error ? { 'aria-invalid': true } : {}), className: cn('h-full w-full min-w-0 flex-1 bg-transparent ps-3 pe-2 font-mono text-[13px] tabular-nums text-fg placeholder:text-fg-subtle focus:outline-none', '[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none', inputClassName), ...inputProps }), _jsxs("div", { "aria-hidden": disabled ? true : undefined, className: "flex shrink-0 flex-col border-s border-border-strong", children: [_jsx("button", { type: "button", tabIndex: -1, "aria-label": incrementLabel, disabled: disabled || atMax, onClick: () => stepBy(1), className: cn(stepperButtonClasses, 'border-b border-border-strong'), children: _jsx(ChevronUp, { "aria-hidden": "true", className: "size-3" }) }), _jsx("button", { type: "button", tabIndex: -1, "aria-label": decrementLabel, disabled: disabled || atMin, onClick: () => stepBy(-1), className: stepperButtonClasses, children: _jsx(ChevronDown, { "aria-hidden": "true", className: "size-3" }) })] })] }));
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=NumberStepper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberStepper.js","sourceRoot":"","sources":["../../../src/components/number-stepper/NumberStepper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/number-stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/number-stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface OtpInputProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue' | 'children' | 'aria-label'> {
|
|
3
|
+
/** Number of code cells. Default 6. */
|
|
4
|
+
length?: number | undefined;
|
|
5
|
+
/** Controlled value (digits only, up to `length`). */
|
|
6
|
+
value?: string | undefined;
|
|
7
|
+
/** Uncontrolled initial value. */
|
|
8
|
+
defaultValue?: string | undefined;
|
|
9
|
+
onChange?: ((value: string) => void) | undefined;
|
|
10
|
+
/** Fires once when all cells are filled. */
|
|
11
|
+
onComplete?: ((code: string) => void) | undefined;
|
|
12
|
+
/** Accessible name for the code input (required — i18n, e.g. "One-time code"). */
|
|
13
|
+
label: string;
|
|
14
|
+
/** Id of the element describing the input (help/error copy). */
|
|
15
|
+
describedBy?: string | undefined;
|
|
16
|
+
disabled?: boolean | undefined;
|
|
17
|
+
/** Danger styling for a rejected code. */
|
|
18
|
+
invalid?: boolean | undefined;
|
|
19
|
+
/** Autofocus the input on mount (2FA screens). */
|
|
20
|
+
autoFocus?: boolean | undefined;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* OtpInput — 6-cell one-time-code input rendered over a single invisible
|
|
24
|
+
* `<input autocomplete="one-time-code">` (designs/Auth & Onboarding pattern):
|
|
25
|
+
* typing auto-advances, paste fills all cells, Backspace clears backwards —
|
|
26
|
+
* all native single-input behaviors; the cells are a purely visual projection
|
|
27
|
+
* with the caret cell highlighted.
|
|
28
|
+
*/
|
|
29
|
+
export declare function OtpInput({ length, value: controlledValue, defaultValue, onChange, onComplete, label, describedBy, disabled, invalid, autoFocus, className, ...props }: OtpInputProps): import("react").JSX.Element;
|
|
30
|
+
//# sourceMappingURL=OtpInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OtpInput.d.ts","sourceRoot":"","sources":["../../../src/components/otp-input/OtpInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAKnD,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,qBAAqB,CAAC,KAAK,CAAC,EAC5B,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,YAAY,CACxD;IACD,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjD,4CAA4C;IAC5C,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClD,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAID;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAU,EACV,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,OAAe,EACf,SAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,+BA0Df"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { cn } from '../../lib/cn.js';
|
|
4
|
+
import { MonoText } from '../mono-text/MonoText.js';
|
|
5
|
+
const sanitize = (raw, length) => raw.replace(/\D/g, '').slice(0, length);
|
|
6
|
+
/**
|
|
7
|
+
* OtpInput — 6-cell one-time-code input rendered over a single invisible
|
|
8
|
+
* `<input autocomplete="one-time-code">` (designs/Auth & Onboarding pattern):
|
|
9
|
+
* typing auto-advances, paste fills all cells, Backspace clears backwards —
|
|
10
|
+
* all native single-input behaviors; the cells are a purely visual projection
|
|
11
|
+
* with the caret cell highlighted.
|
|
12
|
+
*/
|
|
13
|
+
export function OtpInput({ length = 6, value: controlledValue, defaultValue, onChange, onComplete, label, describedBy, disabled = false, invalid = false, autoFocus = false, className, ...props }) {
|
|
14
|
+
const [internalValue, setInternalValue] = useState(sanitize(defaultValue ?? '', length));
|
|
15
|
+
const [focused, setFocused] = useState(false);
|
|
16
|
+
const value = controlledValue === undefined ? internalValue : sanitize(controlledValue, length);
|
|
17
|
+
const activeIndex = Math.min(value.length, length - 1);
|
|
18
|
+
const handleChange = (raw) => {
|
|
19
|
+
const next = sanitize(raw, length);
|
|
20
|
+
if (next === value)
|
|
21
|
+
return;
|
|
22
|
+
setInternalValue(next);
|
|
23
|
+
onChange?.(next);
|
|
24
|
+
if (next.length === length)
|
|
25
|
+
onComplete?.(next);
|
|
26
|
+
};
|
|
27
|
+
return (_jsxs("div", { dir: "ltr", className: cn('relative inline-flex gap-2', className), ...props, children: [_jsx("input", { type: "text", inputMode: "numeric", autoComplete: "one-time-code", pattern: "[0-9]*", maxLength: length, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid || undefined, autoFocus: autoFocus, disabled: disabled, value: value, onChange: (event) => handleChange(event.target.value), onFocus: () => setFocused(true), onBlur: () => setFocused(false), "data-part": "otp-native-input",
|
|
28
|
+
// Invisible but interactive layer over the cells; caret hidden.
|
|
29
|
+
className: "absolute inset-0 z-10 h-full w-full cursor-text opacity-0 [caret-color:transparent] disabled:cursor-default" }), Array.from({ length }, (_, index) => {
|
|
30
|
+
const char = value[index] ?? '';
|
|
31
|
+
const isActive = focused && !disabled && index === activeIndex && value.length < length;
|
|
32
|
+
return (_jsx(MonoText, { "aria-hidden": "true", "data-part": "otp-cell", "data-active": isActive || undefined, className: cn('flex h-12 w-10 select-none items-center justify-center rounded-md border bg-surface text-[18px] font-bold text-fg', 'transition-[border-color,box-shadow] duration-100', invalid ? 'border-danger' : 'border-border-strong', isActive ? 'border-accent shadow-[0_0_0_3px_var(--accent-soft)]' : undefined, disabled ? 'opacity-40' : undefined), children: char }, index));
|
|
33
|
+
})] }));
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=OtpInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OtpInput.js","sourceRoot":"","sources":["../../../src/components/otp-input/OtpInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/otp-input/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/otp-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { ComponentPropsWithRef } from 'react';
|
|
2
|
+
export interface PaginationProps extends Omit<ComponentPropsWithRef<'nav'>, 'children' | 'onChange'> {
|
|
3
|
+
/** Current page, 1-based. */
|
|
4
|
+
page: number;
|
|
5
|
+
pageCount: number;
|
|
6
|
+
onPageChange: (page: number) => void;
|
|
7
|
+
/** Pages shown on each side of the current page. Default 1. */
|
|
8
|
+
siblingCount?: number | undefined;
|
|
9
|
+
/** Accessible name for the nav (required — i18n, e.g. "Pagination"). */
|
|
10
|
+
label: string;
|
|
11
|
+
/** Accessible label for the previous button (required — i18n). */
|
|
12
|
+
previousLabel: string;
|
|
13
|
+
/** Accessible label for the next button (required — i18n). */
|
|
14
|
+
nextLabel: string;
|
|
15
|
+
/** Accessible label for a page button; default `Page {n}` is NOT provided — i18n. */
|
|
16
|
+
pageLabel: (page: number) => string;
|
|
17
|
+
}
|
|
18
|
+
/** Build the visible page list with `null` gaps (ellipses). */
|
|
19
|
+
export declare function paginationRange(page: number, pageCount: number, siblingCount?: number): (number | null)[];
|
|
20
|
+
/**
|
|
21
|
+
* Pagination — 32px square page buttons (active = accent fill), mono numbers,
|
|
22
|
+
* RTL-mirrored chevrons, ellipsis windowing
|
|
23
|
+
* (research/design-system.md §3 Tier 3).
|
|
24
|
+
*/
|
|
25
|
+
export declare function Pagination({ page, pageCount, onPageChange, siblingCount, label, previousLabel, nextLabel, pageLabel, className, ...props }: PaginationProps): import("react").JSX.Element;
|
|
26
|
+
//# sourceMappingURL=Pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAKnD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAClG,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,aAAa,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,SAAS,EAAE,MAAM,CAAC;IAClB,qFAAqF;IACrF,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACrC;AAED,+DAA+D;AAC/D,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,SAAI,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAapG;AAOD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,YAAgB,EAChB,KAAK,EACL,aAAa,EACb,SAAS,EACT,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,+BAiDjB"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ChevronLeft, ChevronRight } from 'lucide-react';
|
|
3
|
+
import { cn } from '../../lib/cn.js';
|
|
4
|
+
import { MonoText } from '../mono-text/MonoText.js';
|
|
5
|
+
/** Build the visible page list with `null` gaps (ellipses). */
|
|
6
|
+
export function paginationRange(page, pageCount, siblingCount = 1) {
|
|
7
|
+
const total = siblingCount * 2 + 5; // first + last + current + siblings + 2 ellipses
|
|
8
|
+
if (pageCount <= total)
|
|
9
|
+
return Array.from({ length: pageCount }, (_, i) => i + 1);
|
|
10
|
+
const start = Math.max(2, Math.min(page - siblingCount, pageCount - siblingCount * 2 - 2));
|
|
11
|
+
const end = Math.min(pageCount - 1, Math.max(page + siblingCount, siblingCount * 2 + 3));
|
|
12
|
+
const range = [1];
|
|
13
|
+
if (start > 2)
|
|
14
|
+
range.push(null);
|
|
15
|
+
for (let i = start; i <= end; i++)
|
|
16
|
+
range.push(i);
|
|
17
|
+
if (end < pageCount - 1)
|
|
18
|
+
range.push(null);
|
|
19
|
+
range.push(pageCount);
|
|
20
|
+
return range;
|
|
21
|
+
}
|
|
22
|
+
const squareClasses = 'inline-flex size-8 shrink-0 items-center justify-center rounded-md text-caption font-semibold ' +
|
|
23
|
+
'transition-colors duration-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent ' +
|
|
24
|
+
'disabled:pointer-events-none disabled:opacity-40';
|
|
25
|
+
/**
|
|
26
|
+
* Pagination — 32px square page buttons (active = accent fill), mono numbers,
|
|
27
|
+
* RTL-mirrored chevrons, ellipsis windowing
|
|
28
|
+
* (research/design-system.md §3 Tier 3).
|
|
29
|
+
*/
|
|
30
|
+
export function Pagination({ page, pageCount, onPageChange, siblingCount = 1, label, previousLabel, nextLabel, pageLabel, className, ...props }) {
|
|
31
|
+
const range = paginationRange(page, pageCount, siblingCount);
|
|
32
|
+
return (_jsxs("nav", { "aria-label": label, className: cn('flex items-center gap-1', className), ...props, children: [_jsx("button", { type: "button", "aria-label": previousLabel, disabled: page <= 1, onClick: () => onPageChange(page - 1), className: cn(squareClasses, 'nb-ib text-fg-muted hover:text-fg'), children: _jsx(ChevronLeft, { className: "size-4 rtl:-scale-x-100", "aria-hidden": "true" }) }), range.map((entry, index) => entry === null ? (_jsx("span", { "aria-hidden": "true", className: "inline-flex size-8 items-end justify-center pb-2 text-caption text-fg-subtle", children: "\u2026" }, `gap-${index}`)) : (_jsx("button", { type: "button", "aria-label": pageLabel(entry), "aria-current": entry === page ? 'page' : undefined, onClick: () => onPageChange(entry), className: cn(squareClasses, entry === page ? 'bg-accent text-accent-fg shadow-glow' : 'nb-ib text-fg-muted hover:text-fg'), children: _jsx(MonoText, { children: entry }) }, entry))), _jsx("button", { type: "button", "aria-label": nextLabel, disabled: page >= pageCount, onClick: () => onPageChange(page + 1), className: cn(squareClasses, 'nb-ib text-fg-muted hover:text-fg'), children: _jsx(ChevronRight, { className: "size-4 rtl:-scale-x-100", "aria-hidden": "true" }) })] }));
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=Pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/components/pagination/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { ComponentPropsWithRef } from 'react';
|
|
2
|
+
/** 0 = empty, 1 weak … 4 strong. */
|
|
3
|
+
export type PasswordScore = 0 | 1 | 2 | 3 | 4;
|
|
4
|
+
/**
|
|
5
|
+
* Default heuristic: length ≥ 8, mixed case, digit, symbol — one point each
|
|
6
|
+
* (min 1 for any non-empty password). Swap in zxcvbn or a policy-aware
|
|
7
|
+
* scorer via the `score` prop.
|
|
8
|
+
*/
|
|
9
|
+
export declare function defaultPasswordScore(password: string): PasswordScore;
|
|
10
|
+
export interface PasswordStrengthProps extends ComponentPropsWithRef<'div'> {
|
|
11
|
+
/** The password being evaluated. */
|
|
12
|
+
value: string;
|
|
13
|
+
/** Scoring function (injectable). Default `defaultPasswordScore`. */
|
|
14
|
+
score?: ((password: string) => PasswordScore) | undefined;
|
|
15
|
+
/**
|
|
16
|
+
* Labels for scores 1–4 (required — i18n), e.g.
|
|
17
|
+
* `['Weak', 'Fair', 'Good', 'Strong']`.
|
|
18
|
+
*/
|
|
19
|
+
labels: readonly [string, string, string, string];
|
|
20
|
+
/** Accessible name for the meter (e.g. "Password strength"). */
|
|
21
|
+
label: string;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* PasswordStrength — segmented 4-bar meter + tone-colored label, injectable
|
|
25
|
+
* scoring (research/design-system.md §3 Tier 3, Auth screens). Announces via
|
|
26
|
+
* `role="meter"`; the label updates in an `aria-live` region.
|
|
27
|
+
*/
|
|
28
|
+
export declare function PasswordStrength({ value, score, labels, label, className, ...props }: PasswordStrengthProps): import("react").JSX.Element;
|
|
29
|
+
//# sourceMappingURL=PasswordStrength.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PasswordStrength.d.ts","sourceRoot":"","sources":["../../../src/components/password-strength/PasswordStrength.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAInD,oCAAoC;AACpC,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE9C;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,aAAa,CAQpE;AAgBD,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACzE,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,KAAK,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,aAAa,CAAC,GAAG,SAAS,CAAC;IAC1D;;;OAGG;IACH,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClD,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAA4B,EAC5B,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,+BAgCvB"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../../lib/cn.js';
|
|
3
|
+
/**
|
|
4
|
+
* Default heuristic: length ≥ 8, mixed case, digit, symbol — one point each
|
|
5
|
+
* (min 1 for any non-empty password). Swap in zxcvbn or a policy-aware
|
|
6
|
+
* scorer via the `score` prop.
|
|
7
|
+
*/
|
|
8
|
+
export function defaultPasswordScore(password) {
|
|
9
|
+
if (password.length === 0)
|
|
10
|
+
return 0;
|
|
11
|
+
let points = 0;
|
|
12
|
+
if (password.length >= 8)
|
|
13
|
+
points++;
|
|
14
|
+
if (/[a-z]/.test(password) && /[A-Z]/.test(password))
|
|
15
|
+
points++;
|
|
16
|
+
if (/\d/.test(password))
|
|
17
|
+
points++;
|
|
18
|
+
if (/[^a-zA-Z0-9]/.test(password))
|
|
19
|
+
points++;
|
|
20
|
+
return Math.max(1, Math.min(points, 4));
|
|
21
|
+
}
|
|
22
|
+
const segmentTone = {
|
|
23
|
+
1: 'bg-danger',
|
|
24
|
+
2: 'bg-warn',
|
|
25
|
+
3: 'bg-info',
|
|
26
|
+
4: 'bg-pos',
|
|
27
|
+
};
|
|
28
|
+
const labelTone = {
|
|
29
|
+
1: 'text-danger',
|
|
30
|
+
2: 'text-warn',
|
|
31
|
+
3: 'text-info',
|
|
32
|
+
4: 'text-pos',
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* PasswordStrength — segmented 4-bar meter + tone-colored label, injectable
|
|
36
|
+
* scoring (research/design-system.md §3 Tier 3, Auth screens). Announces via
|
|
37
|
+
* `role="meter"`; the label updates in an `aria-live` region.
|
|
38
|
+
*/
|
|
39
|
+
export function PasswordStrength({ value, score = defaultPasswordScore, labels, label, className, ...props }) {
|
|
40
|
+
const current = value.length === 0 ? 0 : score(value);
|
|
41
|
+
return (_jsxs("div", { className: cn('flex flex-col gap-1.5', className), ...props, children: [_jsx("div", { role: "meter", "aria-label": label, "aria-valuemin": 0, "aria-valuemax": 4, "aria-valuenow": current, "aria-valuetext": current === 0 ? undefined : labels[current - 1], className: "flex gap-1", children: [1, 2, 3, 4].map((segment) => (_jsx("span", { "data-part": "strength-segment", "data-filled": segment <= current || undefined, className: cn('h-1 flex-1 rounded-full transition-colors duration-150', segment <= current && current > 0 ? segmentTone[current] : 'bg-surface-3') }, segment))) }), _jsx("div", { "aria-live": "polite", className: "min-h-4 text-caption font-semibold", children: current === 0 ? null : (_jsx("span", { className: labelTone[current], children: labels[current - 1] })) })] }));
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=PasswordStrength.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PasswordStrength.js","sourceRoot":"","sources":["../../../src/components/password-strength/PasswordStrength.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAKrC;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,QAAgB;IACnD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,CAAC,CAAC;IACpC,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC;QAAE,MAAM,EAAE,CAAC;IACnC,IAAI,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;QAAE,MAAM,EAAE,CAAC;IAC/D,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;QAAE,MAAM,EAAE,CAAC;IAClC,IAAI,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC;QAAE,MAAM,EAAE,CAAC;IAC5C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAkB,CAAC;AAC3D,CAAC;AAED,MAAM,WAAW,GAA8C;IAC7D,CAAC,EAAE,WAAW;IACd,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,QAAQ;CACZ,CAAC;AAEF,MAAM,SAAS,GAA8C;IAC3D,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,WAAW;IACd,CAAC,EAAE,WAAW;IACd,CAAC,EAAE,UAAU;CACd,CAAC;AAgBF;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,GAAG,oBAAoB,EAC5B,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACc;IACtB,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAAM,KAAK,aAC/D,cACE,IAAI,EAAC,OAAO,gBACA,KAAK,mBACF,CAAC,mBACD,CAAC,mBACD,OAAO,oBACN,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,EAC/D,SAAS,EAAC,YAAY,YAEpB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACxC,4BAEY,kBAAkB,iBACf,OAAO,IAAI,OAAO,IAAI,SAAS,EAC5C,SAAS,EAAE,EAAE,CACX,wDAAwD,EACxD,OAAO,IAAI,OAAO,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,OAAwB,CAAC,CAAC,CAAC,CAAC,cAAc,CAC3F,IANI,OAAO,CAOZ,CACH,CAAC,GACE,EACN,2BAAe,QAAQ,EAAC,SAAS,EAAC,oCAAoC,YACnE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,eAAM,SAAS,EAAE,SAAS,CAAC,OAAwB,CAAC,YAAG,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,GAAQ,CACnF,GACG,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/password-strength/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC/E,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/password-strength/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* The RBAC grant-string grammar (apps/server/src/rbac/permissions.ts,
|
|
4
|
+
* 08-server-api.md §5.1), mirrored as template-literal types so permission
|
|
5
|
+
* keys are checked at the call site:
|
|
6
|
+
*
|
|
7
|
+
* ```
|
|
8
|
+
* system:<area>:<verb> // closed set, e.g. system:roles:manage
|
|
9
|
+
* table:<connectionId>:<table>:<action> // read|create|update|delete|export|import
|
|
10
|
+
* page:<pageId>:<view|edit>
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* `*` may stand in for any single `table:`/`page:` segment in *stored*
|
|
14
|
+
* grants (`table:*:*:read`); `system:` grants are always concrete.
|
|
15
|
+
*/
|
|
16
|
+
export type TableGrantAction = 'read' | 'create' | 'update' | 'delete' | 'export' | 'import';
|
|
17
|
+
export type SystemGrant = `system:${string}:${string}`;
|
|
18
|
+
export type TableGrant = `table:${string}:${string}:${TableGrantAction | '*'}`;
|
|
19
|
+
export type PageGrant = `page:${string}:${'view' | 'edit' | '*'}`;
|
|
20
|
+
export type PermissionGrant = SystemGrant | TableGrant | PageGrant;
|
|
21
|
+
export interface PermissionMatrixRole {
|
|
22
|
+
/** Server role id (`RoleDto.id`) — echoed in `onChange`. */
|
|
23
|
+
id: string;
|
|
24
|
+
/** Column header text. */
|
|
25
|
+
name: string;
|
|
26
|
+
/**
|
|
27
|
+
* Hard-locks the whole column (the comp's "Owner column hard-locked"):
|
|
28
|
+
* every cell renders locked-granted and never emits changes. Map the
|
|
29
|
+
* server's super-admin role here — `PUT /roles/:id/permissions` 409s on it.
|
|
30
|
+
*/
|
|
31
|
+
locked?: boolean | undefined;
|
|
32
|
+
}
|
|
33
|
+
export interface PermissionMatrixPermission {
|
|
34
|
+
/** Grant string in the server grammar — the row identity. */
|
|
35
|
+
key: PermissionGrant;
|
|
36
|
+
/** Human row label ("Manage roles & access"). */
|
|
37
|
+
label: string;
|
|
38
|
+
/** Category group; rows group by first appearance, labeled with an `Eyebrow`. */
|
|
39
|
+
category: string;
|
|
40
|
+
}
|
|
41
|
+
/** Change event: one cell flipped. */
|
|
42
|
+
export interface PermissionMatrixChange {
|
|
43
|
+
roleId: string;
|
|
44
|
+
permissionKey: PermissionGrant;
|
|
45
|
+
granted: boolean;
|
|
46
|
+
}
|
|
47
|
+
export interface PermissionMatrixProps extends Omit<React.ComponentPropsWithRef<'div'>, 'style' | 'onChange' | 'onToggle'> {
|
|
48
|
+
/** Roles as columns, in display order. */
|
|
49
|
+
roles: readonly PermissionMatrixRole[];
|
|
50
|
+
/** Permission rows; grouped by `category` in first-appearance order. */
|
|
51
|
+
permissions: readonly PermissionMatrixPermission[];
|
|
52
|
+
/** Current (edited) grants per role id. */
|
|
53
|
+
grants: Readonly<Record<string, readonly PermissionGrant[]>>;
|
|
54
|
+
/**
|
|
55
|
+
* Server-persisted grants per role id. When provided, cells whose value
|
|
56
|
+
* differs from the baseline show the accent diff dot (dirty tracking for
|
|
57
|
+
* the save bar).
|
|
58
|
+
*/
|
|
59
|
+
baseline?: Readonly<Record<string, readonly PermissionGrant[]>> | undefined;
|
|
60
|
+
/** Fires when an editable cell is toggled. */
|
|
61
|
+
onChange?: ((change: PermissionMatrixChange) => void) | undefined;
|
|
62
|
+
/** Accessible name for the grid (required — i18n). */
|
|
63
|
+
label: string;
|
|
64
|
+
/** First-column heading (e.g. "Permission"). */
|
|
65
|
+
rowHeader: React.ReactNode;
|
|
66
|
+
/** Optional Lucide icon per category, keyed by category label. */
|
|
67
|
+
categoryIcons?: Readonly<Record<string, React.ReactNode>> | undefined;
|
|
68
|
+
/** Disables all editing (viewer role / save in flight). */
|
|
69
|
+
disabled?: boolean | undefined;
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* PermissionMatrix — the RBAC preset over `ToggleMatrix` per designs/Roles
|
|
73
|
+
* Permissions.dc.html: roles as columns (locked roles render the
|
|
74
|
+
* hard-locked Owner column), permission rows grouped by category under
|
|
75
|
+
* uppercase `Eyebrow` labels, diff-aware accent dots against a baseline, and
|
|
76
|
+
* `onChange` emitting `{ roleId, permissionKey, granted }`.
|
|
77
|
+
*
|
|
78
|
+
* Endpoint contract (apps/server/src/routes/roles):
|
|
79
|
+
* - `GET /api/v1/roles` → `{ roles: RoleDto & { memberCount }[] }` (columns);
|
|
80
|
+
* - `GET /api/v1/roles/:id/permissions` → `{ roleId, grants: string[] }`
|
|
81
|
+
* (feed as `grants[roleId]` and snapshot into `baseline`);
|
|
82
|
+
* - save = full-matrix replace per role:
|
|
83
|
+
* `PUT /api/v1/roles/:id/permissions` with `{ grants: string[] }` (max
|
|
84
|
+
* 2000) → `{ roleId, grants }`. `422 VALIDATION_FAILED` lists grants
|
|
85
|
+
* outside the grammar; `409 CONFLICT` when `:id` is the super-admin role
|
|
86
|
+
* (hard-locked column) — mark that role `locked` so the UI never tries.
|
|
87
|
+
* Requires `system:roles:manage`; every save writes an `rbac` audit entry.
|
|
88
|
+
*/
|
|
89
|
+
export declare function PermissionMatrix({ roles, permissions, grants, baseline, onChange, label, rowHeader, categoryIcons, disabled, className, ...props }: PermissionMatrixProps): React.JSX.Element;
|
|
90
|
+
//# sourceMappingURL=PermissionMatrix.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PermissionMatrix.d.ts","sourceRoot":"","sources":["../../../src/components/permission-matrix/PermissionMatrix.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC7F,MAAM,MAAM,WAAW,GAAG,UAAU,MAAM,IAAI,MAAM,EAAE,CAAC;AACvD,MAAM,MAAM,UAAU,GAAG,SAAS,MAAM,IAAI,MAAM,IAAI,gBAAgB,GAAG,GAAG,EAAE,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,QAAQ,MAAM,IAAI,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,0BAA0B;IACzC,6DAA6D;IAC7D,GAAG,EAAE,eAAe,CAAC;IACrB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,sCAAsC;AACtC,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,eAAe,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;IACnF,0CAA0C;IAC1C,KAAK,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACvC,wEAAwE;IACxE,WAAW,EAAE,SAAS,0BAA0B,EAAE,CAAC;IACnD,2CAA2C;IAC3C,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC,CAAC,CAAC;IAC7D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC;IAC5E,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClE,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kEAAkE;IAClE,aAAa,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC;IACtE,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAQD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,aAAa,EACb,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,qBA2DvB"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ToggleMatrix } from '../toggle-matrix/ToggleMatrix.js';
|
|
3
|
+
const slug = (value) => value
|
|
4
|
+
.toLowerCase()
|
|
5
|
+
.replace(/[^a-z0-9]+/g, '-')
|
|
6
|
+
.replace(/^-+|-+$/g, '');
|
|
7
|
+
/**
|
|
8
|
+
* PermissionMatrix — the RBAC preset over `ToggleMatrix` per designs/Roles
|
|
9
|
+
* Permissions.dc.html: roles as columns (locked roles render the
|
|
10
|
+
* hard-locked Owner column), permission rows grouped by category under
|
|
11
|
+
* uppercase `Eyebrow` labels, diff-aware accent dots against a baseline, and
|
|
12
|
+
* `onChange` emitting `{ roleId, permissionKey, granted }`.
|
|
13
|
+
*
|
|
14
|
+
* Endpoint contract (apps/server/src/routes/roles):
|
|
15
|
+
* - `GET /api/v1/roles` → `{ roles: RoleDto & { memberCount }[] }` (columns);
|
|
16
|
+
* - `GET /api/v1/roles/:id/permissions` → `{ roleId, grants: string[] }`
|
|
17
|
+
* (feed as `grants[roleId]` and snapshot into `baseline`);
|
|
18
|
+
* - save = full-matrix replace per role:
|
|
19
|
+
* `PUT /api/v1/roles/:id/permissions` with `{ grants: string[] }` (max
|
|
20
|
+
* 2000) → `{ roleId, grants }`. `422 VALIDATION_FAILED` lists grants
|
|
21
|
+
* outside the grammar; `409 CONFLICT` when `:id` is the super-admin role
|
|
22
|
+
* (hard-locked column) — mark that role `locked` so the UI never tries.
|
|
23
|
+
* Requires `system:roles:manage`; every save writes an `rbac` audit entry.
|
|
24
|
+
*/
|
|
25
|
+
export function PermissionMatrix({ roles, permissions, grants, baseline, onChange, label, rowHeader, categoryIcons, disabled = false, className, ...props }) {
|
|
26
|
+
// Group rows by category, preserving first-appearance order.
|
|
27
|
+
const rowsByCategory = new Map();
|
|
28
|
+
for (const permission of permissions) {
|
|
29
|
+
let rows = rowsByCategory.get(permission.category);
|
|
30
|
+
if (rows === undefined) {
|
|
31
|
+
rows = [];
|
|
32
|
+
rowsByCategory.set(permission.category, rows);
|
|
33
|
+
}
|
|
34
|
+
rows.push({ id: permission.key, label: permission.label });
|
|
35
|
+
}
|
|
36
|
+
const groups = [...rowsByCategory.entries()].map(([category, rows]) => ({
|
|
37
|
+
id: `category-${slug(category)}`,
|
|
38
|
+
label: category,
|
|
39
|
+
rows,
|
|
40
|
+
...(categoryIcons?.[category] === undefined ? {} : { icon: categoryIcons[category] }),
|
|
41
|
+
}));
|
|
42
|
+
const grantSets = new Map(roles.map((role) => [role.id, new Set(grants[role.id] ?? [])]));
|
|
43
|
+
const baselineSets = baseline === undefined
|
|
44
|
+
? null
|
|
45
|
+
: new Map(roles.map((role) => [role.id, new Set(baseline[role.id] ?? [])]));
|
|
46
|
+
const getCellState = (rowId, columnId) => grantSets.get(columnId)?.has(rowId) === true ? 'on' : 'off';
|
|
47
|
+
const isDirty = (rowId, columnId) => {
|
|
48
|
+
if (baselineSets === null)
|
|
49
|
+
return false;
|
|
50
|
+
const current = grantSets.get(columnId)?.has(rowId) === true;
|
|
51
|
+
const persisted = baselineSets.get(columnId)?.has(rowId) === true;
|
|
52
|
+
return current !== persisted;
|
|
53
|
+
};
|
|
54
|
+
return (_jsx(ToggleMatrix, { "data-part": "permission-matrix", columns: roles.map((role) => ({
|
|
55
|
+
id: role.id,
|
|
56
|
+
label: role.name,
|
|
57
|
+
...(role.locked === undefined ? {} : { locked: role.locked }),
|
|
58
|
+
})), groups: groups, label: label, rowHeader: rowHeader, getCellState: getCellState, isDirty: isDirty, disabled: disabled, onToggle: (rowId, columnId, next) => {
|
|
59
|
+
onChange?.({ roleId: columnId, permissionKey: rowId, granted: next });
|
|
60
|
+
}, className: className, ...props }));
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=PermissionMatrix.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PermissionMatrix.js","sourceRoot":"","sources":["../../../src/components/permission-matrix/PermissionMatrix.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AA8EhE,MAAM,IAAI,GAAG,CAAC,KAAa,EAAU,EAAE,CACrC,KAAK;KACF,WAAW,EAAE;KACb,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC;KAC3B,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;AAE7B;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EACc;IACtB,6DAA6D;IAC7D,MAAM,cAAc,GAAG,IAAI,GAAG,EAA2C,CAAC;IAC1E,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE,CAAC;QACrC,IAAI,IAAI,GAAG,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACnD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,IAAI,GAAG,EAAE,CAAC;YACV,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAChD,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7D,CAAC;IACD,MAAM,MAAM,GAAwB,CAAC,GAAG,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAC3F,EAAE,EAAE,YAAY,IAAI,CAAC,QAAQ,CAAC,EAAE;QAChC,KAAK,EAAE,QAAQ;QACf,IAAI;QACJ,GAAG,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC;KACtF,CAAC,CAAC,CAAC;IAEJ,MAAM,SAAS,GAAG,IAAI,GAAG,CACvB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAC/D,CAAC;IACF,MAAM,YAAY,GAChB,QAAQ,KAAK,SAAS;QACpB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,IAAI,GAAG,CACL,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CACjE,CAAC;IAER,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,QAAgB,EAAyB,EAAE,CAC9E,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE9D,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,QAAgB,EAAW,EAAE;QAC3D,IAAI,YAAY,KAAK,IAAI;YAAE,OAAO,KAAK,CAAC;QACxC,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;QAC7D,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;QAClE,OAAO,OAAO,KAAK,SAAS,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,iBACD,mBAAmB,EAC7B,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAC5B,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,KAAK,EAAE,IAAI,CAAC,IAAI;YAChB,GAAG,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;SAC9D,CAAC,CAAC,EACH,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;YAClC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAwB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3F,CAAC,EACD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { PermissionMatrix } from './PermissionMatrix.js';
|
|
2
|
+
export type { PageGrant, PermissionGrant, PermissionMatrixChange, PermissionMatrixPermission, PermissionMatrixProps, PermissionMatrixRole, SystemGrant, TableGrant, TableGrantAction, } from './PermissionMatrix.js';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/permission-matrix/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EACV,SAAS,EACT,eAAe,EACf,sBAAsB,EACtB,0BAA0B,EAC1B,qBAAqB,EACrB,oBAAoB,EACpB,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/permission-matrix/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
|