@cdx-ui/primitives 0.0.1-alpha.4 → 0.0.1-alpha.40
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/README.md +35 -0
- package/lib/commonjs/avatar/context.js +11 -0
- package/lib/commonjs/avatar/context.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarBadge.js +20 -0
- package/lib/commonjs/avatar/createAvatarBadge.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarIcon.js +30 -0
- package/lib/commonjs/avatar/createAvatarIcon.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarImage.js +51 -0
- package/lib/commonjs/avatar/createAvatarImage.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarRoot.js +34 -0
- package/lib/commonjs/avatar/createAvatarRoot.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarText.js +42 -0
- package/lib/commonjs/avatar/createAvatarText.js.map +1 -0
- package/lib/commonjs/avatar/index.js +30 -0
- package/lib/commonjs/avatar/index.js.map +1 -0
- package/lib/commonjs/avatar/types.js +6 -0
- package/lib/commonjs/avatar/types.js.map +1 -0
- package/lib/commonjs/button/createButtonRoot.js +3 -3
- package/lib/commonjs/button/createButtonRoot.js.map +1 -1
- package/lib/commonjs/button/index.js +25 -19
- package/lib/commonjs/button/index.js.map +1 -1
- package/lib/commonjs/checkbox/context.js +14 -0
- package/lib/commonjs/checkbox/context.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxGroup.js +44 -0
- package/lib/commonjs/checkbox/createCheckboxGroup.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxIcon.js +29 -0
- package/lib/commonjs/checkbox/createCheckboxIcon.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxIndicator.js +47 -0
- package/lib/commonjs/checkbox/createCheckboxIndicator.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxLabel.js +46 -0
- package/lib/commonjs/checkbox/createCheckboxLabel.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxRoot.js +99 -0
- package/lib/commonjs/checkbox/createCheckboxRoot.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js +90 -0
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js.map +1 -0
- package/lib/commonjs/checkbox/index.js +30 -0
- package/lib/commonjs/checkbox/index.js.map +1 -0
- package/lib/commonjs/checkbox/types.js +6 -0
- package/lib/commonjs/checkbox/types.js.map +1 -0
- package/lib/commonjs/checkbox/useCheckboxRoot.js +82 -0
- package/lib/commonjs/checkbox/useCheckboxRoot.js.map +1 -0
- package/lib/commonjs/dialog/context.js +11 -0
- package/lib/commonjs/dialog/context.js.map +1 -0
- package/lib/commonjs/dialog/createDialogBody.js +21 -0
- package/lib/commonjs/dialog/createDialogBody.js.map +1 -0
- package/lib/commonjs/dialog/createDialogClose.js +37 -0
- package/lib/commonjs/dialog/createDialogClose.js.map +1 -0
- package/lib/commonjs/dialog/createDialogContent.js +141 -0
- package/lib/commonjs/dialog/createDialogContent.js.map +1 -0
- package/lib/commonjs/dialog/createDialogDescription.js +30 -0
- package/lib/commonjs/dialog/createDialogDescription.js.map +1 -0
- package/lib/commonjs/dialog/createDialogFooter.js +21 -0
- package/lib/commonjs/dialog/createDialogFooter.js.map +1 -0
- package/lib/commonjs/dialog/createDialogHeader.js +21 -0
- package/lib/commonjs/dialog/createDialogHeader.js.map +1 -0
- package/lib/commonjs/dialog/createDialogRoot.js +54 -0
- package/lib/commonjs/dialog/createDialogRoot.js.map +1 -0
- package/lib/commonjs/dialog/createDialogTitle.js +21 -0
- package/lib/commonjs/dialog/createDialogTitle.js.map +1 -0
- package/lib/commonjs/dialog/createDialogTrigger.js +37 -0
- package/lib/commonjs/dialog/createDialogTrigger.js.map +1 -0
- package/lib/commonjs/dialog/index.js +60 -0
- package/lib/commonjs/dialog/index.js.map +1 -0
- package/lib/commonjs/dialog/types.js +6 -0
- package/lib/commonjs/dialog/types.js.map +1 -0
- package/lib/commonjs/field/createFieldError.js +41 -0
- package/lib/commonjs/field/createFieldError.js.map +1 -0
- package/lib/commonjs/field/createFieldErrorIcon.js +18 -0
- package/lib/commonjs/field/createFieldErrorIcon.js.map +1 -0
- package/lib/commonjs/field/createFieldErrorText.js +18 -0
- package/lib/commonjs/field/createFieldErrorText.js.map +1 -0
- package/lib/commonjs/field/createFieldHelper.js +41 -0
- package/lib/commonjs/field/createFieldHelper.js.map +1 -0
- package/lib/commonjs/field/createFieldHelperText.js +18 -0
- package/lib/commonjs/field/createFieldHelperText.js.map +1 -0
- package/lib/commonjs/field/createFieldLabel.js +36 -0
- package/lib/commonjs/field/createFieldLabel.js.map +1 -0
- package/lib/commonjs/field/createFieldRoot.js +35 -0
- package/lib/commonjs/field/createFieldRoot.js.map +1 -0
- package/lib/commonjs/field/index.js +46 -0
- package/lib/commonjs/field/index.js.map +1 -0
- package/lib/commonjs/field/types.js +6 -0
- package/lib/commonjs/field/types.js.map +1 -0
- package/lib/commonjs/form/createFormRoot.js +21 -0
- package/lib/commonjs/form/createFormRoot.js.map +1 -0
- package/lib/commonjs/form/index.js +15 -0
- package/lib/commonjs/form/index.js.map +1 -0
- package/lib/commonjs/form/types.js +6 -0
- package/lib/commonjs/form/types.js.map +1 -0
- package/lib/commonjs/index.js +118 -2
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/input/createInputField.js +7 -2
- package/lib/commonjs/input/createInputField.js.map +1 -1
- package/lib/commonjs/input/index.js +13 -19
- package/lib/commonjs/input/index.js.map +1 -1
- package/lib/commonjs/link/LinkProvider.js +28 -0
- package/lib/commonjs/link/LinkProvider.js.map +1 -0
- package/lib/commonjs/link/createLink.js +74 -0
- package/lib/commonjs/link/createLink.js.map +1 -0
- package/lib/commonjs/link/index.js +27 -0
- package/lib/commonjs/link/index.js.map +1 -0
- package/lib/commonjs/link/types.js +6 -0
- package/lib/commonjs/link/types.js.map +1 -0
- package/lib/commonjs/link/useLink.js +56 -0
- package/lib/commonjs/link/useLink.js.map +1 -0
- package/lib/commonjs/otp-input/context.js +14 -0
- package/lib/commonjs/otp-input/context.js.map +1 -0
- package/lib/commonjs/otp-input/createOtpInputCell.js +29 -0
- package/lib/commonjs/otp-input/createOtpInputCell.js.map +1 -0
- package/lib/commonjs/otp-input/createOtpInputField.js +104 -0
- package/lib/commonjs/otp-input/createOtpInputField.js.map +1 -0
- package/lib/commonjs/otp-input/createOtpInputRoot.js +136 -0
- package/lib/commonjs/otp-input/createOtpInputRoot.js.map +1 -0
- package/lib/commonjs/otp-input/index.js +48 -0
- package/lib/commonjs/otp-input/index.js.map +1 -0
- package/lib/commonjs/otp-input/types.js +6 -0
- package/lib/commonjs/otp-input/types.js.map +1 -0
- package/lib/commonjs/otp-input/utils/applyValueChange.js +73 -0
- package/lib/commonjs/otp-input/utils/applyValueChange.js.map +1 -0
- package/lib/commonjs/otp-input/utils/filterValue.js +46 -0
- package/lib/commonjs/otp-input/utils/filterValue.js.map +1 -0
- package/lib/commonjs/overlay/OverlayContainer.js +8 -11
- package/lib/commonjs/overlay/OverlayContainer.js.map +1 -1
- package/lib/commonjs/overlay/index.js +7 -0
- package/lib/commonjs/overlay/index.js.map +1 -1
- package/lib/commonjs/overlay/useEscapeKey.js +14 -0
- package/lib/commonjs/overlay/useEscapeKey.js.map +1 -0
- package/lib/commonjs/overlay/useEscapeKey.web.js +30 -0
- package/lib/commonjs/overlay/useEscapeKey.web.js.map +1 -0
- package/lib/commonjs/progress/context.js +11 -0
- package/lib/commonjs/progress/context.js.map +1 -0
- package/lib/commonjs/progress/createProgressIndicator.js +42 -0
- package/lib/commonjs/progress/createProgressIndicator.js.map +1 -0
- package/lib/commonjs/progress/createProgressRoot.js +96 -0
- package/lib/commonjs/progress/createProgressRoot.js.map +1 -0
- package/lib/commonjs/progress/index.js +25 -0
- package/lib/commonjs/progress/index.js.map +1 -0
- package/lib/commonjs/progress/types.js +6 -0
- package/lib/commonjs/progress/types.js.map +1 -0
- package/lib/commonjs/select/context.js +8 -43
- package/lib/commonjs/select/context.js.map +1 -1
- package/lib/commonjs/select/createSelectItem.js +1 -1
- package/lib/commonjs/select/createSelectItem.js.map +1 -1
- package/lib/commonjs/select/createSelectRoot.js +9 -6
- package/lib/commonjs/select/createSelectRoot.js.map +1 -1
- package/lib/commonjs/select/createSelectTrigger.js +53 -12
- package/lib/commonjs/select/createSelectTrigger.js.map +1 -1
- package/lib/commonjs/switch/createSwitchRoot.js +73 -0
- package/lib/commonjs/switch/createSwitchRoot.js.map +1 -0
- package/lib/commonjs/switch/index.js +15 -0
- package/lib/commonjs/switch/index.js.map +1 -0
- package/lib/commonjs/switch/types.js +6 -0
- package/lib/commonjs/switch/types.js.map +1 -0
- package/lib/commonjs/types.js +2 -0
- package/lib/commonjs/types.js.map +1 -0
- package/lib/commonjs/utils/createPortal.js +23 -0
- package/lib/commonjs/utils/createPortal.js.map +1 -0
- package/lib/commonjs/utils/dataAttributes.web.js +1 -4
- package/lib/commonjs/utils/dataAttributes.web.js.map +1 -1
- package/lib/module/avatar/context.js +5 -0
- package/lib/module/avatar/context.js.map +1 -0
- package/lib/module/{input/createInputIcon.js → avatar/createAvatarBadge.js} +3 -3
- package/lib/module/avatar/createAvatarBadge.js.map +1 -0
- package/lib/module/avatar/createAvatarIcon.js +25 -0
- package/lib/module/avatar/createAvatarIcon.js.map +1 -0
- package/lib/module/avatar/createAvatarImage.js +46 -0
- package/lib/module/avatar/createAvatarImage.js.map +1 -0
- package/lib/module/avatar/createAvatarRoot.js +29 -0
- package/lib/module/avatar/createAvatarRoot.js.map +1 -0
- package/lib/module/avatar/createAvatarText.js +37 -0
- package/lib/module/avatar/createAvatarText.js.map +1 -0
- package/lib/module/avatar/index.js +26 -0
- package/lib/module/avatar/index.js.map +1 -0
- package/lib/module/avatar/types.js +4 -0
- package/lib/module/avatar/types.js.map +1 -0
- package/lib/module/button/createButtonRoot.js +3 -3
- package/lib/module/button/createButtonRoot.js.map +1 -1
- package/lib/module/button/index.js +19 -19
- package/lib/module/button/index.js.map +1 -1
- package/lib/module/checkbox/context.js +7 -0
- package/lib/module/checkbox/context.js.map +1 -0
- package/lib/module/checkbox/createCheckboxGroup.js +39 -0
- package/lib/module/checkbox/createCheckboxGroup.js.map +1 -0
- package/lib/module/checkbox/createCheckboxIcon.js +24 -0
- package/lib/module/checkbox/createCheckboxIcon.js.map +1 -0
- package/lib/module/checkbox/createCheckboxIndicator.js +42 -0
- package/lib/module/checkbox/createCheckboxIndicator.js.map +1 -0
- package/lib/module/checkbox/createCheckboxLabel.js +41 -0
- package/lib/module/checkbox/createCheckboxLabel.js.map +1 -0
- package/lib/module/checkbox/createCheckboxRoot.js +94 -0
- package/lib/module/checkbox/createCheckboxRoot.js.map +1 -0
- package/lib/module/checkbox/createCheckboxRoot.web.js +85 -0
- package/lib/module/checkbox/createCheckboxRoot.web.js.map +1 -0
- package/lib/module/checkbox/index.js +26 -0
- package/lib/module/checkbox/index.js.map +1 -0
- package/lib/module/checkbox/types.js +4 -0
- package/lib/module/checkbox/types.js.map +1 -0
- package/lib/module/checkbox/useCheckboxRoot.js +78 -0
- package/lib/module/checkbox/useCheckboxRoot.js.map +1 -0
- package/lib/module/dialog/context.js +5 -0
- package/lib/module/dialog/context.js.map +1 -0
- package/lib/module/dialog/createDialogBody.js +15 -0
- package/lib/module/dialog/createDialogBody.js.map +1 -0
- package/lib/module/dialog/createDialogClose.js +31 -0
- package/lib/module/dialog/createDialogClose.js.map +1 -0
- package/lib/module/dialog/createDialogContent.js +136 -0
- package/lib/module/dialog/createDialogContent.js.map +1 -0
- package/lib/module/dialog/createDialogDescription.js +24 -0
- package/lib/module/dialog/createDialogDescription.js.map +1 -0
- package/lib/module/dialog/createDialogFooter.js +15 -0
- package/lib/module/dialog/createDialogFooter.js.map +1 -0
- package/lib/module/dialog/createDialogHeader.js +15 -0
- package/lib/module/dialog/createDialogHeader.js.map +1 -0
- package/lib/module/dialog/createDialogRoot.js +49 -0
- package/lib/module/dialog/createDialogRoot.js.map +1 -0
- package/lib/module/dialog/createDialogTitle.js +15 -0
- package/lib/module/dialog/createDialogTitle.js.map +1 -0
- package/lib/module/dialog/createDialogTrigger.js +31 -0
- package/lib/module/dialog/createDialogTrigger.js.map +1 -0
- package/lib/module/dialog/index.js +45 -0
- package/lib/module/dialog/index.js.map +1 -0
- package/lib/module/dialog/types.js +4 -0
- package/lib/module/dialog/types.js.map +1 -0
- package/lib/module/field/createFieldError.js +35 -0
- package/lib/module/field/createFieldError.js.map +1 -0
- package/lib/module/field/createFieldErrorIcon.js +13 -0
- package/lib/module/field/createFieldErrorIcon.js.map +1 -0
- package/lib/module/field/createFieldErrorText.js +13 -0
- package/lib/module/field/createFieldErrorText.js.map +1 -0
- package/lib/module/field/createFieldHelper.js +35 -0
- package/lib/module/field/createFieldHelper.js.map +1 -0
- package/lib/module/field/createFieldHelperText.js +13 -0
- package/lib/module/field/createFieldHelperText.js.map +1 -0
- package/lib/module/field/createFieldLabel.js +31 -0
- package/lib/module/field/createFieldLabel.js.map +1 -0
- package/lib/module/field/createFieldRoot.js +29 -0
- package/lib/module/field/createFieldRoot.js.map +1 -0
- package/lib/module/field/index.js +42 -0
- package/lib/module/field/index.js.map +1 -0
- package/lib/module/field/types.js +4 -0
- package/lib/module/field/types.js.map +1 -0
- package/lib/module/form/createFormRoot.js +15 -0
- package/lib/module/form/createFormRoot.js.map +1 -0
- package/lib/module/form/index.js +11 -0
- package/lib/module/form/index.js.map +1 -0
- package/lib/module/form/types.js +4 -0
- package/lib/module/form/types.js.map +1 -0
- package/lib/module/index.js +11 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/input/createInputField.js +8 -3
- package/lib/module/input/createInputField.js.map +1 -1
- package/lib/module/input/index.js +12 -17
- package/lib/module/input/index.js.map +1 -1
- package/lib/module/link/LinkProvider.js +23 -0
- package/lib/module/link/LinkProvider.js.map +1 -0
- package/lib/module/link/createLink.js +68 -0
- package/lib/module/link/createLink.js.map +1 -0
- package/lib/module/link/index.js +6 -0
- package/lib/module/link/index.js.map +1 -0
- package/lib/module/link/types.js +4 -0
- package/lib/module/link/types.js.map +1 -0
- package/lib/module/link/useLink.js +52 -0
- package/lib/module/link/useLink.js.map +1 -0
- package/lib/module/otp-input/context.js +6 -0
- package/lib/module/otp-input/context.js.map +1 -0
- package/lib/module/otp-input/createOtpInputCell.js +24 -0
- package/lib/module/otp-input/createOtpInputCell.js.map +1 -0
- package/lib/module/otp-input/createOtpInputField.js +99 -0
- package/lib/module/otp-input/createOtpInputField.js.map +1 -0
- package/lib/module/otp-input/createOtpInputRoot.js +131 -0
- package/lib/module/otp-input/createOtpInputRoot.js.map +1 -0
- package/lib/module/otp-input/index.js +20 -0
- package/lib/module/otp-input/index.js.map +1 -0
- package/lib/module/otp-input/types.js +4 -0
- package/lib/module/otp-input/types.js.map +1 -0
- package/lib/module/otp-input/utils/applyValueChange.js +69 -0
- package/lib/module/otp-input/utils/applyValueChange.js.map +1 -0
- package/lib/module/otp-input/utils/filterValue.js +40 -0
- package/lib/module/otp-input/utils/filterValue.js.map +1 -0
- package/lib/module/overlay/OverlayContainer.js +8 -11
- package/lib/module/overlay/OverlayContainer.js.map +1 -1
- package/lib/module/overlay/index.js +1 -0
- package/lib/module/overlay/index.js.map +1 -1
- package/lib/module/overlay/useEscapeKey.js +10 -0
- package/lib/module/overlay/useEscapeKey.js.map +1 -0
- package/lib/module/overlay/useEscapeKey.web.js +27 -0
- package/lib/module/overlay/useEscapeKey.web.js.map +1 -0
- package/lib/module/progress/context.js +5 -0
- package/lib/module/progress/context.js.map +1 -0
- package/lib/module/progress/createProgressIndicator.js +37 -0
- package/lib/module/progress/createProgressIndicator.js.map +1 -0
- package/lib/module/progress/createProgressRoot.js +91 -0
- package/lib/module/progress/createProgressRoot.js.map +1 -0
- package/lib/module/progress/index.js +15 -0
- package/lib/module/progress/index.js.map +1 -0
- package/lib/module/progress/types.js +4 -0
- package/lib/module/progress/types.js.map +1 -0
- package/lib/module/select/context.js +4 -42
- package/lib/module/select/context.js.map +1 -1
- package/lib/module/select/createSelectItem.js +2 -2
- package/lib/module/select/createSelectItem.js.map +1 -1
- package/lib/module/select/createSelectRoot.js +10 -7
- package/lib/module/select/createSelectRoot.js.map +1 -1
- package/lib/module/select/createSelectTrigger.js +56 -15
- package/lib/module/select/createSelectTrigger.js.map +1 -1
- package/lib/module/switch/createSwitchRoot.js +67 -0
- package/lib/module/switch/createSwitchRoot.js.map +1 -0
- package/lib/module/switch/index.js +11 -0
- package/lib/module/switch/index.js.map +1 -0
- package/lib/module/switch/types.js +4 -0
- package/lib/module/switch/types.js.map +1 -0
- package/lib/module/types.js +2 -0
- package/lib/module/types.js.map +1 -0
- package/lib/module/utils/createPortal.js +19 -0
- package/lib/module/utils/createPortal.js.map +1 -0
- package/lib/module/utils/dataAttributes.web.js +1 -4
- package/lib/module/utils/dataAttributes.web.js.map +1 -1
- package/lib/typescript/avatar/context.d.ts +6 -0
- package/lib/typescript/avatar/context.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarBadge.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarBadge.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarIcon.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarIcon.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarImage.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarImage.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarRoot.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarRoot.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarText.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarText.d.ts.map +1 -0
- package/lib/typescript/avatar/index.d.ts +11 -0
- package/lib/typescript/avatar/index.d.ts.map +1 -0
- package/lib/typescript/avatar/types.d.ts +33 -0
- package/lib/typescript/avatar/types.d.ts.map +1 -0
- package/lib/typescript/button/context.d.ts +1 -1
- package/lib/typescript/button/context.d.ts.map +1 -1
- package/lib/typescript/button/createButtonRoot.d.ts +1 -1
- package/lib/typescript/button/createButtonRoot.d.ts.map +1 -1
- package/lib/typescript/button/index.d.ts +2 -1
- package/lib/typescript/button/index.d.ts.map +1 -1
- package/lib/typescript/button/types.d.ts +0 -7
- package/lib/typescript/button/types.d.ts.map +1 -1
- package/lib/typescript/checkbox/context.d.ts +18 -0
- package/lib/typescript/checkbox/context.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxGroup.d.ts +3 -0
- package/lib/typescript/checkbox/createCheckboxGroup.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxIcon.d.ts +3 -0
- package/lib/typescript/checkbox/createCheckboxIcon.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxIndicator.d.ts +5 -0
- package/lib/typescript/checkbox/createCheckboxIndicator.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxLabel.d.ts +5 -0
- package/lib/typescript/checkbox/createCheckboxLabel.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxRoot.d.ts +2 -0
- package/lib/typescript/checkbox/createCheckboxRoot.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts +2 -0
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts.map +1 -0
- package/lib/typescript/checkbox/index.d.ts +11 -0
- package/lib/typescript/checkbox/index.d.ts.map +1 -0
- package/lib/typescript/checkbox/types.d.ts +57 -0
- package/lib/typescript/checkbox/types.d.ts.map +1 -0
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts +152 -0
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts.map +1 -0
- package/lib/typescript/dialog/context.d.ts +6 -0
- package/lib/typescript/dialog/context.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogBody.d.ts +4 -0
- package/lib/typescript/dialog/createDialogBody.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogClose.d.ts +4 -0
- package/lib/typescript/dialog/createDialogClose.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogContent.d.ts +4 -0
- package/lib/typescript/dialog/createDialogContent.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogDescription.d.ts +4 -0
- package/lib/typescript/dialog/createDialogDescription.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogFooter.d.ts +4 -0
- package/lib/typescript/dialog/createDialogFooter.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogHeader.d.ts +4 -0
- package/lib/typescript/dialog/createDialogHeader.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogRoot.d.ts +4 -0
- package/lib/typescript/dialog/createDialogRoot.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogTitle.d.ts +4 -0
- package/lib/typescript/dialog/createDialogTitle.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogTrigger.d.ts +4 -0
- package/lib/typescript/dialog/createDialogTrigger.d.ts.map +1 -0
- package/lib/typescript/dialog/index.d.ts +18 -0
- package/lib/typescript/dialog/index.d.ts.map +1 -0
- package/lib/typescript/dialog/types.d.ts +52 -0
- package/lib/typescript/dialog/types.d.ts.map +1 -0
- package/lib/typescript/field/createFieldError.d.ts +5 -0
- package/lib/typescript/field/createFieldError.d.ts.map +1 -0
- package/lib/typescript/field/createFieldErrorIcon.d.ts +5 -0
- package/lib/typescript/field/createFieldErrorIcon.d.ts.map +1 -0
- package/lib/typescript/field/createFieldErrorText.d.ts +5 -0
- package/lib/typescript/field/createFieldErrorText.d.ts.map +1 -0
- package/lib/typescript/field/createFieldHelper.d.ts +5 -0
- package/lib/typescript/field/createFieldHelper.d.ts.map +1 -0
- package/lib/typescript/field/createFieldHelperText.d.ts +5 -0
- package/lib/typescript/field/createFieldHelperText.d.ts.map +1 -0
- package/lib/typescript/field/createFieldLabel.d.ts +6 -0
- package/lib/typescript/field/createFieldLabel.d.ts.map +1 -0
- package/lib/typescript/field/createFieldRoot.d.ts +6 -0
- package/lib/typescript/field/createFieldRoot.d.ts.map +1 -0
- package/lib/typescript/field/index.d.ts +13 -0
- package/lib/typescript/field/index.d.ts.map +1 -0
- package/lib/typescript/field/types.d.ts +63 -0
- package/lib/typescript/field/types.d.ts.map +1 -0
- package/lib/typescript/form/createFormRoot.d.ts +4 -0
- package/lib/typescript/form/createFormRoot.d.ts.map +1 -0
- package/lib/typescript/form/index.d.ts +6 -0
- package/lib/typescript/form/index.d.ts.map +1 -0
- package/lib/typescript/form/types.d.ts +14 -0
- package/lib/typescript/form/types.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +12 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/input/createInputField.d.ts.map +1 -1
- package/lib/typescript/input/index.d.ts +3 -3
- package/lib/typescript/input/index.d.ts.map +1 -1
- package/lib/typescript/input/types.d.ts +1 -2
- package/lib/typescript/input/types.d.ts.map +1 -1
- package/lib/typescript/link/LinkProvider.d.ts +36 -0
- package/lib/typescript/link/LinkProvider.d.ts.map +1 -0
- package/lib/typescript/link/createLink.d.ts +6 -0
- package/lib/typescript/link/createLink.d.ts.map +1 -0
- package/lib/typescript/link/index.d.ts +6 -0
- package/lib/typescript/link/index.d.ts.map +1 -0
- package/lib/typescript/link/types.d.ts +45 -0
- package/lib/typescript/link/types.d.ts.map +1 -0
- package/lib/typescript/link/useLink.d.ts +9 -0
- package/lib/typescript/link/useLink.d.ts.map +1 -0
- package/lib/typescript/otp-input/context.d.ts +10 -0
- package/lib/typescript/otp-input/context.d.ts.map +1 -0
- package/lib/typescript/otp-input/createOtpInputCell.d.ts +4 -0
- package/lib/typescript/otp-input/createOtpInputCell.d.ts.map +1 -0
- package/lib/typescript/otp-input/createOtpInputField.d.ts +4 -0
- package/lib/typescript/otp-input/createOtpInputField.d.ts.map +1 -0
- package/lib/typescript/otp-input/createOtpInputRoot.d.ts +4 -0
- package/lib/typescript/otp-input/createOtpInputRoot.d.ts.map +1 -0
- package/lib/typescript/otp-input/index.d.ts +11 -0
- package/lib/typescript/otp-input/index.d.ts.map +1 -0
- package/lib/typescript/otp-input/types.d.ts +75 -0
- package/lib/typescript/otp-input/types.d.ts.map +1 -0
- package/lib/typescript/otp-input/utils/applyValueChange.d.ts +10 -0
- package/lib/typescript/otp-input/utils/applyValueChange.d.ts.map +1 -0
- package/lib/typescript/otp-input/utils/filterValue.d.ts +7 -0
- package/lib/typescript/otp-input/utils/filterValue.d.ts.map +1 -0
- package/lib/typescript/overlay/OverlayContainer.d.ts +5 -1
- package/lib/typescript/overlay/OverlayContainer.d.ts.map +1 -1
- package/lib/typescript/overlay/index.d.ts +1 -0
- package/lib/typescript/overlay/index.d.ts.map +1 -1
- package/lib/typescript/overlay/useEscapeKey.d.ts +6 -0
- package/lib/typescript/overlay/useEscapeKey.d.ts.map +1 -0
- package/lib/typescript/overlay/useEscapeKey.web.d.ts +6 -0
- package/lib/typescript/overlay/useEscapeKey.web.d.ts.map +1 -0
- package/lib/typescript/progress/context.d.ts +13 -0
- package/lib/typescript/progress/context.d.ts.map +1 -0
- package/lib/typescript/progress/createProgressIndicator.d.ts +3 -0
- package/lib/typescript/progress/createProgressIndicator.d.ts.map +1 -0
- package/lib/typescript/progress/createProgressRoot.d.ts +4 -0
- package/lib/typescript/progress/createProgressRoot.d.ts.map +1 -0
- package/lib/typescript/progress/index.d.ts +10 -0
- package/lib/typescript/progress/index.d.ts.map +1 -0
- package/lib/typescript/progress/types.d.ts +25 -0
- package/lib/typescript/progress/types.d.ts.map +1 -0
- package/lib/typescript/select/context.d.ts +14 -7
- package/lib/typescript/select/context.d.ts.map +1 -1
- package/lib/typescript/select/createSelectRoot.d.ts.map +1 -1
- package/lib/typescript/select/createSelectTrigger.d.ts +2 -7
- package/lib/typescript/select/createSelectTrigger.d.ts.map +1 -1
- package/lib/typescript/select/types.d.ts +5 -7
- package/lib/typescript/select/types.d.ts.map +1 -1
- package/lib/typescript/switch/createSwitchRoot.d.ts +3 -0
- package/lib/typescript/switch/createSwitchRoot.d.ts.map +1 -0
- package/lib/typescript/switch/index.d.ts +7 -0
- package/lib/typescript/switch/index.d.ts.map +1 -0
- package/lib/typescript/switch/types.d.ts +38 -0
- package/lib/typescript/switch/types.d.ts.map +1 -0
- package/lib/typescript/types.d.ts +8 -0
- package/lib/typescript/types.d.ts.map +1 -0
- package/lib/typescript/utils/createPortal.d.ts +11 -0
- package/lib/typescript/utils/createPortal.d.ts.map +1 -0
- package/lib/typescript/utils/dataAttributes.web.d.ts.map +1 -1
- package/package.json +12 -3
- package/src/avatar/context.tsx +5 -0
- package/src/avatar/createAvatarBadge.tsx +12 -0
- package/src/avatar/createAvatarIcon.tsx +16 -0
- package/src/avatar/createAvatarImage.tsx +40 -0
- package/src/avatar/createAvatarRoot.tsx +23 -0
- package/src/avatar/createAvatarText.tsx +30 -0
- package/src/avatar/index.ts +43 -0
- package/src/avatar/types.ts +77 -0
- package/src/button/context.tsx +1 -1
- package/src/button/createButtonRoot.tsx +5 -4
- package/src/button/index.tsx +19 -19
- package/src/button/types.ts +0 -8
- package/src/checkbox/context.tsx +18 -0
- package/src/checkbox/createCheckboxGroup.tsx +32 -0
- package/src/checkbox/createCheckboxIcon.tsx +18 -0
- package/src/checkbox/createCheckboxIndicator.tsx +43 -0
- package/src/checkbox/createCheckboxLabel.tsx +42 -0
- package/src/checkbox/createCheckboxRoot.tsx +100 -0
- package/src/checkbox/createCheckboxRoot.web.tsx +79 -0
- package/src/checkbox/index.ts +43 -0
- package/src/checkbox/types.ts +74 -0
- package/src/checkbox/useCheckboxRoot.ts +85 -0
- package/src/dialog/context.tsx +4 -0
- package/src/dialog/createDialogBody.tsx +11 -0
- package/src/dialog/createDialogClose.tsx +27 -0
- package/src/dialog/createDialogContent.tsx +122 -0
- package/src/dialog/createDialogDescription.tsx +20 -0
- package/src/dialog/createDialogFooter.tsx +11 -0
- package/src/dialog/createDialogHeader.tsx +11 -0
- package/src/dialog/createDialogRoot.tsx +66 -0
- package/src/dialog/createDialogTitle.tsx +11 -0
- package/src/dialog/createDialogTrigger.tsx +27 -0
- package/src/dialog/index.tsx +93 -0
- package/src/dialog/types.ts +88 -0
- package/src/field/createFieldError.tsx +32 -0
- package/src/field/createFieldErrorIcon.tsx +9 -0
- package/src/field/createFieldErrorText.tsx +9 -0
- package/src/field/createFieldHelper.tsx +28 -0
- package/src/field/createFieldHelperText.tsx +9 -0
- package/src/field/createFieldLabel.tsx +30 -0
- package/src/field/createFieldRoot.tsx +27 -0
- package/src/field/index.tsx +68 -0
- package/src/field/types.tsx +78 -0
- package/src/form/createFormRoot.tsx +13 -0
- package/src/form/index.tsx +12 -0
- package/src/form/types.tsx +16 -0
- package/src/index.ts +12 -1
- package/src/input/createInputField.tsx +13 -3
- package/src/input/index.tsx +15 -28
- package/src/input/types.ts +0 -4
- package/src/link/LinkProvider.tsx +50 -0
- package/src/link/createLink.tsx +71 -0
- package/src/link/index.tsx +5 -0
- package/src/link/types.ts +47 -0
- package/src/link/useLink.ts +54 -0
- package/src/otp-input/context.tsx +8 -0
- package/src/otp-input/createOtpInputCell.tsx +22 -0
- package/src/otp-input/createOtpInputField.tsx +98 -0
- package/src/otp-input/createOtpInputRoot.tsx +179 -0
- package/src/otp-input/index.tsx +34 -0
- package/src/otp-input/types.ts +92 -0
- package/src/otp-input/utils/applyValueChange.ts +56 -0
- package/src/otp-input/utils/filterValue.ts +37 -0
- package/src/overlay/OverlayContainer.tsx +9 -18
- package/src/overlay/index.ts +1 -0
- package/src/overlay/useEscapeKey.ts +7 -0
- package/src/overlay/useEscapeKey.web.ts +27 -0
- package/src/progress/context.tsx +13 -0
- package/src/progress/createProgressIndicator.tsx +35 -0
- package/src/progress/createProgressRoot.tsx +109 -0
- package/src/progress/index.ts +28 -0
- package/src/progress/types.ts +37 -0
- package/src/select/context.tsx +9 -44
- package/src/select/createSelectItem.tsx +3 -3
- package/src/select/createSelectRoot.tsx +10 -6
- package/src/select/createSelectTrigger.tsx +62 -36
- package/src/select/types.ts +5 -10
- package/src/switch/createSwitchRoot.tsx +72 -0
- package/src/switch/index.ts +16 -0
- package/src/switch/types.ts +42 -0
- package/src/types.ts +7 -0
- package/src/utils/createPortal.ts +20 -0
- package/src/utils/dataAttributes.web.ts +2 -4
- package/lib/commonjs/input/createInputIcon.js +0 -20
- package/lib/commonjs/input/createInputIcon.js.map +0 -1
- package/lib/module/input/createInputIcon.js.map +0 -1
- package/lib/typescript/input/createInputIcon.d.ts +0 -4
- package/lib/typescript/input/createInputIcon.d.ts.map +0 -1
- package/src/input/createInputIcon.tsx +0 -12
package/README.md
CHANGED
|
@@ -15,3 +15,38 @@ pnpm add @cdx-ui/primitives
|
|
|
15
15
|
- `react` >= 18.0.0
|
|
16
16
|
- `react-native` >= 0.74.0 _(optional)_
|
|
17
17
|
- `react-native-web` >= 0.19.0 _(optional)_
|
|
18
|
+
|
|
19
|
+
## Factory functions
|
|
20
|
+
|
|
21
|
+
Each `create*` factory accepts a map of base React Native components and returns a compound component with built-in interaction state tracking, accessibility (roles, ARIA props, keyboard handling), and context propagation.
|
|
22
|
+
|
|
23
|
+
| Factory | Returns |
|
|
24
|
+
| --- | --- |
|
|
25
|
+
| `createButton` | `Button` + `.Text` `.Group` `.Spinner` `.Icon` |
|
|
26
|
+
| `createInput` | `Input` + `.Slot` `.Field` |
|
|
27
|
+
| `createSelect` | `Select` + `.Trigger` `.Value` `.Icon` `.Content` `.Item` `.ItemLabel` |
|
|
28
|
+
| `createCheckbox` | `Checkbox` + `.Indicator` `.Icon` `.Label` `.Group` |
|
|
29
|
+
| `createSwitch` | `Switch` |
|
|
30
|
+
| `createLink` | `Link` |
|
|
31
|
+
| `createAvatar` | `Avatar` + `.Image` `.Text` `.Icon` `.Badge` |
|
|
32
|
+
| `createDialog` | `Dialog` + `.Root` `.Trigger` `.Content` `.Header` `.Title` `.Description` `.Body` `.Footer` `.Close` |
|
|
33
|
+
| `createField` | `Field` + `.Label` `.Helper` `.HelperText` `.Error` `.ErrorText` `.ErrorIcon` |
|
|
34
|
+
| `createForm` | `Form` |
|
|
35
|
+
| `createOtpInput` | `OtpInput` + `.Cell` `.Field` |
|
|
36
|
+
| `createProgress` | `Progress` + `.Indicator` |
|
|
37
|
+
|
|
38
|
+
### Utility exports
|
|
39
|
+
|
|
40
|
+
| Export | Description |
|
|
41
|
+
| --- | --- |
|
|
42
|
+
| `dataAttributes` | Builds `data-hover`, `data-active`, `data-focus-visible`, etc. from an `InteractionState` object. |
|
|
43
|
+
| `OverlayInsetsProvider` | Context provider for safe-area insets used by overlay/dialog positioning. |
|
|
44
|
+
| `InteractionState` | Type: `{ hover, focus, active, disabled, focusVisible }`. |
|
|
45
|
+
| `EdgeInsets` | Type: `{ top, right, bottom, left }`. |
|
|
46
|
+
|
|
47
|
+
The dialog module also exports `DialogProvider` and `useDialog()` for imperative control, and the link module exports `LinkProvider` for router integration.
|
|
48
|
+
|
|
49
|
+
## Further reading
|
|
50
|
+
|
|
51
|
+
- [Advanced Usage — Primitives](../../docs/advanced-usage.md) — full examples for every factory, Uniwind integration, type reference
|
|
52
|
+
- [Definitions](../../docs/internal/practices/definitions.md) — artifact taxonomy (primitive vs component vs utility)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useAvatarContext = exports.AvatarProvider = void 0;
|
|
7
|
+
var _utils = require("@cdx-ui/utils");
|
|
8
|
+
const [AvatarProvider, useAvatarContext] = (0, _utils.createContext)('AvatarContext');
|
|
9
|
+
exports.useAvatarContext = useAvatarContext;
|
|
10
|
+
exports.AvatarProvider = AvatarProvider;
|
|
11
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_utils","require","AvatarProvider","useAvatarContext","createContext","exports"],"sourceRoot":"../../../src","sources":["avatar/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAC7C,IAAAC,oBAAa,EAAsB,eAAe,CAAC;AAACC,OAAA,CAAAF,gBAAA,GAAAA,gBAAA;AAAAE,OAAA,CAAAH,cAAA,GAAAA,cAAA","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createAvatarBadge = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
const createAvatarBadge = BaseBadge => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
10
|
+
children,
|
|
11
|
+
...props
|
|
12
|
+
}, ref) => {
|
|
13
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseBadge, {
|
|
14
|
+
ref: ref,
|
|
15
|
+
...props,
|
|
16
|
+
children: children
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
exports.createAvatarBadge = createAvatarBadge;
|
|
20
|
+
//# sourceMappingURL=createAvatarBadge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_jsxRuntime","createAvatarBadge","BaseBadge","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarBadge.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAmC,IAAAC,WAAA,GAAAD,OAAA;AAG5B,MAAME,iBAAiB,GAAQC,SAAiC,iBACrE,IAAAC,iBAAU,EAA6B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACtE,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACL,SAAS;IAACI,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC5BA;EAAQ,CACA,CAAC;AAEhB,CAAC,CAAC;AAACI,OAAA,CAAAP,iBAAA,GAAAA,iBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createAvatarIcon = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _context = require("./context");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const createAvatarIcon = BaseIcon => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
11
|
+
children,
|
|
12
|
+
style,
|
|
13
|
+
...props
|
|
14
|
+
}, ref) => {
|
|
15
|
+
const {
|
|
16
|
+
imageLoaded,
|
|
17
|
+
imageError
|
|
18
|
+
} = (0, _context.useAvatarContext)();
|
|
19
|
+
const visible = !imageLoaded || imageError;
|
|
20
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseIcon, {
|
|
21
|
+
ref: ref,
|
|
22
|
+
style: [style, !visible && {
|
|
23
|
+
opacity: 0
|
|
24
|
+
}],
|
|
25
|
+
...props,
|
|
26
|
+
children: children
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
exports.createAvatarIcon = createAvatarIcon;
|
|
30
|
+
//# sourceMappingURL=createAvatarIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_context","_jsxRuntime","createAvatarIcon","BaseIcon","forwardRef","children","style","props","ref","imageLoaded","imageError","useAvatarContext","visible","jsx","opacity","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarIcon.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAGtC,MAAMG,gBAAgB,GAAQC,QAAgC,iBACnE,IAAAC,iBAAU,EAA4B,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EACtD,MAAMC,OAAO,GAAG,CAACH,WAAW,IAAIC,UAAU;EAE1C,oBACE,IAAAT,WAAA,CAAAY,GAAA,EAACV,QAAQ;IAACK,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAE,CAACM,OAAO,IAAI;MAAEE,OAAO,EAAE;IAAE,CAAC,CAAE;IAAA,GAAMP,KAAK;IAAAF,QAAA,EACvEA;EAAQ,CACD,CAAC;AAEf,CAAC,CAAC;AAACU,OAAA,CAAAb,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createAvatarImage = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _context = require("./context");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const createAvatarImage = BaseImage => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
11
|
+
src,
|
|
12
|
+
source,
|
|
13
|
+
onLoad,
|
|
14
|
+
onError,
|
|
15
|
+
...props
|
|
16
|
+
}, ref) => {
|
|
17
|
+
const {
|
|
18
|
+
imageError,
|
|
19
|
+
setImageLoaded,
|
|
20
|
+
setImageError
|
|
21
|
+
} = (0, _context.useAvatarContext)();
|
|
22
|
+
const resolvedSource = (0, _react.useMemo)(() => src ? {
|
|
23
|
+
uri: src
|
|
24
|
+
} : source, [src, source]);
|
|
25
|
+
(0, _react.useEffect)(() => {
|
|
26
|
+
if (!resolvedSource) {
|
|
27
|
+
setImageError(true);
|
|
28
|
+
} else {
|
|
29
|
+
setImageError(false);
|
|
30
|
+
setImageLoaded(false);
|
|
31
|
+
}
|
|
32
|
+
}, [resolvedSource, setImageError, setImageLoaded]);
|
|
33
|
+
if (!resolvedSource || imageError) {
|
|
34
|
+
return null;
|
|
35
|
+
}
|
|
36
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseImage, {
|
|
37
|
+
ref: ref,
|
|
38
|
+
source: resolvedSource,
|
|
39
|
+
onLoad: e => {
|
|
40
|
+
setImageLoaded(true);
|
|
41
|
+
onLoad?.(e);
|
|
42
|
+
},
|
|
43
|
+
onError: e => {
|
|
44
|
+
setImageError(true);
|
|
45
|
+
onError?.(e);
|
|
46
|
+
},
|
|
47
|
+
...props
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
exports.createAvatarImage = createAvatarImage;
|
|
51
|
+
//# sourceMappingURL=createAvatarImage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_context","_jsxRuntime","createAvatarImage","BaseImage","forwardRef","src","source","onLoad","onError","props","ref","imageError","setImageLoaded","setImageError","useAvatarContext","resolvedSource","useMemo","uri","useEffect","jsx","e","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarImage.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAGtC,MAAMG,iBAAiB,GAAQC,SAAiC,iBACrE,IAAAC,iBAAU,EAA6B,CAAC;EAAEC,GAAG;EAAEC,MAAM;EAAEC,MAAM;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1F,MAAM;IAAEC,UAAU;IAAEC,cAAc;IAAEC;EAAc,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EAExE,MAAMC,cAAc,GAAG,IAAAC,cAAO,EAAC,MAAOX,GAAG,GAAG;IAAEY,GAAG,EAAEZ;EAAI,CAAC,GAAGC,MAAO,EAAE,CAACD,GAAG,EAAEC,MAAM,CAAC,CAAC;EAElF,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAI,CAACH,cAAc,EAAE;MACnBF,aAAa,CAAC,IAAI,CAAC;IACrB,CAAC,MAAM;MACLA,aAAa,CAAC,KAAK,CAAC;MACpBD,cAAc,CAAC,KAAK,CAAC;IACvB;EACF,CAAC,EAAE,CAACG,cAAc,EAAEF,aAAa,EAAED,cAAc,CAAC,CAAC;EAEnD,IAAI,CAACG,cAAc,IAAIJ,UAAU,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,oBACE,IAAAV,WAAA,CAAAkB,GAAA,EAAChB,SAAS;IACRO,GAAG,EAAEA,GAAI;IACTJ,MAAM,EAAES,cAAe;IACvBR,MAAM,EAAGa,CAAU,IAAK;MACtBR,cAAc,CAAC,IAAI,CAAC;MACnBL,MAAM,GAA4Ba,CAAC,CAAC;IACvC,CAAE;IACFZ,OAAO,EAAGY,CAAU,IAAK;MACvBP,aAAa,CAAC,IAAI,CAAC;MAClBL,OAAO,GAA4BY,CAAC,CAAC;IACxC,CAAE;IAAA,GACGX;EAAK,CACX,CAAC;AAEN,CAAC,CAAC;AAACY,OAAA,CAAAnB,iBAAA,GAAAA,iBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createAvatarRoot = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _context = require("./context");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const createAvatarRoot = BaseAvatar => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
11
|
+
children,
|
|
12
|
+
...props
|
|
13
|
+
}, ref) => {
|
|
14
|
+
const [imageLoaded, setImageLoaded] = (0, _react.useState)(false);
|
|
15
|
+
const [imageError, setImageError] = (0, _react.useState)(false);
|
|
16
|
+
const contextValue = (0, _react.useMemo)(() => ({
|
|
17
|
+
imageLoaded,
|
|
18
|
+
imageError,
|
|
19
|
+
setImageLoaded,
|
|
20
|
+
setImageError
|
|
21
|
+
}), [imageLoaded, imageError]);
|
|
22
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.AvatarProvider, {
|
|
23
|
+
value: contextValue,
|
|
24
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseAvatar, {
|
|
25
|
+
ref: ref,
|
|
26
|
+
role: "img",
|
|
27
|
+
accessibilityRole: "image",
|
|
28
|
+
...props,
|
|
29
|
+
children: children
|
|
30
|
+
})
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
exports.createAvatarRoot = createAvatarRoot;
|
|
34
|
+
//# sourceMappingURL=createAvatarRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_context","_jsxRuntime","createAvatarRoot","BaseAvatar","forwardRef","children","props","ref","imageLoaded","setImageLoaded","useState","imageError","setImageError","contextValue","useMemo","jsx","AvatarProvider","value","role","accessibilityRole","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarRoot.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA2C,IAAAE,WAAA,GAAAF,OAAA;AAGpC,MAAMG,gBAAgB,GAAQC,UAAkC,iBACrE,IAAAC,iBAAU,EAAwB,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAEnD,MAAMG,YAAY,GAAG,IAAAC,cAAO,EAC1B,OAAO;IAAEN,WAAW;IAAEG,UAAU;IAAEF,cAAc;IAAEG;EAAc,CAAC,CAAC,EAClE,CAACJ,WAAW,EAAEG,UAAU,CAC1B,CAAC;EAED,oBACE,IAAAV,WAAA,CAAAc,GAAA,EAACf,QAAA,CAAAgB,cAAc;IAACC,KAAK,EAAEJ,YAAa;IAAAR,QAAA,eAClC,IAAAJ,WAAA,CAAAc,GAAA,EAACZ,UAAU;MAACI,GAAG,EAAEA,GAAI;MAACW,IAAI,EAAC,KAAK;MAACC,iBAAiB,EAAC,OAAO;MAAA,GAAMb,KAAK;MAAAD,QAAA,EAClEA;IAAQ,CACC;EAAC,CACC,CAAC;AAErB,CAAC,CAAC;AAACe,OAAA,CAAAlB,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createAvatarText = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _context = require("./context");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function getInitials(name) {
|
|
11
|
+
const words = name.trim().split(/\s+/);
|
|
12
|
+
let result = '';
|
|
13
|
+
for (const word of words) {
|
|
14
|
+
if (word.length > 0) {
|
|
15
|
+
result += word.charAt(0);
|
|
16
|
+
}
|
|
17
|
+
if (result.length >= 2) break;
|
|
18
|
+
}
|
|
19
|
+
return result.toUpperCase();
|
|
20
|
+
}
|
|
21
|
+
const createAvatarText = BaseText => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
22
|
+
children,
|
|
23
|
+
style,
|
|
24
|
+
...props
|
|
25
|
+
}, ref) => {
|
|
26
|
+
const {
|
|
27
|
+
imageLoaded,
|
|
28
|
+
imageError
|
|
29
|
+
} = (0, _context.useAvatarContext)();
|
|
30
|
+
const visible = !imageLoaded || imageError;
|
|
31
|
+
const text = typeof children === 'string' ? getInitials(children) : children;
|
|
32
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseText, {
|
|
33
|
+
ref: ref,
|
|
34
|
+
style: [style, !visible && {
|
|
35
|
+
opacity: 0
|
|
36
|
+
}],
|
|
37
|
+
...props,
|
|
38
|
+
children: text
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
exports.createAvatarText = createAvatarText;
|
|
42
|
+
//# sourceMappingURL=createAvatarText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_context","_jsxRuntime","getInitials","name","words","trim","split","result","word","length","charAt","toUpperCase","createAvatarText","BaseText","forwardRef","children","style","props","ref","imageLoaded","imageError","useAvatarContext","visible","text","jsx","opacity","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarText.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAG7C,SAASG,WAAWA,CAACC,IAAY,EAAU;EACzC,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK,CAAC;EACtC,IAAIC,MAAM,GAAG,EAAE;EACf,KAAK,MAAMC,IAAI,IAAIJ,KAAK,EAAE;IACxB,IAAII,IAAI,CAACC,MAAM,GAAG,CAAC,EAAE;MACnBF,MAAM,IAAIC,IAAI,CAACE,MAAM,CAAC,CAAC,CAAC;IAC1B;IACA,IAAIH,MAAM,CAACE,MAAM,IAAI,CAAC,EAAE;EAC1B;EACA,OAAOF,MAAM,CAACI,WAAW,CAAC,CAAC;AAC7B;AAEO,MAAMC,gBAAgB,GAAQC,QAAgC,iBACnE,IAAAC,iBAAU,EAA4B,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EACtD,MAAMC,OAAO,GAAG,CAACH,WAAW,IAAIC,UAAU;EAE1C,MAAMG,IAAI,GAAG,OAAOR,QAAQ,KAAK,QAAQ,GAAGb,WAAW,CAACa,QAAQ,CAAC,GAAGA,QAAQ;EAE5E,oBACE,IAAAd,WAAA,CAAAuB,GAAA,EAACX,QAAQ;IAACK,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAE,CAACM,OAAO,IAAI;MAAEG,OAAO,EAAE;IAAE,CAAC,CAAE;IAAA,GAAMR,KAAK;IAAAF,QAAA,EACvEQ;EAAI,CACG,CAAC;AAEf,CAAC,CAAC;AAACG,OAAA,CAAAd,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createAvatar = createAvatar;
|
|
7
|
+
var _createAvatarBadge = require("./createAvatarBadge");
|
|
8
|
+
var _createAvatarIcon = require("./createAvatarIcon");
|
|
9
|
+
var _createAvatarText = require("./createAvatarText");
|
|
10
|
+
var _createAvatarImage = require("./createAvatarImage");
|
|
11
|
+
var _createAvatarRoot = require("./createAvatarRoot");
|
|
12
|
+
function createAvatar(BaseComponents) {
|
|
13
|
+
const Avatar = (0, _createAvatarRoot.createAvatarRoot)(BaseComponents.Root);
|
|
14
|
+
const AvatarImage = (0, _createAvatarImage.createAvatarImage)(BaseComponents.Image);
|
|
15
|
+
const Text = (0, _createAvatarText.createAvatarText)(BaseComponents.Text);
|
|
16
|
+
const AvatarIcon = (0, _createAvatarIcon.createAvatarIcon)(BaseComponents.Icon);
|
|
17
|
+
const Badge = (0, _createAvatarBadge.createAvatarBadge)(BaseComponents.Badge);
|
|
18
|
+
Avatar.displayName = 'AvatarPrimitive';
|
|
19
|
+
AvatarImage.displayName = 'AvatarPrimitive.Image';
|
|
20
|
+
Text.displayName = 'AvatarPrimitive.Text';
|
|
21
|
+
AvatarIcon.displayName = 'AvatarPrimitive.Icon';
|
|
22
|
+
Badge.displayName = 'AvatarPrimitive.Badge';
|
|
23
|
+
return Object.assign(Avatar, {
|
|
24
|
+
Image: AvatarImage,
|
|
25
|
+
Text,
|
|
26
|
+
Icon: AvatarIcon,
|
|
27
|
+
Badge
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_createAvatarBadge","require","_createAvatarIcon","_createAvatarText","_createAvatarImage","_createAvatarRoot","createAvatar","BaseComponents","Avatar","createAvatarRoot","Root","AvatarImage","createAvatarImage","Image","Text","createAvatarText","AvatarIcon","createAvatarIcon","Icon","Badge","createAvatarBadge","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["avatar/index.ts"],"mappings":";;;;;;AACA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAYO,SAASK,YAAYA,CAAiCC,cAM5D,EAAE;EACD,MAAMC,MAAM,GAAG,IAAAC,kCAAgB,EAACF,cAAc,CAACG,IAAI,CAAC;EACpD,MAAMC,WAAW,GAAG,IAAAC,oCAAiB,EAACL,cAAc,CAACM,KAAK,CAAC;EAC3D,MAAMC,IAAI,GAAG,IAAAC,kCAAgB,EAACR,cAAc,CAACO,IAAI,CAAC;EAClD,MAAME,UAAU,GAAG,IAAAC,kCAAgB,EAACV,cAAc,CAACW,IAAI,CAAC;EACxD,MAAMC,KAAK,GAAG,IAAAC,oCAAiB,EAACb,cAAc,CAACY,KAAK,CAAC;EAErDX,MAAM,CAACa,WAAW,GAAG,iBAAiB;EACtCV,WAAW,CAACU,WAAW,GAAG,uBAAuB;EACjDP,IAAI,CAACO,WAAW,GAAG,sBAAsB;EACzCL,UAAU,CAACK,WAAW,GAAG,sBAAsB;EAC/CF,KAAK,CAACE,WAAW,GAAG,uBAAuB;EAE3C,OAAOC,MAAM,CAACC,MAAM,CAACf,MAAM,EAAE;IAC3BK,KAAK,EAAEF,WAAW;IAClBG,IAAI;IACJI,IAAI,EAAEF,UAAU;IAChBG;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["avatar/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -43,7 +43,7 @@ const createButtonRoot = BaseButton => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
43
43
|
hover: isHoveredProp || isHovered,
|
|
44
44
|
focus: isFocusedProp || isFocused,
|
|
45
45
|
active: isActiveProp || isActive,
|
|
46
|
-
disabled: isDisabled,
|
|
46
|
+
disabled: !!isDisabled,
|
|
47
47
|
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
48
48
|
};
|
|
49
49
|
}, [isHovered, isHoveredProp, isFocused, isFocusedProp, isActive, isActiveProp, isDisabled, isFocusVisible, isFocusVisibleProp]);
|
|
@@ -56,7 +56,7 @@ const createButtonRoot = BaseButton => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
56
56
|
hover: isHoveredProp || isHovered,
|
|
57
57
|
focus: isFocusedProp || isFocused,
|
|
58
58
|
active: isActiveProp || isActive,
|
|
59
|
-
disabled: isDisabled,
|
|
59
|
+
disabled: !!isDisabled,
|
|
60
60
|
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
61
61
|
}),
|
|
62
62
|
disabled: isDisabled,
|
|
@@ -71,7 +71,7 @@ const createButtonRoot = BaseButton => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
71
71
|
hover: isHoveredProp || isHovered,
|
|
72
72
|
focus: isFocusedProp || isFocused,
|
|
73
73
|
active: isActiveProp || isActive,
|
|
74
|
-
disabled: isDisabled,
|
|
74
|
+
disabled: !!isDisabled,
|
|
75
75
|
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
76
76
|
}) : children
|
|
77
77
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_utils","_focus","_interactions","_dataAttributes","_context","_jsxRuntime","createButtonRoot","BaseButton","forwardRef","children","isDisabled","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","focusProps","useFocus","focusRingProps","useFocusRing","pressProps","pressableProps","isPressed","usePress","hoverProps","useHover","contextValue","useMemo","hover","focus","active","disabled","focusVisible","jsx","ButtonProvider","value","role","dataAttributes","onPressIn","composeEventHandlers","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","exports"],"sourceRoot":"../../../src","sources":["button/createButtonRoot.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_focus","_interactions","_dataAttributes","_context","_jsxRuntime","createButtonRoot","BaseButton","forwardRef","children","isDisabled","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","focusProps","useFocus","focusRingProps","useFocusRing","pressProps","pressableProps","isPressed","usePress","hoverProps","useHover","contextValue","useMemo","hover","focus","active","disabled","focusVisible","jsx","ButtonProvider","value","role","dataAttributes","onPressIn","composeEventHandlers","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","exports"],"sourceRoot":"../../../src","sources":["button/createButtonRoot.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAA2C,IAAAM,WAAA,GAAAN,OAAA;AAGpC,MAAMO,gBAAgB,GAAQC,UAAkC,iBACrE,IAAAC,iBAAU,EACR,CACE;EACEC,QAAQ;EACRC,UAAU;EACVC,SAAS,EAAEC,aAAa;EACxBC,QAAQ,EAAEC,YAAY;EACtBC,SAAS,EAAEC,aAAa;EACxBC,cAAc,EAAEC,kBAAkB;EAClC,GAAGC;AAGL,CAAC,EACDC,GAAkB,KACf;EACH,MAAM;IAAEL,SAAS;IAAEM;EAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC5C,MAAM;IAAEL,cAAc;IAAEI,UAAU,EAAEE;EAAe,CAAC,GAAG,IAAAC,mBAAY,EAAC,CAGnE;EACD,MAAM;IAAEC,UAAU,EAAEC,cAAc;IAAEC,SAAS,EAAEd;EAAS,CAAC,GAAG,IAAAe,sBAAQ,EAAC;IACnElB;EACF,CAAC,CAAC;EACF,MAAM;IAAEC,SAAS;IAAEkB;EAAW,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAC5C,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM;IACjC,OAAO;MACLC,KAAK,EAAErB,aAAa,IAAID,SAAS;MACjCuB,KAAK,EAAElB,aAAa,IAAID,SAAS;MACjCoB,MAAM,EAAErB,YAAY,IAAID,QAAQ;MAChCuB,QAAQ,EAAE,CAAC,CAAC1B,UAAU;MACtB2B,YAAY,EAAEnB,kBAAkB,IAAID;IACtC,CAAC;EACH,CAAC,EAAE,CACDN,SAAS,EACTC,aAAa,EACbG,SAAS,EACTC,aAAa,EACbH,QAAQ,EACRC,YAAY,EACZJ,UAAU,EACVO,cAAc,EACdC,kBAAkB,CACnB,CAAC;EAEF,oBACE,IAAAb,WAAA,CAAAiC,GAAA,EAAClC,QAAA,CAAAmC,cAAc;IAACC,KAAK,EAAET,YAAa;IAAAtB,QAAA,eAClC,IAAAJ,WAAA,CAAAiC,GAAA,EAAC/B,UAAU;MACTa,GAAG,EAAEA,GAAI;MACTqB,IAAI,EAAEtB,KAAK,EAAEsB,IAAI,IAAI,QAAS;MAAA,GAC1B,IAAAC,8BAAc,EAAC;QACjBT,KAAK,EAAErB,aAAa,IAAID,SAAS;QACjCuB,KAAK,EAAElB,aAAa,IAAID,SAAS;QACjCoB,MAAM,EAAErB,YAAY,IAAID,QAAQ;QAChCuB,QAAQ,EAAE,CAAC,CAAC1B,UAAU;QACtB2B,YAAY,EAAEnB,kBAAkB,IAAID;MACtC,CAAC,CAAC;MACFmB,QAAQ,EAAE1B,UAAW;MAAA,GAChBS,KAAK;MACVwB,SAAS,EAAE,IAAAC,2BAAoB,EAACzB,KAAK,EAAEwB,SAAS,EAAEjB,cAAc,CAACiB,SAAS,CAAE;MAC5EE,UAAU,EAAE,IAAAD,2BAAoB,EAACzB,KAAK,EAAE0B,UAAU,EAAEnB,cAAc,CAACmB,UAAU,CAAE;MAC/EC,SAAS,EAAE,IAAAF,2BAAoB,EAACzB,KAAK,EAAE2B,SAAS,EAAEjB,UAAU,CAACiB,SAAS,CAAE;MACxEC,UAAU,EAAE,IAAAH,2BAAoB,EAACzB,KAAK,EAAE4B,UAAU,EAAElB,UAAU,CAACkB,UAAU,CAAE;MAC3EC,OAAO,EAAE,IAAAJ,2BAAoB,EAC3B,IAAAA,2BAAoB,EAClBzB,KAAK,EAAE6B,OAAO,EACd3B,UAAU,CAAC2B,OACb,CAAC,EACDzB,cAAc,CAACyB,OACjB,CAAE;MACFC,MAAM,EAAE,IAAAL,2BAAoB,EAC1B,IAAAA,2BAAoB,EAClBzB,KAAK,EAAE8B,MAAM,EACb5B,UAAU,CAAC4B,MACb,CAAC,EACD1B,cAAc,CAAC0B,MACjB,CAAE;MAAAxC,QAAA,EAED,OAAOA,QAAQ,KAAK,UAAU,GAC3BA,QAAQ,CAAC;QACPwB,KAAK,EAAErB,aAAa,IAAID,SAAS;QACjCuB,KAAK,EAAElB,aAAa,IAAID,SAAS;QACjCoB,MAAM,EAAErB,YAAY,IAAID,QAAQ;QAChCuB,QAAQ,EAAE,CAAC,CAAC1B,UAAU;QACtB2B,YAAY,EAAEnB,kBAAkB,IAAID;MACtC,CAAC,CAAC,GACFR;IAAQ,CACF;EAAC,CACC,CAAC;AAErB,CACF,CAAC;AAACyC,OAAA,CAAA5C,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -4,28 +4,34 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createButton = createButton;
|
|
7
|
-
|
|
7
|
+
Object.defineProperty(exports, "useButtonContext", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _context.useButtonContext;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
8
13
|
var _createButtonGroup = require("./createButtonGroup");
|
|
9
14
|
var _createButtonIcon = require("./createButtonIcon");
|
|
15
|
+
var _createButtonRoot = require("./createButtonRoot");
|
|
10
16
|
var _createButtonSpinner = require("./createButtonSpinner");
|
|
11
17
|
var _createButtonText = require("./createButtonText");
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
Button
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
18
|
+
var _context = require("./context");
|
|
19
|
+
function createButton(BaseComponents) {
|
|
20
|
+
const Button = (0, _createButtonRoot.createButtonRoot)(BaseComponents.Root);
|
|
21
|
+
const Text = (0, _createButtonText.createButtonText)(BaseComponents.Text);
|
|
22
|
+
const Group = (0, _createButtonGroup.createButtonGroup)(BaseComponents.Group);
|
|
23
|
+
const Spinner = (0, _createButtonSpinner.createButtonSpinner)(BaseComponents.Spinner);
|
|
24
|
+
const Icon = (0, _createButtonIcon.createButtonIcon)(BaseComponents.Icon);
|
|
25
|
+
Button.displayName = 'ButtonPrimitive';
|
|
26
|
+
Text.displayName = 'ButtonPrimitive.Text';
|
|
27
|
+
Group.displayName = 'ButtonPrimitive.Group';
|
|
28
|
+
Spinner.displayName = 'ButtonPrimitive.Spinner';
|
|
29
|
+
Icon.displayName = 'ButtonPrimitive.Icon';
|
|
30
|
+
return Object.assign(Button, {
|
|
31
|
+
Text,
|
|
32
|
+
Group,
|
|
33
|
+
Spinner,
|
|
34
|
+
Icon
|
|
35
|
+
});
|
|
30
36
|
}
|
|
31
37
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_createButtonGroup","require","_createButtonIcon","_createButtonRoot","_createButtonSpinner","_createButtonText","_context","createButton","BaseComponents","Button","createButtonRoot","Root","Text","createButtonText","Group","createButtonGroup","Spinner","createButtonSpinner","Icon","createButtonIcon","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["button/index.tsx"],"mappings":";;;;;;;;;;;;AACA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAIA,IAAAK,QAAA,GAAAL,OAAA;AAEO,SAASM,YAAYA,CAQ1BC,cAMD,EAAE;EACD,MAAMC,MAAM,GAAG,IAAAC,kCAAgB,EAACF,cAAc,CAACG,IAAI,CAAC;EACpD,MAAMC,IAAI,GAAG,IAAAC,kCAAgB,EAACL,cAAc,CAACI,IAAI,CAAC;EAClD,MAAME,KAAK,GAAG,IAAAC,oCAAiB,EAACP,cAAc,CAACM,KAAK,CAAC;EACrD,MAAME,OAAO,GAAG,IAAAC,wCAAmB,EAACT,cAAc,CAACQ,OAAO,CAAC;EAC3D,MAAME,IAAI,GAAG,IAAAC,kCAAgB,EAACX,cAAc,CAACU,IAAI,CAAC;EAElDT,MAAM,CAACW,WAAW,GAAG,iBAAiB;EACtCR,IAAI,CAACQ,WAAW,GAAG,sBAAsB;EACzCN,KAAK,CAACM,WAAW,GAAG,uBAAuB;EAC3CJ,OAAO,CAACI,WAAW,GAAG,yBAAyB;EAC/CF,IAAI,CAACE,WAAW,GAAG,sBAAsB;EAEzC,OAAOC,MAAM,CAACC,MAAM,CAACb,MAAM,EAAE;IAC3BG,IAAI;IACJE,KAAK;IACLE,OAAO;IACPE;EACF,CAAC,CAAC;AASJ","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useCheckboxContext = exports.CheckboxProvider = exports.CheckboxGroupContext = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
const [CheckboxProvider, useCheckboxContext] = (0, _utils.createContext)('CheckboxContext');
|
|
11
|
+
exports.useCheckboxContext = useCheckboxContext;
|
|
12
|
+
exports.CheckboxProvider = CheckboxProvider;
|
|
13
|
+
const CheckboxGroupContext = exports.CheckboxGroupContext = /*#__PURE__*/_react.default.createContext(null);
|
|
14
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_utils","e","__esModule","default","CheckboxProvider","useCheckboxContext","createContext","exports","CheckboxGroupContext","React"],"sourceRoot":"../../../src","sources":["checkbox/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA8C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGvC,MAAM,CAACG,gBAAgB,EAAEC,kBAAkB,CAAC,GACjD,IAAAC,oBAAa,EAAwB,iBAAiB,CAAC;AAACC,OAAA,CAAAF,kBAAA,GAAAA,kBAAA;AAAAE,OAAA,CAAAH,gBAAA,GAAAA,gBAAA;AAUnD,MAAMI,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,gBAAGC,cAAK,CAACH,aAAa,CAE7C,IAAI,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createCheckboxGroup = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _checkbox = require("@react-native-aria/checkbox");
|
|
10
|
+
var _checkbox2 = require("@react-stately/checkbox");
|
|
11
|
+
var _context = require("./context");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
const createCheckboxGroup = BaseCheckboxGroup => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
14
|
+
children,
|
|
15
|
+
...props
|
|
16
|
+
}, ref) => {
|
|
17
|
+
const state = (0, _checkbox2.useCheckboxGroupState)({
|
|
18
|
+
...props,
|
|
19
|
+
validationState: props.isInvalid ? 'invalid' : 'valid'
|
|
20
|
+
});
|
|
21
|
+
const {
|
|
22
|
+
groupProps
|
|
23
|
+
} = (0, _checkbox.useCheckboxGroup)({
|
|
24
|
+
...props,
|
|
25
|
+
'aria-label': props['aria-label']
|
|
26
|
+
}, state);
|
|
27
|
+
const formControlContext = (0, _utils.useFormControlContext)();
|
|
28
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.CheckboxGroupContext.Provider, {
|
|
29
|
+
value: {
|
|
30
|
+
state: {
|
|
31
|
+
...formControlContext,
|
|
32
|
+
...state
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckboxGroup, {
|
|
36
|
+
...groupProps,
|
|
37
|
+
...props,
|
|
38
|
+
ref: ref,
|
|
39
|
+
children: children
|
|
40
|
+
})
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
exports.createCheckboxGroup = createCheckboxGroup;
|
|
44
|
+
//# sourceMappingURL=createCheckboxGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_checkbox","_checkbox2","_context","_jsxRuntime","createCheckboxGroup","BaseCheckboxGroup","forwardRef","children","props","ref","state","useCheckboxGroupState","validationState","isInvalid","groupProps","useCheckboxGroup","formControlContext","useFormControlContext","jsx","CheckboxGroupContext","Provider","value","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxGroup.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAiD,IAAAK,WAAA,GAAAL,OAAA;AAG1C,MAAMM,mBAAmB,GAAQC,iBAAyC,iBAC/E,IAAAC,iBAAU,EAAC,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAA2B,CAAC,EAAEC,GAAkB,KAAK;EAC9E,MAAMC,KAAK,GAAG,IAAAC,gCAAqB,EAAC;IAClC,GAAGH,KAAK;IACRI,eAAe,EAAEJ,KAAK,CAACK,SAAS,GAAG,SAAS,GAAG;EACjD,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,0BAAgB,EACrC;IACE,GAAGP,KAAK;IACR,YAAY,EAAEA,KAAK,CAAC,YAAY;EAClC,CAAC,EACDE,KACF,CAAC;EAED,MAAMM,kBAAkB,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAElD,oBACE,IAAAd,WAAA,CAAAe,GAAA,EAAChB,QAAA,CAAAiB,oBAAoB,CAACC,QAAQ;IAACC,KAAK,EAAE;MAAEX,KAAK,EAAE;QAAE,GAAGM,kBAAkB;QAAE,GAAGN;MAAM;IAAE,CAAE;IAAAH,QAAA,eACnF,IAAAJ,WAAA,CAAAe,GAAA,EAACb,iBAAiB;MAAA,GAAKS,UAAU;MAAA,GAAMN,KAAK;MAAEC,GAAG,EAAEA,GAAI;MAAAF,QAAA,EACpDA;IAAQ,CACQ;EAAC,CACS,CAAC;AAEpC,CAAC,CAAC;AAACe,OAAA,CAAAlB,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createCheckboxIcon = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _context = require("./context");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const createCheckboxIcon = BaseCheckboxIcon => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
11
|
+
children,
|
|
12
|
+
forceMount = false,
|
|
13
|
+
...props
|
|
14
|
+
}, ref) => {
|
|
15
|
+
const {
|
|
16
|
+
isChecked,
|
|
17
|
+
isIndeterminate
|
|
18
|
+
} = (0, _context.useCheckboxContext)();
|
|
19
|
+
if (forceMount || isChecked || isIndeterminate) {
|
|
20
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckboxIcon, {
|
|
21
|
+
...props,
|
|
22
|
+
ref: ref,
|
|
23
|
+
children: children
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
return null;
|
|
27
|
+
});
|
|
28
|
+
exports.createCheckboxIcon = createCheckboxIcon;
|
|
29
|
+
//# sourceMappingURL=createCheckboxIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_context","_jsxRuntime","createCheckboxIcon","BaseCheckboxIcon","forwardRef","children","forceMount","props","ref","isChecked","isIndeterminate","useCheckboxContext","jsx","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA+C,IAAAE,WAAA,GAAAF,OAAA;AAGxC,MAAMG,kBAAkB,GAAQC,gBAAwC,iBAC7E,IAAAC,iBAAU,EAA8B,CAAC;EAAEC,QAAQ;EAAEC,UAAU,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC3F,MAAM;IAAEC,SAAS;IAAEC;EAAgB,CAAC,GAAG,IAAAC,2BAAkB,EAAC,CAAC;EAE3D,IAAIL,UAAU,IAAIG,SAAS,IAAIC,eAAe,EAAE;IAC9C,oBACE,IAAAT,WAAA,CAAAW,GAAA,EAACT,gBAAgB;MAAA,GAAMI,KAAK;MAAQC,GAAG,EAAEA,GAAI;MAAAH,QAAA,EAC1CA;IAAQ,CACO,CAAC;EAEvB;EAEA,OAAO,IAAI;AACb,CAAC,CAAC;AAACQ,OAAA,CAAAX,kBAAA,GAAAA,kBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createCheckboxIndicator = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
9
|
+
var _context = require("./context");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const createCheckboxIndicator = BaseCheckboxIndicator => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
12
|
+
children,
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => {
|
|
16
|
+
const {
|
|
17
|
+
isChecked,
|
|
18
|
+
isDisabled,
|
|
19
|
+
isHovered,
|
|
20
|
+
isInvalid,
|
|
21
|
+
isReadOnly,
|
|
22
|
+
isPressed,
|
|
23
|
+
isFocused,
|
|
24
|
+
isIndeterminate,
|
|
25
|
+
isFocusVisible
|
|
26
|
+
} = (0, _context.useCheckboxContext)();
|
|
27
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckboxIndicator, {
|
|
28
|
+
className: className,
|
|
29
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
30
|
+
hover: isHovered,
|
|
31
|
+
checked: isChecked,
|
|
32
|
+
disabled: isDisabled,
|
|
33
|
+
focusVisible: isFocusVisible,
|
|
34
|
+
invalid: isInvalid,
|
|
35
|
+
readOnly: isReadOnly,
|
|
36
|
+
active: isPressed,
|
|
37
|
+
focused: isFocused,
|
|
38
|
+
indeterminate: isIndeterminate,
|
|
39
|
+
slot: 'checkbox-indicator'
|
|
40
|
+
}),
|
|
41
|
+
...props,
|
|
42
|
+
ref: ref,
|
|
43
|
+
children: children
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
exports.createCheckboxIndicator = createCheckboxIndicator;
|
|
47
|
+
//# sourceMappingURL=createCheckboxIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_dataAttributes","_context","_jsxRuntime","createCheckboxIndicator","BaseCheckboxIndicator","forwardRef","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocused","isIndeterminate","isFocusVisible","useCheckboxContext","jsx","dataAttributes","hover","checked","disabled","focusVisible","invalid","readOnly","active","focused","indeterminate","slot","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAGxC,MAAMI,uBAAuB,GAAQC,qBAA6C,iBACvF,IAAAC,iBAAU,EACR,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1C,MAAM;IACJC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC,eAAe;IACfC;EACF,CAAC,GAAG,IAAAC,2BAAkB,EAAC,CAAC;EAExB,oBACE,IAAAjB,WAAA,CAAAkB,GAAA,EAAChB,qBAAqB;IACpBG,SAAS,EAAEA,SAAU;IAAA,GACjB,IAAAc,8BAAc,EAAC;MACjBC,KAAK,EAAEV,SAAS;MAChBW,OAAO,EAAEb,SAAS;MAClBc,QAAQ,EAAEb,UAAU;MACpBc,YAAY,EAAEP,cAAc;MAC5BQ,OAAO,EAAEb,SAAS;MAClBc,QAAQ,EAAEb,UAAU;MACpBc,MAAM,EAAEb,SAAS;MACjBc,OAAO,EAAEb,SAAS;MAClBc,aAAa,EAAEb,eAAe;MAC9Bc,IAAI,EAAE;IACR,CAAC,CAAC;IAAA,GACGvB,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACY,CAAC;AAE5B,CACF,CAAC;AAAC0B,OAAA,CAAA7B,uBAAA,GAAAA,uBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createCheckboxLabel = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
9
|
+
var _context = require("./context");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const createCheckboxLabel = BaseCheckboxLabel => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
12
|
+
children,
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => {
|
|
16
|
+
const {
|
|
17
|
+
isChecked,
|
|
18
|
+
isDisabled,
|
|
19
|
+
isHovered,
|
|
20
|
+
isInvalid,
|
|
21
|
+
isReadOnly,
|
|
22
|
+
isPressed,
|
|
23
|
+
isFocused,
|
|
24
|
+
isIndeterminate,
|
|
25
|
+
isFocusVisible
|
|
26
|
+
} = (0, _context.useCheckboxContext)();
|
|
27
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckboxLabel, {
|
|
28
|
+
className: className,
|
|
29
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
30
|
+
hover: isHovered,
|
|
31
|
+
checked: isChecked,
|
|
32
|
+
disabled: isDisabled,
|
|
33
|
+
focusVisible: isFocusVisible,
|
|
34
|
+
invalid: isInvalid,
|
|
35
|
+
readOnly: isReadOnly,
|
|
36
|
+
pressed: isPressed,
|
|
37
|
+
focused: isFocused,
|
|
38
|
+
indeterminate: isIndeterminate
|
|
39
|
+
}),
|
|
40
|
+
...props,
|
|
41
|
+
ref: ref,
|
|
42
|
+
children: children
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
exports.createCheckboxLabel = createCheckboxLabel;
|
|
46
|
+
//# sourceMappingURL=createCheckboxLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_dataAttributes","_context","_jsxRuntime","createCheckboxLabel","BaseCheckboxLabel","forwardRef","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocused","isIndeterminate","isFocusVisible","useCheckboxContext","jsx","dataAttributes","hover","checked","disabled","focusVisible","invalid","readOnly","pressed","focused","indeterminate","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxLabel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAGxC,MAAMI,mBAAmB,GAAQC,iBAAyC,iBAC/E,IAAAC,iBAAU,EACR,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1C,MAAM;IACJC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC,eAAe;IACfC;EACF,CAAC,GAAG,IAAAC,2BAAkB,EAAC,CAAC;EAExB,oBACE,IAAAjB,WAAA,CAAAkB,GAAA,EAAChB,iBAAiB;IAChBG,SAAS,EAAEA,SAAU;IAAA,GACjB,IAAAc,8BAAc,EAAC;MACjBC,KAAK,EAAEV,SAAS;MAChBW,OAAO,EAAEb,SAAS;MAClBc,QAAQ,EAAEb,UAAU;MACpBc,YAAY,EAAEP,cAAc;MAC5BQ,OAAO,EAAEb,SAAS;MAClBc,QAAQ,EAAEb,UAAU;MACpBc,OAAO,EAAEb,SAAS;MAClBc,OAAO,EAAEb,SAAS;MAClBc,aAAa,EAAEb;IACjB,CAAC,CAAC;IAAA,GACGT,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACQ,CAAC;AAExB,CACF,CAAC;AAACyB,OAAA,CAAA5B,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|