@multiplatform.one/components 0.7.1 → 0.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/dist/cjs/code/Code/Code.stories.js.map +1 -1
- package/dist/cjs/code/Code/Code.stories.native.js.map +1 -1
- package/dist/cjs/code/Code/index.js.map +1 -1
- package/dist/cjs/code/Code/index.native.js.map +1 -1
- package/dist/cjs/forms/FormCheckBox/index.js.map +1 -1
- package/dist/cjs/forms/FormCheckBox/index.native.js.map +1 -1
- package/dist/cjs/forms/FormField.js.map +1 -1
- package/dist/cjs/forms/FormField.native.js.map +1 -1
- package/dist/cjs/forms/FormRadioGroup/FormRadioGroup.stories.js +17 -9
- package/dist/cjs/forms/FormRadioGroup/FormRadioGroup.stories.js.map +1 -1
- package/dist/cjs/forms/FormRadioGroup/FormRadioGroup.stories.native.js +16 -10
- package/dist/cjs/forms/FormRadioGroup/FormRadioGroup.stories.native.js.map +1 -1
- package/dist/cjs/forms/FormRadioGroup/index.js +7 -8
- package/dist/cjs/forms/FormRadioGroup/index.js.map +2 -2
- package/dist/cjs/forms/FormRadioGroup/index.native.js +5 -6
- package/dist/cjs/forms/FormRadioGroup/index.native.js.map +1 -1
- package/dist/cjs/forms/FormSwitch/FormSwitch.stories.js +15 -11
- package/dist/cjs/forms/FormSwitch/FormSwitch.stories.js.map +1 -1
- package/dist/cjs/forms/FormSwitch/FormSwitch.stories.native.js +5 -4
- package/dist/cjs/forms/FormSwitch/FormSwitch.stories.native.js.map +1 -1
- package/dist/cjs/forms/FormSwitch/index.js +2 -4
- package/dist/cjs/forms/FormSwitch/index.js.map +1 -1
- package/dist/cjs/forms/FormSwitch/index.native.js +2 -4
- package/dist/cjs/forms/FormSwitch/index.native.js.map +1 -1
- package/dist/cjs/forms/SimpleForm/SimpleForm.stories.js +1 -14
- package/dist/cjs/forms/SimpleForm/SimpleForm.stories.js.map +1 -1
- package/dist/cjs/forms/SimpleForm/SimpleForm.stories.native.js +2 -14
- package/dist/cjs/forms/SimpleForm/SimpleForm.stories.native.js.map +1 -1
- package/dist/cjs/images/SimpleImage/index.stories.js.map +1 -1
- package/dist/cjs/images/SimpleImage/index.stories.native.js.map +1 -1
- package/dist/cjs/organize/SimpleAccordion/SimpleAccordion.stories.js +10 -8
- package/dist/cjs/organize/SimpleAccordion/SimpleAccordion.stories.js.map +1 -1
- package/dist/cjs/organize/SimpleAccordion/SimpleAccordion.stories.native.js +6 -8
- package/dist/cjs/organize/SimpleAccordion/SimpleAccordion.stories.native.js.map +1 -1
- package/dist/cjs/organize/SimpleAccordion/index.js +11 -3
- package/dist/cjs/organize/SimpleAccordion/index.js.map +1 -1
- package/dist/cjs/organize/SimpleAccordion/index.native.js +8 -3
- package/dist/cjs/organize/SimpleAccordion/index.native.js.map +1 -1
- package/dist/cjs/organize/SimpleCarousel/Carousel.stories.js +40 -0
- package/dist/cjs/organize/SimpleCarousel/Carousel.stories.js.map +6 -0
- package/dist/cjs/{panels/SimpleToast/SimpleToast.stories.native.js → organize/SimpleCarousel/Carousel.stories.native.js} +12 -15
- package/dist/cjs/organize/SimpleCarousel/Carousel.stories.native.js.map +6 -0
- package/dist/cjs/organize/SimpleCarousel/index.js +131 -0
- package/dist/cjs/organize/SimpleCarousel/index.js.map +6 -0
- package/dist/cjs/organize/SimpleCarousel/index.native.js +124 -0
- package/dist/cjs/organize/SimpleCarousel/index.native.js.map +6 -0
- package/dist/cjs/{component → organize}/SimpleInput/SimpleInput.stories.js +1 -1
- package/dist/cjs/organize/SimpleInput/SimpleInput.stories.js.map +6 -0
- package/dist/cjs/{component → organize}/SimpleInput/SimpleInput.stories.native.js +1 -1
- package/dist/cjs/organize/SimpleInput/SimpleInput.stories.native.js.map +6 -0
- package/dist/cjs/organize/SimpleInput/index.js.map +6 -0
- package/dist/cjs/organize/SimpleInput/index.native.js.map +6 -0
- package/dist/cjs/organize/SimpleListItem/SimpleListItem.stories.js +58 -0
- package/dist/cjs/organize/SimpleListItem/SimpleListItem.stories.js.map +6 -0
- package/dist/cjs/organize/SimpleListItem/SimpleListItem.stories.native.js +45 -0
- package/dist/cjs/organize/SimpleListItem/SimpleListItem.stories.native.js.map +6 -0
- package/dist/cjs/organize/SimpleListItem/index.js +49 -0
- package/dist/cjs/organize/SimpleListItem/index.js.map +6 -0
- package/dist/cjs/organize/SimpleListItem/index.native.js +49 -0
- package/dist/cjs/organize/SimpleListItem/index.native.js.map +6 -0
- package/dist/cjs/organize/SimpleTabs/SimpleTabs.stories.js.map +1 -1
- package/dist/cjs/organize/SimpleTabs/SimpleTabs.stories.native.js.map +1 -1
- package/dist/cjs/organize/SimpleTabs/index.js.map +1 -1
- package/dist/cjs/organize/SimpleTabs/index.native.js.map +1 -1
- package/dist/cjs/organize/index.js +25 -0
- package/dist/cjs/organize/index.js.map +6 -0
- package/dist/cjs/organize/index.native.js +25 -0
- package/dist/cjs/organize/index.native.js.map +6 -0
- package/dist/cjs/panels/SimpleAlertDialog/{SImpleAlertDialog.stories.js → SimpleAlertDialog.stories.js} +6 -6
- package/dist/cjs/panels/SimpleAlertDialog/{SImpleAlertDialog.stories.js.map → SimpleAlertDialog.stories.js.map} +2 -2
- package/dist/cjs/panels/SimpleAlertDialog/{SImpleAlertDialog.stories.native.js → SimpleAlertDialog.stories.native.js} +6 -6
- package/dist/cjs/panels/SimpleAlertDialog/{SImpleAlertDialog.stories.native.js.map → SimpleAlertDialog.stories.native.js.map} +2 -2
- package/dist/cjs/panels/SimpleDialog/SimpleDialog.stories.js +65 -8
- package/dist/cjs/panels/SimpleDialog/SimpleDialog.stories.js.map +2 -2
- package/dist/cjs/panels/SimpleDialog/SimpleDialog.stories.native.js +53 -4
- package/dist/cjs/panels/SimpleDialog/SimpleDialog.stories.native.js.map +2 -2
- package/dist/cjs/panels/SimpleDialog/index.js +67 -28
- package/dist/cjs/panels/SimpleDialog/index.js.map +1 -1
- package/dist/cjs/panels/SimpleDialog/index.native.js +62 -22
- package/dist/cjs/panels/SimpleDialog/index.native.js.map +1 -1
- package/dist/cjs/panels/SimplePopover/SimplePopover.stories.js +20 -3
- package/dist/cjs/panels/SimplePopover/SimplePopover.stories.js.map +1 -1
- package/dist/cjs/panels/SimplePopover/SimplePopover.stories.native.js +19 -3
- package/dist/cjs/panels/SimplePopover/SimplePopover.stories.native.js.map +1 -1
- package/dist/cjs/panels/SimplePopover/index.js +1 -1
- package/dist/cjs/panels/SimplePopover/index.js.map +1 -1
- package/dist/cjs/panels/SimplePopover/index.native.js +1 -1
- package/dist/cjs/panels/SimplePopover/index.native.js.map +1 -1
- package/dist/cjs/panels/SimpleTooltip/SimpleTooltip.stories.js +1 -7
- package/dist/cjs/panels/SimpleTooltip/SimpleTooltip.stories.js.map +1 -1
- package/dist/cjs/panels/SimpleTooltip/SimpleTooltip.stories.native.js +1 -7
- package/dist/cjs/panels/SimpleTooltip/SimpleTooltip.stories.native.js.map +1 -1
- package/dist/cjs/panels/SimpleTooltip/index.js +3 -10
- package/dist/cjs/panels/SimpleTooltip/index.js.map +1 -1
- package/dist/cjs/panels/SimpleTooltip/index.native.js +3 -10
- package/dist/cjs/panels/SimpleTooltip/index.native.js.map +1 -1
- package/dist/esm/ErrorBoundary/index.native.js +19 -0
- package/dist/esm/ErrorBoundary/index.native.js.map +6 -0
- package/dist/esm/code/Code/Code.stories.js.map +1 -1
- package/dist/esm/code/Code/Code.stories.native.js +19 -0
- package/dist/esm/code/Code/Code.stories.native.js.map +6 -0
- package/dist/esm/code/Code/index.js.map +1 -1
- package/dist/esm/code/Code/index.native.js +40 -0
- package/dist/esm/code/Code/index.native.js.map +6 -0
- package/dist/esm/code/CodeBlock/CodeBlock.stories.native.js +30 -0
- package/dist/esm/code/CodeBlock/CodeBlock.stories.native.js.map +6 -0
- package/dist/esm/code/CodeBlock/index.native.js +16 -0
- package/dist/esm/code/CodeBlock/index.native.js.map +6 -0
- package/dist/esm/code/Pre/index.native.js +12 -0
- package/dist/esm/code/Pre/index.native.js.map +6 -0
- package/dist/esm/code/index.native.js +4 -0
- package/dist/esm/code/index.native.js.map +6 -0
- package/dist/esm/forms/FormCheckBox/FormCheckBox.stories.native.js +43 -0
- package/dist/esm/forms/FormCheckBox/FormCheckBox.stories.native.js.map +6 -0
- package/dist/esm/forms/FormCheckBox/index.js.map +1 -1
- package/dist/esm/forms/FormCheckBox/index.native.js +95 -0
- package/dist/esm/forms/FormCheckBox/index.native.js.map +6 -0
- package/dist/esm/forms/FormField.js.map +1 -1
- package/dist/esm/forms/FormField.native.js +9 -0
- package/dist/esm/forms/FormField.native.js.map +6 -0
- package/dist/esm/forms/FormInput/FormInput.stories.native.js +17 -0
- package/dist/esm/forms/FormInput/FormInput.stories.native.js.map +6 -0
- package/dist/esm/forms/FormInput/index.native.js +55 -0
- package/dist/esm/forms/FormInput/index.native.js.map +6 -0
- package/dist/esm/forms/FormProgress/FormProgress.stories.native.js +18 -0
- package/dist/esm/forms/FormProgress/FormProgress.stories.native.js.map +6 -0
- package/dist/esm/forms/FormProgress/index.native.js +65 -0
- package/dist/esm/forms/FormProgress/index.native.js.map +6 -0
- package/dist/esm/forms/FormRadioGroup/FormRadioGroup.stories.js +20 -10
- package/dist/esm/forms/FormRadioGroup/FormRadioGroup.stories.js.map +1 -1
- package/dist/esm/forms/FormRadioGroup/FormRadioGroup.stories.native.js +36 -0
- package/dist/esm/forms/FormRadioGroup/FormRadioGroup.stories.native.js.map +6 -0
- package/dist/esm/forms/FormRadioGroup/index.js +7 -9
- package/dist/esm/forms/FormRadioGroup/index.js.map +1 -1
- package/dist/esm/forms/FormRadioGroup/index.native.js +61 -0
- package/dist/esm/forms/FormRadioGroup/index.native.js.map +6 -0
- package/dist/esm/forms/FormSelectSimple/FormSelectSimple.stories.native.js +16 -0
- package/dist/esm/forms/FormSelectSimple/FormSelectSimple.stories.native.js.map +6 -0
- package/dist/esm/forms/FormSelectSimple/index.native.js +52 -0
- package/dist/esm/forms/FormSelectSimple/index.native.js.map +6 -0
- package/dist/esm/forms/FormSlider/FormSlider.stories.native.js +16 -0
- package/dist/esm/forms/FormSlider/FormSlider.stories.native.js.map +6 -0
- package/dist/esm/forms/FormSlider/index.native.js +70 -0
- package/dist/esm/forms/FormSlider/index.native.js.map +6 -0
- package/dist/esm/forms/FormSubmitButton/FormSubmitButton.stories.native.js +17 -0
- package/dist/esm/forms/FormSubmitButton/FormSubmitButton.stories.native.js.map +6 -0
- package/dist/esm/forms/FormSubmitButton/index.native.js +25 -0
- package/dist/esm/forms/FormSubmitButton/index.native.js.map +6 -0
- package/dist/esm/forms/FormSwitch/FormSwitch.stories.js +17 -11
- package/dist/esm/forms/FormSwitch/FormSwitch.stories.js.map +1 -1
- package/dist/esm/forms/FormSwitch/FormSwitch.stories.native.js +28 -0
- package/dist/esm/forms/FormSwitch/FormSwitch.stories.native.js.map +6 -0
- package/dist/esm/forms/FormSwitch/index.js +2 -4
- package/dist/esm/forms/FormSwitch/index.js.map +1 -1
- package/dist/esm/forms/FormSwitch/index.native.js +60 -0
- package/dist/esm/forms/FormSwitch/index.native.js.map +6 -0
- package/dist/esm/forms/FormTextArea/FormTextArea.stories.native.js +25 -0
- package/dist/esm/forms/FormTextArea/FormTextArea.stories.native.js.map +6 -0
- package/dist/esm/forms/FormTextArea/index.native.js +55 -0
- package/dist/esm/forms/FormTextArea/index.native.js.map +6 -0
- package/dist/esm/forms/SelectButton/OptionButton.native.js +59 -0
- package/dist/esm/forms/SelectButton/OptionButton.native.js.map +6 -0
- package/dist/esm/forms/SelectButton/SelectButton.stories.native.js +18 -0
- package/dist/esm/forms/SelectButton/SelectButton.stories.native.js.map +6 -0
- package/dist/esm/forms/SelectButton/context.native.js +6 -0
- package/dist/esm/forms/SelectButton/context.native.js.map +6 -0
- package/dist/esm/forms/SelectButton/index.native.js +42 -0
- package/dist/esm/forms/SelectButton/index.native.js.map +6 -0
- package/dist/esm/forms/SelectSimple/SelectSimple.stories.native.js +17 -0
- package/dist/esm/forms/SelectSimple/SelectSimple.stories.native.js.map +6 -0
- package/dist/esm/forms/SelectSimple/index.native.js +21 -0
- package/dist/esm/forms/SelectSimple/index.native.js.map +6 -0
- package/dist/esm/forms/SimpleForm/SimpleForm.stories.js +0 -14
- package/dist/esm/forms/SimpleForm/SimpleForm.stories.js.map +1 -1
- package/dist/esm/forms/SimpleForm/SimpleForm.stories.native.js +22 -0
- package/dist/esm/forms/SimpleForm/SimpleForm.stories.native.js.map +6 -0
- package/dist/esm/forms/SimpleForm/index.native.js +39 -0
- package/dist/esm/forms/SimpleForm/index.native.js.map +6 -0
- package/dist/esm/forms/index.native.js +13 -0
- package/dist/esm/forms/index.native.js.map +6 -0
- package/dist/esm/forms/types.native.js +1 -0
- package/dist/esm/forms/types.native.js.map +6 -0
- package/dist/esm/global.native.js +1 -0
- package/dist/esm/global.native.js.map +6 -0
- package/dist/esm/helpers.native.js +10 -0
- package/dist/esm/helpers.native.js.map +6 -0
- package/dist/esm/hooks/index.native.js +3 -0
- package/dist/esm/hooks/index.native.js.map +6 -0
- package/dist/esm/hooks/useAnimationDriverToggle.native.js +12 -0
- package/dist/esm/hooks/useAnimationDriverToggle.native.js.map +6 -0
- package/dist/esm/hooks/useAssets/index.native.js +3 -12
- package/dist/esm/hooks/useAssets/index.native.js.map +1 -1
- package/dist/esm/hooks/useClipboard.native.js +21 -0
- package/dist/esm/hooks/useClipboard.native.js.map +6 -0
- package/dist/esm/images/SimpleImage/index.native.js +92 -0
- package/dist/esm/images/SimpleImage/index.native.js.map +6 -0
- package/dist/esm/images/SimpleImage/index.stories.js.map +1 -1
- package/dist/esm/images/SimpleImage/index.stories.native.js +79 -0
- package/dist/esm/images/SimpleImage/index.stories.native.js.map +6 -0
- package/dist/esm/images/Svg/Svg.stories.native.js +25 -0
- package/dist/esm/images/Svg/Svg.stories.native.js.map +6 -0
- package/dist/esm/images/index.native.js +3 -0
- package/dist/esm/images/index.native.js.map +6 -0
- package/dist/esm/index.native.js +11 -0
- package/dist/esm/index.native.js.map +6 -0
- package/dist/esm/layouts/Debug/DebugLayout.stories.native.js +16 -0
- package/dist/esm/layouts/Debug/DebugLayout.stories.native.js.map +6 -0
- package/dist/esm/layouts/Debug/index.native.js +82 -0
- package/dist/esm/layouts/Debug/index.native.js.map +6 -0
- package/dist/esm/layouts/index.native.js +2 -0
- package/dist/esm/layouts/index.native.js.map +6 -0
- package/dist/esm/mdx/ExternalIcon/ExternalIcon.stories.native.js +13 -0
- package/dist/esm/mdx/ExternalIcon/ExternalIcon.stories.native.js.map +6 -0
- package/dist/esm/mdx/ExternalIcon/index.native.js +15 -0
- package/dist/esm/mdx/ExternalIcon/index.native.js.map +6 -0
- package/dist/esm/mdx/HR/HR.stories.native.js +13 -0
- package/dist/esm/mdx/HR/HR.stories.native.js.map +6 -0
- package/dist/esm/mdx/HR/index.native.js +7 -0
- package/dist/esm/mdx/HR/index.native.js.map +6 -0
- package/dist/esm/mdx/LI/LI.stories.native.js +14 -0
- package/dist/esm/mdx/LI/LI.stories.native.js.map +6 -0
- package/dist/esm/mdx/LI/index.native.js +11 -0
- package/dist/esm/mdx/LI/index.native.js.map +6 -0
- package/dist/esm/mdx/MDX/MDX.stories.native.js +50 -0
- package/dist/esm/mdx/MDX/MDX.stories.native.js.map +6 -0
- package/dist/esm/mdx/MDX/index.native.js +22 -0
- package/dist/esm/mdx/MDX/index.native.js.map +6 -0
- package/dist/esm/mdx/MDXCodeBlock/MDXCodeBlock.stories.native.js +22 -0
- package/dist/esm/mdx/MDXCodeBlock/MDXCodeBlock.stories.native.js.map +6 -0
- package/dist/esm/mdx/MDXCodeBlock/MDXCodeBlockContext.native.js +6 -0
- package/dist/esm/mdx/MDXCodeBlock/MDXCodeBlockContext.native.js.map +6 -0
- package/dist/esm/mdx/MDXCodeBlock/index.native.js +111 -0
- package/dist/esm/mdx/MDXCodeBlock/index.native.js.map +6 -0
- package/dist/esm/mdx/UL/UL.stories.native.js +14 -0
- package/dist/esm/mdx/UL/UL.stories.native.js.map +6 -0
- package/dist/esm/mdx/UL/index.native.js +11 -0
- package/dist/esm/mdx/UL/index.native.js.map +6 -0
- package/dist/esm/mdx/components.native.js +99 -0
- package/dist/esm/mdx/components.native.js.map +6 -0
- package/dist/esm/mdx/hooks/index.native.js +4 -0
- package/dist/esm/mdx/hooks/index.native.js.map +6 -0
- package/dist/esm/mdx/hooks/useCompileAndEvaluateMdx.native.js +10 -0
- package/dist/esm/mdx/hooks/useCompileAndEvaluateMdx.native.js.map +6 -0
- package/dist/esm/mdx/hooks/useCompileMdx.native.js +49 -0
- package/dist/esm/mdx/hooks/useCompileMdx.native.js.map +6 -0
- package/dist/esm/mdx/hooks/useEvaluateMdx.native.js +22 -0
- package/dist/esm/mdx/hooks/useEvaluateMdx.native.js.map +6 -0
- package/dist/esm/mdx/index.native.js +9 -0
- package/dist/esm/mdx/index.native.js.map +6 -0
- package/dist/esm/mdx/util/rehypeHighlightCode.native.js +25 -0
- package/dist/esm/mdx/util/rehypeHighlightCode.native.js.map +6 -0
- package/dist/esm/mdx/util/rehypeHighlightLine.native.js +79 -0
- package/dist/esm/mdx/util/rehypeHighlightLine.native.js.map +6 -0
- package/dist/esm/mdx/util/rehypeHighlightWord.native.js +12 -0
- package/dist/esm/mdx/util/rehypeHighlightWord.native.js.map +6 -0
- package/dist/esm/mdx/util/rehypeMetaAttributes.native.js +17 -0
- package/dist/esm/mdx/util/rehypeMetaAttributes.native.js.map +6 -0
- package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.js +10 -7
- package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.js.map +1 -1
- package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.native.js +16 -0
- package/dist/esm/organize/SimpleAccordion/SimpleAccordion.stories.native.js.map +6 -0
- package/dist/esm/organize/SimpleAccordion/index.js +11 -4
- package/dist/esm/organize/SimpleAccordion/index.js.map +1 -1
- package/dist/esm/organize/SimpleAccordion/index.native.js +13 -0
- package/dist/esm/organize/SimpleAccordion/index.native.js.map +6 -0
- package/dist/esm/organize/SimpleCarousel/Carousel.stories.js +23 -0
- package/dist/esm/organize/SimpleCarousel/Carousel.stories.js.map +6 -0
- package/dist/esm/organize/SimpleCarousel/Carousel.stories.native.js +18 -0
- package/dist/esm/organize/SimpleCarousel/Carousel.stories.native.js.map +6 -0
- package/dist/esm/organize/SimpleCarousel/index.js +103 -0
- package/dist/esm/organize/SimpleCarousel/index.js.map +6 -0
- package/dist/esm/organize/SimpleCarousel/index.native.js +95 -0
- package/dist/esm/organize/SimpleCarousel/index.native.js.map +6 -0
- package/dist/esm/{component → organize}/SimpleInput/SimpleInput.stories.js +1 -1
- package/dist/esm/organize/SimpleInput/SimpleInput.stories.js.map +6 -0
- package/dist/esm/organize/SimpleInput/SimpleInput.stories.native.js +19 -0
- package/dist/esm/organize/SimpleInput/SimpleInput.stories.native.js.map +6 -0
- package/dist/esm/organize/SimpleInput/index.js.map +6 -0
- package/dist/esm/organize/SimpleInput/index.native.js +128 -0
- package/dist/esm/organize/SimpleInput/index.native.js.map +6 -0
- package/dist/esm/organize/SimpleListItem/SimpleListItem.stories.js +35 -0
- package/dist/esm/organize/SimpleListItem/SimpleListItem.stories.js.map +6 -0
- package/dist/esm/organize/SimpleListItem/SimpleListItem.stories.native.js +21 -0
- package/dist/esm/organize/SimpleListItem/SimpleListItem.stories.native.js.map +6 -0
- package/dist/esm/organize/SimpleListItem/index.js +22 -0
- package/dist/esm/organize/SimpleListItem/index.js.map +6 -0
- package/dist/esm/organize/SimpleListItem/index.native.js +21 -0
- package/dist/esm/organize/SimpleListItem/index.native.js.map +6 -0
- package/dist/esm/organize/SimpleTabs/SimpleTabs.stories.js.map +1 -1
- package/dist/esm/organize/SimpleTabs/SimpleTabs.stories.native.js +19 -0
- package/dist/esm/organize/SimpleTabs/SimpleTabs.stories.native.js.map +6 -0
- package/dist/esm/organize/SimpleTabs/index.js.map +1 -1
- package/dist/esm/organize/SimpleTabs/index.native.js +93 -0
- package/dist/esm/organize/SimpleTabs/index.native.js.map +6 -0
- package/dist/esm/organize/index.js +5 -0
- package/dist/esm/organize/index.js.map +6 -0
- package/dist/esm/organize/index.native.js +5 -0
- package/dist/esm/organize/index.native.js.map +6 -0
- package/dist/esm/panels/SimpleAlertDialog/{SImpleAlertDialog.stories.js → SimpleAlertDialog.stories.js} +3 -3
- package/dist/esm/panels/SimpleAlertDialog/SimpleAlertDialog.stories.js.map +6 -0
- package/dist/esm/panels/SimpleAlertDialog/SimpleAlertDialog.stories.native.js +49 -0
- package/dist/esm/panels/SimpleAlertDialog/SimpleAlertDialog.stories.native.js.map +6 -0
- package/dist/esm/panels/SimpleAlertDialog/index.native.js +58 -0
- package/dist/esm/panels/SimpleAlertDialog/index.native.js.map +6 -0
- package/dist/esm/panels/SimpleDialog/SimpleDialog.stories.js +61 -6
- package/dist/esm/panels/SimpleDialog/SimpleDialog.stories.js.map +1 -1
- package/dist/esm/panels/SimpleDialog/SimpleDialog.stories.native.js +74 -0
- package/dist/esm/panels/SimpleDialog/SimpleDialog.stories.native.js.map +6 -0
- package/dist/esm/panels/SimpleDialog/index.js +67 -28
- package/dist/esm/panels/SimpleDialog/index.js.map +1 -1
- package/dist/esm/panels/SimpleDialog/index.native.js +98 -0
- package/dist/esm/panels/SimpleDialog/index.native.js.map +6 -0
- package/dist/esm/panels/SimplePopover/SimplePopover.stories.js +21 -4
- package/dist/esm/panels/SimplePopover/SimplePopover.stories.js.map +1 -1
- package/dist/esm/panels/SimplePopover/SimplePopover.stories.native.js +65 -0
- package/dist/esm/panels/SimplePopover/SimplePopover.stories.native.js.map +6 -0
- package/dist/esm/panels/SimplePopover/index.js +1 -1
- package/dist/esm/panels/SimplePopover/index.js.map +1 -1
- package/dist/esm/panels/SimplePopover/index.native.js +60 -0
- package/dist/esm/panels/SimplePopover/index.native.js.map +6 -0
- package/dist/esm/panels/SimpleSheet/SimpleSheet.stories.native.js +14 -0
- package/dist/esm/panels/SimpleSheet/SimpleSheet.stories.native.js.map +6 -0
- package/dist/esm/panels/SimpleSheet/index.native.js +66 -0
- package/dist/esm/panels/SimpleSheet/index.native.js.map +6 -0
- package/dist/esm/panels/SimpleTooltip/SimpleTooltip.stories.js +2 -8
- package/dist/esm/panels/SimpleTooltip/SimpleTooltip.stories.js.map +1 -1
- package/dist/esm/panels/SimpleTooltip/SimpleTooltip.stories.native.js +14 -0
- package/dist/esm/panels/SimpleTooltip/SimpleTooltip.stories.native.js.map +6 -0
- package/dist/esm/panels/SimpleTooltip/index.js +4 -11
- package/dist/esm/panels/SimpleTooltip/index.js.map +1 -1
- package/dist/esm/panels/SimpleTooltip/index.native.js +29 -0
- package/dist/esm/panels/SimpleTooltip/index.native.js.map +6 -0
- package/dist/esm/panels/index.native.js +6 -0
- package/dist/esm/panels/index.native.js.map +6 -0
- package/dist/esm/providers/AnimationDriverTogglerContextProvider.native.js +26 -0
- package/dist/esm/providers/AnimationDriverTogglerContextProvider.native.js.map +6 -0
- package/dist/esm/table/Table/Table.stories.native.js +15 -0
- package/dist/esm/table/Table/Table.stories.native.js.map +6 -0
- package/dist/esm/table/Table/index.native.js +21 -0
- package/dist/esm/table/Table/index.native.js.map +6 -0
- package/dist/esm/table/TableCell/index.native.js +35 -0
- package/dist/esm/table/TableCell/index.native.js.map +6 -0
- package/dist/esm/table/TableCol/index.native.js +15 -0
- package/dist/esm/table/TableCol/index.native.js.map +6 -0
- package/dist/esm/table/TableContext.native.js +6 -0
- package/dist/esm/table/TableContext.native.js.map +6 -0
- package/dist/esm/table/index.native.js +4 -0
- package/dist/esm/table/index.native.js.map +6 -0
- package/dist/esm/utils/setTinted.native.js +13 -0
- package/dist/esm/utils/setTinted.native.js.map +6 -0
- package/dist/esm/utils/unwrapText.native.js +8 -0
- package/dist/esm/utils/unwrapText.native.js.map +6 -0
- package/dist/jsx/code/Code/Code.stories.js.map +1 -1
- package/dist/jsx/code/Code/Code.stories.native.js.map +1 -1
- package/dist/jsx/code/Code/index.js.map +1 -1
- package/dist/jsx/code/Code/index.native.js.map +1 -1
- package/dist/jsx/forms/FormCheckBox/index.js.map +1 -1
- package/dist/jsx/forms/FormCheckBox/index.native.js.map +1 -1
- package/dist/jsx/forms/FormField.js.map +1 -1
- package/dist/jsx/forms/FormField.native.js.map +1 -1
- package/dist/jsx/forms/FormRadioGroup/FormRadioGroup.stories.js +17 -8
- package/dist/jsx/forms/FormRadioGroup/FormRadioGroup.stories.js.map +1 -1
- package/dist/jsx/forms/FormRadioGroup/FormRadioGroup.stories.native.js +17 -8
- package/dist/jsx/forms/FormRadioGroup/FormRadioGroup.stories.native.js.map +1 -1
- package/dist/jsx/forms/FormRadioGroup/index.js +7 -8
- package/dist/jsx/forms/FormRadioGroup/index.js.map +1 -1
- package/dist/jsx/forms/FormRadioGroup/index.native.js +7 -8
- package/dist/jsx/forms/FormRadioGroup/index.native.js.map +1 -1
- package/dist/jsx/forms/FormSwitch/FormSwitch.stories.js +13 -7
- package/dist/jsx/forms/FormSwitch/FormSwitch.stories.js.map +1 -1
- package/dist/jsx/forms/FormSwitch/FormSwitch.stories.native.js +13 -7
- package/dist/jsx/forms/FormSwitch/FormSwitch.stories.native.js.map +1 -1
- package/dist/jsx/forms/FormSwitch/index.js +2 -4
- package/dist/jsx/forms/FormSwitch/index.js.map +1 -1
- package/dist/jsx/forms/FormSwitch/index.native.js +2 -4
- package/dist/jsx/forms/FormSwitch/index.native.js.map +1 -1
- package/dist/jsx/forms/SimpleForm/SimpleForm.stories.js +15 -11
- package/dist/jsx/forms/SimpleForm/SimpleForm.stories.js.map +1 -1
- package/dist/jsx/forms/SimpleForm/SimpleForm.stories.native.js +15 -11
- package/dist/jsx/forms/SimpleForm/SimpleForm.stories.native.js.map +1 -1
- package/dist/jsx/images/SimpleImage/index.stories.js.map +1 -1
- package/dist/jsx/images/SimpleImage/index.stories.native.js.map +1 -1
- package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.js +9 -6
- package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.js.map +1 -1
- package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.native.js +9 -6
- package/dist/jsx/organize/SimpleAccordion/SimpleAccordion.stories.native.js.map +1 -1
- package/dist/jsx/organize/SimpleAccordion/index.js +10 -3
- package/dist/jsx/organize/SimpleAccordion/index.js.map +1 -1
- package/dist/jsx/organize/SimpleAccordion/index.native.js +10 -3
- package/dist/jsx/organize/SimpleAccordion/index.native.js.map +1 -1
- package/dist/jsx/organize/SimpleCarousel/Carousel.stories.js +22 -0
- package/dist/jsx/organize/SimpleCarousel/Carousel.stories.js.map +6 -0
- package/dist/jsx/organize/SimpleCarousel/Carousel.stories.native.js +22 -0
- package/dist/jsx/organize/SimpleCarousel/Carousel.stories.native.js.map +6 -0
- package/dist/jsx/organize/SimpleCarousel/index.js +83 -0
- package/dist/jsx/organize/SimpleCarousel/index.js.map +6 -0
- package/dist/jsx/organize/SimpleCarousel/index.native.js +86 -0
- package/dist/jsx/organize/SimpleCarousel/index.native.js.map +6 -0
- package/dist/jsx/{component → organize}/SimpleInput/SimpleInput.stories.js +1 -1
- package/dist/jsx/organize/SimpleInput/SimpleInput.stories.js.map +6 -0
- package/dist/jsx/{component → organize}/SimpleInput/SimpleInput.stories.native.js +1 -1
- package/dist/jsx/organize/SimpleInput/SimpleInput.stories.native.js.map +6 -0
- package/dist/jsx/organize/SimpleInput/index.js.map +6 -0
- package/dist/jsx/organize/SimpleInput/index.native.js.map +6 -0
- package/dist/jsx/organize/SimpleListItem/SimpleListItem.stories.js +34 -0
- package/dist/jsx/organize/SimpleListItem/SimpleListItem.stories.js.map +6 -0
- package/dist/jsx/organize/SimpleListItem/SimpleListItem.stories.native.js +34 -0
- package/dist/jsx/organize/SimpleListItem/SimpleListItem.stories.native.js.map +6 -0
- package/dist/jsx/organize/SimpleListItem/index.js +21 -0
- package/dist/jsx/organize/SimpleListItem/index.js.map +6 -0
- package/dist/jsx/organize/SimpleListItem/index.native.js +21 -0
- package/dist/jsx/organize/SimpleListItem/index.native.js.map +6 -0
- package/dist/jsx/organize/SimpleTabs/SimpleTabs.stories.js.map +1 -1
- package/dist/jsx/organize/SimpleTabs/SimpleTabs.stories.native.js.map +1 -1
- package/dist/jsx/organize/SimpleTabs/index.js.map +1 -1
- package/dist/jsx/organize/SimpleTabs/index.native.js.map +1 -1
- package/dist/jsx/organize/index.js +5 -0
- package/dist/jsx/organize/index.js.map +6 -0
- package/dist/jsx/organize/index.native.js +5 -0
- package/dist/jsx/organize/index.native.js.map +6 -0
- package/dist/jsx/panels/SimpleAlertDialog/{SImpleAlertDialog.stories.js → SimpleAlertDialog.stories.js} +3 -3
- package/dist/jsx/panels/SimpleAlertDialog/SimpleAlertDialog.stories.js.map +6 -0
- package/dist/jsx/panels/SimpleAlertDialog/{SImpleAlertDialog.stories.native.js → SimpleAlertDialog.stories.native.js} +3 -3
- package/dist/jsx/panels/SimpleAlertDialog/SimpleAlertDialog.stories.native.js.map +6 -0
- package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.js +41 -2
- package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.js.map +1 -1
- package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.native.js +41 -2
- package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.native.js.map +1 -1
- package/dist/jsx/panels/SimpleDialog/index.js +37 -5
- package/dist/jsx/panels/SimpleDialog/index.js.map +1 -1
- package/dist/jsx/panels/SimpleDialog/index.native.js +37 -5
- package/dist/jsx/panels/SimpleDialog/index.native.js.map +1 -1
- package/dist/jsx/panels/SimplePopover/SimplePopover.stories.js +8 -4
- package/dist/jsx/panels/SimplePopover/SimplePopover.stories.js.map +1 -1
- package/dist/jsx/panels/SimplePopover/SimplePopover.stories.native.js +8 -4
- package/dist/jsx/panels/SimplePopover/SimplePopover.stories.native.js.map +1 -1
- package/dist/jsx/panels/SimplePopover/index.js +1 -1
- package/dist/jsx/panels/SimplePopover/index.js.map +1 -1
- package/dist/jsx/panels/SimplePopover/index.native.js +1 -1
- package/dist/jsx/panels/SimplePopover/index.native.js.map +1 -1
- package/dist/jsx/panels/SimpleTooltip/SimpleTooltip.stories.js +2 -4
- package/dist/jsx/panels/SimpleTooltip/SimpleTooltip.stories.js.map +1 -1
- package/dist/jsx/panels/SimpleTooltip/SimpleTooltip.stories.native.js +2 -4
- package/dist/jsx/panels/SimpleTooltip/SimpleTooltip.stories.native.js.map +1 -1
- package/dist/jsx/panels/SimpleTooltip/index.js +4 -11
- package/dist/jsx/panels/SimpleTooltip/index.js.map +1 -1
- package/dist/jsx/panels/SimpleTooltip/index.native.js +4 -11
- package/dist/jsx/panels/SimpleTooltip/index.native.js.map +1 -1
- package/package.json +24 -23
- package/src/code/Code/Code.stories.tsx +21 -0
- package/src/code/Code/index.ts +21 -0
- package/src/forms/FormCheckBox/index.tsx +24 -1
- package/src/forms/FormField.tsx +22 -1
- package/src/forms/FormRadioGroup/FormRadioGroup.stories.tsx +55 -14
- package/src/forms/FormRadioGroup/index.tsx +38 -46
- package/src/forms/FormSwitch/FormSwitch.stories.tsx +34 -7
- package/src/forms/FormSwitch/index.tsx +23 -4
- package/src/forms/SimpleForm/SimpleForm.stories.tsx +25 -3
- package/src/images/SimpleImage/index.stories.tsx +21 -0
- package/src/organize/SimpleAccordion/SimpleAccordion.stories.tsx +43 -5
- package/src/organize/SimpleAccordion/index.tsx +53 -3
- package/src/organize/SimpleCarousel/Carousel.stories.tsx +45 -0
- package/src/organize/SimpleCarousel/index.tsx +151 -0
- package/src/{component → organize}/SimpleInput/SimpleInput.stories.tsx +22 -1
- package/src/{component → organize}/SimpleInput/index.tsx +22 -1
- package/src/organize/SimpleListItem/SimpleListItem.stories.tsx +59 -0
- package/src/organize/SimpleListItem/index.tsx +36 -0
- package/src/organize/SimpleTabs/SimpleTabs.stories.tsx +21 -0
- package/src/organize/SimpleTabs/index.tsx +22 -0
- package/src/organize/index.ts +24 -0
- package/src/panels/SimpleAlertDialog/{SImpleAlertDialog.stories.tsx → SimpleAlertDialog.stories.tsx} +1 -1
- package/src/panels/SimpleDialog/SimpleDialog.stories.tsx +77 -1
- package/src/panels/SimpleDialog/index.tsx +79 -10
- package/src/panels/SimplePopover/SimplePopover.stories.tsx +35 -5
- package/src/panels/SimplePopover/index.tsx +40 -20
- package/src/panels/SimpleTooltip/SimpleTooltip.stories.tsx +26 -12
- package/src/panels/SimpleTooltip/index.tsx +28 -18
- package/types/code/Code/Code.stories.d.ts +20 -0
- package/types/code/Code/Code.stories.d.ts.map +1 -1
- package/types/code/Code/index.d.ts +46 -163
- package/types/code/Code/index.d.ts.map +1 -1
- package/types/code/Pre/index.d.ts +279 -38
- package/types/code/Pre/index.d.ts.map +1 -1
- package/types/forms/FormCheckBox/index.d.ts +21 -3
- package/types/forms/FormCheckBox/index.d.ts.map +1 -1
- package/types/forms/FormField.d.ts +21 -1
- package/types/forms/FormField.d.ts.map +1 -1
- package/types/forms/FormRadioGroup/FormRadioGroup.stories.d.ts +27 -1
- package/types/forms/FormRadioGroup/FormRadioGroup.stories.d.ts.map +1 -1
- package/types/forms/FormRadioGroup/index.d.ts +25 -16
- package/types/forms/FormRadioGroup/index.d.ts.map +1 -1
- package/types/forms/FormSwitch/FormSwitch.stories.d.ts +20 -0
- package/types/forms/FormSwitch/FormSwitch.stories.d.ts.map +1 -1
- package/types/forms/FormSwitch/index.d.ts +20 -0
- package/types/forms/FormSwitch/index.d.ts.map +1 -1
- package/types/forms/SimpleForm/SimpleForm.stories.d.ts +20 -0
- package/types/forms/SimpleForm/SimpleForm.stories.d.ts.map +1 -1
- package/types/hooks/useAnimationDriverToggle.d.ts +1 -3
- package/types/hooks/useAnimationDriverToggle.d.ts.map +1 -1
- package/types/images/SimpleImage/index.d.ts +1 -1
- package/types/images/SimpleImage/index.d.ts.map +1 -1
- package/types/images/SimpleImage/index.stories.d.ts +21 -1
- package/types/images/SimpleImage/index.stories.d.ts.map +1 -1
- package/types/images/Svg/Svg.stories.d.ts +1 -9
- package/types/images/Svg/Svg.stories.d.ts.map +1 -1
- package/types/images/Svg/index.d.ts +1 -9
- package/types/images/Svg/index.d.ts.map +1 -1
- package/types/images/Svg/index.native.d.ts +1 -9
- package/types/images/Svg/index.native.d.ts.map +1 -1
- package/types/images/SvgUri/index.native.d.ts +4 -12
- package/types/images/SvgUri/index.native.d.ts.map +1 -1
- package/types/mdx/LI/LI.stories.d.ts +20 -110
- package/types/mdx/LI/LI.stories.d.ts.map +1 -1
- package/types/mdx/LI/index.d.ts +20 -110
- package/types/mdx/LI/index.d.ts.map +1 -1
- package/types/mdx/UL/UL.stories.d.ts +279 -38
- package/types/mdx/UL/UL.stories.d.ts.map +1 -1
- package/types/mdx/UL/index.d.ts +279 -38
- package/types/mdx/UL/index.d.ts.map +1 -1
- package/types/mdx/components.d.ts +279 -38
- package/types/mdx/components.d.ts.map +1 -1
- package/types/organize/SimpleAccordion/SimpleAccordion.stories.d.ts +22 -2
- package/types/organize/SimpleAccordion/SimpleAccordion.stories.d.ts.map +1 -1
- package/types/organize/SimpleAccordion/index.d.ts +35 -1
- package/types/organize/SimpleAccordion/index.d.ts.map +1 -1
- package/types/organize/SimpleCarousel/Carousel.stories.d.ts +34 -0
- package/types/organize/SimpleCarousel/Carousel.stories.d.ts.map +1 -0
- package/types/organize/SimpleCarousel/index.d.ts +34 -0
- package/types/organize/SimpleCarousel/index.d.ts.map +1 -0
- package/types/organize/SimpleInput/SimpleInput.stories.d.ts +38 -0
- package/types/organize/SimpleInput/SimpleInput.stories.d.ts.map +1 -0
- package/types/{component → organize}/SimpleInput/index.d.ts +21 -1
- package/types/organize/SimpleInput/index.d.ts.map +1 -0
- package/types/organize/SimpleListItem/SimpleListItem.stories.d.ts +34 -0
- package/types/organize/SimpleListItem/SimpleListItem.stories.d.ts.map +1 -0
- package/types/organize/SimpleListItem/index.d.ts +10 -0
- package/types/organize/SimpleListItem/index.d.ts.map +1 -0
- package/types/organize/SimpleTabs/SimpleTabs.stories.d.ts +20 -0
- package/types/organize/SimpleTabs/SimpleTabs.stories.d.ts.map +1 -1
- package/types/organize/SimpleTabs/index.d.ts +20 -0
- package/types/organize/SimpleTabs/index.d.ts.map +1 -1
- package/types/organize/index.d.ts +5 -0
- package/types/organize/index.d.ts.map +1 -0
- package/types/panels/SimpleAlertDialog/{SImpleAlertDialog.stories.d.ts → SimpleAlertDialog.stories.d.ts} +1 -1
- package/types/panels/SimpleAlertDialog/{SImpleAlertDialog.stories.d.ts.map → SimpleAlertDialog.stories.d.ts.map} +1 -1
- package/types/panels/SimpleDialog/SimpleDialog.stories.d.ts +23 -0
- package/types/panels/SimpleDialog/SimpleDialog.stories.d.ts.map +1 -1
- package/types/panels/SimpleDialog/index.d.ts +28 -2
- package/types/panels/SimpleDialog/index.d.ts.map +1 -1
- package/types/panels/SimplePopover/SimplePopover.stories.d.ts +20 -0
- package/types/panels/SimplePopover/SimplePopover.stories.d.ts.map +1 -1
- package/types/panels/SimplePopover/index.d.ts +22 -5
- package/types/panels/SimplePopover/index.d.ts.map +1 -1
- package/types/panels/SimpleTooltip/SimpleTooltip.stories.d.ts +20 -0
- package/types/panels/SimpleTooltip/SimpleTooltip.stories.d.ts.map +1 -1
- package/types/panels/SimpleTooltip/index.d.ts +23 -6
- package/types/panels/SimpleTooltip/index.d.ts.map +1 -1
- package/types/table/Table/Table.stories.d.ts +407 -196
- package/types/table/Table/Table.stories.d.ts.map +1 -1
- package/types/table/Table/index.d.ts +407 -196
- package/types/table/Table/index.d.ts.map +1 -1
- package/types/table/TableCell/index.d.ts +30 -57
- package/types/table/TableCell/index.d.ts.map +1 -1
- package/types/table/TableCol/index.d.ts +377 -139
- package/types/table/TableCol/index.d.ts.map +1 -1
- package/dist/cjs/component/SimpleInput/SimpleInput.stories.js.map +0 -6
- package/dist/cjs/component/SimpleInput/SimpleInput.stories.native.js.map +0 -6
- package/dist/cjs/component/SimpleInput/index.js.map +0 -6
- package/dist/cjs/component/SimpleInput/index.native.js.map +0 -6
- package/dist/cjs/panels/SimpleToast/SimpleToast.stories.js +0 -41
- package/dist/cjs/panels/SimpleToast/SimpleToast.stories.js.map +0 -6
- package/dist/cjs/panels/SimpleToast/SimpleToast.stories.native.js.map +0 -6
- package/dist/cjs/panels/SimpleToast/index.js +0 -45
- package/dist/cjs/panels/SimpleToast/index.js.map +0 -6
- package/dist/cjs/panels/SimpleToast/index.native.js +0 -50
- package/dist/cjs/panels/SimpleToast/index.native.js.map +0 -6
- package/dist/esm/component/SimpleInput/SimpleInput.stories.js.map +0 -6
- package/dist/esm/component/SimpleInput/index.js.map +0 -6
- package/dist/esm/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js.map +0 -6
- package/dist/esm/panels/SimpleToast/SimpleToast.stories.js +0 -25
- package/dist/esm/panels/SimpleToast/SimpleToast.stories.js.map +0 -6
- package/dist/esm/panels/SimpleToast/index.js +0 -27
- package/dist/esm/panels/SimpleToast/index.js.map +0 -6
- package/dist/jsx/component/SimpleInput/SimpleInput.stories.js.map +0 -6
- package/dist/jsx/component/SimpleInput/SimpleInput.stories.native.js.map +0 -6
- package/dist/jsx/component/SimpleInput/index.js.map +0 -6
- package/dist/jsx/component/SimpleInput/index.native.js.map +0 -6
- package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js.map +0 -6
- package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.native.js.map +0 -6
- package/dist/jsx/panels/SimpleToast/SimpleToast.stories.js +0 -24
- package/dist/jsx/panels/SimpleToast/SimpleToast.stories.js.map +0 -6
- package/dist/jsx/panels/SimpleToast/SimpleToast.stories.native.js +0 -24
- package/dist/jsx/panels/SimpleToast/SimpleToast.stories.native.js.map +0 -6
- package/dist/jsx/panels/SimpleToast/index.js +0 -22
- package/dist/jsx/panels/SimpleToast/index.js.map +0 -6
- package/dist/jsx/panels/SimpleToast/index.native.js +0 -22
- package/dist/jsx/panels/SimpleToast/index.native.js.map +0 -6
- package/src/panels/SimpleToast/SimpleToast.stories.tsx +0 -27
- package/src/panels/SimpleToast/index.tsx +0 -27
- package/types/component/SimpleInput/SimpleInput.stories.d.ts +0 -18
- package/types/component/SimpleInput/SimpleInput.stories.d.ts.map +0 -1
- package/types/component/SimpleInput/index.d.ts.map +0 -1
- package/types/panels/SimpleToast/SimpleToast.stories.d.ts +0 -14
- package/types/panels/SimpleToast/SimpleToast.stories.d.ts.map +0 -1
- package/types/panels/SimpleToast/index.d.ts +0 -3
- package/types/panels/SimpleToast/index.d.ts.map +0 -1
- /package/dist/cjs/{component → organize}/SimpleInput/index.js +0 -0
- /package/dist/cjs/{component → organize}/SimpleInput/index.native.js +0 -0
- /package/dist/esm/{component → organize}/SimpleInput/index.js +0 -0
- /package/dist/jsx/{component → organize}/SimpleInput/index.js +0 -0
- /package/dist/jsx/{component → organize}/SimpleInput/index.native.js +0 -0
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { Button, Input, XGroup, XStack } from "tamagui";
|
|
2
|
+
import { Eye, EyeOff } from "@tamagui/lucide-icons";
|
|
3
|
+
import React, { useEffect } from "react";
|
|
4
|
+
function SimpleInput({
|
|
5
|
+
value,
|
|
6
|
+
size,
|
|
7
|
+
password,
|
|
8
|
+
iconBefore,
|
|
9
|
+
iconAfter,
|
|
10
|
+
height,
|
|
11
|
+
width,
|
|
12
|
+
iconStyle,
|
|
13
|
+
circular,
|
|
14
|
+
placeholder,
|
|
15
|
+
iconAfterScale,
|
|
16
|
+
iconBeforeScale,
|
|
17
|
+
iconPasswordScale,
|
|
18
|
+
iconAfterAsButton,
|
|
19
|
+
iconBeforeAsButton,
|
|
20
|
+
iconsAsButton,
|
|
21
|
+
passwordWithoutIcon,
|
|
22
|
+
paddingHorizontal,
|
|
23
|
+
onChangeText,
|
|
24
|
+
...props
|
|
25
|
+
}) {
|
|
26
|
+
const [show, setShow] = React.useState(!1), [inputValue, setInputValue] = React.useState(value ?? ""), [borderWidth, setBorderWidth] = React.useState(1), [secureTextEntry, setSecureTextEntry] = React.useState(password), totalIcons = (iconBefore ? 1 : 0) + (iconAfter || password && !passwordWithoutIcon ? 1 : 0), inputValuePadding = iconBefore ? 0 : 24, iconPercentage = totalIcons === 1 ? "20%" : totalIcons === 2 ? "10%" : void 0, inputPercentage = iconPercentage ? "80%" : "100%";
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
inputValue && onChangeText && onChangeText(inputValue);
|
|
29
|
+
}, [inputValue]), useEffect(() => {
|
|
30
|
+
if (password) {
|
|
31
|
+
if (show) {
|
|
32
|
+
setSecureTextEntry(!1);
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
if (!show && password) {
|
|
36
|
+
setSecureTextEntry(!0);
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}, [password, show]);
|
|
41
|
+
function handleValueChange(text) {
|
|
42
|
+
setInputValue(text), onChangeText && onChangeText(text);
|
|
43
|
+
}
|
|
44
|
+
return /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(
|
|
45
|
+
XGroup,
|
|
46
|
+
{
|
|
47
|
+
...props,
|
|
48
|
+
height: size,
|
|
49
|
+
borderRadius: circular ? 9999999 : props.borderRadius || size,
|
|
50
|
+
borderWidth,
|
|
51
|
+
borderColor: "$backgroundFocus",
|
|
52
|
+
minHeight: height || "$5",
|
|
53
|
+
width: width || "$20"
|
|
54
|
+
},
|
|
55
|
+
iconBefore && /* @__PURE__ */ React.createElement(
|
|
56
|
+
Button,
|
|
57
|
+
{
|
|
58
|
+
icon: iconBefore,
|
|
59
|
+
unstyled: !(iconsAsButton || iconBeforeAsButton),
|
|
60
|
+
...iconStyle,
|
|
61
|
+
jc: "center",
|
|
62
|
+
ai: "center",
|
|
63
|
+
scaleIcon: iconBeforeScale,
|
|
64
|
+
width: iconPercentage,
|
|
65
|
+
height: "100%",
|
|
66
|
+
padding: 0
|
|
67
|
+
}
|
|
68
|
+
),
|
|
69
|
+
/* @__PURE__ */ React.createElement(
|
|
70
|
+
Input,
|
|
71
|
+
{
|
|
72
|
+
onChangeText: handleValueChange,
|
|
73
|
+
value: inputValue,
|
|
74
|
+
...props,
|
|
75
|
+
size,
|
|
76
|
+
onFocus: (e) => {
|
|
77
|
+
setBorderWidth(2), props.onFocus?.(e);
|
|
78
|
+
},
|
|
79
|
+
onBlur: (e) => {
|
|
80
|
+
setBorderWidth(1), props.onBlur?.(e);
|
|
81
|
+
},
|
|
82
|
+
height: "100%",
|
|
83
|
+
placeholder,
|
|
84
|
+
width: inputPercentage,
|
|
85
|
+
paddingLeft: inputValuePadding,
|
|
86
|
+
paddingRight: inputValuePadding,
|
|
87
|
+
unstyled: !0,
|
|
88
|
+
borderWidth: 0,
|
|
89
|
+
paddingHorizontal,
|
|
90
|
+
secureTextEntry
|
|
91
|
+
}
|
|
92
|
+
),
|
|
93
|
+
!!password && !passwordWithoutIcon && /* @__PURE__ */ React.createElement(
|
|
94
|
+
Button,
|
|
95
|
+
{
|
|
96
|
+
icon: show ? Eye : EyeOff,
|
|
97
|
+
scaleIcon: iconPasswordScale,
|
|
98
|
+
height: "100%",
|
|
99
|
+
...iconStyle,
|
|
100
|
+
width: iconPercentage,
|
|
101
|
+
onPress: (e) => {
|
|
102
|
+
setShow((prev) => !prev), setBorderWidth(2), props.onPress?.(e);
|
|
103
|
+
},
|
|
104
|
+
jc: "center",
|
|
105
|
+
ai: "center",
|
|
106
|
+
padding: 0
|
|
107
|
+
}
|
|
108
|
+
),
|
|
109
|
+
!!iconAfter && (!password || passwordWithoutIcon) && /* @__PURE__ */ React.createElement(
|
|
110
|
+
Button,
|
|
111
|
+
{
|
|
112
|
+
icon: iconAfter,
|
|
113
|
+
...iconStyle,
|
|
114
|
+
jc: "center",
|
|
115
|
+
ai: "center",
|
|
116
|
+
scaleIcon: iconBeforeScale,
|
|
117
|
+
width: iconPercentage,
|
|
118
|
+
unstyled: !(iconsAsButton || iconAfterAsButton),
|
|
119
|
+
height: "100%",
|
|
120
|
+
padding: 0
|
|
121
|
+
}
|
|
122
|
+
)
|
|
123
|
+
));
|
|
124
|
+
}
|
|
125
|
+
export {
|
|
126
|
+
SimpleInput
|
|
127
|
+
};
|
|
128
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/organize/SimpleInput/index.tsx"],
|
|
4
|
+
"mappings": "AAsBA,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAC9C,SAAS,KAAK,cAAc;AAC5B,OAAO,SAAS,iBAAiB;AA8B1B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAK,GACtC,CAAC,YAAY,aAAa,IAAI,MAAM,SAA6B,SAAS,EAAE,GAC5E,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,CAAC,GAChD,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,QAAQ,GAC/D,cAAc,aAAa,IAAI,MAAM,aAAc,YAAY,CAAC,sBAAuB,IAAI,IAC3F,oBAAoB,aAAa,IAAI,IACrC,iBAAiB,eAAe,IAAI,QAAQ,eAAe,IAAI,QAAQ,QACvE,kBAAkB,iBAAiB,QAAQ;AAEjD,YAAU,MAAM;AACd,IAAK,cACD,gBAAc,aAAa,UAAU;AAAA,EAC3C,GAAG,CAAC,UAAU,CAAC,GAEf,UAAU,MAAM;AACd,QAAK,UACL;AAAA,UAAI,MAAM;AACR,2BAAmB,EAAO;AAC1B;AAAA,MACF;AACA,UAAI,CAAC,QAAQ,UAAU;AACrB,2BAAmB,EAAM;AACzB;AAAA,MACF;AAAA;AAAA,EACF,GAAG,CAAC,UAAU,IAAI,CAAC;AAEnB,WAAS,kBAAkB,MAAc;AACvC,kBAAc,IAAI,GACd,gBAAc,aAAa,IAAI;AAAA,EACrC;AAEA,SACE,oCAAC,cACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAQ;AAAA,MAER,cAAc,WAAW,UAAU,MAAM,gBAAgB;AAAA,MACzD;AAAA,MACA,aAAY;AAAA,MACZ,WAAW,UAAU;AAAA,MACrB,OAAO,SAAS;AAAA;AAAA,IAEf,cACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,UAAU,EAAE,iBAAiB;AAAA,QAC5B,GAAG;AAAA,QACJ,IAAG;AAAA,QACH,IAAG;AAAA,QACH,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAO;AAAA,QACP,SAAS;AAAA;AAAA,IACX;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,cAAc;AAAA,QACd,OAAO;AAAA,QACN,GAAG;AAAA,QACJ;AAAA,QACA,SAAS,CAAC,MAAM;AACd,yBAAe,CAAC,GAChB,MAAM,UAAU,CAAC;AAAA,QACnB;AAAA,QACA,QAAQ,CAAC,MAAM;AACb,yBAAe,CAAC,GAChB,MAAM,SAAS,CAAC;AAAA,QAClB;AAAA,QACA,QAAO;AAAA,QACP;AAAA,QACA,OAAO;AAAA,QACP,aAAa;AAAA,QACb,cAAc;AAAA,QACd,UAAQ;AAAA,QACR,aAAa;AAAA,QACb;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACC,CAAC,CAAC,YAAY,CAAC,uBACd;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,OAAO,MAAM;AAAA,QACnB,WAAW;AAAA,QACX,QAAO;AAAA,QACN,GAAG;AAAA,QACJ,OAAO;AAAA,QACP,SAAS,CAAC,MAAM;AACd,kBAAQ,CAAC,SAAS,CAAC,IAAI,GACvB,eAAe,CAAC,GAChB,MAAM,UAAU,CAAC;AAAA,QACnB;AAAA,QACA,IAAG;AAAA,QACH,IAAG;AAAA,QACH,SAAS;AAAA;AAAA,IACX;AAAA,IAED,CAAC,CAAC,cAAc,CAAC,YAAY,wBAC5B;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACL,GAAG;AAAA,QACJ,IAAG;AAAA,QACH,IAAG;AAAA,QACH,WAAW;AAAA,QACX,OAAO;AAAA,QACP,UAAU,EAAE,iBAAiB;AAAA,QAC7B,QAAO;AAAA,QACP,SAAS;AAAA;AAAA,IACX;AAAA,EAEJ,CACF;AAEJ;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SimpleList, SimpleListItem } from "./index";
|
|
3
|
+
import { ChevronRight, Star } from "@tamagui/lucide-icons";
|
|
4
|
+
import { Label, Separator, Switch, XStack, YStack } from "tamagui";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
var SimpleListItem_stories_default = {
|
|
7
|
+
title: "organize/SimpleListItem",
|
|
8
|
+
component: SimpleList,
|
|
9
|
+
parameters: {
|
|
10
|
+
status: { type: "beta" }
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
function Main() {
|
|
14
|
+
const [orientation, setOrientation] = React.useState(!0);
|
|
15
|
+
return /* @__PURE__ */ jsxs(YStack, { fullscreen: !0, children: [
|
|
16
|
+
/* @__PURE__ */ jsxs(XStack, { width: 200, alignItems: "center", space: "$4", alignSelf: "flex-start", children: [
|
|
17
|
+
/* @__PURE__ */ jsx(Label, { paddingRight: "$0", minWidth: 90, justifyContent: "flex-end", size: "$2", children: orientation ? "Horizontal" : "Vertical" }),
|
|
18
|
+
/* @__PURE__ */ jsx(Separator, { minHeight: 20, vertical: !0 }),
|
|
19
|
+
/* @__PURE__ */ jsx(Switch, { size: "$2", defaultChecked: orientation, onCheckedChange: setOrientation, children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quick" }) })
|
|
20
|
+
] }),
|
|
21
|
+
/* @__PURE__ */ jsxs(SimpleList, { orientation: orientation ? "horizontal" : "vertical", children: [
|
|
22
|
+
/* @__PURE__ */ jsx(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }),
|
|
23
|
+
/* @__PURE__ */ jsx(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }),
|
|
24
|
+
/* @__PURE__ */ jsx(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }),
|
|
25
|
+
/* @__PURE__ */ jsx(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }),
|
|
26
|
+
/* @__PURE__ */ jsx(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 })
|
|
27
|
+
] })
|
|
28
|
+
] });
|
|
29
|
+
}
|
|
30
|
+
const main = () => /* @__PURE__ */ jsx(Main, {});
|
|
31
|
+
export {
|
|
32
|
+
SimpleListItem_stories_default as default,
|
|
33
|
+
main
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=SimpleListItem.stories.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/organize/SimpleListItem/SimpleListItem.stories.tsx"],
|
|
4
|
+
"mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,cAAc,YAAY;AACnC,SAAS,OAAO,WAAW,QAAQ,QAAQ,cAAc;AAcnD,SACE,KADF;AAZN,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,SAAS,OAAO;AACd,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAI;AACzD,SACE,qBAAC,UAAO,YAAU,IAChB;AAAA,yBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAAK,WAAU,cAC3D;AAAA,0BAAC,SAAM,cAAa,MAAK,UAAU,IAAI,gBAAe,YAAW,MAAK,MACnE,wBAAc,eAAe,YAChC;AAAA,MACA,oBAAC,aAAU,WAAW,IAAI,UAAQ,IAAC;AAAA,MACnC,oBAAC,UAAO,MAAK,MAAK,gBAAgB,aAAa,iBAAiB,gBAC9D,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,IACA,qBAAC,cAAW,aAAa,cAAc,eAAe,YACpD;AAAA,0BAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,MACtG,oBAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK;AAAA,OACxG;AAAA,KACF;AAEJ;AAEO,MAAM,OAAO,MAAM,oBAAC,QAAK;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SimpleList, SimpleListItem } from "./index";
|
|
3
|
+
import { ChevronRight, Star } from "@tamagui/lucide-icons";
|
|
4
|
+
import { Label, Separator, Switch, XStack, YStack } from "tamagui";
|
|
5
|
+
var SimpleListItem_stories_default = {
|
|
6
|
+
title: "organize/SimpleListItem",
|
|
7
|
+
component: SimpleList,
|
|
8
|
+
parameters: {
|
|
9
|
+
status: { type: "beta" }
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
function Main() {
|
|
13
|
+
const [orientation, setOrientation] = React.useState(!0);
|
|
14
|
+
return /* @__PURE__ */ React.createElement(YStack, { fullscreen: !0 }, /* @__PURE__ */ React.createElement(XStack, { width: 200, alignItems: "center", space: "$4", alignSelf: "flex-start" }, /* @__PURE__ */ React.createElement(Label, { paddingRight: "$0", minWidth: 90, justifyContent: "flex-end", size: "$2" }, orientation ? "Horizontal" : "Vertical"), /* @__PURE__ */ React.createElement(Separator, { minHeight: 20, vertical: !0 }), /* @__PURE__ */ React.createElement(Switch, { size: "$2", defaultChecked: orientation, onCheckedChange: setOrientation }, /* @__PURE__ */ React.createElement(Switch.Thumb, { animation: "quick" }))), /* @__PURE__ */ React.createElement(SimpleList, { orientation: orientation ? "horizontal" : "vertical" }, /* @__PURE__ */ React.createElement(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }), /* @__PURE__ */ React.createElement(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }), /* @__PURE__ */ React.createElement(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }), /* @__PURE__ */ React.createElement(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 }), /* @__PURE__ */ React.createElement(SimpleListItem, { title: "hello", icon: Star, subTitle: "how are you", iconAfter: ChevronRight, width: 200 })));
|
|
15
|
+
}
|
|
16
|
+
const main = () => /* @__PURE__ */ React.createElement(Main, null);
|
|
17
|
+
export {
|
|
18
|
+
SimpleListItem_stories_default as default,
|
|
19
|
+
main
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=SimpleListItem.stories.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/organize/SimpleListItem/SimpleListItem.stories.tsx"],
|
|
4
|
+
"mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,YAAY,sBAAsB;AAC3C,SAAS,cAAc,YAAY;AACnC,SAAS,OAAO,WAAW,QAAQ,QAAQ,cAAc;AAEzD,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,SAAS,OAAO;AACd,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,EAAI;AACzD,SACE,oCAAC,UAAO,YAAU,MAChB,oCAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAAK,WAAU,gBAC3D,oCAAC,SAAM,cAAa,MAAK,UAAU,IAAI,gBAAe,YAAW,MAAK,QACnE,cAAc,eAAe,UAChC,GACA,oCAAC,aAAU,WAAW,IAAI,UAAQ,IAAC,GACnC,oCAAC,UAAO,MAAK,MAAK,gBAAgB,aAAa,iBAAiB,kBAC9D,oCAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,CAClC,CACF,GACA,oCAAC,cAAW,aAAa,cAAc,eAAe,cACpD,oCAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK,GACtG,oCAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK,GACtG,oCAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK,GACtG,oCAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK,GACtG,oCAAC,kBAAe,OAAM,SAAQ,MAAM,MAAM,UAAS,eAAc,WAAW,cAAc,OAAO,KAAK,CACxG,CACF;AAEJ;AAEO,MAAM,OAAO,MAAM,oCAAC,UAAK;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { YGroup, ListItem, XGroup } from "ui";
|
|
2
|
+
import React, { useMemo } from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
const ListContext = React.createContext(null);
|
|
5
|
+
function SimpleList({ children, orientation = "vertical", backgroundColor, bg, ...props }) {
|
|
6
|
+
const contextValue = useMemo(() => ({ orientation, backgroundColor, bg }), [orientation, backgroundColor, bg]), renderView = () => orientation === "horizontal" ? /* @__PURE__ */ jsx(XGroup, { ...props, children }) : /* @__PURE__ */ jsx(YGroup, { ...props, children });
|
|
7
|
+
return /* @__PURE__ */ jsx(ListContext.Provider, { value: contextValue, children: renderView() });
|
|
8
|
+
}
|
|
9
|
+
function SimpleListItem({ ...props }) {
|
|
10
|
+
const context = React.useContext(ListContext);
|
|
11
|
+
if (!context)
|
|
12
|
+
throw new Error("SimpleListItem must be used within a SimpleList");
|
|
13
|
+
function renderItem() {
|
|
14
|
+
return /* @__PURE__ */ jsx(ListItem, { hoverTheme: !0, bg: context?.backgroundColor || context?.bg, ...props });
|
|
15
|
+
}
|
|
16
|
+
return context.orientation === "horizontal" ? /* @__PURE__ */ jsx(XGroup.Item, { children: renderItem() }) : /* @__PURE__ */ jsx(YGroup.Item, { children: renderItem() });
|
|
17
|
+
}
|
|
18
|
+
export {
|
|
19
|
+
SimpleList,
|
|
20
|
+
SimpleListItem
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/organize/SimpleListItem/index.tsx"],
|
|
4
|
+
"mappings": "AACA,SAAS,QAAQ,UAAU,cAAc;AACzC,OAAO,SAAS,eAAe;AAYlB;AAPb,MAAM,cAAc,MAAM,cAAsC,IAAI;AAE7D,SAAS,WAAW,EAAE,UAAU,cAAc,YAAY,iBAAiB,IAAI,GAAG,MAAM,GAAoB;AACjH,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,iBAAiB,GAAG,IAAI,CAAC,aAAa,iBAAiB,EAAE,CAAC,GAEvG,aAAa,MACb,gBAAgB,eACX,oBAAC,UAAQ,GAAG,OAAQ,UAAS,IAE/B,oBAAC,UAAQ,GAAG,OAAQ,UAAS;AAEtC,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAO,cAAe,qBAAW,GAAE;AAClE;AAEO,SAAS,eAAe,EAAE,GAAG,MAAM,GAAwB;AAChE,QAAM,UAAU,MAAM,WAAW,WAAW;AAC5C,MAAI,CAAC;AACH,UAAM,IAAI,MAAM,iDAAiD;AAGnE,WAAS,aAAa;AACpB,WAAO,oBAAC,YAAS,YAAU,IAAC,IAAI,SAAS,mBAAmB,SAAS,IAAK,GAAG,OAAO;AAAA,EACtF;AAEA,SAAI,QAAQ,gBAAgB,eACnB,oBAAC,OAAO,MAAP,EAAa,qBAAW,GAAE,IAE7B,oBAAC,OAAO,MAAP,EAAa,qBAAW,GAAE;AACpC;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { YGroup, ListItem, XGroup } from "ui";
|
|
2
|
+
import React, { useMemo } from "react";
|
|
3
|
+
const ListContext = React.createContext(null);
|
|
4
|
+
function SimpleList({ children, orientation = "vertical", backgroundColor, bg, ...props }) {
|
|
5
|
+
const contextValue = useMemo(() => ({ orientation, backgroundColor, bg }), [orientation, backgroundColor, bg]), renderView = () => orientation === "horizontal" ? /* @__PURE__ */ React.createElement(XGroup, { ...props }, children) : /* @__PURE__ */ React.createElement(YGroup, { ...props }, children);
|
|
6
|
+
return /* @__PURE__ */ React.createElement(ListContext.Provider, { value: contextValue }, renderView());
|
|
7
|
+
}
|
|
8
|
+
function SimpleListItem({ ...props }) {
|
|
9
|
+
const context = React.useContext(ListContext);
|
|
10
|
+
if (!context)
|
|
11
|
+
throw new Error("SimpleListItem must be used within a SimpleList");
|
|
12
|
+
function renderItem() {
|
|
13
|
+
return /* @__PURE__ */ React.createElement(ListItem, { hoverTheme: !0, bg: context?.backgroundColor || context?.bg, ...props });
|
|
14
|
+
}
|
|
15
|
+
return context.orientation === "horizontal" ? /* @__PURE__ */ React.createElement(XGroup.Item, null, renderItem()) : /* @__PURE__ */ React.createElement(YGroup.Item, null, renderItem());
|
|
16
|
+
}
|
|
17
|
+
export {
|
|
18
|
+
SimpleList,
|
|
19
|
+
SimpleListItem
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/organize/SimpleListItem/index.tsx"],
|
|
4
|
+
"mappings": "AACA,SAAS,QAAQ,UAAU,cAAc;AACzC,OAAO,SAAS,eAAe;AAK/B,MAAM,cAAc,MAAM,cAAsC,IAAI;AAE7D,SAAS,WAAW,EAAE,UAAU,cAAc,YAAY,iBAAiB,IAAI,GAAG,MAAM,GAAoB;AACjH,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,iBAAiB,GAAG,IAAI,CAAC,aAAa,iBAAiB,EAAE,CAAC,GAEvG,aAAa,MACb,gBAAgB,eACX,oCAAC,UAAQ,GAAG,SAAQ,QAAS,IAE/B,oCAAC,UAAQ,GAAG,SAAQ,QAAS;AAEtC,SAAO,oCAAC,YAAY,UAAZ,EAAqB,OAAO,gBAAe,WAAW,CAAE;AAClE;AAEO,SAAS,eAAe,EAAE,GAAG,MAAM,GAAwB;AAChE,QAAM,UAAU,MAAM,WAAW,WAAW;AAC5C,MAAI,CAAC;AACH,UAAM,IAAI,MAAM,iDAAiD;AAGnE,WAAS,aAAa;AACpB,WAAO,oCAAC,YAAS,YAAU,IAAC,IAAI,SAAS,mBAAmB,SAAS,IAAK,GAAG,OAAO;AAAA,EACtF;AAEA,SAAI,QAAQ,gBAAgB,eACnB,oCAAC,OAAO,MAAP,MAAa,WAAW,CAAE,IAE7B,oCAAC,OAAO,MAAP,MAAa,WAAW,CAAE;AACpC;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/organize/SimpleTabs/SimpleTabs.stories.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAsBA,SAAS,YAAY,YAAY,UAAU,WAAW;AACtD,SAAS,IAAI,mBAAmB;AAc5B,SACE,KADF;AAZJ,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,MAC5B,qBAAC,cAAW,cAAa,WAAU,YAAU,IAC3C;AAAA,uBAAC,YACC;AAAA,wBAAC,OAAI,MAAK,QAAO,kBAAI;AAAA,IACrB,oBAAC,OAAI,MAAK,SAAQ,mBAAK;AAAA,IACvB,oBAAC,OAAI,MAAK,WAAU,qBAAO;AAAA,IAC3B,oBAAC,OAAI,MAAK,eACR,8BAAC,eAAY,WAAU,UAAS,yBAAW,GAC7C;AAAA,KACF;AAAA,EACA,oBAAC,cAAW,OAAM,QAChB,8BAAC,MAAG,kBAAI,GACV;AAAA,EACA,oBAAC,cAAW,OAAM,SAChB,8BAAC,MAAG,mBAAK,GACX;AAAA,EACA,oBAAC,cAAW,OAAM,WAChB,8BAAC,MAAG,qBAAO,GACb;AAAA,EACA,oBAAC,cAAW,OAAM,eAAc,IAAG,UAAS,IAAG,UAC7C,8BAAC,MAAG,qBAAO,GACb;AAAA,GACF,GAGW,eAAe,MAC1B,qBAAC,cAAW,cAAa,SAAQ,aAAY,YAAW,OAAM,QAAO,QAAO,QAC1E;AAAA,uBAAC,YAAS,YAAY,IACpB;AAAA,wBAAC,OAAI,MAAK,QAAO,kBAAI;AAAA,IACrB,oBAAC,OAAI,MAAK,SAAQ,mBAAK;AAAA,IACvB,oBAAC,OAAI,MAAK,WAAU,qBAAO;AAAA,IAC3B,oBAAC,OAAI,MAAK,eACR,8BAAC,eAAY,WAAU,UAAS,yBAAW,GAC7C;AAAA,KACF;AAAA,EACA,oBAAC,cAAW,OAAM,QAChB,8BAAC,MAAG,kBAAI,GACV;AAAA,EACA,oBAAC,cAAW,OAAM,SAChB,8BAAC,MAAG,mBAAK,GACX;AAAA,EACA,oBAAC,cAAW,OAAM,WAChB,8BAAC,MAAG,qBAAO,GACb;AAAA,EACA,oBAAC,cAAW,OAAM,eAAc,IAAG,UAAS,IAAG,UAC7C,8BAAC,MAAG,qBAAO,GACb;AAAA,GACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SimpleTabs, TabContent, TabsList, Tab } from "./index";
|
|
3
|
+
import { H5, SizableText } from "tamagui";
|
|
4
|
+
var SimpleTabs_stories_default = {
|
|
5
|
+
title: "organize/SimpleTabs",
|
|
6
|
+
component: SimpleTabs,
|
|
7
|
+
parameters: {
|
|
8
|
+
status: {
|
|
9
|
+
type: "beta"
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
const horizontalTabs = () => /* @__PURE__ */ React.createElement(SimpleTabs, { defaultRoute: "contact", fullScreen: !0 }, /* @__PURE__ */ React.createElement(TabsList, null, /* @__PURE__ */ React.createElement(Tab, { path: "home" }, "Home"), /* @__PURE__ */ React.createElement(Tab, { path: "about" }, "About"), /* @__PURE__ */ React.createElement(Tab, { path: "contact" }, "Contact"), /* @__PURE__ */ React.createElement(Tab, { path: "description" }, /* @__PURE__ */ React.createElement(SizableText, { textAlign: "center" }, "Description"))), /* @__PURE__ */ React.createElement(TabContent, { route: "home" }, /* @__PURE__ */ React.createElement(H5, null, "Home")), /* @__PURE__ */ React.createElement(TabContent, { route: "about" }, /* @__PURE__ */ React.createElement(H5, null, "About")), /* @__PURE__ */ React.createElement(TabContent, { route: "contact" }, /* @__PURE__ */ React.createElement(H5, null, "Contact")), /* @__PURE__ */ React.createElement(TabContent, { route: "description", jc: "center", ai: "center" }, /* @__PURE__ */ React.createElement(H5, null, "Default"))), verticalTabs = () => /* @__PURE__ */ React.createElement(SimpleTabs, { defaultRoute: "about", orientation: "vertical", width: "100%", height: "100%" }, /* @__PURE__ */ React.createElement(TabsList, { fullHeight: !1 }, /* @__PURE__ */ React.createElement(Tab, { path: "home" }, "Home"), /* @__PURE__ */ React.createElement(Tab, { path: "about" }, "About"), /* @__PURE__ */ React.createElement(Tab, { path: "contact" }, "Contact"), /* @__PURE__ */ React.createElement(Tab, { path: "description" }, /* @__PURE__ */ React.createElement(SizableText, { textAlign: "center" }, "Description"))), /* @__PURE__ */ React.createElement(TabContent, { route: "home" }, /* @__PURE__ */ React.createElement(H5, null, "Home")), /* @__PURE__ */ React.createElement(TabContent, { route: "about" }, /* @__PURE__ */ React.createElement(H5, null, "About")), /* @__PURE__ */ React.createElement(TabContent, { route: "contact" }, /* @__PURE__ */ React.createElement(H5, null, "Contact")), /* @__PURE__ */ React.createElement(TabContent, { route: "description", jc: "center", ai: "center" }, /* @__PURE__ */ React.createElement(H5, null, "Default")));
|
|
14
|
+
export {
|
|
15
|
+
SimpleTabs_stories_default as default,
|
|
16
|
+
horizontalTabs,
|
|
17
|
+
verticalTabs
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=SimpleTabs.stories.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/organize/SimpleTabs/SimpleTabs.stories.tsx"],
|
|
4
|
+
"mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,YAAY,YAAY,UAAU,WAAW;AACtD,SAAS,IAAI,mBAAmB;AAEhC,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,MAC5B,oCAAC,cAAW,cAAa,WAAU,YAAU,MAC3C,oCAAC,gBACC,oCAAC,OAAI,MAAK,UAAO,MAAI,GACrB,oCAAC,OAAI,MAAK,WAAQ,OAAK,GACvB,oCAAC,OAAI,MAAK,aAAU,SAAO,GAC3B,oCAAC,OAAI,MAAK,iBACR,oCAAC,eAAY,WAAU,YAAS,aAAW,CAC7C,CACF,GACA,oCAAC,cAAW,OAAM,UAChB,oCAAC,UAAG,MAAI,CACV,GACA,oCAAC,cAAW,OAAM,WAChB,oCAAC,UAAG,OAAK,CACX,GACA,oCAAC,cAAW,OAAM,aAChB,oCAAC,UAAG,SAAO,CACb,GACA,oCAAC,cAAW,OAAM,eAAc,IAAG,UAAS,IAAG,YAC7C,oCAAC,UAAG,SAAO,CACb,CACF,GAGW,eAAe,MAC1B,oCAAC,cAAW,cAAa,SAAQ,aAAY,YAAW,OAAM,QAAO,QAAO,UAC1E,oCAAC,YAAS,YAAY,MACpB,oCAAC,OAAI,MAAK,UAAO,MAAI,GACrB,oCAAC,OAAI,MAAK,WAAQ,OAAK,GACvB,oCAAC,OAAI,MAAK,aAAU,SAAO,GAC3B,oCAAC,OAAI,MAAK,iBACR,oCAAC,eAAY,WAAU,YAAS,aAAW,CAC7C,CACF,GACA,oCAAC,cAAW,OAAM,UAChB,oCAAC,UAAG,MAAI,CACV,GACA,oCAAC,cAAW,OAAM,WAChB,oCAAC,UAAG,OAAK,CACX,GACA,oCAAC,cAAW,OAAM,aAChB,oCAAC,UAAG,SAAO,CACb,GACA,oCAAC,cAAW,OAAM,eAAc,IAAG,UAAS,IAAG,YAC7C,oCAAC,UAAG,SAAO,CACb,CACF;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/organize/SimpleTabs/index.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAsBA,OAAO,SAAS,eAAe;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAE1B,SAAS,YAAY;AAmCf;AAhBN,MAAM,oBAAoB,MAAM,cAA6C,IAAI,GAE3E,kBAAkB,MAAM,cAA0C,IAAI;AAErE,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAoB;AAClB,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,MAAM,IAAI,CAAC,aAAa,KAAK,CAAC;AAEjF,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,cACjC;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,eAAe,gBAAgB,aAAa,QAAQ;AAAA,MACpD,cAAc;AAAA,MACb,GAAG;AAAA,MACJ,OAAO,aAAa,SAAS,SAAS;AAAA,MACtC,QAAQ,aAAa,SAAS,UAAU;AAAA,MAEvC,gBAAM;AAAA;AAAA,EACT,GACF;AAEJ;AAEO,SAAS,SAAS,EAAE,aAAa,IAAO,GAAG,MAAM,GAAc;AACpE,QAAM,UAAU,MAAM,WAAW,iBAAiB;AAClD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,yCAAyC;AACvE,QAAM,EAAE,YAAY,IAAI,SAClB,eAAe,QAAQ,OAAO,EAAE,WAAW,IAAI,CAAC,UAAU,CAAC;AAEjE,SACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,cAC/B;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,WAAW,oBAAC,aAAU,UAAU,gBAAgB,cAAc;AAAA,MAC9D,yBAAyB,gBAAgB,eAAe,WAAW;AAAA,MACnE,cAAW;AAAA,MACX,MAAM;AAAA,MACN,OAAO,gBAAgB,aAAa,EAAE,SAAS,QAAQ,eAAe,SAAS,IAAI,CAAC;AAAA,MACnF,GAAG;AAAA,MAEH,gBAAM;AAAA;AAAA,EACT,GACF;AAEJ;AAEO,SAAS,WAAW,EAAE,OAAO,GAAG,MAAM,GAAiB;AAC5D,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,iBAAgB;AAAA,MAEhB,SAAQ;AAAA,MACR,MAAM;AAAA,MACN,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,sBAAsB;AAAA,MACtB,aAAY;AAAA,MACZ,OAAO;AAAA,MACN,GAAG;AAAA,MAEH,gBAAM;AAAA;AAAA,IAXF;AAAA,EAYP;AAEJ;AAEO,SAAS,IAAI,EAAE,MAAM,GAAG,MAAM,GAAa;AAChD,QAAM,UAAU,MAAM,WAAW,iBAAiB,GAC5C,cAAc,MAAM,WAAW,eAAe;AACpD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,iCAAiC;AAC/D,QAAM,EAAE,YAAY,IAAI;AACxB,MAAI,CAAC;AAAa,UAAM,IAAI,MAAM,iCAAiC;AACnE,QAAM,EAAE,WAAW,IAAI;AAEvB,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MAEC,GAAG,gBAAgB,gBAAiB,gBAAgB,cAAc,aAAc,IAAI;AAAA,MACpF,OAAO;AAAA,MACN,GAAG;AAAA,MAEH,iBAAO,MAAM,YAAa,WAAW,oBAAC,eAAa,gBAAM,UAAS,IAAiB,MAAM;AAAA;AAAA,IALrF;AAAA,EAMP;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
|
+
import { SizableText } from "tamagui";
|
|
3
|
+
import { Separator } from "tamagui";
|
|
4
|
+
import { Tabs } from "tamagui";
|
|
5
|
+
const SimpleTabsContext = React.createContext(null), TabsListContext = React.createContext(null);
|
|
6
|
+
function SimpleTabs({
|
|
7
|
+
width,
|
|
8
|
+
height,
|
|
9
|
+
fullScreen,
|
|
10
|
+
defaultRoute,
|
|
11
|
+
orientation = "horizontal",
|
|
12
|
+
...props
|
|
13
|
+
}) {
|
|
14
|
+
const contextValue = useMemo(() => ({ orientation, width }), [orientation, width]);
|
|
15
|
+
return /* @__PURE__ */ React.createElement(SimpleTabsContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(
|
|
16
|
+
Tabs,
|
|
17
|
+
{
|
|
18
|
+
borderRadius: "$4",
|
|
19
|
+
borderWidth: "$0.25",
|
|
20
|
+
overflow: "hidden",
|
|
21
|
+
borderColor: "$borderColor",
|
|
22
|
+
flexDirection: orientation === "vertical" ? "row" : "column",
|
|
23
|
+
defaultValue: defaultRoute,
|
|
24
|
+
...props,
|
|
25
|
+
width: fullScreen ? "100%" : width ?? 300,
|
|
26
|
+
height: fullScreen ? "100%" : height ?? 150
|
|
27
|
+
},
|
|
28
|
+
props.children
|
|
29
|
+
));
|
|
30
|
+
}
|
|
31
|
+
function TabsList({ fullHeight = !1, ...props }) {
|
|
32
|
+
const context = React.useContext(SimpleTabsContext);
|
|
33
|
+
if (!context)
|
|
34
|
+
throw new Error("TabsList must be used inside SimpleTabs");
|
|
35
|
+
const { orientation } = context, contextValue = useMemo(() => ({ fullHeight }), [fullHeight]);
|
|
36
|
+
return /* @__PURE__ */ React.createElement(TabsListContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(
|
|
37
|
+
Tabs.List,
|
|
38
|
+
{
|
|
39
|
+
separator: /* @__PURE__ */ React.createElement(Separator, { vertical: orientation === "horizontal" }),
|
|
40
|
+
disablePassBorderRadius: orientation === "horizontal" ? "bottom" : "end",
|
|
41
|
+
"aria-label": "Manage your account",
|
|
42
|
+
flex: 0,
|
|
43
|
+
style: orientation === "vertical" ? { display: "flex", flexDirection: "column" } : {},
|
|
44
|
+
...props
|
|
45
|
+
},
|
|
46
|
+
props.children
|
|
47
|
+
));
|
|
48
|
+
}
|
|
49
|
+
function TabContent({ route, ...props }) {
|
|
50
|
+
return /* @__PURE__ */ React.createElement(
|
|
51
|
+
Tabs.Content,
|
|
52
|
+
{
|
|
53
|
+
backgroundColor: "$background",
|
|
54
|
+
key: route,
|
|
55
|
+
padding: "$2",
|
|
56
|
+
flex: 1,
|
|
57
|
+
borderColor: "$background",
|
|
58
|
+
borderRadius: "$2",
|
|
59
|
+
borderTopLeftRadius: 0,
|
|
60
|
+
borderTopRightRadius: 0,
|
|
61
|
+
borderWidth: "$2",
|
|
62
|
+
value: route,
|
|
63
|
+
...props
|
|
64
|
+
},
|
|
65
|
+
props.children
|
|
66
|
+
);
|
|
67
|
+
}
|
|
68
|
+
function Tab({ path, ...props }) {
|
|
69
|
+
const context = React.useContext(SimpleTabsContext), listContext = React.useContext(TabsListContext);
|
|
70
|
+
if (!context)
|
|
71
|
+
throw new Error("Tab must be used inside TabList");
|
|
72
|
+
const { orientation } = context;
|
|
73
|
+
if (!listContext)
|
|
74
|
+
throw new Error("Tab must be used inside TabList");
|
|
75
|
+
const { fullHeight } = listContext;
|
|
76
|
+
return /* @__PURE__ */ React.createElement(
|
|
77
|
+
Tabs.Tab,
|
|
78
|
+
{
|
|
79
|
+
key: path,
|
|
80
|
+
f: orientation === "horizontal" || orientation === "vertical" && fullHeight ? 1 : 0,
|
|
81
|
+
value: path,
|
|
82
|
+
...props
|
|
83
|
+
},
|
|
84
|
+
typeof props.children == "string" ? /* @__PURE__ */ React.createElement(SizableText, null, props.children) : props.children
|
|
85
|
+
);
|
|
86
|
+
}
|
|
87
|
+
export {
|
|
88
|
+
SimpleTabs,
|
|
89
|
+
Tab,
|
|
90
|
+
TabContent,
|
|
91
|
+
TabsList
|
|
92
|
+
};
|
|
93
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/organize/SimpleTabs/index.tsx"],
|
|
4
|
+
"mappings": "AAsBA,OAAO,SAAS,eAAe;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAE1B,SAAS,YAAY;AAmBrB,MAAM,oBAAoB,MAAM,cAA6C,IAAI,GAE3E,kBAAkB,MAAM,cAA0C,IAAI;AAErE,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAoB;AAClB,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,MAAM,IAAI,CAAC,aAAa,KAAK,CAAC;AAEjF,SACE,oCAAC,kBAAkB,UAAlB,EAA2B,OAAO,gBACjC;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,eAAe,gBAAgB,aAAa,QAAQ;AAAA,MACpD,cAAc;AAAA,MACb,GAAG;AAAA,MACJ,OAAO,aAAa,SAAS,SAAS;AAAA,MACtC,QAAQ,aAAa,SAAS,UAAU;AAAA;AAAA,IAEvC,MAAM;AAAA,EACT,CACF;AAEJ;AAEO,SAAS,SAAS,EAAE,aAAa,IAAO,GAAG,MAAM,GAAc;AACpE,QAAM,UAAU,MAAM,WAAW,iBAAiB;AAClD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,yCAAyC;AACvE,QAAM,EAAE,YAAY,IAAI,SAClB,eAAe,QAAQ,OAAO,EAAE,WAAW,IAAI,CAAC,UAAU,CAAC;AAEjE,SACE,oCAAC,gBAAgB,UAAhB,EAAyB,OAAO,gBAC/B;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,WAAW,oCAAC,aAAU,UAAU,gBAAgB,cAAc;AAAA,MAC9D,yBAAyB,gBAAgB,eAAe,WAAW;AAAA,MACnE,cAAW;AAAA,MACX,MAAM;AAAA,MACN,OAAO,gBAAgB,aAAa,EAAE,SAAS,QAAQ,eAAe,SAAS,IAAI,CAAC;AAAA,MACnF,GAAG;AAAA;AAAA,IAEH,MAAM;AAAA,EACT,CACF;AAEJ;AAEO,SAAS,WAAW,EAAE,OAAO,GAAG,MAAM,GAAiB;AAC5D,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,iBAAgB;AAAA,MAChB,KAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAM;AAAA,MACN,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,sBAAsB;AAAA,MACtB,aAAY;AAAA,MACZ,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEH,MAAM;AAAA,EACT;AAEJ;AAEO,SAAS,IAAI,EAAE,MAAM,GAAG,MAAM,GAAa;AAChD,QAAM,UAAU,MAAM,WAAW,iBAAiB,GAC5C,cAAc,MAAM,WAAW,eAAe;AACpD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,iCAAiC;AAC/D,QAAM,EAAE,YAAY,IAAI;AACxB,MAAI,CAAC;AAAa,UAAM,IAAI,MAAM,iCAAiC;AACnE,QAAM,EAAE,WAAW,IAAI;AAEvB,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,KAAK;AAAA,MACL,GAAG,gBAAgB,gBAAiB,gBAAgB,cAAc,aAAc,IAAI;AAAA,MACpF,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEH,OAAO,MAAM,YAAa,WAAW,oCAAC,mBAAa,MAAM,QAAS,IAAiB,MAAM;AAAA,EAC5F;AAEJ;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -46,11 +46,11 @@ function DialogContent() {
|
|
|
46
46
|
] })
|
|
47
47
|
] });
|
|
48
48
|
}
|
|
49
|
-
var
|
|
49
|
+
var SimpleAlertDialog_stories_default = meta;
|
|
50
50
|
export {
|
|
51
51
|
ConditionalOpen,
|
|
52
52
|
customContent,
|
|
53
|
-
|
|
53
|
+
SimpleAlertDialog_stories_default as default,
|
|
54
54
|
main
|
|
55
55
|
};
|
|
56
|
-
//# sourceMappingURL=
|
|
56
|
+
//# sourceMappingURL=SimpleAlertDialog.stories.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/panels/SimpleAlertDialog/SimpleAlertDialog.stories.tsx"],
|
|
4
|
+
"mappings": "AACA,SAAS,yBAAyB;AAElC,SAAS,aAAa,QAAQ,QAAQ,cAAc;AASlD,cAuCI,YAvCJ;AAPF,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,kBAAkB,MAC7B;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,UAAU,MAAM,MAAM,UAAU;AAAA;AAClC,GAGW,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,UAAU,MAAM,MAAM,UAAU;AAAA,IAEhC,8BAAC,UAAO,uBAAS;AAAA;AACnB,GAGW,gBAAgB,MAC3B;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,UAAU,MAAM,MAAM,UAAU;AAAA,IAChC,eAAe,cAAc;AAAA,IAE7B,8BAAC,UAAO,uBAAS;AAAA;AACnB;AAGF,SAAS,gBAAgB;AACvB,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,YAAY,OAAZ,EAAkB,8BAAgB;AAAA,IACnC,oBAAC,YAAY,aAAZ,EAAwB,uCAAyB;AAAA,IAClD,qBAAC,UAAO,OAAM,MAAK,IAAG,YACpB;AAAA,0BAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,gBAAE,GACZ;AAAA,MACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,OAAM,UAAS,iBAAG,GAC5B;AAAA,OACF;AAAA,KACF;AAEJ;AACA,IAAO,oCAAQ;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SimpleAlertDialog } from "./index";
|
|
3
|
+
import { AlertDialog, Button, XStack, YStack } from "tamagui";
|
|
4
|
+
const meta = {
|
|
5
|
+
title: "panels/SimpleAlertDialog",
|
|
6
|
+
component: SimpleAlertDialog,
|
|
7
|
+
parameters: { status: { type: "beta" } }
|
|
8
|
+
}, ConditionalOpen = () => /* @__PURE__ */ React.createElement(
|
|
9
|
+
SimpleAlertDialog,
|
|
10
|
+
{
|
|
11
|
+
title: "Are you sure?",
|
|
12
|
+
description: "This action cannot be undone",
|
|
13
|
+
cancel: "Cancel",
|
|
14
|
+
accept: "Delete",
|
|
15
|
+
onAccept: () => alert("Accepted")
|
|
16
|
+
}
|
|
17
|
+
), main = () => /* @__PURE__ */ React.createElement(
|
|
18
|
+
SimpleAlertDialog,
|
|
19
|
+
{
|
|
20
|
+
title: "Are you sure?",
|
|
21
|
+
description: "This action cannot be undone",
|
|
22
|
+
cancel: "Cancel",
|
|
23
|
+
accept: "Yes, Delete",
|
|
24
|
+
onAccept: () => alert("accepted")
|
|
25
|
+
},
|
|
26
|
+
/* @__PURE__ */ React.createElement(Button, null, "Get Alert")
|
|
27
|
+
), customContent = () => /* @__PURE__ */ React.createElement(
|
|
28
|
+
SimpleAlertDialog,
|
|
29
|
+
{
|
|
30
|
+
title: "Are you sure?",
|
|
31
|
+
description: "This action cannot be undone",
|
|
32
|
+
cancel: "Cancel",
|
|
33
|
+
accept: "Yes, Delete",
|
|
34
|
+
onAccept: () => alert("accepted"),
|
|
35
|
+
customContent: DialogContent()
|
|
36
|
+
},
|
|
37
|
+
/* @__PURE__ */ React.createElement(Button, null, "Get Alert")
|
|
38
|
+
);
|
|
39
|
+
function DialogContent() {
|
|
40
|
+
return /* @__PURE__ */ React.createElement(YStack, { space: !0 }, /* @__PURE__ */ React.createElement(AlertDialog.Title, null, "Accept Condition"), /* @__PURE__ */ React.createElement(AlertDialog.Description, null, "you will accept out terms"), /* @__PURE__ */ React.createElement(XStack, { space: "$3", jc: "flex-end" }, /* @__PURE__ */ React.createElement(AlertDialog.Cancel, { asChild: !0 }, /* @__PURE__ */ React.createElement(Button, null, "no")), /* @__PURE__ */ React.createElement(AlertDialog.Action, { asChild: !0 }, /* @__PURE__ */ React.createElement(Button, { theme: "active" }, "yes"))));
|
|
41
|
+
}
|
|
42
|
+
var SimpleAlertDialog_stories_default = meta;
|
|
43
|
+
export {
|
|
44
|
+
ConditionalOpen,
|
|
45
|
+
customContent,
|
|
46
|
+
SimpleAlertDialog_stories_default as default,
|
|
47
|
+
main
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=SimpleAlertDialog.stories.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/panels/SimpleAlertDialog/SimpleAlertDialog.stories.tsx"],
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,yBAAyB;AAElC,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAEpD,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,kBAAkB,MAC7B;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,UAAU,MAAM,MAAM,UAAU;AAAA;AAClC,GAGW,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,UAAU,MAAM,MAAM,UAAU;AAAA;AAAA,EAEhC,oCAAC,cAAO,WAAS;AACnB,GAGW,gBAAgB,MAC3B;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA,IACP,UAAU,MAAM,MAAM,UAAU;AAAA,IAChC,eAAe,cAAc;AAAA;AAAA,EAE7B,oCAAC,cAAO,WAAS;AACnB;AAGF,SAAS,gBAAgB;AACvB,SACE,oCAAC,UAAO,OAAK,MACX,oCAAC,YAAY,OAAZ,MAAkB,kBAAgB,GACnC,oCAAC,YAAY,aAAZ,MAAwB,2BAAyB,GAClD,oCAAC,UAAO,OAAM,MAAK,IAAG,cACpB,oCAAC,YAAY,QAAZ,EAAmB,SAAO,MACzB,oCAAC,cAAO,IAAE,CACZ,GACA,oCAAC,YAAY,QAAZ,EAAmB,SAAO,MACzB,oCAAC,UAAO,OAAM,YAAS,KAAG,CAC5B,CACF,CACF;AAEJ;AACA,IAAO,oCAAQ;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { AlertDialog, Button, XStack, YStack } from "tamagui";
|
|
3
|
+
function SimpleAlertDialog({
|
|
4
|
+
children,
|
|
5
|
+
title,
|
|
6
|
+
cancel,
|
|
7
|
+
accept,
|
|
8
|
+
description,
|
|
9
|
+
titleStyle,
|
|
10
|
+
contentStyle,
|
|
11
|
+
descriptionStyle,
|
|
12
|
+
open,
|
|
13
|
+
buttonStyle,
|
|
14
|
+
customContent,
|
|
15
|
+
...triggerProps
|
|
16
|
+
}) {
|
|
17
|
+
const [isOpen, setIsOpen] = React.useState(open);
|
|
18
|
+
return /* @__PURE__ */ React.createElement(
|
|
19
|
+
AlertDialog,
|
|
20
|
+
{
|
|
21
|
+
native: !0,
|
|
22
|
+
...triggerProps,
|
|
23
|
+
open: isOpen,
|
|
24
|
+
onOpenChange: (e) => {
|
|
25
|
+
triggerProps.onOpenChange ? triggerProps.onOpenChange(e) : setIsOpen(!isOpen);
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
typeof open > "u" ? /* @__PURE__ */ React.createElement(AlertDialog.Trigger, { asChild: !0 }, children) : null,
|
|
29
|
+
/* @__PURE__ */ React.createElement(AlertDialog.Portal, null, /* @__PURE__ */ React.createElement(AlertDialog.Overlay, { key: "overlay", animation: "quick", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }), /* @__PURE__ */ React.createElement(
|
|
30
|
+
AlertDialog.Content,
|
|
31
|
+
{
|
|
32
|
+
bordered: !0,
|
|
33
|
+
elevate: !0,
|
|
34
|
+
key: "content",
|
|
35
|
+
animation: [
|
|
36
|
+
"bouncy",
|
|
37
|
+
{
|
|
38
|
+
opacity: {
|
|
39
|
+
overshootClamping: !0
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
],
|
|
43
|
+
enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.2 },
|
|
44
|
+
exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.2 },
|
|
45
|
+
x: 0,
|
|
46
|
+
scale: 1,
|
|
47
|
+
opacity: 1,
|
|
48
|
+
y: 0,
|
|
49
|
+
...contentStyle
|
|
50
|
+
},
|
|
51
|
+
customContent || /* @__PURE__ */ React.createElement(YStack, { space: !0 }, title && /* @__PURE__ */ React.createElement(AlertDialog.Title, null, title), description && /* @__PURE__ */ React.createElement(AlertDialog.Description, null, description), /* @__PURE__ */ React.createElement(XStack, { space: "$3", jc: "flex-end" }, /* @__PURE__ */ React.createElement(AlertDialog.Cancel, { asChild: !0 }, /* @__PURE__ */ React.createElement(Button, { ...buttonStyle }, cancel || "cancel")), /* @__PURE__ */ React.createElement(AlertDialog.Action, { asChild: !0, onPress: triggerProps.onAccept }, /* @__PURE__ */ React.createElement(Button, { theme: "active", ...buttonStyle }, accept || "accept"))))
|
|
52
|
+
))
|
|
53
|
+
);
|
|
54
|
+
}
|
|
55
|
+
export {
|
|
56
|
+
SimpleAlertDialog
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/panels/SimpleAlertDialog/index.tsx"],
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAyB7C,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,IAAI;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAM;AAAA,MACL,GAAG;AAAA,MACJ,MAAM;AAAA,MACN,cAAc,CAAC,MAAM;AACnB,QAAI,aAAa,eAAc,aAAa,aAAa,CAAC,IACrD,UAAU,CAAC,MAAM;AAAA,MACxB;AAAA;AAAA,IAEC,OAAO,OAAS,MAAc,oCAAC,YAAY,SAAZ,EAAoB,SAAO,MAAE,QAAS,IAAyB;AAAA,IAC/F,oCAAC,YAAY,QAAZ,MACC,oCAAC,YAAY,SAAZ,EAAoB,KAAI,WAAU,WAAU,SAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG,GACxG;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QACC,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QACjD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,QACF,GAAG;AAAA;AAAA,MAEH,iBAGC,oCAAC,UAAO,OAAK,MACV,SAAS,oCAAC,YAAY,OAAZ,MAAmB,KAAM,GACnC,eAAe,oCAAC,YAAY,aAAZ,MAAyB,WAAY,GACtD,oCAAC,UAAO,OAAM,MAAK,IAAG,cACpB,oCAAC,YAAY,QAAZ,EAAmB,SAAO,MACzB,oCAAC,UAAQ,GAAG,eAAc,UAAU,QAAS,CAC/C,GACA,oCAAC,YAAY,QAAZ,EAAmB,SAAO,IAAC,SAAS,aAAa,YAChD,oCAAC,UAAO,OAAM,UAAU,GAAG,eACxB,UAAU,QACb,CACF,CACF,CACF;AAAA,IAEJ,CACF;AAAA,EACF;AAEJ;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|