@rnative/ui 0.0.0-stage → 1.0.0
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 +1 -3
- package/dist/components/accordion/Accordion.d.ts +31 -0
- package/dist/components/accordion/Accordion.d.ts.map +1 -0
- package/dist/components/accordion/Accordion.js +121 -0
- package/dist/components/accordion/Accordion.js.map +1 -0
- package/dist/components/accordion/Accordion.styles.d.ts +8 -0
- package/dist/components/accordion/Accordion.styles.d.ts.map +1 -0
- package/dist/components/accordion/Accordion.styles.js +48 -0
- package/dist/components/accordion/Accordion.styles.js.map +1 -0
- package/dist/components/accordion/Accordion.types.d.ts +45 -0
- package/dist/components/accordion/Accordion.types.d.ts.map +1 -0
- package/dist/components/accordion/Accordion.types.js +9 -0
- package/dist/components/accordion/Accordion.types.js.map +1 -0
- package/dist/components/accordion/index.d.ts +6 -0
- package/dist/components/accordion/index.d.ts.map +1 -0
- package/dist/components/accordion/index.js +12 -0
- package/dist/components/accordion/index.js.map +1 -0
- package/dist/components/alert/Alert.d.ts +16 -0
- package/dist/components/alert/Alert.d.ts.map +1 -0
- package/dist/components/alert/Alert.js +28 -0
- package/dist/components/alert/Alert.js.map +1 -0
- package/dist/components/alert/Alert.styles.d.ts +8 -0
- package/dist/components/alert/Alert.styles.d.ts.map +1 -0
- package/dist/components/alert/Alert.styles.js +36 -0
- package/dist/components/alert/Alert.styles.js.map +1 -0
- package/dist/components/alert/Alert.types.d.ts +22 -0
- package/dist/components/alert/Alert.types.d.ts.map +1 -0
- package/dist/components/alert/Alert.types.js +9 -0
- package/dist/components/alert/Alert.types.js.map +1 -0
- package/dist/components/alert/Alert.variants.d.ts +19 -0
- package/dist/components/alert/Alert.variants.d.ts.map +1 -0
- package/dist/components/alert/Alert.variants.js +51 -0
- package/dist/components/alert/Alert.variants.js.map +1 -0
- package/dist/components/alert/index.d.ts +6 -0
- package/dist/components/alert/index.d.ts.map +1 -0
- package/dist/components/alert/index.js +9 -0
- package/dist/components/alert/index.js.map +1 -0
- package/dist/components/avatar/Avatar.d.ts +13 -0
- package/dist/components/avatar/Avatar.d.ts.map +1 -0
- package/dist/components/avatar/Avatar.js +31 -0
- package/dist/components/avatar/Avatar.js.map +1 -0
- package/dist/components/avatar/Avatar.styles.d.ts +8 -0
- package/dist/components/avatar/Avatar.styles.d.ts.map +1 -0
- package/dist/components/avatar/Avatar.styles.js +22 -0
- package/dist/components/avatar/Avatar.styles.js.map +1 -0
- package/dist/components/avatar/Avatar.types.d.ts +21 -0
- package/dist/components/avatar/Avatar.types.d.ts.map +1 -0
- package/dist/components/avatar/Avatar.types.js +9 -0
- package/dist/components/avatar/Avatar.types.js.map +1 -0
- package/dist/components/avatar/Avatar.variants.d.ts +23 -0
- package/dist/components/avatar/Avatar.variants.d.ts.map +1 -0
- package/dist/components/avatar/Avatar.variants.js +48 -0
- package/dist/components/avatar/Avatar.variants.js.map +1 -0
- package/dist/components/avatar/index.d.ts +6 -0
- package/dist/components/avatar/index.d.ts.map +1 -0
- package/dist/components/avatar/index.js +9 -0
- package/dist/components/avatar/index.js.map +1 -0
- package/dist/components/badge/Badge.d.ts +12 -0
- package/dist/components/badge/Badge.d.ts.map +1 -0
- package/dist/components/badge/Badge.js +25 -0
- package/dist/components/badge/Badge.js.map +1 -0
- package/dist/components/badge/Badge.styles.d.ts +8 -0
- package/dist/components/badge/Badge.styles.d.ts.map +1 -0
- package/dist/components/badge/Badge.styles.js +32 -0
- package/dist/components/badge/Badge.styles.js.map +1 -0
- package/dist/components/badge/Badge.types.d.ts +16 -0
- package/dist/components/badge/Badge.types.d.ts.map +1 -0
- package/dist/components/badge/Badge.types.js +8 -0
- package/dist/components/badge/Badge.types.js.map +1 -0
- package/dist/components/badge/Badge.variants.d.ts +23 -0
- package/dist/components/badge/Badge.variants.d.ts.map +1 -0
- package/dist/components/badge/Badge.variants.js +48 -0
- package/dist/components/badge/Badge.variants.js.map +1 -0
- package/dist/components/badge/index.d.ts +6 -0
- package/dist/components/badge/index.d.ts.map +1 -0
- package/dist/components/badge/index.js +9 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/button/Button.d.ts +16 -0
- package/dist/components/button/Button.d.ts.map +1 -0
- package/dist/components/button/Button.js +61 -0
- package/dist/components/button/Button.js.map +1 -0
- package/dist/components/button/Button.styles.d.ts +8 -0
- package/dist/components/button/Button.styles.d.ts.map +1 -0
- package/dist/components/button/Button.styles.js +18 -0
- package/dist/components/button/Button.styles.js.map +1 -0
- package/dist/components/button/Button.types.d.ts +23 -0
- package/dist/components/button/Button.types.d.ts.map +1 -0
- package/dist/components/button/Button.types.js +6 -0
- package/dist/components/button/Button.types.js.map +1 -0
- package/dist/components/button/Button.variants.d.ts +11 -0
- package/dist/components/button/Button.variants.d.ts.map +1 -0
- package/dist/components/button/Button.variants.js +65 -0
- package/dist/components/button/Button.variants.js.map +1 -0
- package/dist/components/button/index.d.ts +6 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/button/index.js +9 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/card/Card.d.ts +36 -0
- package/dist/components/card/Card.d.ts.map +1 -0
- package/dist/components/card/Card.js +53 -0
- package/dist/components/card/Card.js.map +1 -0
- package/dist/components/card/Card.styles.d.ts +8 -0
- package/dist/components/card/Card.styles.d.ts.map +1 -0
- package/dist/components/card/Card.styles.js +30 -0
- package/dist/components/card/Card.styles.js.map +1 -0
- package/dist/components/card/Card.types.d.ts +22 -0
- package/dist/components/card/Card.types.d.ts.map +1 -0
- package/dist/components/card/Card.types.js +9 -0
- package/dist/components/card/Card.types.js.map +1 -0
- package/dist/components/card/Card.variants.d.ts +14 -0
- package/dist/components/card/Card.variants.d.ts.map +1 -0
- package/dist/components/card/Card.variants.js +32 -0
- package/dist/components/card/Card.variants.js.map +1 -0
- package/dist/components/card/index.d.ts +6 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/index.js +14 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/checkbox/CheckBox.d.ts +14 -0
- package/dist/components/checkbox/CheckBox.d.ts.map +1 -0
- package/dist/components/checkbox/CheckBox.js +40 -0
- package/dist/components/checkbox/CheckBox.js.map +1 -0
- package/dist/components/checkbox/CheckBox.styles.d.ts +8 -0
- package/dist/components/checkbox/CheckBox.styles.d.ts.map +1 -0
- package/dist/components/checkbox/CheckBox.styles.js +32 -0
- package/dist/components/checkbox/CheckBox.styles.js.map +1 -0
- package/dist/components/checkbox/CheckBox.types.d.ts +24 -0
- package/dist/components/checkbox/CheckBox.types.d.ts.map +1 -0
- package/dist/components/checkbox/CheckBox.types.js +9 -0
- package/dist/components/checkbox/CheckBox.types.js.map +1 -0
- package/dist/components/checkbox/CheckBox.variants.d.ts +14 -0
- package/dist/components/checkbox/CheckBox.variants.d.ts.map +1 -0
- package/dist/components/checkbox/CheckBox.variants.js +19 -0
- package/dist/components/checkbox/CheckBox.variants.js.map +1 -0
- package/dist/components/checkbox/index.d.ts +6 -0
- package/dist/components/checkbox/index.d.ts.map +1 -0
- package/dist/components/checkbox/index.js +9 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/components/combobox/ComboBox.d.ts +16 -0
- package/dist/components/combobox/ComboBox.d.ts.map +1 -0
- package/dist/components/combobox/ComboBox.js +79 -0
- package/dist/components/combobox/ComboBox.js.map +1 -0
- package/dist/components/combobox/ComboBox.styles.d.ts +8 -0
- package/dist/components/combobox/ComboBox.styles.d.ts.map +1 -0
- package/dist/components/combobox/ComboBox.styles.js +57 -0
- package/dist/components/combobox/ComboBox.styles.js.map +1 -0
- package/dist/components/combobox/ComboBox.types.d.ts +46 -0
- package/dist/components/combobox/ComboBox.types.d.ts.map +1 -0
- package/dist/components/combobox/ComboBox.types.js +9 -0
- package/dist/components/combobox/ComboBox.types.js.map +1 -0
- package/dist/components/combobox/ComboBox.variants.d.ts +22 -0
- package/dist/components/combobox/ComboBox.variants.d.ts.map +1 -0
- package/dist/components/combobox/ComboBox.variants.js +68 -0
- package/dist/components/combobox/ComboBox.variants.js.map +1 -0
- package/dist/components/combobox/index.d.ts +6 -0
- package/dist/components/combobox/index.d.ts.map +1 -0
- package/dist/components/combobox/index.js +9 -0
- package/dist/components/combobox/index.js.map +1 -0
- package/dist/components/dialog/Dialog.d.ts +36 -0
- package/dist/components/dialog/Dialog.d.ts.map +1 -0
- package/dist/components/dialog/Dialog.js +84 -0
- package/dist/components/dialog/Dialog.js.map +1 -0
- package/dist/components/dialog/Dialog.styles.d.ts +8 -0
- package/dist/components/dialog/Dialog.styles.d.ts.map +1 -0
- package/dist/components/dialog/Dialog.styles.js +52 -0
- package/dist/components/dialog/Dialog.styles.js.map +1 -0
- package/dist/components/dialog/Dialog.types.d.ts +48 -0
- package/dist/components/dialog/Dialog.types.d.ts.map +1 -0
- package/dist/components/dialog/Dialog.types.js +10 -0
- package/dist/components/dialog/Dialog.types.js.map +1 -0
- package/dist/components/dialog/Dialog.variants.d.ts +13 -0
- package/dist/components/dialog/Dialog.variants.d.ts.map +1 -0
- package/dist/components/dialog/Dialog.variants.js +19 -0
- package/dist/components/dialog/Dialog.variants.js.map +1 -0
- package/dist/components/dialog/index.d.ts +6 -0
- package/dist/components/dialog/index.d.ts.map +1 -0
- package/dist/components/dialog/index.js +14 -0
- package/dist/components/dialog/index.js.map +1 -0
- package/dist/components/fab/FAB.d.ts +14 -0
- package/dist/components/fab/FAB.d.ts.map +1 -0
- package/dist/components/fab/FAB.js +46 -0
- package/dist/components/fab/FAB.js.map +1 -0
- package/dist/components/fab/FAB.styles.d.ts +8 -0
- package/dist/components/fab/FAB.styles.d.ts.map +1 -0
- package/dist/components/fab/FAB.styles.js +51 -0
- package/dist/components/fab/FAB.styles.js.map +1 -0
- package/dist/components/fab/FAB.types.d.ts +23 -0
- package/dist/components/fab/FAB.types.d.ts.map +1 -0
- package/dist/components/fab/FAB.types.js +8 -0
- package/dist/components/fab/FAB.types.js.map +1 -0
- package/dist/components/fab/FAB.variants.d.ts +48 -0
- package/dist/components/fab/FAB.variants.d.ts.map +1 -0
- package/dist/components/fab/FAB.variants.js +43 -0
- package/dist/components/fab/FAB.variants.js.map +1 -0
- package/dist/components/fab/index.d.ts +6 -0
- package/dist/components/fab/index.d.ts.map +1 -0
- package/dist/components/fab/index.js +9 -0
- package/dist/components/fab/index.js.map +1 -0
- package/dist/components/index.d.ts +30 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +46 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/input/Input.d.ts +17 -0
- package/dist/components/input/Input.d.ts.map +1 -0
- package/dist/components/input/Input.js +59 -0
- package/dist/components/input/Input.js.map +1 -0
- package/dist/components/input/Input.styles.d.ts +8 -0
- package/dist/components/input/Input.styles.d.ts.map +1 -0
- package/dist/components/input/Input.styles.js +25 -0
- package/dist/components/input/Input.styles.js.map +1 -0
- package/dist/components/input/Input.types.d.ts +25 -0
- package/dist/components/input/Input.types.d.ts.map +1 -0
- package/dist/components/input/Input.types.js +9 -0
- package/dist/components/input/Input.types.js.map +1 -0
- package/dist/components/input/Input.variants.d.ts +23 -0
- package/dist/components/input/Input.variants.d.ts.map +1 -0
- package/dist/components/input/Input.variants.js +61 -0
- package/dist/components/input/Input.variants.js.map +1 -0
- package/dist/components/input/index.d.ts +6 -0
- package/dist/components/input/index.d.ts.map +1 -0
- package/dist/components/input/index.js +9 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/separator/Separator.d.ts +17 -0
- package/dist/components/separator/Separator.d.ts.map +1 -0
- package/dist/components/separator/Separator.js +46 -0
- package/dist/components/separator/Separator.js.map +1 -0
- package/dist/components/separator/Separator.styles.d.ts +8 -0
- package/dist/components/separator/Separator.styles.d.ts.map +1 -0
- package/dist/components/separator/Separator.styles.js +25 -0
- package/dist/components/separator/Separator.styles.js.map +1 -0
- package/dist/components/separator/Separator.types.d.ts +25 -0
- package/dist/components/separator/Separator.types.d.ts.map +1 -0
- package/dist/components/separator/Separator.types.js +8 -0
- package/dist/components/separator/Separator.types.js.map +1 -0
- package/dist/components/separator/index.d.ts +6 -0
- package/dist/components/separator/index.d.ts.map +1 -0
- package/dist/components/separator/index.js +9 -0
- package/dist/components/separator/index.js.map +1 -0
- package/dist/components/text/Text.d.ts +18 -0
- package/dist/components/text/Text.d.ts.map +1 -0
- package/dist/components/text/Text.js +45 -0
- package/dist/components/text/Text.js.map +1 -0
- package/dist/components/text/Text.types.d.ts +14 -0
- package/dist/components/text/Text.types.d.ts.map +1 -0
- package/dist/components/text/Text.types.js +10 -0
- package/dist/components/text/Text.types.js.map +1 -0
- package/dist/components/text/Text.variants.d.ts +23 -0
- package/dist/components/text/Text.variants.d.ts.map +1 -0
- package/dist/components/text/Text.variants.js +32 -0
- package/dist/components/text/Text.variants.js.map +1 -0
- package/dist/components/text/index.d.ts +6 -0
- package/dist/components/text/index.d.ts.map +1 -0
- package/dist/components/text/index.js +9 -0
- package/dist/components/text/index.js.map +1 -0
- package/dist/design-tokens/animation.d.ts +22 -0
- package/dist/design-tokens/animation.d.ts.map +1 -0
- package/dist/design-tokens/animation.js +23 -0
- package/dist/design-tokens/animation.js.map +1 -0
- package/dist/design-tokens/border-radius.d.ts +15 -0
- package/dist/design-tokens/border-radius.d.ts.map +1 -0
- package/dist/design-tokens/border-radius.js +17 -0
- package/dist/design-tokens/border-radius.js.map +1 -0
- package/dist/design-tokens/colors.d.ts +179 -0
- package/dist/design-tokens/colors.d.ts.map +1 -0
- package/dist/design-tokens/colors.js +109 -0
- package/dist/design-tokens/colors.js.map +1 -0
- package/dist/design-tokens/index.d.ts +16 -0
- package/dist/design-tokens/index.d.ts.map +1 -0
- package/dist/design-tokens/index.js +32 -0
- package/dist/design-tokens/index.js.map +1 -0
- package/dist/design-tokens/shadows.d.ts +103 -0
- package/dist/design-tokens/shadows.d.ts.map +1 -0
- package/dist/design-tokens/shadows.js +75 -0
- package/dist/design-tokens/shadows.js.map +1 -0
- package/dist/design-tokens/spacing.d.ts +30 -0
- package/dist/design-tokens/spacing.d.ts.map +1 -0
- package/dist/design-tokens/spacing.js +32 -0
- package/dist/design-tokens/spacing.js.map +1 -0
- package/dist/design-tokens/typography.d.ts +40 -0
- package/dist/design-tokens/typography.d.ts.map +1 -0
- package/dist/design-tokens/typography.js +40 -0
- package/dist/design-tokens/typography.js.map +1 -0
- package/dist/primitives/Box.d.ts +38 -0
- package/dist/primitives/Box.d.ts.map +1 -0
- package/dist/primitives/Box.js +70 -0
- package/dist/primitives/Box.js.map +1 -0
- package/dist/primitives/Pressable.d.ts +30 -0
- package/dist/primitives/Pressable.d.ts.map +1 -0
- package/dist/primitives/Pressable.js +48 -0
- package/dist/primitives/Pressable.js.map +1 -0
- package/dist/primitives/Text.d.ts +23 -0
- package/dist/primitives/Text.d.ts.map +1 -0
- package/dist/primitives/Text.js +42 -0
- package/dist/primitives/Text.js.map +1 -0
- package/dist/primitives/index.d.ts +14 -0
- package/dist/primitives/index.d.ts.map +1 -0
- package/dist/primitives/index.js +16 -0
- package/dist/primitives/index.js.map +1 -0
- package/dist/theme/ThemeContext.d.ts +10 -0
- package/dist/theme/ThemeContext.d.ts.map +1 -0
- package/dist/theme/ThemeContext.js +19 -0
- package/dist/theme/ThemeContext.js.map +1 -0
- package/dist/theme/ThemeProvider.d.ts +23 -0
- package/dist/theme/ThemeProvider.d.ts.map +1 -0
- package/dist/theme/ThemeProvider.js +87 -0
- package/dist/theme/ThemeProvider.js.map +1 -0
- package/dist/theme/index.d.ts +9 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +14 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/themes.d.ts +20 -0
- package/dist/theme/themes.d.ts.map +1 -0
- package/dist/theme/themes.js +65 -0
- package/dist/theme/themes.js.map +1 -0
- package/dist/theme/types.d.ts +92 -0
- package/dist/theme/types.d.ts.map +1 -0
- package/dist/theme/types.js +9 -0
- package/dist/theme/types.js.map +1 -0
- package/dist/theme/useTheme.d.ts +7 -0
- package/dist/theme/useTheme.d.ts.map +1 -0
- package/dist/theme/useTheme.js +9 -0
- package/dist/theme/useTheme.js.map +1 -0
- package/dist/utils/cn.d.ts +16 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/cn.js +33 -0
- package/dist/utils/cn.js.map +1 -0
- package/dist/utils/createVariants.d.ts +32 -0
- package/dist/utils/createVariants.d.ts.map +1 -0
- package/dist/utils/createVariants.js +26 -0
- package/dist/utils/createVariants.js.map +1 -0
- package/dist/utils/index.d.ts +7 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +13 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/mergeProps.d.ts +10 -0
- package/dist/utils/mergeProps.d.ts.map +1 -0
- package/dist/utils/mergeProps.js +31 -0
- package/dist/utils/mergeProps.js.map +1 -0
- package/package.json +46 -3
- package/src/components/accordion/Accordion.styles.ts +46 -0
- package/src/components/accordion/Accordion.tsx +247 -0
- package/src/components/accordion/Accordion.types.ts +52 -0
- package/src/components/accordion/index.ts +17 -0
- package/src/components/alert/Alert.styles.ts +34 -0
- package/src/components/alert/Alert.tsx +87 -0
- package/src/components/alert/Alert.types.ts +24 -0
- package/src/components/alert/Alert.variants.ts +57 -0
- package/src/components/alert/index.ts +6 -0
- package/src/components/avatar/Avatar.styles.ts +20 -0
- package/src/components/avatar/Avatar.tsx +74 -0
- package/src/components/avatar/Avatar.types.ts +24 -0
- package/src/components/avatar/Avatar.variants.ts +55 -0
- package/src/components/avatar/index.ts +6 -0
- package/src/components/badge/Badge.styles.ts +30 -0
- package/src/components/badge/Badge.tsx +47 -0
- package/src/components/badge/Badge.types.ts +24 -0
- package/src/components/badge/Badge.variants.ts +62 -0
- package/src/components/badge/index.ts +6 -0
- package/src/components/button/Button.styles.ts +16 -0
- package/src/components/button/Button.tsx +108 -0
- package/src/components/button/Button.types.ts +30 -0
- package/src/components/button/Button.variants.ts +68 -0
- package/src/components/button/index.ts +6 -0
- package/src/components/card/Card.styles.ts +28 -0
- package/src/components/card/Card.tsx +112 -0
- package/src/components/card/Card.types.ts +26 -0
- package/src/components/card/Card.variants.ts +38 -0
- package/src/components/card/index.ts +18 -0
- package/src/components/checkbox/CheckBox.styles.ts +30 -0
- package/src/components/checkbox/CheckBox.tsx +98 -0
- package/src/components/checkbox/CheckBox.types.ts +26 -0
- package/src/components/checkbox/CheckBox.variants.ts +25 -0
- package/src/components/checkbox/index.ts +6 -0
- package/src/components/combobox/ComboBox.styles.ts +55 -0
- package/src/components/combobox/ComboBox.tsx +224 -0
- package/src/components/combobox/ComboBox.types.ts +51 -0
- package/src/components/combobox/ComboBox.variants.ts +82 -0
- package/src/components/combobox/index.ts +6 -0
- package/src/components/dialog/Dialog.styles.ts +50 -0
- package/src/components/dialog/Dialog.tsx +221 -0
- package/src/components/dialog/Dialog.types.ts +55 -0
- package/src/components/dialog/Dialog.variants.ts +24 -0
- package/src/components/dialog/index.ts +20 -0
- package/src/components/fab/FAB.styles.ts +49 -0
- package/src/components/fab/FAB.tsx +84 -0
- package/src/components/fab/FAB.types.ts +31 -0
- package/src/components/fab/FAB.variants.ts +55 -0
- package/src/components/fab/index.ts +6 -0
- package/src/components/index.ts +88 -0
- package/src/components/input/Input.styles.ts +23 -0
- package/src/components/input/Input.tsx +139 -0
- package/src/components/input/Input.types.ts +28 -0
- package/src/components/input/Input.variants.ts +71 -0
- package/src/components/input/index.ts +6 -0
- package/src/components/separator/Separator.styles.ts +23 -0
- package/src/components/separator/Separator.tsx +70 -0
- package/src/components/separator/Separator.types.ts +28 -0
- package/src/components/separator/index.ts +10 -0
- package/src/components/text/Text.tsx +75 -0
- package/src/components/text/Text.types.ts +27 -0
- package/src/components/text/Text.variants.ts +44 -0
- package/src/components/text/index.ts +6 -0
- package/src/design-tokens/animation.ts +23 -0
- package/src/design-tokens/border-radius.ts +16 -0
- package/src/design-tokens/colors.ts +120 -0
- package/src/design-tokens/index.ts +21 -0
- package/src/design-tokens/shadows.ts +78 -0
- package/src/design-tokens/spacing.ts +31 -0
- package/src/design-tokens/typography.ts +45 -0
- package/src/primitives/Box.tsx +121 -0
- package/src/primitives/Pressable.tsx +106 -0
- package/src/primitives/Text.tsx +84 -0
- package/src/primitives/index.ts +15 -0
- package/src/theme/ThemeContext.ts +20 -0
- package/src/theme/ThemeProvider.tsx +152 -0
- package/src/theme/index.ts +9 -0
- package/src/theme/themes.ts +71 -0
- package/src/theme/types.ts +89 -0
- package/src/theme/useTheme.ts +7 -0
- package/src/utils/cn.ts +37 -0
- package/src/utils/createVariants.ts +47 -0
- package/src/utils/index.ts +7 -0
- package/src/utils/mergeProps.ts +35 -0
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Avatar = Avatar;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
* ANAN-UI — Component: Avatar
|
|
7
|
+
*
|
|
8
|
+
* Displays an image with an initials fallback. The fallback is used when no
|
|
9
|
+
* `src` is provided or when the image fails to load. Exposes
|
|
10
|
+
* `accessibilityRole="image"` with a label from `alt` (falling back to `name`).
|
|
11
|
+
*/
|
|
12
|
+
const react_1 = require("react");
|
|
13
|
+
const react_native_1 = require("react-native");
|
|
14
|
+
const theme_1 = require("../../theme");
|
|
15
|
+
const cn_1 = require("../../utils/cn");
|
|
16
|
+
const Text_1 = require("../../primitives/Text");
|
|
17
|
+
const Avatar_variants_1 = require("./Avatar.variants");
|
|
18
|
+
const Avatar_styles_1 = require("./Avatar.styles");
|
|
19
|
+
function Avatar({ src, alt, name, size: sizeProp, variant: variantProp, style, ...rest }) {
|
|
20
|
+
const { theme } = (0, theme_1.useTheme)();
|
|
21
|
+
const [failed, setFailed] = (0, react_1.useState)(false);
|
|
22
|
+
const { size, textSize, variant, defaultSize, defaultVariant } = (0, Avatar_variants_1.getAvatarVariants)(theme);
|
|
23
|
+
const sizeKey = sizeProp ?? defaultSize;
|
|
24
|
+
const variantKey = variantProp ?? defaultVariant;
|
|
25
|
+
const handleError = (0, react_1.useCallback)(() => setFailed(true), []);
|
|
26
|
+
const label = alt ?? name;
|
|
27
|
+
const showImage = src !== undefined && !failed;
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessible: true, accessibilityRole: "image", accessibilityLabel: label, ...rest, style: (0, cn_1.cn)(Avatar_styles_1.avatarStyles.root, size[sizeKey], variant[variantKey], { backgroundColor: theme.colors.muted }, style), children: showImage ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: src }, accessibilityIgnoresInvertColors: true, onError: handleError, style: Avatar_styles_1.avatarStyles.image })) : ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: "mutedForeground", fontWeight: "semibold", style: textSize[sizeKey], children: name !== undefined ? (0, Avatar_variants_1.getInitials)(name) : '' })) }));
|
|
29
|
+
}
|
|
30
|
+
Avatar.displayName = 'Avatar';
|
|
31
|
+
//# sourceMappingURL=Avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":";;AAiBA,wBAsDC;;AAvED;;;;;;GAMG;AAEH,iCAA8C;AAC9C,+CAA2C;AAC3C,uCAAuC;AACvC,uCAAoC;AACpC,gDAAsD;AACtD,uDAAmE;AACnE,mDAA+C;AAG/C,SAAgB,MAAM,CAAC,EACrB,GAAG,EACH,GAAG,EACH,IAAI,EACJ,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,KAAK,EACL,GAAG,IAAI,EACK;IACZ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,GAC5D,IAAA,mCAAiB,EAAC,KAAK,CAAC,CAAC;IAC3B,MAAM,OAAO,GAAe,QAAQ,IAAI,WAAW,CAAC;IACpD,MAAM,UAAU,GAAkB,WAAW,IAAI,cAAc,CAAC;IAEhE,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3D,MAAM,KAAK,GAAG,GAAG,IAAI,IAAI,CAAC;IAC1B,MAAM,SAAS,GAAG,GAAG,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC;IAE/C,OAAO,CACL,uBAAC,mBAAI,IACH,UAAU,QACV,iBAAiB,EAAC,OAAO,EACzB,kBAAkB,EAAE,KAAK,KACrB,IAAI,EACR,KAAK,EAAE,IAAA,OAAE,EACP,4BAAY,CAAC,IAAI,EACjB,IAAI,CAAC,OAAO,CAAC,EACb,OAAO,CAAC,UAAU,CAAC,EACnB,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EACvC,KAAK,CACN,YAEA,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,oBAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,EACpB,gCAAgC,QAChC,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,4BAAY,CAAC,KAAK,GACzB,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAa,IACZ,KAAK,EAAC,iBAAiB,EACvB,UAAU,EAAC,UAAU,EACrB,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,YAEvB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAA,6BAAW,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,GAC9B,CACjB,GACI,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Avatar Styles
|
|
3
|
+
*
|
|
4
|
+
* Static styles created with StyleSheet.create. Sizes, radii, and colors are
|
|
5
|
+
* resolved from the theme/tokens at render time via Avatar.variants.
|
|
6
|
+
*/
|
|
7
|
+
export declare const avatarStyles: any;
|
|
8
|
+
//# sourceMappingURL=Avatar.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,eAAO,MAAM,YAAY,KAUvB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Avatar Styles
|
|
4
|
+
*
|
|
5
|
+
* Static styles created with StyleSheet.create. Sizes, radii, and colors are
|
|
6
|
+
* resolved from the theme/tokens at render time via Avatar.variants.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.avatarStyles = void 0;
|
|
10
|
+
const react_native_1 = require("react-native");
|
|
11
|
+
exports.avatarStyles = react_native_1.StyleSheet.create({
|
|
12
|
+
root: {
|
|
13
|
+
overflow: 'hidden',
|
|
14
|
+
alignItems: 'center',
|
|
15
|
+
justifyContent: 'center',
|
|
16
|
+
},
|
|
17
|
+
image: {
|
|
18
|
+
width: '100%',
|
|
19
|
+
height: '100%',
|
|
20
|
+
},
|
|
21
|
+
});
|
|
22
|
+
//# sourceMappingURL=Avatar.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.styles.js","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.styles.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,+CAA0C;AAE7B,QAAA,YAAY,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC5C,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Avatar Types
|
|
3
|
+
*
|
|
4
|
+
* Displays an image with an initials fallback derived from `name`, or the
|
|
5
|
+
* initials background when no image is given.
|
|
6
|
+
*/
|
|
7
|
+
import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
|
|
8
|
+
export type AvatarSize = 'sm' | 'default' | 'lg' | 'xl';
|
|
9
|
+
export type AvatarVariant = 'circle' | 'rounded';
|
|
10
|
+
export interface AvatarProps extends Omit<ViewProps, 'style'> {
|
|
11
|
+
/** Image URI. Falls back to initials on load error or when omitted. */
|
|
12
|
+
src?: string;
|
|
13
|
+
/** Accessible description of the image. Falls back to `name`. */
|
|
14
|
+
alt?: string;
|
|
15
|
+
/** Full name used to derive the initials fallback (up to 2 letters). */
|
|
16
|
+
name?: string;
|
|
17
|
+
size?: AvatarSize;
|
|
18
|
+
variant?: AvatarVariant;
|
|
19
|
+
style?: StyleProp<ViewStyle>;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=Avatar.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC3D,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Avatar Types
|
|
4
|
+
*
|
|
5
|
+
* Displays an image with an initials fallback derived from `name`, or the
|
|
6
|
+
* initials background when no image is given.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
//# sourceMappingURL=Avatar.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.types.js","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.types.ts"],"names":[],"mappings":";AAAA;;;;;GAKG"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Avatar Variants
|
|
3
|
+
*
|
|
4
|
+
* Size and shape style definitions resolved against the active theme at
|
|
5
|
+
* render time.
|
|
6
|
+
*/
|
|
7
|
+
import type { TextStyle, ViewStyle } from 'react-native';
|
|
8
|
+
import type { Theme } from '../../theme/types';
|
|
9
|
+
import type { AvatarSize, AvatarVariant } from './Avatar.types';
|
|
10
|
+
export interface AvatarVariantConfig {
|
|
11
|
+
size: Record<AvatarSize, ViewStyle>;
|
|
12
|
+
textSize: Record<AvatarSize, TextStyle>;
|
|
13
|
+
variant: Record<AvatarVariant, ViewStyle>;
|
|
14
|
+
defaultSize: AvatarSize;
|
|
15
|
+
defaultVariant: AvatarVariant;
|
|
16
|
+
}
|
|
17
|
+
export declare function getAvatarVariants(theme: Theme): AvatarVariantConfig;
|
|
18
|
+
/**
|
|
19
|
+
* Derives up to two initials from a full name ("Ada Lovelace" → "AL").
|
|
20
|
+
* Single-word names use the first two letters.
|
|
21
|
+
*/
|
|
22
|
+
export declare function getInitials(name: string): string;
|
|
23
|
+
//# sourceMappingURL=Avatar.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.variants.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.variants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGhE,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACxC,OAAO,EAAE,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;IAC1C,WAAW,EAAE,UAAU,CAAC;IACxB,cAAc,EAAE,aAAa,CAAC;CAC/B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,mBAAmB,CAqBnE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAOhD"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Avatar Variants
|
|
4
|
+
*
|
|
5
|
+
* Size and shape style definitions resolved against the active theme at
|
|
6
|
+
* render time.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.getAvatarVariants = getAvatarVariants;
|
|
10
|
+
exports.getInitials = getInitials;
|
|
11
|
+
const design_tokens_1 = require("../../design-tokens");
|
|
12
|
+
function getAvatarVariants(theme) {
|
|
13
|
+
return {
|
|
14
|
+
size: {
|
|
15
|
+
sm: { width: 32, height: 32 },
|
|
16
|
+
default: { width: 40, height: 40 },
|
|
17
|
+
lg: { width: 56, height: 56 },
|
|
18
|
+
xl: { width: 72, height: 72 },
|
|
19
|
+
},
|
|
20
|
+
textSize: {
|
|
21
|
+
sm: { fontSize: theme.typography.fontSize.xs },
|
|
22
|
+
default: { fontSize: theme.typography.fontSize.sm },
|
|
23
|
+
lg: { fontSize: theme.typography.fontSize.base },
|
|
24
|
+
xl: { fontSize: theme.typography.fontSize.lg },
|
|
25
|
+
},
|
|
26
|
+
variant: {
|
|
27
|
+
circle: { borderRadius: design_tokens_1.borderRadius.full },
|
|
28
|
+
rounded: { borderRadius: design_tokens_1.borderRadius.lg },
|
|
29
|
+
},
|
|
30
|
+
defaultSize: 'default',
|
|
31
|
+
defaultVariant: 'circle',
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Derives up to two initials from a full name ("Ada Lovelace" → "AL").
|
|
36
|
+
* Single-word names use the first two letters.
|
|
37
|
+
*/
|
|
38
|
+
function getInitials(name) {
|
|
39
|
+
const parts = name.trim().split(/\s+/).filter(Boolean);
|
|
40
|
+
if (parts.length === 0)
|
|
41
|
+
return '?';
|
|
42
|
+
if (parts.length === 1)
|
|
43
|
+
return parts[0].slice(0, 2).toUpperCase();
|
|
44
|
+
const first = parts[0];
|
|
45
|
+
const last = parts[parts.length - 1];
|
|
46
|
+
return (first[0] + last[0]).toUpperCase();
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=Avatar.variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.variants.js","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.variants.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAeH,8CAqBC;AAMD,kCAOC;AA5CD,uDAAmD;AAUnD,SAAgB,iBAAiB,CAAC,KAAY;IAC5C,OAAO;QACL,IAAI,EAAE;YACJ,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YAC7B,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YAClC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YAC7B,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;SAC9B;QACD,QAAQ,EAAE;YACR,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;YAC9C,OAAO,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;YACnD,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE;YAChD,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;SAC/C;QACD,OAAO,EAAE;YACP,MAAM,EAAE,EAAE,YAAY,EAAE,4BAAY,CAAC,IAAI,EAAE;YAC3C,OAAO,EAAE,EAAE,YAAY,EAAE,4BAAY,CAAC,EAAE,EAAE;SAC3C;QACD,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,QAAQ;KACzB,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAgB,WAAW,CAAC,IAAY;IACtC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACvD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,GAAG,CAAC;IACnC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,CAAC,CAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACnE,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAE,CAAC;IACxB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAE,CAAC;IACtC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAE,GAAG,IAAI,CAAC,CAAC,CAAE,CAAC,CAAC,WAAW,EAAE,CAAC;AAC9C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Avatar Barrel Export
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Avatar = void 0;
|
|
7
|
+
var Avatar_1 = require("./Avatar");
|
|
8
|
+
Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return Avatar_1.Avatar; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Badge
|
|
3
|
+
*
|
|
4
|
+
* A small status/label chip with variant/size support. The chip surface and
|
|
5
|
+
* text color are resolved from the active theme.
|
|
6
|
+
*/
|
|
7
|
+
import type { BadgeProps } from './Badge.types';
|
|
8
|
+
export declare function Badge({ variant: variantProp, size: sizeProp, style, textStyle, ...rest }: BadgeProps): import("react").JSX.Element;
|
|
9
|
+
export declare namespace Badge {
|
|
10
|
+
var displayName: string;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,KAAK,EAAE,UAAU,EAA2B,MAAM,eAAe,CAAC;AAEzE,wBAAgB,KAAK,CAAC,EACpB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,QAAQ,EACd,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,UAAU,+BAwBZ;yBA9Be,KAAK"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Badge = Badge;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
* ANAN-UI — Component: Badge
|
|
7
|
+
*
|
|
8
|
+
* A small status/label chip with variant/size support. The chip surface and
|
|
9
|
+
* text color are resolved from the active theme.
|
|
10
|
+
*/
|
|
11
|
+
const theme_1 = require("../../theme");
|
|
12
|
+
const cn_1 = require("../../utils/cn");
|
|
13
|
+
const Text_1 = require("../../primitives/Text");
|
|
14
|
+
const Badge_variants_1 = require("./Badge.variants");
|
|
15
|
+
const Badge_styles_1 = require("./Badge.styles");
|
|
16
|
+
function Badge({ variant: variantProp, size: sizeProp, style, textStyle, ...rest }) {
|
|
17
|
+
const { theme } = (0, theme_1.useTheme)();
|
|
18
|
+
const { variant, fontSize, defaultVariant, defaultSize } = (0, Badge_variants_1.getBadgeVariants)(theme);
|
|
19
|
+
const variantKey = variantProp ?? defaultVariant;
|
|
20
|
+
const sizeKey = sizeProp ?? defaultSize;
|
|
21
|
+
const entry = variant[variantKey];
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { ...rest, fontSize: fontSize[sizeKey], fontWeight: "medium", style: (0, cn_1.cn)(Badge_styles_1.badgeStyles.root, Badge_styles_1.badgeStyles[sizeKey], entry.container, entry.text, textStyle), children: rest.children }));
|
|
23
|
+
}
|
|
24
|
+
Badge.displayName = 'Badge';
|
|
25
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":";;AAcA,sBA8BC;;AA5CD;;;;;GAKG;AAEH,uCAAuC;AACvC,uCAAoC;AACpC,gDAAsD;AACtD,qDAAoD;AACpD,iDAA6C;AAG7C,SAAgB,KAAK,CAAC,EACpB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,QAAQ,EACd,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACI;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,IAAA,iCAAgB,EAAC,KAAK,CAAC,CAAC;IAEnF,MAAM,UAAU,GAAiB,WAAW,IAAI,cAAc,CAAC;IAC/D,MAAM,OAAO,GAAc,QAAQ,IAAI,WAAW,CAAC;IACnD,MAAM,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAElC,OAAO,CACL,uBAAC,oBAAa,OACR,IAAI,EACR,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,EAC3B,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAE,IAAA,OAAE,EACP,0BAAW,CAAC,IAAI,EAChB,0BAAW,CAAC,OAAO,CAAC,EACpB,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,IAAI,EACV,SAAS,CACV,YAEA,IAAI,CAAC,QAAQ,GACA,CACjB,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Badge Styles
|
|
3
|
+
*
|
|
4
|
+
* Static styles created with StyleSheet.create. The chip surface and text
|
|
5
|
+
* colors are resolved from the theme at render time via Badge.variants.
|
|
6
|
+
*/
|
|
7
|
+
export declare const badgeStyles: any;
|
|
8
|
+
//# sourceMappingURL=Badge.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,WAAW,KAmBtB,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Badge Styles
|
|
4
|
+
*
|
|
5
|
+
* Static styles created with StyleSheet.create. The chip surface and text
|
|
6
|
+
* colors are resolved from the theme at render time via Badge.variants.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.badgeStyles = void 0;
|
|
10
|
+
const react_native_1 = require("react-native");
|
|
11
|
+
const design_tokens_1 = require("../../design-tokens");
|
|
12
|
+
exports.badgeStyles = react_native_1.StyleSheet.create({
|
|
13
|
+
root: {
|
|
14
|
+
alignSelf: 'flex-start',
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
justifyContent: 'center',
|
|
17
|
+
borderRadius: 9999,
|
|
18
|
+
},
|
|
19
|
+
sm: {
|
|
20
|
+
paddingHorizontal: design_tokens_1.spacing[2],
|
|
21
|
+
paddingVertical: design_tokens_1.spacing[0],
|
|
22
|
+
},
|
|
23
|
+
default: {
|
|
24
|
+
paddingHorizontal: design_tokens_1.spacing[2],
|
|
25
|
+
paddingVertical: design_tokens_1.spacing[1],
|
|
26
|
+
},
|
|
27
|
+
lg: {
|
|
28
|
+
paddingHorizontal: design_tokens_1.spacing[3],
|
|
29
|
+
paddingVertical: design_tokens_1.spacing[1],
|
|
30
|
+
},
|
|
31
|
+
});
|
|
32
|
+
//# sourceMappingURL=Badge.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.styles.js","sourceRoot":"","sources":["../../../src/components/badge/Badge.styles.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,+CAA0C;AAC1C,uDAA8C;AAEjC,QAAA,WAAW,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC3C,IAAI,EAAE;QACJ,SAAS,EAAE,YAAY;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,IAAI;KACnB;IACD,EAAE,EAAE;QACF,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;QAC7B,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;KAC5B;IACD,OAAO,EAAE;QACP,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;QAC7B,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;KAC5B;IACD,EAAE,EAAE;QACF,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;QAC7B,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;KAC5B;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Badge Types
|
|
3
|
+
*
|
|
4
|
+
* A small status/label chip.
|
|
5
|
+
*/
|
|
6
|
+
import type { TextProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
7
|
+
export type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive' | 'success';
|
|
8
|
+
export type BadgeSize = 'sm' | 'default' | 'lg';
|
|
9
|
+
export interface BadgeProps extends Omit<TextProps, 'style'> {
|
|
10
|
+
variant?: BadgeVariant;
|
|
11
|
+
size?: BadgeSize;
|
|
12
|
+
style?: StyleProp<ViewStyle>;
|
|
13
|
+
/** Style applied to the inner text. */
|
|
14
|
+
textStyle?: StyleProp<TextStyle>;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=Badge.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/E,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,SAAS,GACT,aAAa,GACb,SAAS,CAAC;AAEd,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAEhD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC1D,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.types.js","sourceRoot":"","sources":["../../../src/components/badge/Badge.types.ts"],"names":[],"mappings":";AAAA;;;;GAIG"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Badge Variants
|
|
3
|
+
*
|
|
4
|
+
* Variant surface/text color pairs resolved against the active theme at
|
|
5
|
+
* render time. Existing semantic roles are reused: `accent` (green) for
|
|
6
|
+
* success — no hardcoded colors.
|
|
7
|
+
*/
|
|
8
|
+
import type { TextStyle, ViewStyle } from 'react-native';
|
|
9
|
+
import type { Theme } from '../../theme/types';
|
|
10
|
+
import type { BadgeVariant, BadgeSize } from './Badge.types';
|
|
11
|
+
import type { FontSize } from '../../design-tokens/typography';
|
|
12
|
+
export interface BadgeVariantEntry {
|
|
13
|
+
container: ViewStyle;
|
|
14
|
+
text: TextStyle;
|
|
15
|
+
}
|
|
16
|
+
export interface BadgeVariantConfig {
|
|
17
|
+
variant: Record<BadgeVariant, BadgeVariantEntry>;
|
|
18
|
+
fontSize: Record<BadgeSize, FontSize>;
|
|
19
|
+
defaultVariant: BadgeVariant;
|
|
20
|
+
defaultSize: BadgeSize;
|
|
21
|
+
}
|
|
22
|
+
export declare function getBadgeVariants(theme: Theme): BadgeVariantConfig;
|
|
23
|
+
//# sourceMappingURL=Badge.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.variants.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.variants.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IACtC,cAAc,EAAE,YAAY,CAAC;IAC7B,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB,CAoCjE"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Badge Variants
|
|
4
|
+
*
|
|
5
|
+
* Variant surface/text color pairs resolved against the active theme at
|
|
6
|
+
* render time. Existing semantic roles are reused: `accent` (green) for
|
|
7
|
+
* success — no hardcoded colors.
|
|
8
|
+
*/
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.getBadgeVariants = getBadgeVariants;
|
|
11
|
+
function getBadgeVariants(theme) {
|
|
12
|
+
return {
|
|
13
|
+
variant: {
|
|
14
|
+
default: {
|
|
15
|
+
container: { backgroundColor: theme.colors.primary },
|
|
16
|
+
text: { color: theme.colors.primaryForeground },
|
|
17
|
+
},
|
|
18
|
+
secondary: {
|
|
19
|
+
container: { backgroundColor: theme.colors.secondary },
|
|
20
|
+
text: { color: theme.colors.secondaryForeground },
|
|
21
|
+
},
|
|
22
|
+
outline: {
|
|
23
|
+
container: {
|
|
24
|
+
backgroundColor: 'transparent',
|
|
25
|
+
borderWidth: 1,
|
|
26
|
+
borderColor: theme.colors.border,
|
|
27
|
+
},
|
|
28
|
+
text: { color: theme.colors.foreground },
|
|
29
|
+
},
|
|
30
|
+
destructive: {
|
|
31
|
+
container: { backgroundColor: theme.colors.destructive },
|
|
32
|
+
text: { color: theme.colors.destructiveForeground },
|
|
33
|
+
},
|
|
34
|
+
success: {
|
|
35
|
+
container: { backgroundColor: theme.colors.accent },
|
|
36
|
+
text: { color: theme.colors.accentForeground },
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
fontSize: {
|
|
40
|
+
sm: 'xs',
|
|
41
|
+
default: 'sm',
|
|
42
|
+
lg: 'base',
|
|
43
|
+
},
|
|
44
|
+
defaultVariant: 'default',
|
|
45
|
+
defaultSize: 'default',
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=Badge.variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.variants.js","sourceRoot":"","sources":["../../../src/components/badge/Badge.variants.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAmBH,4CAoCC;AApCD,SAAgB,gBAAgB,CAAC,KAAY;IAC3C,OAAO;QACL,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;gBACpD,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,EAAE;aAChD;YACD,SAAS,EAAE;gBACT,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;gBACtD,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,mBAAmB,EAAE;aAClD;YACD,OAAO,EAAE;gBACP,SAAS,EAAE;oBACT,eAAe,EAAE,aAAa;oBAC9B,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;iBACjC;gBACD,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE;aACzC;YACD,WAAW,EAAE;gBACX,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;gBACxD,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE;aACpD;YACD,OAAO,EAAE;gBACP,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE;gBACnD,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,EAAE;aAC/C;SACF;QACD,QAAQ,EAAE;YACR,EAAE,EAAE,IAAI;YACR,OAAO,EAAE,IAAI;YACb,EAAE,EAAE,MAAM;SACX;QACD,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;KACvB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Badge Barrel Export
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Badge = void 0;
|
|
7
|
+
var Badge_1 = require("./Badge");
|
|
8
|
+
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Button
|
|
3
|
+
*
|
|
4
|
+
* A pressable button with variant/size support, disabled state, and full
|
|
5
|
+
* accessibility. Built on the Pressable primitive.
|
|
6
|
+
*/
|
|
7
|
+
import type { ButtonProps, ButtonVariant, ButtonSize } from './Button.types';
|
|
8
|
+
export interface ButtonComponentProps extends ButtonProps {
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare function Button({ children, variant: variantProp, size: sizeProp, disabled, style, onPress, accessibilityLabel, accessibilityRole, accessibilityHint, ...rest }: ButtonComponentProps): import("react").JSX.Element;
|
|
12
|
+
export declare namespace Button {
|
|
13
|
+
var displayName: string;
|
|
14
|
+
}
|
|
15
|
+
export type { ButtonProps, ButtonVariant, ButtonSize };
|
|
16
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE7E,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA8BD,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,iBAA4B,EAC5B,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,oBAAoB,+BA6CtB;yBAxDe,MAAM;;;AA4DtB,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Button = Button;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
* ANAN-UI — Component: Button
|
|
7
|
+
*
|
|
8
|
+
* A pressable button with variant/size support, disabled state, and full
|
|
9
|
+
* accessibility. Built on the Pressable primitive.
|
|
10
|
+
*/
|
|
11
|
+
const theme_1 = require("../../theme");
|
|
12
|
+
const cn_1 = require("../../utils/cn");
|
|
13
|
+
const Pressable_1 = require("../../primitives/Pressable");
|
|
14
|
+
const Text_1 = require("../../primitives/Text");
|
|
15
|
+
const Button_variants_1 = require("./Button.variants");
|
|
16
|
+
const Button_styles_1 = require("./Button.styles");
|
|
17
|
+
function resolveBgColor(variant) {
|
|
18
|
+
if (variant === 'default')
|
|
19
|
+
return 'primary';
|
|
20
|
+
if (variant === 'destructive')
|
|
21
|
+
return 'destructive';
|
|
22
|
+
if (variant === 'secondary')
|
|
23
|
+
return 'secondary';
|
|
24
|
+
return undefined;
|
|
25
|
+
}
|
|
26
|
+
function resolveTextColor(variant, theme) {
|
|
27
|
+
if (variant === 'default')
|
|
28
|
+
return theme.primaryForeground;
|
|
29
|
+
if (variant === 'destructive')
|
|
30
|
+
return theme.destructiveForeground;
|
|
31
|
+
if (variant === 'outline')
|
|
32
|
+
return theme.primary;
|
|
33
|
+
if (variant === 'secondary')
|
|
34
|
+
return theme.secondaryForeground;
|
|
35
|
+
if (variant === 'ghost')
|
|
36
|
+
return theme.foreground;
|
|
37
|
+
if (variant === 'link')
|
|
38
|
+
return theme.primary;
|
|
39
|
+
return theme.foreground;
|
|
40
|
+
}
|
|
41
|
+
function resolveTextSize(size, theme) {
|
|
42
|
+
if (size === 'sm')
|
|
43
|
+
return theme.fontSize.sm;
|
|
44
|
+
if (size === 'lg')
|
|
45
|
+
return theme.fontSize.lg;
|
|
46
|
+
return theme.fontSize.base;
|
|
47
|
+
}
|
|
48
|
+
function Button({ children, variant: variantProp, size: sizeProp, disabled, style, onPress, accessibilityLabel, accessibilityRole = 'button', accessibilityHint, ...rest }) {
|
|
49
|
+
const theme = (0, theme_1.useTheme)();
|
|
50
|
+
const { variants, defaultVariants } = (0, Button_variants_1.getButtonVariants)(theme.theme);
|
|
51
|
+
const variant = variantProp ?? defaultVariants.variant;
|
|
52
|
+
const size = sizeProp ?? defaultVariants.size;
|
|
53
|
+
const variantStyle = variants.variant[variant];
|
|
54
|
+
const sizeStyle = variants.size[size];
|
|
55
|
+
const bgColor = resolveBgColor(variant);
|
|
56
|
+
const textColor = resolveTextColor(variant, theme.theme.colors);
|
|
57
|
+
const textSize = resolveTextSize(size, theme.theme.typography);
|
|
58
|
+
return ((0, jsx_runtime_1.jsx)(Pressable_1.PressablePrimitive, { disabled: disabled, onPress: onPress, accessibilityLabel: accessibilityLabel, accessibilityRole: accessibilityRole, accessibilityHint: accessibilityHint, accessibilityState: { disabled }, bg: bgColor, style: (0, cn_1.cn)(Button_styles_1.buttonStyles.root, variantStyle, sizeStyle, disabled ? { opacity: 0.5 } : {}, style), ...rest, children: (0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { style: (0, cn_1.cn)(Button_styles_1.buttonStyles.text, { color: textColor }, { fontSize: textSize }, { fontWeight: theme.theme.typography.fontWeight.semibold }, disabled ? { opacity: 0.5 } : {}), children: children }) }));
|
|
59
|
+
}
|
|
60
|
+
Button.displayName = 'Button';
|
|
61
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";;AA+CA,wBAwDC;;AAvGD;;;;;GAKG;AAEH,uCAAuC;AACvC,uCAAoC;AACpC,0DAAgE;AAChE,gDAAsD;AACtD,uDAAsD;AACtD,mDAA+C;AAO/C,SAAS,cAAc,CACrB,OAAsB;IAEtB,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAC5C,IAAI,OAAO,KAAK,aAAa;QAAE,OAAO,aAAa,CAAC;IACpD,IAAI,OAAO,KAAK,WAAW;QAAE,OAAO,WAAW,CAAC;IAChD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,gBAAgB,CACvB,OAAsB,EACtB,KAAqD;IAErD,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC,iBAAiB,CAAC;IAC1D,IAAI,OAAO,KAAK,aAAa;QAAE,OAAO,KAAK,CAAC,qBAAqB,CAAC;IAClE,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC,OAAO,CAAC;IAChD,IAAI,OAAO,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC,mBAAmB,CAAC;IAC9D,IAAI,OAAO,KAAK,OAAO;QAAE,OAAO,KAAK,CAAC,UAAU,CAAC;IACjD,IAAI,OAAO,KAAK,MAAM;QAAE,OAAO,KAAK,CAAC,OAAO,CAAC;IAC7C,OAAO,KAAK,CAAC,UAAU,CAAC;AAC1B,CAAC;AAED,SAAS,eAAe,CAAC,IAAgB,EAAE,KAAyD;IAClG,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC5C,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC5C,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC7B,CAAC;AAED,SAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,iBAAiB,GAAG,QAAQ,EAC5B,iBAAiB,EACjB,GAAG,IAAI,EACc;IACrB,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,IAAA,mCAAiB,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACrE,MAAM,OAAO,GAAG,WAAW,IAAI,eAAe,CAAC,OAAO,CAAC;IACvD,MAAM,IAAI,GAAG,QAAQ,IAAI,eAAe,CAAC,IAAI,CAAC;IAE9C,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEtC,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAChE,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IAE/D,OAAO,CACL,uBAAC,8BAAkB,IACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,IAAA,OAAE,EACP,4BAAY,CAAC,IAAI,EACjB,YAAY,EACZ,SAAS,EACT,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,EAChC,KAAK,CACN,KACG,IAAI,YAER,uBAAC,oBAAa,IACZ,KAAK,EAAE,IAAA,OAAE,EACP,4BAAY,CAAC,IAAI,EACjB,EAAE,KAAK,EAAE,SAAS,EAAE,EACpB,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACtB,EAAE,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,EAAE,EAC1D,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CACjC,YAEA,QAAQ,GACK,GACG,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Button Styles
|
|
3
|
+
*
|
|
4
|
+
* Base styles created with StyleSheet.create. All theme-dependent values
|
|
5
|
+
* are resolved at render time in Button.tsx via the theme context.
|
|
6
|
+
*/
|
|
7
|
+
export declare const buttonStyles: any;
|
|
8
|
+
//# sourceMappingURL=Button.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,eAAO,MAAM,YAAY,KAMvB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Button Styles
|
|
4
|
+
*
|
|
5
|
+
* Base styles created with StyleSheet.create. All theme-dependent values
|
|
6
|
+
* are resolved at render time in Button.tsx via the theme context.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.buttonStyles = void 0;
|
|
10
|
+
const react_native_1 = require("react-native");
|
|
11
|
+
exports.buttonStyles = react_native_1.StyleSheet.create({
|
|
12
|
+
root: {
|
|
13
|
+
alignItems: 'center',
|
|
14
|
+
justifyContent: 'center',
|
|
15
|
+
},
|
|
16
|
+
text: {},
|
|
17
|
+
});
|
|
18
|
+
//# sourceMappingURL=Button.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../../../src/components/button/Button.styles.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,+CAA0C;AAE7B,QAAA,YAAY,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC5C,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,IAAI,EAAE,EAAE;CACT,CAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Button Types
|
|
3
|
+
*/
|
|
4
|
+
import type { PressableProps } from 'react-native';
|
|
5
|
+
export type ButtonVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
|
|
6
|
+
export type ButtonSize = 'sm' | 'default' | 'lg';
|
|
7
|
+
export interface ButtonProps extends PressableProps {
|
|
8
|
+
variant?: ButtonVariant;
|
|
9
|
+
size?: ButtonSize;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
style?: import('react-native').StyleProp<import('react-native').ViewStyle>;
|
|
12
|
+
}
|
|
13
|
+
export interface ButtonVariantConfig {
|
|
14
|
+
variants: {
|
|
15
|
+
variant: Record<ButtonVariant, import('react-native').ViewStyle>;
|
|
16
|
+
size: Record<ButtonSize, import('react-native').ViewStyle>;
|
|
17
|
+
};
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
variant: ButtonVariant;
|
|
20
|
+
size: ButtonSize;
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=Button.types.d.ts.map
|