@cdx-ui/primitives 0.0.1-beta.65 → 0.0.1-beta.66
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 -36
- package/lib/commonjs/CLAUDE.md +64 -12
- package/lib/commonjs/avatar/{createAvatarRoot.js → AvatarRoot.js} +10 -6
- package/lib/commonjs/avatar/AvatarRoot.js.map +1 -0
- package/lib/commonjs/avatar/index.js +14 -24
- package/lib/commonjs/avatar/index.js.map +1 -1
- package/lib/commonjs/button/{createButtonRoot.js → ButtonRoot.js} +13 -9
- package/lib/commonjs/button/ButtonRoot.js.map +1 -0
- package/lib/commonjs/button/index.js +7 -24
- package/lib/commonjs/button/index.js.map +1 -1
- package/lib/commonjs/checkbox/{createCheckboxGroup.js → CheckboxGroup.js} +20 -12
- package/lib/commonjs/checkbox/CheckboxGroup.js.map +1 -0
- package/lib/commonjs/checkbox/CheckboxRoot.js +103 -0
- package/lib/commonjs/checkbox/CheckboxRoot.js.map +1 -0
- package/lib/commonjs/checkbox/CheckboxRoot.web.js +94 -0
- package/lib/commonjs/checkbox/CheckboxRoot.web.js.map +1 -0
- package/lib/commonjs/checkbox/index.js +21 -24
- package/lib/commonjs/checkbox/index.js.map +1 -1
- package/lib/commonjs/chip/ChipRoot.js +147 -0
- package/lib/commonjs/chip/ChipRoot.js.map +1 -0
- package/lib/commonjs/chip/context.js +11 -0
- package/lib/commonjs/chip/context.js.map +1 -0
- package/lib/commonjs/chip/index.js +14 -10
- package/lib/commonjs/chip/index.js.map +1 -1
- package/lib/commonjs/dialog/DialogClose.js +32 -0
- package/lib/commonjs/dialog/DialogClose.js.map +1 -0
- package/lib/commonjs/dialog/{createDialogPopup.js → DialogPopup.js} +18 -14
- package/lib/commonjs/dialog/DialogPopup.js.map +1 -0
- package/lib/commonjs/dialog/{createDialogRoot.js → DialogRoot.js} +11 -8
- package/lib/commonjs/dialog/DialogRoot.js.map +1 -0
- package/lib/commonjs/dialog/DialogTrigger.js +32 -0
- package/lib/commonjs/dialog/DialogTrigger.js.map +1 -0
- package/lib/commonjs/dialog/index.js +28 -41
- package/lib/commonjs/dialog/index.js.map +1 -1
- package/lib/commonjs/field/FieldLabel.js +48 -0
- package/lib/commonjs/field/FieldLabel.js.map +1 -0
- package/lib/commonjs/field/FieldLabel.web.js +60 -0
- package/lib/commonjs/field/FieldLabel.web.js.map +1 -0
- package/lib/commonjs/field/FieldRoot.js +38 -0
- package/lib/commonjs/field/FieldRoot.js.map +1 -0
- package/lib/commonjs/field/index.js +14 -40
- package/lib/commonjs/field/index.js.map +1 -1
- package/lib/commonjs/form/FormRoot.js +25 -0
- package/lib/commonjs/form/FormRoot.js.map +1 -0
- package/lib/commonjs/{dialog/createDialogFooter.js → form/FormRoot.web.js} +14 -8
- package/lib/commonjs/form/FormRoot.web.js.map +1 -0
- package/lib/commonjs/form/index.js +7 -9
- package/lib/commonjs/form/index.js.map +1 -1
- package/lib/commonjs/index.js +42 -5
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/input/{createInputField.js → InputField.android.js} +36 -38
- package/lib/commonjs/input/InputField.android.js.map +1 -0
- package/lib/commonjs/input/InputField.js +92 -0
- package/lib/commonjs/input/InputField.js.map +1 -0
- package/lib/commonjs/input/InputField.web.js +131 -0
- package/lib/commonjs/input/InputField.web.js.map +1 -0
- package/lib/commonjs/input/{createInputRoot.js → InputRoot.js} +29 -27
- package/lib/commonjs/input/InputRoot.js.map +1 -0
- package/lib/commonjs/input/index.js +21 -16
- package/lib/commonjs/input/index.js.map +1 -1
- package/lib/commonjs/link/{createLink.js → LinkRoot.js} +20 -20
- package/lib/commonjs/link/LinkRoot.js.map +1 -0
- package/lib/commonjs/link/index.js +3 -3
- package/lib/commonjs/link/index.js.map +1 -1
- package/lib/commonjs/list-item/{createListItemRoot.js → ListItemRoot.js} +48 -68
- package/lib/commonjs/list-item/ListItemRoot.js.map +1 -0
- package/lib/commonjs/list-item/context.js.map +1 -1
- package/lib/commonjs/list-item/index.js +7 -36
- package/lib/commonjs/list-item/index.js.map +1 -1
- package/lib/commonjs/otp-input/{createOtpInputField.js → OtpInputField.js} +24 -8
- package/lib/commonjs/otp-input/OtpInputField.js.map +1 -0
- package/lib/commonjs/otp-input/index.js +39 -16
- package/lib/commonjs/otp-input/index.js.map +1 -1
- package/lib/commonjs/otp-input/{createOtpInputRoot.js → useOtpInput.js} +33 -49
- package/lib/commonjs/otp-input/useOtpInput.js.map +1 -0
- package/lib/commonjs/overlay/useDismissOverlay.js +0 -2
- package/lib/commonjs/overlay/useDismissOverlay.js.map +1 -1
- package/lib/commonjs/overlay/useEscapeKey.js +0 -2
- package/lib/commonjs/overlay/useEscapeKey.js.map +1 -1
- package/lib/commonjs/{progress/createProgressIndicator.js → progress-bar/ProgressBarIndicator.js} +12 -9
- package/lib/commonjs/progress-bar/ProgressBarIndicator.js.map +1 -0
- package/lib/commonjs/{progress/createProgressRoot.js → progress-bar/ProgressBarRoot.js} +9 -5
- package/lib/commonjs/progress-bar/ProgressBarRoot.js.map +1 -0
- package/lib/commonjs/progress-bar/context.js.map +1 -0
- package/lib/commonjs/progress-bar/index.js +27 -0
- package/lib/commonjs/progress-bar/index.js.map +1 -0
- package/lib/commonjs/{progress → progress-bar}/types.js.map +1 -1
- package/lib/commonjs/radio/{createRadioGroup.js → RadioGroup.js} +18 -10
- package/lib/commonjs/radio/RadioGroup.js.map +1 -0
- package/lib/commonjs/radio/RadioRoot.js +99 -0
- package/lib/commonjs/radio/RadioRoot.js.map +1 -0
- package/lib/commonjs/radio/RadioRoot.web.js +91 -0
- package/lib/commonjs/radio/RadioRoot.web.js.map +1 -0
- package/lib/commonjs/radio/index.js +21 -20
- package/lib/commonjs/radio/index.js.map +1 -1
- package/lib/commonjs/select/{createSelectContent.js → SelectContent.js} +14 -11
- package/lib/commonjs/select/SelectContent.js.map +1 -0
- package/lib/commonjs/select/{createSelectItem.js → SelectItem.js} +18 -15
- package/lib/commonjs/select/SelectItem.js.map +1 -0
- package/lib/commonjs/select/{createSelectRoot.js → SelectRoot.js} +11 -8
- package/lib/commonjs/select/SelectRoot.js.map +1 -0
- package/lib/commonjs/select/SelectTrigger.js +72 -0
- package/lib/commonjs/select/SelectTrigger.js.map +1 -0
- package/lib/commonjs/select/SelectTrigger.web.js +175 -0
- package/lib/commonjs/select/SelectTrigger.web.js.map +1 -0
- package/lib/commonjs/select/context.js +3 -12
- package/lib/commonjs/select/context.js.map +1 -1
- package/lib/commonjs/select/index.js +41 -32
- package/lib/commonjs/select/index.js.map +1 -1
- package/lib/commonjs/select/useContentFocus.js +1 -1
- package/lib/commonjs/select/useSelectTrigger.js +206 -0
- package/lib/commonjs/select/useSelectTrigger.js.map +1 -0
- package/lib/commonjs/select/useSelectTrigger.web.js +192 -0
- package/lib/commonjs/select/useSelectTrigger.web.js.map +1 -0
- package/lib/commonjs/slot/index.js +19 -0
- package/lib/commonjs/slot/index.js.map +1 -0
- package/lib/commonjs/switch/index.js +7 -9
- package/lib/commonjs/switch/index.js.map +1 -1
- package/lib/commonjs/switch/useSwitch.js +81 -0
- package/lib/commonjs/switch/useSwitch.js.map +1 -0
- package/lib/commonjs/tile/{createTileGroup.js → TileGroup.js} +11 -12
- package/lib/commonjs/tile/TileGroup.js.map +1 -0
- package/lib/commonjs/tile/TileRoot.js +129 -0
- package/lib/commonjs/tile/TileRoot.js.map +1 -0
- package/lib/commonjs/tile/index.js +14 -36
- package/lib/commonjs/tile/index.js.map +1 -1
- package/lib/commonjs/utils/dataAttributes.js +6 -0
- package/lib/commonjs/utils/dataAttributes.js.map +1 -1
- package/lib/commonjs/utils/dataAttributes.web.js +25 -0
- package/lib/commonjs/utils/dataAttributes.web.js.map +1 -1
- package/lib/commonjs/utils/domDataAttributes.js +30 -0
- package/lib/commonjs/utils/domDataAttributes.js.map +1 -1
- package/lib/module/CLAUDE.md +64 -12
- package/lib/module/avatar/{createAvatarRoot.js → AvatarRoot.js} +9 -4
- package/lib/module/avatar/AvatarRoot.js.map +1 -0
- package/lib/module/avatar/index.js +2 -23
- package/lib/module/avatar/index.js.map +1 -1
- package/lib/module/button/{createButtonRoot.js → ButtonRoot.js} +13 -8
- package/lib/module/button/ButtonRoot.js.map +1 -0
- package/lib/module/button/index.js +1 -23
- package/lib/module/button/index.js.map +1 -1
- package/lib/module/checkbox/{createCheckboxGroup.js → CheckboxGroup.js} +20 -11
- package/lib/module/checkbox/CheckboxGroup.js.map +1 -0
- package/lib/module/checkbox/CheckboxRoot.js +99 -0
- package/lib/module/checkbox/CheckboxRoot.js.map +1 -0
- package/lib/module/checkbox/CheckboxRoot.web.js +90 -0
- package/lib/module/checkbox/CheckboxRoot.web.js.map +1 -0
- package/lib/module/checkbox/index.js +3 -23
- package/lib/module/checkbox/index.js.map +1 -1
- package/lib/module/chip/ChipRoot.js +142 -0
- package/lib/module/chip/ChipRoot.js.map +1 -0
- package/lib/module/chip/context.js +5 -0
- package/lib/module/chip/context.js.map +1 -0
- package/lib/module/chip/index.js +2 -9
- package/lib/module/chip/index.js.map +1 -1
- package/lib/module/dialog/DialogClose.js +28 -0
- package/lib/module/dialog/DialogClose.js.map +1 -0
- package/lib/module/dialog/{createDialogPopup.js → DialogPopup.js} +19 -14
- package/lib/module/dialog/DialogPopup.js.map +1 -0
- package/lib/module/dialog/{createDialogRoot.js → DialogRoot.js} +11 -7
- package/lib/module/dialog/DialogRoot.js.map +1 -0
- package/lib/module/dialog/DialogTrigger.js +28 -0
- package/lib/module/dialog/DialogTrigger.js.map +1 -0
- package/lib/module/dialog/index.js +5 -42
- package/lib/module/dialog/index.js.map +1 -1
- package/lib/module/field/FieldLabel.js +44 -0
- package/lib/module/field/FieldLabel.js.map +1 -0
- package/lib/module/field/FieldLabel.web.js +55 -0
- package/lib/module/field/FieldLabel.web.js.map +1 -0
- package/lib/module/field/FieldRoot.js +34 -0
- package/lib/module/field/FieldRoot.js.map +1 -0
- package/lib/module/field/index.js +2 -39
- package/lib/module/field/index.js.map +1 -1
- package/lib/module/form/FormRoot.js +21 -0
- package/lib/module/form/FormRoot.js.map +1 -0
- package/lib/module/form/FormRoot.web.js +22 -0
- package/lib/module/form/FormRoot.web.js.map +1 -0
- package/lib/module/form/index.js +1 -8
- package/lib/module/form/index.js.map +1 -1
- package/lib/module/index.js +5 -3
- package/lib/module/index.js.map +1 -1
- package/lib/module/input/{createInputField.js → InputField.android.js} +36 -37
- package/lib/module/input/InputField.android.js.map +1 -0
- package/lib/module/input/InputField.js +88 -0
- package/lib/module/input/InputField.js.map +1 -0
- package/lib/module/input/InputField.web.js +126 -0
- package/lib/module/input/InputField.web.js.map +1 -0
- package/lib/module/input/{createInputRoot.js → InputRoot.js} +29 -25
- package/lib/module/input/InputRoot.js.map +1 -0
- package/lib/module/input/index.js +3 -15
- package/lib/module/input/index.js.map +1 -1
- package/lib/module/link/{createLink.js → LinkRoot.js} +21 -19
- package/lib/module/link/LinkRoot.js.map +1 -0
- package/lib/module/link/index.js +1 -1
- package/lib/module/link/index.js.map +1 -1
- package/lib/module/list-item/{createListItemRoot.js → ListItemRoot.js} +49 -68
- package/lib/module/list-item/ListItemRoot.js.map +1 -0
- package/lib/module/list-item/context.js.map +1 -1
- package/lib/module/list-item/index.js +1 -35
- package/lib/module/list-item/index.js.map +1 -1
- package/lib/module/otp-input/{createOtpInputField.js → OtpInputField.js} +24 -7
- package/lib/module/otp-input/OtpInputField.js.map +1 -0
- package/lib/module/otp-input/index.js +3 -15
- package/lib/module/otp-input/index.js.map +1 -1
- package/lib/module/otp-input/{createOtpInputRoot.js → useOtpInput.js} +33 -48
- package/lib/module/otp-input/useOtpInput.js.map +1 -0
- package/lib/module/overlay/useDismissOverlay.js +0 -2
- package/lib/module/overlay/useDismissOverlay.js.map +1 -1
- package/lib/module/overlay/useEscapeKey.js +0 -2
- package/lib/module/overlay/useEscapeKey.js.map +1 -1
- package/lib/module/{progress/createProgressIndicator.js → progress-bar/ProgressBarIndicator.js} +11 -7
- package/lib/module/progress-bar/ProgressBarIndicator.js.map +1 -0
- package/lib/module/{progress/createProgressRoot.js → progress-bar/ProgressBarRoot.js} +8 -3
- package/lib/module/progress-bar/ProgressBarRoot.js.map +1 -0
- package/lib/module/progress-bar/context.js.map +1 -0
- package/lib/module/progress-bar/index.js +6 -0
- package/lib/module/progress-bar/index.js.map +1 -0
- package/lib/module/{progress → progress-bar}/types.js.map +1 -1
- package/lib/module/radio/{createRadioGroup.js → RadioGroup.js} +18 -9
- package/lib/module/radio/RadioGroup.js.map +1 -0
- package/lib/module/radio/RadioRoot.js +95 -0
- package/lib/module/radio/RadioRoot.js.map +1 -0
- package/lib/module/radio/RadioRoot.web.js +87 -0
- package/lib/module/radio/RadioRoot.web.js.map +1 -0
- package/lib/module/radio/index.js +3 -19
- package/lib/module/radio/index.js.map +1 -1
- package/lib/module/select/{createSelectContent.js → SelectContent.js} +14 -11
- package/lib/module/select/SelectContent.js.map +1 -0
- package/lib/module/select/{createSelectItem.js → SelectItem.js} +18 -14
- package/lib/module/select/SelectItem.js.map +1 -0
- package/lib/module/select/{createSelectRoot.js → SelectRoot.js} +11 -7
- package/lib/module/select/SelectRoot.js.map +1 -0
- package/lib/module/select/SelectTrigger.js +67 -0
- package/lib/module/select/SelectTrigger.js.map +1 -0
- package/lib/module/select/SelectTrigger.web.js +170 -0
- package/lib/module/select/SelectTrigger.web.js.map +1 -0
- package/lib/module/select/context.js +1 -8
- package/lib/module/select/context.js.map +1 -1
- package/lib/module/select/index.js +5 -31
- package/lib/module/select/index.js.map +1 -1
- package/lib/module/select/useContentFocus.js +1 -1
- package/lib/module/select/useSelectTrigger.js +202 -0
- package/lib/module/select/useSelectTrigger.js.map +1 -0
- package/lib/module/select/useSelectTrigger.web.js +188 -0
- package/lib/module/select/useSelectTrigger.web.js.map +1 -0
- package/lib/module/slot/index.js +4 -0
- package/lib/module/slot/index.js.map +1 -0
- package/lib/module/switch/index.js +1 -8
- package/lib/module/switch/index.js.map +1 -1
- package/lib/module/switch/useSwitch.js +77 -0
- package/lib/module/switch/useSwitch.js.map +1 -0
- package/lib/module/tile/{createTileGroup.js → TileGroup.js} +10 -9
- package/lib/module/tile/TileGroup.js.map +1 -0
- package/lib/module/tile/{createTileRoot.js → TileRoot.js} +52 -54
- package/lib/module/tile/TileRoot.js.map +1 -0
- package/lib/module/tile/index.js +2 -35
- package/lib/module/tile/index.js.map +1 -1
- package/lib/module/utils/dataAttributes.js +1 -1
- package/lib/module/utils/dataAttributes.js.map +1 -1
- package/lib/module/utils/dataAttributes.web.js +24 -0
- package/lib/module/utils/dataAttributes.web.js.map +1 -1
- package/lib/module/utils/domDataAttributes.js +29 -0
- package/lib/module/utils/domDataAttributes.js.map +1 -1
- package/lib/typescript/avatar/AvatarRoot.d.ts +8 -0
- package/lib/typescript/avatar/AvatarRoot.d.ts.map +1 -0
- package/lib/typescript/avatar/index.d.ts +3 -10
- package/lib/typescript/avatar/index.d.ts.map +1 -1
- package/lib/typescript/avatar/types.d.ts +1 -17
- package/lib/typescript/avatar/types.d.ts.map +1 -1
- package/lib/typescript/button/ButtonRoot.d.ts +9 -0
- package/lib/typescript/button/ButtonRoot.d.ts.map +1 -0
- package/lib/typescript/button/index.d.ts +2 -10
- package/lib/typescript/button/index.d.ts.map +1 -1
- package/lib/typescript/button/types.d.ts +1 -34
- package/lib/typescript/button/types.d.ts.map +1 -1
- package/lib/typescript/checkbox/CheckboxGroup.d.ts +9 -0
- package/lib/typescript/checkbox/CheckboxGroup.d.ts.map +1 -0
- package/lib/typescript/checkbox/CheckboxRoot.d.ts +6 -0
- package/lib/typescript/checkbox/CheckboxRoot.d.ts.map +1 -0
- package/lib/typescript/checkbox/CheckboxRoot.web.d.ts +6 -0
- package/lib/typescript/checkbox/CheckboxRoot.web.d.ts.map +1 -0
- package/lib/typescript/checkbox/index.d.ts +4 -10
- package/lib/typescript/checkbox/index.d.ts.map +1 -1
- package/lib/typescript/checkbox/types.d.ts +0 -17
- package/lib/typescript/checkbox/types.d.ts.map +1 -1
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts +1 -1
- package/lib/typescript/chip/ChipRoot.d.ts +7 -0
- package/lib/typescript/chip/ChipRoot.d.ts.map +1 -0
- package/lib/typescript/chip/context.d.ts +6 -0
- package/lib/typescript/chip/context.d.ts.map +1 -0
- package/lib/typescript/chip/index.d.ts +3 -8
- package/lib/typescript/chip/index.d.ts.map +1 -1
- package/lib/typescript/chip/types.d.ts +3 -4
- package/lib/typescript/chip/types.d.ts.map +1 -1
- package/lib/typescript/dialog/DialogClose.d.ts +5 -0
- package/lib/typescript/dialog/DialogClose.d.ts.map +1 -0
- package/lib/typescript/dialog/DialogPopup.d.ts +14 -0
- package/lib/typescript/dialog/DialogPopup.d.ts.map +1 -0
- package/lib/typescript/dialog/DialogRoot.d.ts +7 -0
- package/lib/typescript/dialog/DialogRoot.d.ts.map +1 -0
- package/lib/typescript/dialog/DialogTrigger.d.ts +5 -0
- package/lib/typescript/dialog/DialogTrigger.d.ts.map +1 -0
- package/lib/typescript/dialog/index.d.ts +6 -17
- package/lib/typescript/dialog/index.d.ts.map +1 -1
- package/lib/typescript/dialog/types.d.ts +2 -24
- package/lib/typescript/dialog/types.d.ts.map +1 -1
- package/lib/typescript/field/FieldLabel.d.ts +12 -0
- package/lib/typescript/field/FieldLabel.d.ts.map +1 -0
- package/lib/typescript/field/FieldLabel.web.d.ts +24 -0
- package/lib/typescript/field/FieldLabel.web.d.ts.map +1 -0
- package/lib/typescript/field/FieldRoot.d.ts +8 -0
- package/lib/typescript/field/FieldRoot.d.ts.map +1 -0
- package/lib/typescript/field/index.d.ts +3 -12
- package/lib/typescript/field/index.d.ts.map +1 -1
- package/lib/typescript/field/types.d.ts +0 -20
- package/lib/typescript/field/types.d.ts.map +1 -1
- package/lib/typescript/form/FormRoot.d.ts +8 -0
- package/lib/typescript/form/FormRoot.d.ts.map +1 -0
- package/lib/typescript/form/FormRoot.web.d.ts +8 -0
- package/lib/typescript/form/FormRoot.web.d.ts.map +1 -0
- package/lib/typescript/form/index.d.ts +2 -5
- package/lib/typescript/form/index.d.ts.map +1 -1
- package/lib/typescript/form/types.d.ts +8 -9
- package/lib/typescript/form/types.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +5 -3
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/input/InputField.android.d.ts +5 -0
- package/lib/typescript/input/InputField.android.d.ts.map +1 -0
- package/lib/typescript/input/InputField.d.ts +5 -0
- package/lib/typescript/input/InputField.d.ts.map +1 -0
- package/lib/typescript/input/InputField.web.d.ts +6 -0
- package/lib/typescript/input/InputField.web.d.ts.map +1 -0
- package/lib/typescript/input/InputRoot.d.ts +5 -0
- package/lib/typescript/input/InputRoot.d.ts.map +1 -0
- package/lib/typescript/input/index.d.ts +4 -8
- package/lib/typescript/input/index.d.ts.map +1 -1
- package/lib/typescript/input/types.d.ts +20 -39
- package/lib/typescript/input/types.d.ts.map +1 -1
- package/lib/typescript/link/LinkRoot.d.ts +9 -0
- package/lib/typescript/link/LinkRoot.d.ts.map +1 -0
- package/lib/typescript/link/index.d.ts +1 -1
- package/lib/typescript/link/index.d.ts.map +1 -1
- package/lib/typescript/list-item/ListItemRoot.d.ts +7 -0
- package/lib/typescript/list-item/ListItemRoot.d.ts.map +1 -0
- package/lib/typescript/list-item/context.d.ts +3 -3
- package/lib/typescript/list-item/context.d.ts.map +1 -1
- package/lib/typescript/list-item/index.d.ts +2 -14
- package/lib/typescript/list-item/index.d.ts.map +1 -1
- package/lib/typescript/list-item/types.d.ts +4 -52
- package/lib/typescript/list-item/types.d.ts.map +1 -1
- package/lib/typescript/otp-input/OtpInputField.d.ts +19 -0
- package/lib/typescript/otp-input/OtpInputField.d.ts.map +1 -0
- package/lib/typescript/otp-input/index.d.ts +4 -8
- package/lib/typescript/otp-input/index.d.ts.map +1 -1
- package/lib/typescript/otp-input/types.d.ts +0 -9
- package/lib/typescript/otp-input/types.d.ts.map +1 -1
- package/lib/typescript/otp-input/useOtpInput.d.ts +19 -0
- package/lib/typescript/otp-input/useOtpInput.d.ts.map +1 -0
- package/lib/typescript/overlay/useDismissOverlay.d.ts.map +1 -1
- package/lib/typescript/overlay/useEscapeKey.d.ts.map +1 -1
- package/lib/typescript/progress-bar/ProgressBarIndicator.d.ts +6 -0
- package/lib/typescript/progress-bar/ProgressBarIndicator.d.ts.map +1 -0
- package/lib/typescript/progress-bar/ProgressBarRoot.d.ts +6 -0
- package/lib/typescript/progress-bar/ProgressBarRoot.d.ts.map +1 -0
- package/lib/typescript/progress-bar/context.d.ts.map +1 -0
- package/lib/typescript/progress-bar/index.d.ts +6 -0
- package/lib/typescript/progress-bar/index.d.ts.map +1 -0
- package/lib/typescript/{progress → progress-bar}/types.d.ts +1 -4
- package/lib/typescript/progress-bar/types.d.ts.map +1 -0
- package/lib/typescript/radio/RadioGroup.d.ts +9 -0
- package/lib/typescript/radio/RadioGroup.d.ts.map +1 -0
- package/lib/typescript/radio/RadioRoot.d.ts +6 -0
- package/lib/typescript/radio/RadioRoot.d.ts.map +1 -0
- package/lib/typescript/radio/RadioRoot.web.d.ts +6 -0
- package/lib/typescript/radio/RadioRoot.web.d.ts.map +1 -0
- package/lib/typescript/radio/index.d.ts +4 -9
- package/lib/typescript/radio/index.d.ts.map +1 -1
- package/lib/typescript/radio/types.d.ts +0 -11
- package/lib/typescript/radio/types.d.ts.map +1 -1
- package/lib/typescript/radio/useRadioRoot.d.ts +1 -1
- package/lib/typescript/select/SelectContent.d.ts +9 -0
- package/lib/typescript/select/SelectContent.d.ts.map +1 -0
- package/lib/typescript/select/SelectItem.d.ts +8 -0
- package/lib/typescript/select/SelectItem.d.ts.map +1 -0
- package/lib/typescript/select/SelectRoot.d.ts +8 -0
- package/lib/typescript/select/SelectRoot.d.ts.map +1 -0
- package/lib/typescript/select/SelectTrigger.d.ts +9 -0
- package/lib/typescript/select/SelectTrigger.d.ts.map +1 -0
- package/lib/typescript/select/SelectTrigger.web.d.ts +13 -0
- package/lib/typescript/select/SelectTrigger.web.d.ts.map +1 -0
- package/lib/typescript/select/context.d.ts +1 -11
- package/lib/typescript/select/context.d.ts.map +1 -1
- package/lib/typescript/select/index.d.ts +6 -12
- package/lib/typescript/select/index.d.ts.map +1 -1
- package/lib/typescript/select/types.d.ts +1 -9
- package/lib/typescript/select/types.d.ts.map +1 -1
- package/lib/typescript/select/useContentFocus.d.ts +1 -1
- package/lib/typescript/select/useSelectTrigger.d.ts +77 -0
- package/lib/typescript/select/useSelectTrigger.d.ts.map +1 -0
- package/lib/typescript/select/useSelectTrigger.web.d.ts +16 -0
- package/lib/typescript/select/useSelectTrigger.web.d.ts.map +1 -0
- package/lib/typescript/slot/index.d.ts +2 -0
- package/lib/typescript/slot/index.d.ts.map +1 -0
- package/lib/typescript/switch/index.d.ts +2 -6
- package/lib/typescript/switch/index.d.ts.map +1 -1
- package/lib/typescript/switch/types.d.ts +35 -6
- package/lib/typescript/switch/types.d.ts.map +1 -1
- package/lib/typescript/switch/useSwitch.d.ts +20 -0
- package/lib/typescript/switch/useSwitch.d.ts.map +1 -0
- package/lib/typescript/tile/TileGroup.d.ts +5 -0
- package/lib/typescript/tile/TileGroup.d.ts.map +1 -0
- package/lib/typescript/tile/TileRoot.d.ts +5 -0
- package/lib/typescript/tile/TileRoot.d.ts.map +1 -0
- package/lib/typescript/tile/index.d.ts +3 -13
- package/lib/typescript/tile/index.d.ts.map +1 -1
- package/lib/typescript/tile/types.d.ts +7 -18
- package/lib/typescript/tile/types.d.ts.map +1 -1
- package/lib/typescript/utils/dataAttributes.d.ts +1 -1
- package/lib/typescript/utils/dataAttributes.d.ts.map +1 -1
- package/lib/typescript/utils/dataAttributes.web.d.ts +16 -0
- package/lib/typescript/utils/dataAttributes.web.d.ts.map +1 -1
- package/lib/typescript/utils/domDataAttributes.d.ts +13 -0
- package/lib/typescript/utils/domDataAttributes.d.ts.map +1 -1
- package/package.json +3 -2
- package/src/CLAUDE.md +64 -12
- package/src/avatar/AvatarRoot.tsx +39 -0
- package/src/avatar/index.ts +3 -43
- package/src/avatar/types.ts +1 -47
- package/src/button/ButtonRoot.tsx +115 -0
- package/src/button/index.ts +3 -0
- package/src/button/types.ts +1 -52
- package/src/checkbox/CheckboxGroup.tsx +50 -0
- package/src/checkbox/CheckboxRoot.tsx +102 -0
- package/src/checkbox/CheckboxRoot.web.tsx +92 -0
- package/src/checkbox/index.ts +4 -42
- package/src/checkbox/types.ts +1 -32
- package/src/chip/ChipRoot.tsx +168 -0
- package/src/chip/context.tsx +4 -0
- package/src/chip/index.ts +3 -18
- package/src/chip/types.ts +3 -6
- package/src/dialog/DialogClose.tsx +26 -0
- package/src/dialog/DialogPopup.tsx +162 -0
- package/src/dialog/DialogRoot.tsx +72 -0
- package/src/dialog/DialogTrigger.tsx +26 -0
- package/src/dialog/index.tsx +5 -86
- package/src/dialog/types.ts +2 -56
- package/src/field/FieldLabel.tsx +43 -0
- package/src/field/FieldLabel.web.tsx +71 -0
- package/src/field/FieldRoot.tsx +39 -0
- package/src/field/index.tsx +3 -68
- package/src/field/types.tsx +0 -34
- package/src/form/FormRoot.tsx +18 -0
- package/src/form/FormRoot.web.tsx +17 -0
- package/src/form/index.tsx +2 -12
- package/src/form/types.tsx +9 -11
- package/src/index.ts +9 -3
- package/src/input/InputField.android.tsx +107 -0
- package/src/input/InputField.tsx +100 -0
- package/src/input/InputField.web.tsx +141 -0
- package/src/input/InputRoot.tsx +104 -0
- package/src/input/index.tsx +4 -38
- package/src/input/types.ts +21 -53
- package/src/link/LinkRoot.tsx +108 -0
- package/src/link/index.tsx +1 -1
- package/src/list-item/ListItemRoot.tsx +183 -0
- package/src/list-item/context.tsx +2 -2
- package/src/list-item/index.ts +2 -79
- package/src/list-item/types.ts +4 -81
- package/src/otp-input/OtpInputField.tsx +122 -0
- package/src/otp-input/index.ts +16 -0
- package/src/otp-input/types.ts +0 -23
- package/src/otp-input/useOtpInput.ts +156 -0
- package/src/overlay/useDismissOverlay.ts +0 -2
- package/src/overlay/useEscapeKey.ts +0 -2
- package/src/progress-bar/ProgressBarIndicator.tsx +34 -0
- package/src/{progress/createProgressRoot.tsx → progress-bar/ProgressBarRoot.tsx} +17 -9
- package/src/progress-bar/index.ts +5 -0
- package/src/{progress → progress-bar}/types.ts +1 -14
- package/src/radio/{createRadioGroup.tsx → RadioGroup.tsx} +31 -13
- package/src/radio/RadioRoot.tsx +98 -0
- package/src/radio/RadioRoot.web.tsx +90 -0
- package/src/radio/index.ts +4 -36
- package/src/radio/types.ts +0 -22
- package/src/select/SelectContent.tsx +120 -0
- package/src/select/SelectItem.tsx +139 -0
- package/src/select/SelectRoot.tsx +154 -0
- package/src/select/SelectTrigger.tsx +82 -0
- package/src/select/SelectTrigger.web.tsx +238 -0
- package/src/select/context.tsx +1 -10
- package/src/select/index.ts +17 -0
- package/src/select/types.ts +1 -32
- package/src/select/useContentFocus.ts +1 -1
- package/src/select/useSelectTrigger.ts +345 -0
- package/src/select/useSelectTrigger.web.ts +267 -0
- package/src/slot/index.ts +1 -0
- package/src/switch/index.ts +7 -16
- package/src/switch/types.ts +35 -10
- package/src/switch/useSwitch.ts +75 -0
- package/src/tile/TileGroup.tsx +137 -0
- package/src/tile/{createTileRoot.tsx → TileRoot.tsx} +58 -45
- package/src/tile/index.ts +2 -72
- package/src/tile/types.ts +7 -39
- package/src/utils/dataAttributes.ts +4 -1
- package/src/utils/dataAttributes.web.ts +24 -0
- package/src/utils/domDataAttributes.ts +31 -0
- package/lib/commonjs/avatar/createAvatarBadge.js +0 -20
- package/lib/commonjs/avatar/createAvatarBadge.js.map +0 -1
- package/lib/commonjs/avatar/createAvatarIcon.js +0 -30
- package/lib/commonjs/avatar/createAvatarIcon.js.map +0 -1
- package/lib/commonjs/avatar/createAvatarImage.js +0 -51
- package/lib/commonjs/avatar/createAvatarImage.js.map +0 -1
- package/lib/commonjs/avatar/createAvatarRoot.js.map +0 -1
- package/lib/commonjs/avatar/createAvatarText.js +0 -50
- package/lib/commonjs/avatar/createAvatarText.js.map +0 -1
- package/lib/commonjs/button/createButtonGroup.js +0 -80
- package/lib/commonjs/button/createButtonGroup.js.map +0 -1
- package/lib/commonjs/button/createButtonIcon.js +0 -18
- package/lib/commonjs/button/createButtonIcon.js.map +0 -1
- package/lib/commonjs/button/createButtonRoot.js.map +0 -1
- package/lib/commonjs/button/createButtonSpinner.js +0 -34
- package/lib/commonjs/button/createButtonSpinner.js.map +0 -1
- package/lib/commonjs/button/createButtonText.js +0 -39
- package/lib/commonjs/button/createButtonText.js.map +0 -1
- package/lib/commonjs/checkbox/createCheckboxGroup.js.map +0 -1
- package/lib/commonjs/checkbox/createCheckboxIcon.js +0 -29
- package/lib/commonjs/checkbox/createCheckboxIcon.js.map +0 -1
- package/lib/commonjs/checkbox/createCheckboxIndicator.js +0 -47
- package/lib/commonjs/checkbox/createCheckboxIndicator.js.map +0 -1
- package/lib/commonjs/checkbox/createCheckboxLabel.js +0 -46
- package/lib/commonjs/checkbox/createCheckboxLabel.js.map +0 -1
- package/lib/commonjs/checkbox/createCheckboxRoot.js +0 -99
- package/lib/commonjs/checkbox/createCheckboxRoot.js.map +0 -1
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js +0 -95
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js.map +0 -1
- package/lib/commonjs/chip/createChipRoot.js +0 -132
- package/lib/commonjs/chip/createChipRoot.js.map +0 -1
- package/lib/commonjs/dialog/createDialogClose.js +0 -37
- package/lib/commonjs/dialog/createDialogClose.js.map +0 -1
- package/lib/commonjs/dialog/createDialogContent.js +0 -21
- package/lib/commonjs/dialog/createDialogContent.js.map +0 -1
- package/lib/commonjs/dialog/createDialogDescription.js +0 -30
- package/lib/commonjs/dialog/createDialogDescription.js.map +0 -1
- package/lib/commonjs/dialog/createDialogFooter.js.map +0 -1
- package/lib/commonjs/dialog/createDialogHeader.js +0 -21
- package/lib/commonjs/dialog/createDialogHeader.js.map +0 -1
- package/lib/commonjs/dialog/createDialogPopup.js.map +0 -1
- package/lib/commonjs/dialog/createDialogRoot.js.map +0 -1
- package/lib/commonjs/dialog/createDialogTitle.js +0 -21
- package/lib/commonjs/dialog/createDialogTitle.js.map +0 -1
- package/lib/commonjs/dialog/createDialogTrigger.js +0 -37
- package/lib/commonjs/dialog/createDialogTrigger.js.map +0 -1
- package/lib/commonjs/field/createFieldError.js +0 -41
- package/lib/commonjs/field/createFieldError.js.map +0 -1
- package/lib/commonjs/field/createFieldErrorIcon.js +0 -18
- package/lib/commonjs/field/createFieldErrorIcon.js.map +0 -1
- package/lib/commonjs/field/createFieldErrorText.js +0 -18
- package/lib/commonjs/field/createFieldErrorText.js.map +0 -1
- package/lib/commonjs/field/createFieldHelper.js +0 -41
- package/lib/commonjs/field/createFieldHelper.js.map +0 -1
- package/lib/commonjs/field/createFieldHelperText.js +0 -18
- package/lib/commonjs/field/createFieldHelperText.js.map +0 -1
- package/lib/commonjs/field/createFieldLabel.js +0 -36
- package/lib/commonjs/field/createFieldLabel.js.map +0 -1
- package/lib/commonjs/field/createFieldRoot.js +0 -35
- package/lib/commonjs/field/createFieldRoot.js.map +0 -1
- package/lib/commonjs/form/createFormRoot.js +0 -21
- package/lib/commonjs/form/createFormRoot.js.map +0 -1
- package/lib/commonjs/input/createInputField.js.map +0 -1
- package/lib/commonjs/input/createInputRoot.js.map +0 -1
- package/lib/commonjs/input/createInputSlot.js +0 -44
- package/lib/commonjs/input/createInputSlot.js.map +0 -1
- package/lib/commonjs/link/createLink.js.map +0 -1
- package/lib/commonjs/list-item/createListItemContent.js +0 -30
- package/lib/commonjs/list-item/createListItemContent.js.map +0 -1
- package/lib/commonjs/list-item/createListItemDescription.js +0 -25
- package/lib/commonjs/list-item/createListItemDescription.js.map +0 -1
- package/lib/commonjs/list-item/createListItemLeadingSlot.js +0 -34
- package/lib/commonjs/list-item/createListItemLeadingSlot.js.map +0 -1
- package/lib/commonjs/list-item/createListItemMeta.js +0 -25
- package/lib/commonjs/list-item/createListItemMeta.js.map +0 -1
- package/lib/commonjs/list-item/createListItemRoot.js.map +0 -1
- package/lib/commonjs/list-item/createListItemSectionHeader.js +0 -54
- package/lib/commonjs/list-item/createListItemSectionHeader.js.map +0 -1
- package/lib/commonjs/list-item/createListItemTitle.js +0 -25
- package/lib/commonjs/list-item/createListItemTitle.js.map +0 -1
- package/lib/commonjs/list-item/createListItemTrailingSlot.js +0 -28
- package/lib/commonjs/list-item/createListItemTrailingSlot.js.map +0 -1
- package/lib/commonjs/otp-input/createOtpInputCell.js +0 -29
- package/lib/commonjs/otp-input/createOtpInputCell.js.map +0 -1
- package/lib/commonjs/otp-input/createOtpInputField.js.map +0 -1
- package/lib/commonjs/otp-input/createOtpInputRoot.js.map +0 -1
- package/lib/commonjs/progress/context.js.map +0 -1
- package/lib/commonjs/progress/createProgressIndicator.js.map +0 -1
- package/lib/commonjs/progress/createProgressRoot.js.map +0 -1
- package/lib/commonjs/progress/index.js +0 -25
- package/lib/commonjs/progress/index.js.map +0 -1
- package/lib/commonjs/radio/createRadioGroup.js.map +0 -1
- package/lib/commonjs/radio/createRadioIndicator.js +0 -43
- package/lib/commonjs/radio/createRadioIndicator.js.map +0 -1
- package/lib/commonjs/radio/createRadioLabel.js +0 -38
- package/lib/commonjs/radio/createRadioLabel.js.map +0 -1
- package/lib/commonjs/radio/createRadioRoot.js +0 -95
- package/lib/commonjs/radio/createRadioRoot.js.map +0 -1
- package/lib/commonjs/radio/createRadioRoot.web.js +0 -87
- package/lib/commonjs/radio/createRadioRoot.web.js.map +0 -1
- package/lib/commonjs/select/createSelectContent.js.map +0 -1
- package/lib/commonjs/select/createSelectIcon.js +0 -43
- package/lib/commonjs/select/createSelectIcon.js.map +0 -1
- package/lib/commonjs/select/createSelectItem.js.map +0 -1
- package/lib/commonjs/select/createSelectItemLabel.js +0 -41
- package/lib/commonjs/select/createSelectItemLabel.js.map +0 -1
- package/lib/commonjs/select/createSelectRoot.js.map +0 -1
- package/lib/commonjs/select/createSelectTrigger.js +0 -192
- package/lib/commonjs/select/createSelectTrigger.js.map +0 -1
- package/lib/commonjs/select/createSelectValue.js +0 -53
- package/lib/commonjs/select/createSelectValue.js.map +0 -1
- package/lib/commonjs/switch/createSwitchRoot.js +0 -73
- package/lib/commonjs/switch/createSwitchRoot.js.map +0 -1
- package/lib/commonjs/tile/createTileContent.js +0 -30
- package/lib/commonjs/tile/createTileContent.js.map +0 -1
- package/lib/commonjs/tile/createTileDescription.js +0 -28
- package/lib/commonjs/tile/createTileDescription.js.map +0 -1
- package/lib/commonjs/tile/createTileGroup.js.map +0 -1
- package/lib/commonjs/tile/createTileIndicator.js +0 -46
- package/lib/commonjs/tile/createTileIndicator.js.map +0 -1
- package/lib/commonjs/tile/createTileLeadingSlot.js +0 -34
- package/lib/commonjs/tile/createTileLeadingSlot.js.map +0 -1
- package/lib/commonjs/tile/createTileRoot.js +0 -133
- package/lib/commonjs/tile/createTileRoot.js.map +0 -1
- package/lib/commonjs/tile/createTileTitle.js +0 -28
- package/lib/commonjs/tile/createTileTitle.js.map +0 -1
- package/lib/commonjs/tile/createTileTrailingSlot.js +0 -35
- package/lib/commonjs/tile/createTileTrailingSlot.js.map +0 -1
- package/lib/module/avatar/createAvatarBadge.js +0 -15
- package/lib/module/avatar/createAvatarBadge.js.map +0 -1
- package/lib/module/avatar/createAvatarIcon.js +0 -25
- package/lib/module/avatar/createAvatarIcon.js.map +0 -1
- package/lib/module/avatar/createAvatarImage.js +0 -46
- package/lib/module/avatar/createAvatarImage.js.map +0 -1
- package/lib/module/avatar/createAvatarRoot.js.map +0 -1
- package/lib/module/avatar/createAvatarText.js +0 -45
- package/lib/module/avatar/createAvatarText.js.map +0 -1
- package/lib/module/button/createButtonGroup.js +0 -74
- package/lib/module/button/createButtonGroup.js.map +0 -1
- package/lib/module/button/createButtonIcon.js +0 -13
- package/lib/module/button/createButtonIcon.js.map +0 -1
- package/lib/module/button/createButtonRoot.js.map +0 -1
- package/lib/module/button/createButtonSpinner.js +0 -29
- package/lib/module/button/createButtonSpinner.js.map +0 -1
- package/lib/module/button/createButtonText.js +0 -34
- package/lib/module/button/createButtonText.js.map +0 -1
- package/lib/module/checkbox/createCheckboxGroup.js.map +0 -1
- package/lib/module/checkbox/createCheckboxIcon.js +0 -24
- package/lib/module/checkbox/createCheckboxIcon.js.map +0 -1
- package/lib/module/checkbox/createCheckboxIndicator.js +0 -42
- package/lib/module/checkbox/createCheckboxIndicator.js.map +0 -1
- package/lib/module/checkbox/createCheckboxLabel.js +0 -41
- package/lib/module/checkbox/createCheckboxLabel.js.map +0 -1
- package/lib/module/checkbox/createCheckboxRoot.js +0 -94
- package/lib/module/checkbox/createCheckboxRoot.js.map +0 -1
- package/lib/module/checkbox/createCheckboxRoot.web.js +0 -91
- package/lib/module/checkbox/createCheckboxRoot.web.js.map +0 -1
- package/lib/module/chip/createChipRoot.js +0 -126
- package/lib/module/chip/createChipRoot.js.map +0 -1
- package/lib/module/dialog/createDialogClose.js +0 -31
- package/lib/module/dialog/createDialogClose.js.map +0 -1
- package/lib/module/dialog/createDialogContent.js +0 -15
- package/lib/module/dialog/createDialogContent.js.map +0 -1
- package/lib/module/dialog/createDialogDescription.js +0 -24
- package/lib/module/dialog/createDialogDescription.js.map +0 -1
- package/lib/module/dialog/createDialogFooter.js +0 -15
- package/lib/module/dialog/createDialogFooter.js.map +0 -1
- package/lib/module/dialog/createDialogHeader.js +0 -15
- package/lib/module/dialog/createDialogHeader.js.map +0 -1
- package/lib/module/dialog/createDialogPopup.js.map +0 -1
- package/lib/module/dialog/createDialogRoot.js.map +0 -1
- package/lib/module/dialog/createDialogTitle.js +0 -15
- package/lib/module/dialog/createDialogTitle.js.map +0 -1
- package/lib/module/dialog/createDialogTrigger.js +0 -31
- package/lib/module/dialog/createDialogTrigger.js.map +0 -1
- package/lib/module/field/createFieldError.js +0 -35
- package/lib/module/field/createFieldError.js.map +0 -1
- package/lib/module/field/createFieldErrorIcon.js +0 -13
- package/lib/module/field/createFieldErrorIcon.js.map +0 -1
- package/lib/module/field/createFieldErrorText.js +0 -13
- package/lib/module/field/createFieldErrorText.js.map +0 -1
- package/lib/module/field/createFieldHelper.js +0 -35
- package/lib/module/field/createFieldHelper.js.map +0 -1
- package/lib/module/field/createFieldHelperText.js +0 -13
- package/lib/module/field/createFieldHelperText.js.map +0 -1
- package/lib/module/field/createFieldLabel.js +0 -31
- package/lib/module/field/createFieldLabel.js.map +0 -1
- package/lib/module/field/createFieldRoot.js +0 -29
- package/lib/module/field/createFieldRoot.js.map +0 -1
- package/lib/module/form/createFormRoot.js +0 -15
- package/lib/module/form/createFormRoot.js.map +0 -1
- package/lib/module/input/createInputField.js.map +0 -1
- package/lib/module/input/createInputRoot.js.map +0 -1
- package/lib/module/input/createInputSlot.js +0 -39
- package/lib/module/input/createInputSlot.js.map +0 -1
- package/lib/module/link/createLink.js.map +0 -1
- package/lib/module/list-item/createListItemContent.js +0 -24
- package/lib/module/list-item/createListItemContent.js.map +0 -1
- package/lib/module/list-item/createListItemDescription.js +0 -19
- package/lib/module/list-item/createListItemDescription.js.map +0 -1
- package/lib/module/list-item/createListItemLeadingSlot.js +0 -28
- package/lib/module/list-item/createListItemLeadingSlot.js.map +0 -1
- package/lib/module/list-item/createListItemMeta.js +0 -19
- package/lib/module/list-item/createListItemMeta.js.map +0 -1
- package/lib/module/list-item/createListItemRoot.js.map +0 -1
- package/lib/module/list-item/createListItemSectionHeader.js +0 -48
- package/lib/module/list-item/createListItemSectionHeader.js.map +0 -1
- package/lib/module/list-item/createListItemTitle.js +0 -19
- package/lib/module/list-item/createListItemTitle.js.map +0 -1
- package/lib/module/list-item/createListItemTrailingSlot.js +0 -22
- package/lib/module/list-item/createListItemTrailingSlot.js.map +0 -1
- package/lib/module/otp-input/createOtpInputCell.js +0 -24
- package/lib/module/otp-input/createOtpInputCell.js.map +0 -1
- package/lib/module/otp-input/createOtpInputField.js.map +0 -1
- package/lib/module/otp-input/createOtpInputRoot.js.map +0 -1
- package/lib/module/progress/context.js.map +0 -1
- package/lib/module/progress/createProgressIndicator.js.map +0 -1
- package/lib/module/progress/createProgressRoot.js.map +0 -1
- package/lib/module/progress/index.js +0 -15
- package/lib/module/progress/index.js.map +0 -1
- package/lib/module/radio/createRadioGroup.js.map +0 -1
- package/lib/module/radio/createRadioIndicator.js +0 -38
- package/lib/module/radio/createRadioIndicator.js.map +0 -1
- package/lib/module/radio/createRadioLabel.js +0 -33
- package/lib/module/radio/createRadioLabel.js.map +0 -1
- package/lib/module/radio/createRadioRoot.js +0 -90
- package/lib/module/radio/createRadioRoot.js.map +0 -1
- package/lib/module/radio/createRadioRoot.web.js +0 -82
- package/lib/module/radio/createRadioRoot.web.js.map +0 -1
- package/lib/module/select/createSelectContent.js.map +0 -1
- package/lib/module/select/createSelectIcon.js +0 -38
- package/lib/module/select/createSelectIcon.js.map +0 -1
- package/lib/module/select/createSelectItem.js.map +0 -1
- package/lib/module/select/createSelectItemLabel.js +0 -36
- package/lib/module/select/createSelectItemLabel.js.map +0 -1
- package/lib/module/select/createSelectRoot.js.map +0 -1
- package/lib/module/select/createSelectTrigger.js +0 -187
- package/lib/module/select/createSelectTrigger.js.map +0 -1
- package/lib/module/select/createSelectValue.js +0 -48
- package/lib/module/select/createSelectValue.js.map +0 -1
- package/lib/module/switch/createSwitchRoot.js +0 -67
- package/lib/module/switch/createSwitchRoot.js.map +0 -1
- package/lib/module/tile/createTileContent.js +0 -24
- package/lib/module/tile/createTileContent.js.map +0 -1
- package/lib/module/tile/createTileDescription.js +0 -22
- package/lib/module/tile/createTileDescription.js.map +0 -1
- package/lib/module/tile/createTileGroup.js.map +0 -1
- package/lib/module/tile/createTileIndicator.js +0 -40
- package/lib/module/tile/createTileIndicator.js.map +0 -1
- package/lib/module/tile/createTileLeadingSlot.js +0 -28
- package/lib/module/tile/createTileLeadingSlot.js.map +0 -1
- package/lib/module/tile/createTileRoot.js.map +0 -1
- package/lib/module/tile/createTileTitle.js +0 -22
- package/lib/module/tile/createTileTitle.js.map +0 -1
- package/lib/module/tile/createTileTrailingSlot.js +0 -29
- package/lib/module/tile/createTileTrailingSlot.js.map +0 -1
- package/lib/typescript/avatar/createAvatarBadge.d.ts +0 -4
- package/lib/typescript/avatar/createAvatarBadge.d.ts.map +0 -1
- package/lib/typescript/avatar/createAvatarIcon.d.ts +0 -4
- package/lib/typescript/avatar/createAvatarIcon.d.ts.map +0 -1
- package/lib/typescript/avatar/createAvatarImage.d.ts +0 -4
- package/lib/typescript/avatar/createAvatarImage.d.ts.map +0 -1
- package/lib/typescript/avatar/createAvatarRoot.d.ts +0 -4
- package/lib/typescript/avatar/createAvatarRoot.d.ts.map +0 -1
- package/lib/typescript/avatar/createAvatarText.d.ts +0 -4
- package/lib/typescript/avatar/createAvatarText.d.ts.map +0 -1
- package/lib/typescript/button/createButtonGroup.d.ts +0 -4
- package/lib/typescript/button/createButtonGroup.d.ts.map +0 -1
- package/lib/typescript/button/createButtonIcon.d.ts +0 -2
- package/lib/typescript/button/createButtonIcon.d.ts.map +0 -1
- package/lib/typescript/button/createButtonRoot.d.ts +0 -6
- package/lib/typescript/button/createButtonRoot.d.ts.map +0 -1
- package/lib/typescript/button/createButtonSpinner.d.ts +0 -4
- package/lib/typescript/button/createButtonSpinner.d.ts.map +0 -1
- package/lib/typescript/button/createButtonText.d.ts +0 -4
- package/lib/typescript/button/createButtonText.d.ts.map +0 -1
- package/lib/typescript/checkbox/createCheckboxGroup.d.ts +0 -3
- package/lib/typescript/checkbox/createCheckboxGroup.d.ts.map +0 -1
- package/lib/typescript/checkbox/createCheckboxIcon.d.ts +0 -3
- package/lib/typescript/checkbox/createCheckboxIcon.d.ts.map +0 -1
- package/lib/typescript/checkbox/createCheckboxIndicator.d.ts +0 -5
- package/lib/typescript/checkbox/createCheckboxIndicator.d.ts.map +0 -1
- package/lib/typescript/checkbox/createCheckboxLabel.d.ts +0 -5
- package/lib/typescript/checkbox/createCheckboxLabel.d.ts.map +0 -1
- package/lib/typescript/checkbox/createCheckboxRoot.d.ts +0 -2
- package/lib/typescript/checkbox/createCheckboxRoot.d.ts.map +0 -1
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts +0 -6
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts.map +0 -1
- package/lib/typescript/chip/createChipRoot.d.ts +0 -4
- package/lib/typescript/chip/createChipRoot.d.ts.map +0 -1
- package/lib/typescript/dialog/createDialogClose.d.ts +0 -4
- package/lib/typescript/dialog/createDialogClose.d.ts.map +0 -1
- package/lib/typescript/dialog/createDialogContent.d.ts +0 -4
- package/lib/typescript/dialog/createDialogContent.d.ts.map +0 -1
- package/lib/typescript/dialog/createDialogDescription.d.ts +0 -4
- package/lib/typescript/dialog/createDialogDescription.d.ts.map +0 -1
- package/lib/typescript/dialog/createDialogFooter.d.ts +0 -4
- package/lib/typescript/dialog/createDialogFooter.d.ts.map +0 -1
- package/lib/typescript/dialog/createDialogHeader.d.ts +0 -4
- package/lib/typescript/dialog/createDialogHeader.d.ts.map +0 -1
- package/lib/typescript/dialog/createDialogPopup.d.ts +0 -4
- package/lib/typescript/dialog/createDialogPopup.d.ts.map +0 -1
- package/lib/typescript/dialog/createDialogRoot.d.ts +0 -4
- package/lib/typescript/dialog/createDialogRoot.d.ts.map +0 -1
- package/lib/typescript/dialog/createDialogTitle.d.ts +0 -4
- package/lib/typescript/dialog/createDialogTitle.d.ts.map +0 -1
- package/lib/typescript/dialog/createDialogTrigger.d.ts +0 -4
- package/lib/typescript/dialog/createDialogTrigger.d.ts.map +0 -1
- package/lib/typescript/field/createFieldError.d.ts +0 -5
- package/lib/typescript/field/createFieldError.d.ts.map +0 -1
- package/lib/typescript/field/createFieldErrorIcon.d.ts +0 -5
- package/lib/typescript/field/createFieldErrorIcon.d.ts.map +0 -1
- package/lib/typescript/field/createFieldErrorText.d.ts +0 -5
- package/lib/typescript/field/createFieldErrorText.d.ts.map +0 -1
- package/lib/typescript/field/createFieldHelper.d.ts +0 -5
- package/lib/typescript/field/createFieldHelper.d.ts.map +0 -1
- package/lib/typescript/field/createFieldHelperText.d.ts +0 -5
- package/lib/typescript/field/createFieldHelperText.d.ts.map +0 -1
- package/lib/typescript/field/createFieldLabel.d.ts +0 -6
- package/lib/typescript/field/createFieldLabel.d.ts.map +0 -1
- package/lib/typescript/field/createFieldRoot.d.ts +0 -6
- package/lib/typescript/field/createFieldRoot.d.ts.map +0 -1
- package/lib/typescript/form/createFormRoot.d.ts +0 -4
- package/lib/typescript/form/createFormRoot.d.ts.map +0 -1
- package/lib/typescript/input/createInputField.d.ts +0 -4
- package/lib/typescript/input/createInputField.d.ts.map +0 -1
- package/lib/typescript/input/createInputRoot.d.ts +0 -4
- package/lib/typescript/input/createInputRoot.d.ts.map +0 -1
- package/lib/typescript/input/createInputSlot.d.ts +0 -4
- package/lib/typescript/input/createInputSlot.d.ts.map +0 -1
- package/lib/typescript/link/createLink.d.ts +0 -6
- package/lib/typescript/link/createLink.d.ts.map +0 -1
- package/lib/typescript/list-item/createListItemContent.d.ts +0 -3
- package/lib/typescript/list-item/createListItemContent.d.ts.map +0 -1
- package/lib/typescript/list-item/createListItemDescription.d.ts +0 -3
- package/lib/typescript/list-item/createListItemDescription.d.ts.map +0 -1
- package/lib/typescript/list-item/createListItemLeadingSlot.d.ts +0 -4
- package/lib/typescript/list-item/createListItemLeadingSlot.d.ts.map +0 -1
- package/lib/typescript/list-item/createListItemMeta.d.ts +0 -3
- package/lib/typescript/list-item/createListItemMeta.d.ts.map +0 -1
- package/lib/typescript/list-item/createListItemRoot.d.ts +0 -4
- package/lib/typescript/list-item/createListItemRoot.d.ts.map +0 -1
- package/lib/typescript/list-item/createListItemSectionHeader.d.ts +0 -4
- package/lib/typescript/list-item/createListItemSectionHeader.d.ts.map +0 -1
- package/lib/typescript/list-item/createListItemTitle.d.ts +0 -3
- package/lib/typescript/list-item/createListItemTitle.d.ts.map +0 -1
- package/lib/typescript/list-item/createListItemTrailingSlot.d.ts +0 -3
- package/lib/typescript/list-item/createListItemTrailingSlot.d.ts.map +0 -1
- package/lib/typescript/otp-input/createOtpInputCell.d.ts +0 -4
- package/lib/typescript/otp-input/createOtpInputCell.d.ts.map +0 -1
- package/lib/typescript/otp-input/createOtpInputField.d.ts +0 -4
- package/lib/typescript/otp-input/createOtpInputField.d.ts.map +0 -1
- package/lib/typescript/otp-input/createOtpInputRoot.d.ts +0 -4
- package/lib/typescript/otp-input/createOtpInputRoot.d.ts.map +0 -1
- package/lib/typescript/progress/context.d.ts.map +0 -1
- package/lib/typescript/progress/createProgressIndicator.d.ts +0 -3
- package/lib/typescript/progress/createProgressIndicator.d.ts.map +0 -1
- package/lib/typescript/progress/createProgressRoot.d.ts +0 -4
- package/lib/typescript/progress/createProgressRoot.d.ts.map +0 -1
- package/lib/typescript/progress/index.d.ts +0 -10
- package/lib/typescript/progress/index.d.ts.map +0 -1
- package/lib/typescript/progress/types.d.ts.map +0 -1
- package/lib/typescript/radio/createRadioGroup.d.ts +0 -3
- package/lib/typescript/radio/createRadioGroup.d.ts.map +0 -1
- package/lib/typescript/radio/createRadioIndicator.d.ts +0 -5
- package/lib/typescript/radio/createRadioIndicator.d.ts.map +0 -1
- package/lib/typescript/radio/createRadioLabel.d.ts +0 -5
- package/lib/typescript/radio/createRadioLabel.d.ts.map +0 -1
- package/lib/typescript/radio/createRadioRoot.d.ts +0 -3
- package/lib/typescript/radio/createRadioRoot.d.ts.map +0 -1
- package/lib/typescript/radio/createRadioRoot.web.d.ts +0 -3
- package/lib/typescript/radio/createRadioRoot.web.d.ts.map +0 -1
- package/lib/typescript/select/createSelectContent.d.ts +0 -4
- package/lib/typescript/select/createSelectContent.d.ts.map +0 -1
- package/lib/typescript/select/createSelectIcon.d.ts +0 -2
- package/lib/typescript/select/createSelectIcon.d.ts.map +0 -1
- package/lib/typescript/select/createSelectItem.d.ts +0 -6
- package/lib/typescript/select/createSelectItem.d.ts.map +0 -1
- package/lib/typescript/select/createSelectItemLabel.d.ts +0 -4
- package/lib/typescript/select/createSelectItemLabel.d.ts.map +0 -1
- package/lib/typescript/select/createSelectRoot.d.ts +0 -4
- package/lib/typescript/select/createSelectRoot.d.ts.map +0 -1
- package/lib/typescript/select/createSelectTrigger.d.ts +0 -7
- package/lib/typescript/select/createSelectTrigger.d.ts.map +0 -1
- package/lib/typescript/select/createSelectValue.d.ts +0 -4
- package/lib/typescript/select/createSelectValue.d.ts.map +0 -1
- package/lib/typescript/switch/createSwitchRoot.d.ts +0 -3
- package/lib/typescript/switch/createSwitchRoot.d.ts.map +0 -1
- package/lib/typescript/tile/createTileContent.d.ts +0 -3
- package/lib/typescript/tile/createTileContent.d.ts.map +0 -1
- package/lib/typescript/tile/createTileDescription.d.ts +0 -3
- package/lib/typescript/tile/createTileDescription.d.ts.map +0 -1
- package/lib/typescript/tile/createTileGroup.d.ts +0 -4
- package/lib/typescript/tile/createTileGroup.d.ts.map +0 -1
- package/lib/typescript/tile/createTileIndicator.d.ts +0 -4
- package/lib/typescript/tile/createTileIndicator.d.ts.map +0 -1
- package/lib/typescript/tile/createTileLeadingSlot.d.ts +0 -4
- package/lib/typescript/tile/createTileLeadingSlot.d.ts.map +0 -1
- package/lib/typescript/tile/createTileRoot.d.ts +0 -4
- package/lib/typescript/tile/createTileRoot.d.ts.map +0 -1
- package/lib/typescript/tile/createTileTitle.d.ts +0 -3
- package/lib/typescript/tile/createTileTitle.d.ts.map +0 -1
- package/lib/typescript/tile/createTileTrailingSlot.d.ts +0 -9
- package/lib/typescript/tile/createTileTrailingSlot.d.ts.map +0 -1
- package/src/avatar/createAvatarBadge.tsx +0 -12
- package/src/avatar/createAvatarIcon.tsx +0 -16
- package/src/avatar/createAvatarImage.tsx +0 -40
- package/src/avatar/createAvatarRoot.tsx +0 -23
- package/src/avatar/createAvatarText.tsx +0 -39
- package/src/button/createButtonGroup.tsx +0 -88
- package/src/button/createButtonIcon.tsx +0 -8
- package/src/button/createButtonRoot.tsx +0 -102
- package/src/button/createButtonSpinner.tsx +0 -20
- package/src/button/createButtonText.tsx +0 -23
- package/src/button/index.tsx +0 -53
- package/src/checkbox/createCheckboxGroup.tsx +0 -32
- package/src/checkbox/createCheckboxIcon.tsx +0 -18
- package/src/checkbox/createCheckboxIndicator.tsx +0 -43
- package/src/checkbox/createCheckboxLabel.tsx +0 -42
- package/src/checkbox/createCheckboxRoot.tsx +0 -100
- package/src/checkbox/createCheckboxRoot.web.tsx +0 -83
- package/src/chip/createChipRoot.tsx +0 -144
- package/src/dialog/createDialogClose.tsx +0 -27
- package/src/dialog/createDialogContent.tsx +0 -11
- package/src/dialog/createDialogDescription.tsx +0 -20
- package/src/dialog/createDialogFooter.tsx +0 -11
- package/src/dialog/createDialogHeader.tsx +0 -11
- package/src/dialog/createDialogPopup.tsx +0 -146
- package/src/dialog/createDialogRoot.tsx +0 -66
- package/src/dialog/createDialogTitle.tsx +0 -11
- package/src/dialog/createDialogTrigger.tsx +0 -27
- package/src/field/createFieldError.tsx +0 -32
- package/src/field/createFieldErrorIcon.tsx +0 -9
- package/src/field/createFieldErrorText.tsx +0 -9
- package/src/field/createFieldHelper.tsx +0 -28
- package/src/field/createFieldHelperText.tsx +0 -9
- package/src/field/createFieldLabel.tsx +0 -33
- package/src/field/createFieldRoot.tsx +0 -27
- package/src/form/createFormRoot.tsx +0 -13
- package/src/input/createInputField.tsx +0 -120
- package/src/input/createInputRoot.tsx +0 -92
- package/src/input/createInputSlot.tsx +0 -39
- package/src/link/createLink.tsx +0 -89
- package/src/list-item/createListItemContent.tsx +0 -23
- package/src/list-item/createListItemDescription.tsx +0 -19
- package/src/list-item/createListItemLeadingSlot.tsx +0 -30
- package/src/list-item/createListItemMeta.tsx +0 -17
- package/src/list-item/createListItemRoot.tsx +0 -195
- package/src/list-item/createListItemSectionHeader.tsx +0 -53
- package/src/list-item/createListItemTitle.tsx +0 -17
- package/src/list-item/createListItemTrailingSlot.tsx +0 -21
- package/src/otp-input/createOtpInputCell.tsx +0 -22
- package/src/otp-input/createOtpInputField.tsx +0 -98
- package/src/otp-input/createOtpInputRoot.tsx +0 -179
- package/src/otp-input/index.tsx +0 -34
- package/src/progress/createProgressIndicator.tsx +0 -35
- package/src/progress/index.ts +0 -28
- package/src/radio/createRadioIndicator.tsx +0 -32
- package/src/radio/createRadioLabel.tsx +0 -28
- package/src/radio/createRadioRoot.tsx +0 -100
- package/src/radio/createRadioRoot.web.tsx +0 -81
- package/src/select/createSelectContent.tsx +0 -115
- package/src/select/createSelectIcon.tsx +0 -28
- package/src/select/createSelectItem.tsx +0 -121
- package/src/select/createSelectItemLabel.tsx +0 -30
- package/src/select/createSelectRoot.tsx +0 -134
- package/src/select/createSelectTrigger.tsx +0 -241
- package/src/select/createSelectValue.tsx +0 -38
- package/src/select/index.tsx +0 -73
- package/src/switch/createSwitchRoot.tsx +0 -72
- package/src/tile/createTileContent.tsx +0 -23
- package/src/tile/createTileDescription.tsx +0 -19
- package/src/tile/createTileGroup.tsx +0 -134
- package/src/tile/createTileIndicator.tsx +0 -38
- package/src/tile/createTileLeadingSlot.tsx +0 -30
- package/src/tile/createTileTitle.tsx +0 -19
- package/src/tile/createTileTrailingSlot.tsx +0 -25
- /package/lib/commonjs/{progress → progress-bar}/context.js +0 -0
- /package/lib/commonjs/{progress → progress-bar}/types.js +0 -0
- /package/lib/module/{progress → progress-bar}/context.js +0 -0
- /package/lib/module/{progress → progress-bar}/types.js +0 -0
- /package/lib/typescript/{progress → progress-bar}/context.d.ts +0 -0
- /package/src/{progress → progress-bar}/context.tsx +0 -0
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useSelectTrigger = useSelectTrigger;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _focus = require("@react-native-aria/focus");
|
|
10
|
+
var _interactions = require("@react-native-aria/interactions");
|
|
11
|
+
var _context = require("./context");
|
|
12
|
+
/**
|
|
13
|
+
* Shared logic for `Select.Trigger` across native and web. Each platform file is
|
|
14
|
+
* a thin host-element wrapper that spreads this hook's output. The hook composes
|
|
15
|
+
* interaction-state hooks, ARIA props, keyboard intent, press-to-toggle, the
|
|
16
|
+
* merged ref, and (where appropriate) the label-focus bridge.
|
|
17
|
+
*
|
|
18
|
+
* Native variant — Pressable is not natively labelable, so the label-focus
|
|
19
|
+
* bridge is always registered on `field.inputRef`.
|
|
20
|
+
*/
|
|
21
|
+
function useSelectTrigger(forwardedRef, options) {
|
|
22
|
+
/**
|
|
23
|
+
* `asChild` is part of the symmetric options shape for parity with the web variant,
|
|
24
|
+
* but the native hook always mounts the label-focus bridge (Pressable is never
|
|
25
|
+
* natively labelable) and Slot/Pressable share the same Pressable-shaped surface,
|
|
26
|
+
* so the option is intentionally unused here.
|
|
27
|
+
*/
|
|
28
|
+
const {
|
|
29
|
+
isHovered: isHoveredProp,
|
|
30
|
+
isActive: isActiveProp,
|
|
31
|
+
isFocused: isFocusedProp,
|
|
32
|
+
isFocusVisible: isFocusVisibleProp,
|
|
33
|
+
isDisabled: isDisabledProp,
|
|
34
|
+
ariaDescribedBy: ariaDescribedByProp,
|
|
35
|
+
onPress: consumerOnPress,
|
|
36
|
+
onPressIn: consumerOnPressIn,
|
|
37
|
+
onPressOut: consumerOnPressOut,
|
|
38
|
+
onHoverIn: consumerOnHoverIn,
|
|
39
|
+
onHoverOut: consumerOnHoverOut,
|
|
40
|
+
onFocus: consumerOnFocus,
|
|
41
|
+
onBlur: consumerOnBlur,
|
|
42
|
+
onKeyDown: consumerOnKeyDown
|
|
43
|
+
} = options;
|
|
44
|
+
const {
|
|
45
|
+
open,
|
|
46
|
+
setOpen,
|
|
47
|
+
disabled: contextDisabled,
|
|
48
|
+
required: contextRequired,
|
|
49
|
+
invalid: contextInvalid,
|
|
50
|
+
readOnly: contextReadOnly,
|
|
51
|
+
triggerId,
|
|
52
|
+
contentId,
|
|
53
|
+
triggerRef,
|
|
54
|
+
activeValue,
|
|
55
|
+
accessibilityLabel,
|
|
56
|
+
ariaDescribedBy: ariaDescribedByFromField
|
|
57
|
+
} = (0, _context.useSelectContext)();
|
|
58
|
+
const field = (0, _utils.useFormControlContext)();
|
|
59
|
+
const disabled = contextDisabled || !!isDisabledProp;
|
|
60
|
+
const {
|
|
61
|
+
isFocusVisible,
|
|
62
|
+
focusProps: focusRingProps
|
|
63
|
+
} = (0, _focus.useFocusRing)();
|
|
64
|
+
const {
|
|
65
|
+
pressProps,
|
|
66
|
+
isPressed: isActive
|
|
67
|
+
} = (0, _interactions.usePress)({
|
|
68
|
+
isDisabled: disabled
|
|
69
|
+
});
|
|
70
|
+
const {
|
|
71
|
+
isFocused,
|
|
72
|
+
focusProps
|
|
73
|
+
} = (0, _focus.useFocus)();
|
|
74
|
+
const {
|
|
75
|
+
isHovered,
|
|
76
|
+
hoverProps
|
|
77
|
+
} = (0, _interactions.useHover)();
|
|
78
|
+
const [triggerFocused, setTriggerFocused] = (0, _react.useState)(false);
|
|
79
|
+
const handlePress = (0, _react.useCallback)(_e => {
|
|
80
|
+
if (!disabled) {
|
|
81
|
+
setOpen(!open);
|
|
82
|
+
}
|
|
83
|
+
}, [disabled, open, setOpen]);
|
|
84
|
+
const handleKeyDown = (0, _react.useCallback)(e => {
|
|
85
|
+
if (disabled) {
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
switch (e.key) {
|
|
89
|
+
case 'Enter':
|
|
90
|
+
case ' ':
|
|
91
|
+
case 'ArrowDown':
|
|
92
|
+
case 'ArrowUp':
|
|
93
|
+
{
|
|
94
|
+
e.preventDefault();
|
|
95
|
+
setOpen(true);
|
|
96
|
+
break;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}, [disabled, setOpen]);
|
|
100
|
+
|
|
101
|
+
/** `useFocus()` on Pressable can stay true on native after blur; use explicit focus/blur handlers. */
|
|
102
|
+
const isLabelActive = Boolean((open || triggerFocused) && !disabled);
|
|
103
|
+
(0, _utils.useReportFormControlLabelFocus)(isLabelActive);
|
|
104
|
+
(0, _react.useLayoutEffect)(() => {
|
|
105
|
+
if (!open) {
|
|
106
|
+
setTriggerFocused(false);
|
|
107
|
+
}
|
|
108
|
+
}, [open]);
|
|
109
|
+
const interactionState = (0, _react.useMemo)(() => ({
|
|
110
|
+
hover: !!(isHoveredProp || isHovered),
|
|
111
|
+
focus: !!(isFocusedProp || isFocused || open),
|
|
112
|
+
active: !!(isActiveProp || isActive),
|
|
113
|
+
disabled: !!disabled,
|
|
114
|
+
focusVisible: !!(isFocusVisibleProp || isFocusVisible)
|
|
115
|
+
}), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, open]);
|
|
116
|
+
|
|
117
|
+
/**
|
|
118
|
+
* Native: `Pressable` has no usable programmatic `.focus()` (unlike `TextInput`).
|
|
119
|
+
* `Form.Label` calls `focusInput()` → we register a bridge on `field.inputRef` that tries
|
|
120
|
+
* native focus, then opens the list (expected "tap label" behavior for a select).
|
|
121
|
+
*/
|
|
122
|
+
const labelFocusGateRef = (0, _react.useRef)({
|
|
123
|
+
disabled: false,
|
|
124
|
+
readOnly: false
|
|
125
|
+
});
|
|
126
|
+
labelFocusGateRef.current = {
|
|
127
|
+
disabled: !!disabled,
|
|
128
|
+
readOnly: !!contextReadOnly
|
|
129
|
+
};
|
|
130
|
+
const labelFocusBridge = (0, _react.useMemo)(() => ({
|
|
131
|
+
focus() {
|
|
132
|
+
const {
|
|
133
|
+
disabled: isOff,
|
|
134
|
+
readOnly: isRO
|
|
135
|
+
} = labelFocusGateRef.current;
|
|
136
|
+
if (isOff || isRO) {
|
|
137
|
+
return;
|
|
138
|
+
}
|
|
139
|
+
const node = triggerRef.current;
|
|
140
|
+
if (node != null && typeof node.focus === 'function') {
|
|
141
|
+
node.focus();
|
|
142
|
+
}
|
|
143
|
+
setOpen(true);
|
|
144
|
+
}
|
|
145
|
+
}), [setOpen, triggerRef]);
|
|
146
|
+
(0, _react.useLayoutEffect)(() => {
|
|
147
|
+
if (!field.inputRef) {
|
|
148
|
+
return;
|
|
149
|
+
}
|
|
150
|
+
const r = field.inputRef;
|
|
151
|
+
r.current = labelFocusBridge;
|
|
152
|
+
return () => {
|
|
153
|
+
if (r.current === labelFocusBridge) {
|
|
154
|
+
r.current = null;
|
|
155
|
+
}
|
|
156
|
+
};
|
|
157
|
+
}, [field.inputRef, labelFocusBridge]);
|
|
158
|
+
const mergedRef = (0, _utils.mergeRefs)(forwardedRef, triggerRef);
|
|
159
|
+
const ariaDescribedBy = [ariaDescribedByFromField, ariaDescribedByProp].filter(Boolean).join(' ');
|
|
160
|
+
const ariaProps = {
|
|
161
|
+
role: 'combobox',
|
|
162
|
+
'aria-label': accessibilityLabel,
|
|
163
|
+
'aria-haspopup': 'listbox',
|
|
164
|
+
'aria-expanded': open,
|
|
165
|
+
'aria-controls': contentId,
|
|
166
|
+
'aria-activedescendant': open && activeValue ? `${contentId}-option-${activeValue}` : undefined,
|
|
167
|
+
'aria-required': contextRequired || undefined,
|
|
168
|
+
'aria-invalid': contextInvalid || undefined,
|
|
169
|
+
'aria-readonly': contextReadOnly || undefined,
|
|
170
|
+
'aria-describedby': ariaDescribedBy || undefined,
|
|
171
|
+
id: triggerId,
|
|
172
|
+
disabled
|
|
173
|
+
};
|
|
174
|
+
const dataAttrValues = {
|
|
175
|
+
hover: interactionState.hover,
|
|
176
|
+
focus: interactionState.focus,
|
|
177
|
+
active: interactionState.active,
|
|
178
|
+
disabled: interactionState.disabled,
|
|
179
|
+
focusVisible: interactionState.focusVisible,
|
|
180
|
+
required: !!contextRequired,
|
|
181
|
+
invalid: !!contextInvalid,
|
|
182
|
+
readonly: !!contextReadOnly,
|
|
183
|
+
state: open ? 'open' : 'closed'
|
|
184
|
+
};
|
|
185
|
+
const handlers = {
|
|
186
|
+
onPress: (0, _utils.composeEventHandlers)(consumerOnPress, handlePress),
|
|
187
|
+
onPressIn: (0, _utils.composeEventHandlers)(consumerOnPressIn, pressProps.onPressIn),
|
|
188
|
+
onPressOut: (0, _utils.composeEventHandlers)(consumerOnPressOut, pressProps.onPressOut),
|
|
189
|
+
onHoverIn: (0, _utils.composeEventHandlers)(consumerOnHoverIn, hoverProps.onHoverIn),
|
|
190
|
+
onHoverOut: (0, _utils.composeEventHandlers)(consumerOnHoverOut, hoverProps.onHoverOut),
|
|
191
|
+
onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(consumerOnFocus, focusProps.onFocus), focusRingProps.onFocus), () => setTriggerFocused(true)),
|
|
192
|
+
onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(consumerOnBlur, focusProps.onBlur), focusRingProps.onBlur), () => setTriggerFocused(false)),
|
|
193
|
+
onKeyDown: (0, _utils.composeEventHandlers)(consumerOnKeyDown, handleKeyDown)
|
|
194
|
+
};
|
|
195
|
+
return {
|
|
196
|
+
ariaProps,
|
|
197
|
+
dataAttrValues,
|
|
198
|
+
interactionState,
|
|
199
|
+
mergedRef,
|
|
200
|
+
handlers,
|
|
201
|
+
isLabelActive,
|
|
202
|
+
open,
|
|
203
|
+
labelFocusBridge
|
|
204
|
+
};
|
|
205
|
+
}
|
|
206
|
+
//# sourceMappingURL=useSelectTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_focus","_interactions","_context","useSelectTrigger","forwardedRef","options","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","ariaDescribedBy","ariaDescribedByProp","onPress","consumerOnPress","onPressIn","consumerOnPressIn","onPressOut","consumerOnPressOut","onHoverIn","consumerOnHoverIn","onHoverOut","consumerOnHoverOut","onFocus","consumerOnFocus","onBlur","consumerOnBlur","onKeyDown","consumerOnKeyDown","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","ariaDescribedByFromField","useSelectContext","field","useFormControlContext","focusProps","focusRingProps","useFocusRing","pressProps","isPressed","usePress","useFocus","hoverProps","useHover","triggerFocused","setTriggerFocused","useState","handlePress","useCallback","_e","handleKeyDown","e","key","preventDefault","isLabelActive","Boolean","useReportFormControlLabelFocus","useLayoutEffect","interactionState","useMemo","hover","focus","active","focusVisible","labelFocusGateRef","useRef","current","labelFocusBridge","isOff","isRO","node","inputRef","r","mergedRef","mergeRefs","filter","join","ariaProps","role","undefined","id","dataAttrValues","readonly","state","handlers","composeEventHandlers"],"sourceRoot":"../../../src","sources":["select/useSelectTrigger.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useSelectTrigger = useSelectTrigger;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _focus = require("@react-native-aria/focus");
|
|
10
|
+
var _interactions = require("@react-native-aria/interactions");
|
|
11
|
+
var _context = require("./context");
|
|
12
|
+
/**
|
|
13
|
+
* Web variant — drops `useHover` and `useFocusRing` per the trigger-prune todo:
|
|
14
|
+
* neither emitted attribute has a consumer in `selectTriggerVariants`, and the
|
|
15
|
+
* web `useHover` re-renders on every pointer enter/leave. Hover is expressed via
|
|
16
|
+
* CSS `:hover` chains in CVA, not a JS tracker.
|
|
17
|
+
*
|
|
18
|
+
* The label-focus bridge is only registered when the host loses native
|
|
19
|
+
* label association — i.e. when `asChild` substitutes the rendered `<button>`
|
|
20
|
+
* with a non-labelable element. Otherwise `<label htmlFor>` handles the focus
|
|
21
|
+
* relationship natively.
|
|
22
|
+
*/
|
|
23
|
+
function useSelectTrigger(forwardedRef, options) {
|
|
24
|
+
const {
|
|
25
|
+
asChild,
|
|
26
|
+
isHovered: isHoveredProp,
|
|
27
|
+
isActive: isActiveProp,
|
|
28
|
+
isFocused: isFocusedProp,
|
|
29
|
+
isFocusVisible: isFocusVisibleProp,
|
|
30
|
+
isDisabled: isDisabledProp,
|
|
31
|
+
ariaDescribedBy: ariaDescribedByProp,
|
|
32
|
+
onPress: consumerOnPress,
|
|
33
|
+
onPressIn: consumerOnPressIn,
|
|
34
|
+
onPressOut: consumerOnPressOut,
|
|
35
|
+
onHoverIn: consumerOnHoverIn,
|
|
36
|
+
onHoverOut: consumerOnHoverOut,
|
|
37
|
+
onFocus: consumerOnFocus,
|
|
38
|
+
onBlur: consumerOnBlur,
|
|
39
|
+
onKeyDown: consumerOnKeyDown
|
|
40
|
+
} = options;
|
|
41
|
+
const {
|
|
42
|
+
open,
|
|
43
|
+
setOpen,
|
|
44
|
+
disabled: contextDisabled,
|
|
45
|
+
required: contextRequired,
|
|
46
|
+
invalid: contextInvalid,
|
|
47
|
+
readOnly: contextReadOnly,
|
|
48
|
+
triggerId,
|
|
49
|
+
contentId,
|
|
50
|
+
triggerRef,
|
|
51
|
+
activeValue,
|
|
52
|
+
accessibilityLabel,
|
|
53
|
+
ariaDescribedBy: ariaDescribedByFromField
|
|
54
|
+
} = (0, _context.useSelectContext)();
|
|
55
|
+
const field = (0, _utils.useFormControlContext)();
|
|
56
|
+
const disabled = contextDisabled || !!isDisabledProp;
|
|
57
|
+
const {
|
|
58
|
+
pressProps,
|
|
59
|
+
isPressed: isActive
|
|
60
|
+
} = (0, _interactions.usePress)({
|
|
61
|
+
isDisabled: disabled
|
|
62
|
+
});
|
|
63
|
+
const {
|
|
64
|
+
isFocused,
|
|
65
|
+
focusProps
|
|
66
|
+
} = (0, _focus.useFocus)();
|
|
67
|
+
const [triggerFocused, setTriggerFocused] = (0, _react.useState)(false);
|
|
68
|
+
const handlePress = (0, _react.useCallback)(_e => {
|
|
69
|
+
if (!disabled) {
|
|
70
|
+
setOpen(!open);
|
|
71
|
+
}
|
|
72
|
+
}, [disabled, open, setOpen]);
|
|
73
|
+
const handleKeyDown = (0, _react.useCallback)(e => {
|
|
74
|
+
if (disabled) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
switch (e.key) {
|
|
78
|
+
case 'Enter':
|
|
79
|
+
case ' ':
|
|
80
|
+
case 'ArrowDown':
|
|
81
|
+
case 'ArrowUp':
|
|
82
|
+
{
|
|
83
|
+
e.preventDefault();
|
|
84
|
+
setOpen(true);
|
|
85
|
+
break;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}, [disabled, setOpen]);
|
|
89
|
+
const isLabelActive = Boolean((isFocusedProp || isFocused || triggerFocused || open) && !disabled);
|
|
90
|
+
(0, _utils.useReportFormControlLabelFocus)(isLabelActive);
|
|
91
|
+
(0, _react.useLayoutEffect)(() => {
|
|
92
|
+
if (!open) {
|
|
93
|
+
setTriggerFocused(false);
|
|
94
|
+
}
|
|
95
|
+
}, [open]);
|
|
96
|
+
const interactionState = (0, _react.useMemo)(() => ({
|
|
97
|
+
hover: !!isHoveredProp,
|
|
98
|
+
focus: !!(isFocusedProp || isFocused || open),
|
|
99
|
+
active: !!(isActiveProp || isActive),
|
|
100
|
+
disabled: !!disabled,
|
|
101
|
+
focusVisible: !!isFocusVisibleProp
|
|
102
|
+
}), [isHoveredProp, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, open]);
|
|
103
|
+
|
|
104
|
+
/**
|
|
105
|
+
* `<button>` is HTML-labelable so `<label htmlFor>` works natively — no JS bridge needed.
|
|
106
|
+
* When `asChild` substitutes the host with a non-labelable element (e.g. `<div role="button">`),
|
|
107
|
+
* the bridge fills the gap so `Form.Label` can still focus the trigger via `field.inputRef`.
|
|
108
|
+
*/
|
|
109
|
+
const labelFocusGateRef = (0, _react.useRef)({
|
|
110
|
+
disabled: false,
|
|
111
|
+
readOnly: false
|
|
112
|
+
});
|
|
113
|
+
labelFocusGateRef.current = {
|
|
114
|
+
disabled: !!disabled,
|
|
115
|
+
readOnly: !!contextReadOnly
|
|
116
|
+
};
|
|
117
|
+
const labelFocusBridge = (0, _react.useMemo)(() => ({
|
|
118
|
+
focus() {
|
|
119
|
+
const {
|
|
120
|
+
disabled: isOff,
|
|
121
|
+
readOnly: isRO
|
|
122
|
+
} = labelFocusGateRef.current;
|
|
123
|
+
if (isOff || isRO) {
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
const node = triggerRef.current;
|
|
127
|
+
if (node != null && typeof node.focus === 'function') {
|
|
128
|
+
node.focus();
|
|
129
|
+
}
|
|
130
|
+
setOpen(true);
|
|
131
|
+
}
|
|
132
|
+
}), [setOpen, triggerRef]);
|
|
133
|
+
const shouldMountLabelFocusBridge = !!asChild;
|
|
134
|
+
(0, _react.useLayoutEffect)(() => {
|
|
135
|
+
if (!shouldMountLabelFocusBridge || !field.inputRef) {
|
|
136
|
+
return;
|
|
137
|
+
}
|
|
138
|
+
const r = field.inputRef;
|
|
139
|
+
r.current = labelFocusBridge;
|
|
140
|
+
return () => {
|
|
141
|
+
if (r.current === labelFocusBridge) {
|
|
142
|
+
r.current = null;
|
|
143
|
+
}
|
|
144
|
+
};
|
|
145
|
+
}, [shouldMountLabelFocusBridge, field.inputRef, labelFocusBridge]);
|
|
146
|
+
const mergedRef = (0, _utils.mergeRefs)(forwardedRef, triggerRef);
|
|
147
|
+
const ariaDescribedBy = [ariaDescribedByFromField, ariaDescribedByProp].filter(Boolean).join(' ');
|
|
148
|
+
const ariaProps = {
|
|
149
|
+
role: 'combobox',
|
|
150
|
+
'aria-label': accessibilityLabel,
|
|
151
|
+
'aria-haspopup': 'listbox',
|
|
152
|
+
'aria-expanded': open,
|
|
153
|
+
'aria-controls': contentId,
|
|
154
|
+
'aria-activedescendant': open && activeValue ? `${contentId}-option-${activeValue}` : undefined,
|
|
155
|
+
'aria-required': contextRequired || undefined,
|
|
156
|
+
'aria-invalid': contextInvalid || undefined,
|
|
157
|
+
'aria-readonly': contextReadOnly || undefined,
|
|
158
|
+
'aria-describedby': ariaDescribedBy || undefined,
|
|
159
|
+
id: triggerId,
|
|
160
|
+
disabled
|
|
161
|
+
};
|
|
162
|
+
const dataAttrValues = {
|
|
163
|
+
focus: interactionState.focus,
|
|
164
|
+
active: interactionState.active,
|
|
165
|
+
disabled: interactionState.disabled,
|
|
166
|
+
required: !!contextRequired,
|
|
167
|
+
invalid: !!contextInvalid,
|
|
168
|
+
readonly: !!contextReadOnly,
|
|
169
|
+
state: open ? 'open' : 'closed'
|
|
170
|
+
};
|
|
171
|
+
const handlers = {
|
|
172
|
+
onPress: (0, _utils.composeEventHandlers)(consumerOnPress, handlePress),
|
|
173
|
+
onPressIn: (0, _utils.composeEventHandlers)(consumerOnPressIn, pressProps.onPressIn),
|
|
174
|
+
onPressOut: (0, _utils.composeEventHandlers)(consumerOnPressOut, pressProps.onPressOut),
|
|
175
|
+
onHoverIn: consumerOnHoverIn ?? (() => undefined),
|
|
176
|
+
onHoverOut: consumerOnHoverOut ?? (() => undefined),
|
|
177
|
+
onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(consumerOnFocus, focusProps.onFocus), () => setTriggerFocused(true)),
|
|
178
|
+
onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(consumerOnBlur, focusProps.onBlur), () => setTriggerFocused(false)),
|
|
179
|
+
onKeyDown: (0, _utils.composeEventHandlers)(consumerOnKeyDown, handleKeyDown)
|
|
180
|
+
};
|
|
181
|
+
return {
|
|
182
|
+
ariaProps,
|
|
183
|
+
dataAttrValues,
|
|
184
|
+
interactionState,
|
|
185
|
+
mergedRef,
|
|
186
|
+
handlers,
|
|
187
|
+
isLabelActive,
|
|
188
|
+
open,
|
|
189
|
+
labelFocusBridge
|
|
190
|
+
};
|
|
191
|
+
}
|
|
192
|
+
//# sourceMappingURL=useSelectTrigger.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_focus","_interactions","_context","useSelectTrigger","forwardedRef","options","asChild","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","ariaDescribedBy","ariaDescribedByProp","onPress","consumerOnPress","onPressIn","consumerOnPressIn","onPressOut","consumerOnPressOut","onHoverIn","consumerOnHoverIn","onHoverOut","consumerOnHoverOut","onFocus","consumerOnFocus","onBlur","consumerOnBlur","onKeyDown","consumerOnKeyDown","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","ariaDescribedByFromField","useSelectContext","field","useFormControlContext","pressProps","isPressed","usePress","focusProps","useFocus","triggerFocused","setTriggerFocused","useState","handlePress","useCallback","_e","handleKeyDown","e","key","preventDefault","isLabelActive","Boolean","useReportFormControlLabelFocus","useLayoutEffect","interactionState","useMemo","hover","focus","active","focusVisible","labelFocusGateRef","useRef","current","labelFocusBridge","isOff","isRO","node","shouldMountLabelFocusBridge","inputRef","r","mergedRef","mergeRefs","filter","join","ariaProps","role","undefined","id","dataAttrValues","readonly","state","handlers","composeEventHandlers"],"sourceRoot":"../../../src","sources":["select/useSelectTrigger.web.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Slot", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _slot.Slot;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "isTextChildren", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _slot.isTextChildren;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _slot = require("@rn-primitives/slot");
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_slot","require"],"sourceRoot":"../../../src","sources":["slot/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -3,13 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
7
|
-
|
|
8
|
-
function
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return Switch;
|
|
14
|
-
}
|
|
6
|
+
Object.defineProperty(exports, "useSwitch", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _useSwitch.useSwitch;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _useSwitch = require("./useSwitch");
|
|
15
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_useSwitch","require"],"sourceRoot":"../../../src","sources":["switch/index.ts"],"mappings":";;;;;;;;;;;AAMA,IAAAA,UAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useSwitch = useSwitch;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _focus = require("@react-native-aria/focus");
|
|
9
|
+
var _interactions = require("@react-native-aria/interactions");
|
|
10
|
+
var _toggle = require("@react-stately/toggle");
|
|
11
|
+
var _utils = require("@cdx-ui/utils");
|
|
12
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
13
|
+
/**
|
|
14
|
+
* Headless behavioral primitive for `Switch`.
|
|
15
|
+
*
|
|
16
|
+
* Owns the controlled/uncontrolled toggle state, ARIA `role="switch"` semantics
|
|
17
|
+
* (consumers must wire `aria-checked`/`accessibilityRole` to the host element they
|
|
18
|
+
* render), and interaction tracking (hover, focus-visible). Surfaces a
|
|
19
|
+
* platform-aware `dataAttrs` object so the styled layer can emit interaction-state
|
|
20
|
+
* `data-*` attributes (Standard 1) without re-implementing the toggle machinery.
|
|
21
|
+
*
|
|
22
|
+
* Standards mapping (per `.cursor/plans/primitive_design_standards_0d0ca4b1.plan.md`):
|
|
23
|
+
* - Standard 3 #1 — controlled state via `useToggleState`.
|
|
24
|
+
* - Standard 3 #2 — `role="switch"` semantics (consumer wires to host).
|
|
25
|
+
*
|
|
26
|
+
* The styled layer renders the host element (`RNSwitch` on native, a custom
|
|
27
|
+
* `Pressable` + `View` toggle on web) and is the sole owner of className/styling
|
|
28
|
+
* machinery — primitives never carry Uniwind className passthrough.
|
|
29
|
+
*/
|
|
30
|
+
function useSwitch(props = {}) {
|
|
31
|
+
const {
|
|
32
|
+
disabled,
|
|
33
|
+
isDisabled,
|
|
34
|
+
isChecked,
|
|
35
|
+
isInvalid,
|
|
36
|
+
defaultValue,
|
|
37
|
+
value,
|
|
38
|
+
onValueChange
|
|
39
|
+
} = props;
|
|
40
|
+
const formControlContext = (0, _utils.useFormControlContext)();
|
|
41
|
+
const controlledValue = value ?? isChecked;
|
|
42
|
+
const state = (0, _toggle.useToggleState)({
|
|
43
|
+
defaultSelected: defaultValue ?? false,
|
|
44
|
+
isSelected: controlledValue,
|
|
45
|
+
onChange: onValueChange
|
|
46
|
+
});
|
|
47
|
+
const checked = controlledValue ?? state.isSelected;
|
|
48
|
+
const hostRef = (0, _react.useRef)(null);
|
|
49
|
+
const {
|
|
50
|
+
isHovered,
|
|
51
|
+
hoverProps
|
|
52
|
+
} = (0, _interactions.useHover)({}, hostRef);
|
|
53
|
+
const {
|
|
54
|
+
isFocusVisible,
|
|
55
|
+
focusProps
|
|
56
|
+
} = (0, _focus.useFocusRing)();
|
|
57
|
+
const isDisabledResolved = Boolean(disabled || isDisabled || formControlContext.isDisabled);
|
|
58
|
+
const isInvalidResolved = Boolean(isInvalid || formControlContext.isInvalid);
|
|
59
|
+
const setChecked = (0, _react.useCallback)(next => {
|
|
60
|
+
state.setSelected(next);
|
|
61
|
+
}, [state]);
|
|
62
|
+
return {
|
|
63
|
+
checked,
|
|
64
|
+
isDisabled: isDisabledResolved,
|
|
65
|
+
isInvalid: isInvalidResolved,
|
|
66
|
+
isHovered,
|
|
67
|
+
isFocusVisible,
|
|
68
|
+
setChecked,
|
|
69
|
+
hoverProps,
|
|
70
|
+
focusProps,
|
|
71
|
+
dataAttrs: (0, _dataAttributes.dataAttributes)({
|
|
72
|
+
hover: isHovered,
|
|
73
|
+
disabled: isDisabledResolved,
|
|
74
|
+
invalid: isInvalidResolved,
|
|
75
|
+
checked,
|
|
76
|
+
focusVisible: isFocusVisible
|
|
77
|
+
}),
|
|
78
|
+
hostRef
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
//# sourceMappingURL=useSwitch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_focus","_interactions","_toggle","_utils","_dataAttributes","useSwitch","props","disabled","isDisabled","isChecked","isInvalid","defaultValue","value","onValueChange","formControlContext","useFormControlContext","controlledValue","state","useToggleState","defaultSelected","isSelected","onChange","checked","hostRef","useRef","isHovered","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","isDisabledResolved","Boolean","isInvalidResolved","setChecked","useCallback","next","setSelected","dataAttrs","dataAttributes","hover","invalid","focusVisible"],"sourceRoot":"../../../src","sources":["switch/useSwitch.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,SAASA,CAACC,KAAmB,GAAG,CAAC,CAAC,EAAoB;EACpE,MAAM;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS;IAAEC,YAAY;IAAEC,KAAK;IAAEC;EAAc,CAAC,GAAGP,KAAK;EAEhG,MAAMQ,kBAAkB,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAClD,MAAMC,eAAe,GAAGJ,KAAK,IAAIH,SAAS;EAE1C,MAAMQ,KAAK,GAAG,IAAAC,sBAAc,EAAC;IAC3BC,eAAe,EAAER,YAAY,IAAI,KAAK;IACtCS,UAAU,EAAEJ,eAAe;IAC3BK,QAAQ,EAAER;EACZ,CAAC,CAAC;EAEF,MAAMS,OAAO,GAAGN,eAAe,IAAIC,KAAK,CAACG,UAAU;EAEnD,MAAMG,OAAO,GAAG,IAAAC,aAAM,EAAU,IAAI,CAAC;EACrC,MAAM;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC,CAAC,EAAEJ,OAAO,CAAC;EACvD,MAAM;IAAEK,cAAc;IAAEC;EAAW,CAAC,GAAG,IAAAC,mBAAY,EAAC,CAGnD;EAED,MAAMC,kBAAkB,GAAGC,OAAO,CAACzB,QAAQ,IAAIC,UAAU,IAAIM,kBAAkB,CAACN,UAAU,CAAC;EAC3F,MAAMyB,iBAAiB,GAAGD,OAAO,CAACtB,SAAS,IAAII,kBAAkB,CAACJ,SAAS,CAAC;EAE5E,MAAMwB,UAAU,GAAG,IAAAC,kBAAW,EAC3BC,IAAa,IAAK;IACjBnB,KAAK,CAACoB,WAAW,CAACD,IAAI,CAAC;EACzB,CAAC,EACD,CAACnB,KAAK,CACR,CAAC;EAED,OAAO;IACLK,OAAO;IACPd,UAAU,EAAEuB,kBAAkB;IAC9BrB,SAAS,EAAEuB,iBAAiB;IAC5BR,SAAS;IACTG,cAAc;IACdM,UAAU;IACVR,UAAU;IACVG,UAAU;IACVS,SAAS,EAAE,IAAAC,8BAAc,EAAC;MACxBC,KAAK,EAAEf,SAAS;MAChBlB,QAAQ,EAAEwB,kBAAkB;MAC5BU,OAAO,EAAER,iBAAiB;MAC1BX,OAAO;MACPoB,YAAY,EAAEd;IAChB,CAAC,CAAC;IACFL;EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -3,20 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
7
|
-
var _react =
|
|
6
|
+
exports.TileGroup = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
8
9
|
var _utils = require("@cdx-ui/utils");
|
|
9
|
-
var
|
|
10
|
+
var _slot = require("../slot");
|
|
10
11
|
var _context = require("./context");
|
|
11
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
13
|
/**
|
|
14
14
|
* Internal widening of the public discriminated union: the runtime accepts any value
|
|
15
15
|
* shape and reads `type` to decide branch behavior. The public API stays narrow.
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
|
-
const
|
|
18
|
+
const TileGroup = exports.TileGroup = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
19
19
|
const {
|
|
20
|
+
asChild = false,
|
|
20
21
|
children,
|
|
21
22
|
type,
|
|
22
23
|
value: valueProp,
|
|
@@ -88,10 +89,10 @@ const createTileGroup = Base => /*#__PURE__*/(0, _react.forwardRef)((props, ref)
|
|
|
88
89
|
max
|
|
89
90
|
}), [type, state, toggleValue, isSelected, isTileDisabledByGroup, isDisabled, max]);
|
|
90
91
|
const role = type === 'single' ? 'radiogroup' : 'group';
|
|
92
|
+
const Comp = asChild ? _slot.Slot : _reactNative.View;
|
|
91
93
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.TileGroupContextProvider, {
|
|
92
94
|
value: contextValue,
|
|
93
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
94
|
-
...rest,
|
|
95
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
95
96
|
ref: ref,
|
|
96
97
|
role: role,
|
|
97
98
|
...(type === 'single' ? {
|
|
@@ -101,12 +102,10 @@ const createTileGroup = Base => /*#__PURE__*/(0, _react.forwardRef)((props, ref)
|
|
|
101
102
|
'aria-label': ariaLabel,
|
|
102
103
|
accessibilityLabel: ariaLabel
|
|
103
104
|
} : {}),
|
|
104
|
-
...
|
|
105
|
-
slot: 'tile-group'
|
|
106
|
-
}),
|
|
105
|
+
...rest,
|
|
107
106
|
children: children
|
|
108
107
|
})
|
|
109
108
|
});
|
|
110
109
|
});
|
|
111
|
-
|
|
112
|
-
//# sourceMappingURL=
|
|
110
|
+
TileGroup.displayName = 'TileGroup';
|
|
111
|
+
//# sourceMappingURL=TileGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_context","_jsxRuntime","TileGroup","exports","forwardRef","props","ref","asChild","children","type","value","valueProp","defaultValue","onValueChange","max","maxProp","isDisabled","ariaLabel","rest","Number","POSITIVE_INFINITY","defaultProp","undefined","state","setState","useControllableState","prop","onChange","next","isSelected","useCallback","tileValue","Array","isArray","includes","isTileDisabledByGroup","arr","length","toggleValue","idx","indexOf","splice","push","contextValue","useMemo","isGroupDisabled","role","Comp","Slot","View","jsx","TileGroupContextProvider","accessibilityRole","accessibilityLabel","displayName"],"sourceRoot":"../../../src","sources":["tile/TileGroup.tsx"],"mappings":"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","ignoreList":[]}
|