@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 @@
|
|
|
1
|
+
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,cAAc,EAAE,SAAS,CAAC,OAAO,cAAc,EAAE,SAAS,CAAC,CAAC;CAC5E;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM,CAAC,aAAa,EAAE,OAAO,cAAc,EAAE,SAAS,CAAC,CAAC;QACjE,IAAI,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,cAAc,EAAE,SAAS,CAAC,CAAC;KAC5D,CAAC;IACF,eAAe,EAAE;QAAE,OAAO,EAAE,aAAa,CAAC;QAAC,IAAI,EAAE,UAAU,CAAA;KAAE,CAAC;CAC/D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../../src/components/button/Button.types.ts"],"names":[],"mappings":";AAAA;;GAEG"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Button Variants
|
|
3
|
+
*
|
|
4
|
+
* Variant style definitions resolved against the active theme at render time.
|
|
5
|
+
* Each variant maps semantic theme colors to visual styles.
|
|
6
|
+
*/
|
|
7
|
+
import type { Theme } from '../../theme/types';
|
|
8
|
+
import type { ButtonVariantConfig, ButtonVariant, ButtonSize } from './Button.types';
|
|
9
|
+
export declare function getButtonVariants(theme: Theme): ButtonVariantConfig;
|
|
10
|
+
export type { ButtonVariant, ButtonSize };
|
|
11
|
+
//# sourceMappingURL=Button.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.variants.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.variants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGrF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,mBAAmB,CAsDnE;AAED,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Button Variants
|
|
4
|
+
*
|
|
5
|
+
* Variant style definitions resolved against the active theme at render time.
|
|
6
|
+
* Each variant maps semantic theme colors to visual styles.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.getButtonVariants = getButtonVariants;
|
|
10
|
+
const design_tokens_1 = require("../../design-tokens");
|
|
11
|
+
function getButtonVariants(theme) {
|
|
12
|
+
const baseTextStyle = {
|
|
13
|
+
fontWeight: theme.typography.fontWeight.semibold,
|
|
14
|
+
};
|
|
15
|
+
return {
|
|
16
|
+
variants: {
|
|
17
|
+
variant: {
|
|
18
|
+
default: {
|
|
19
|
+
backgroundColor: theme.colors.primary,
|
|
20
|
+
},
|
|
21
|
+
destructive: {
|
|
22
|
+
backgroundColor: theme.colors.destructive,
|
|
23
|
+
},
|
|
24
|
+
outline: {
|
|
25
|
+
borderWidth: 1,
|
|
26
|
+
borderColor: theme.colors.border,
|
|
27
|
+
backgroundColor: 'transparent',
|
|
28
|
+
},
|
|
29
|
+
secondary: {
|
|
30
|
+
backgroundColor: theme.colors.secondary,
|
|
31
|
+
},
|
|
32
|
+
ghost: {
|
|
33
|
+
backgroundColor: 'transparent',
|
|
34
|
+
},
|
|
35
|
+
link: {
|
|
36
|
+
backgroundColor: 'transparent',
|
|
37
|
+
paddingHorizontal: 0,
|
|
38
|
+
paddingVertical: 0,
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
|
+
size: {
|
|
42
|
+
sm: {
|
|
43
|
+
paddingVertical: design_tokens_1.spacing[2],
|
|
44
|
+
paddingHorizontal: design_tokens_1.spacing[4],
|
|
45
|
+
minHeight: 32,
|
|
46
|
+
borderRadius: design_tokens_1.borderRadius.md,
|
|
47
|
+
},
|
|
48
|
+
default: {
|
|
49
|
+
paddingVertical: design_tokens_1.spacing[3],
|
|
50
|
+
paddingHorizontal: design_tokens_1.spacing[5],
|
|
51
|
+
minHeight: 40,
|
|
52
|
+
borderRadius: design_tokens_1.borderRadius.md,
|
|
53
|
+
},
|
|
54
|
+
lg: {
|
|
55
|
+
paddingVertical: design_tokens_1.spacing[4],
|
|
56
|
+
paddingHorizontal: design_tokens_1.spacing[6],
|
|
57
|
+
minHeight: 48,
|
|
58
|
+
borderRadius: design_tokens_1.borderRadius.lg,
|
|
59
|
+
},
|
|
60
|
+
},
|
|
61
|
+
},
|
|
62
|
+
defaultVariants: { variant: 'default', size: 'default' },
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=Button.variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.variants.js","sourceRoot":"","sources":["../../../src/components/button/Button.variants.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAMH,8CAsDC;AAxDD,uDAA4D;AAE5D,SAAgB,iBAAiB,CAAC,KAAY;IAC5C,MAAM,aAAa,GAAqC;QACtD,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ;KACjD,CAAC;IAEF,OAAO;QACL,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,OAAO,EAAE;oBACP,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;iBACtC;gBACD,WAAW,EAAE;oBACX,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;iBAC1C;gBACD,OAAO,EAAE;oBACP,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;oBAChC,eAAe,EAAE,aAAa;iBAC/B;gBACD,SAAS,EAAE;oBACT,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;iBACxC;gBACD,KAAK,EAAE;oBACL,eAAe,EAAE,aAAa;iBAC/B;gBACD,IAAI,EAAE;oBACJ,eAAe,EAAE,aAAa;oBAC9B,iBAAiB,EAAE,CAAC;oBACpB,eAAe,EAAE,CAAC;iBACnB;aACF;YACD,IAAI,EAAE;gBACJ,EAAE,EAAE;oBACF,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;oBAC3B,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;oBAC7B,SAAS,EAAE,EAAE;oBACb,YAAY,EAAE,4BAAY,CAAC,EAAE;iBAC9B;gBACD,OAAO,EAAE;oBACP,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;oBAC3B,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;oBAC7B,SAAS,EAAE,EAAE;oBACb,YAAY,EAAE,4BAAY,CAAC,EAAE;iBAC9B;gBACD,EAAE,EAAE;oBACF,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;oBAC3B,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;oBAC7B,SAAS,EAAE,EAAE;oBACb,YAAY,EAAE,4BAAY,CAAC,EAAE;iBAC9B;aACF;SACF;QACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;KACzD,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Button Barrel Export
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Button = void 0;
|
|
7
|
+
var Button_1 = require("./Button");
|
|
8
|
+
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Card
|
|
3
|
+
*
|
|
4
|
+
* A composable card container with header/title/description/content/footer
|
|
5
|
+
* sub-components, mirroring the shadcn/ui structure. The surface (background,
|
|
6
|
+
* border, shadow) is resolved against the active theme.
|
|
7
|
+
*
|
|
8
|
+
* All parts are exported individually so consumers can compose freely; the
|
|
9
|
+
* root `Card` applies the themed surface.
|
|
10
|
+
*/
|
|
11
|
+
import type { CardProps, CardPartProps, CardTextPartProps } from './Card.types';
|
|
12
|
+
export declare function Card({ variant: variantProp, style, children, ...rest }: CardProps): import("react").JSX.Element;
|
|
13
|
+
export declare namespace Card {
|
|
14
|
+
var displayName: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function CardHeader({ style, children, ...rest }: CardPartProps): import("react").JSX.Element;
|
|
17
|
+
export declare namespace CardHeader {
|
|
18
|
+
var displayName: string;
|
|
19
|
+
}
|
|
20
|
+
export declare function CardTitle({ style, children, ...rest }: CardTextPartProps): import("react").JSX.Element;
|
|
21
|
+
export declare namespace CardTitle {
|
|
22
|
+
var displayName: string;
|
|
23
|
+
}
|
|
24
|
+
export declare function CardDescription({ style, children, ...rest }: CardTextPartProps): import("react").JSX.Element;
|
|
25
|
+
export declare namespace CardDescription {
|
|
26
|
+
var displayName: string;
|
|
27
|
+
}
|
|
28
|
+
export declare function CardContent({ style, children, ...rest }: CardPartProps): import("react").JSX.Element;
|
|
29
|
+
export declare namespace CardContent {
|
|
30
|
+
var displayName: string;
|
|
31
|
+
}
|
|
32
|
+
export declare function CardFooter({ style, children, ...rest }: CardPartProps): import("react").JSX.Element;
|
|
33
|
+
export declare namespace CardFooter {
|
|
34
|
+
var displayName: string;
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAQH,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,iBAAiB,EAElB,MAAM,cAAc,CAAC;AAEtB,wBAAgB,IAAI,CAAC,EACnB,OAAO,EAAE,WAAW,EACpB,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,+BAcX;yBAnBe,IAAI;;;AAuBpB,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BAMrE;yBANe,UAAU;;;AAU1B,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,+BAaxE;yBAbe,SAAS;;;AAiBzB,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAWnB;yBAfe,eAAe;;;AAmB/B,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BAMtE;yBANe,WAAW;;;AAU3B,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BAMrE;yBANe,UAAU"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Card = Card;
|
|
4
|
+
exports.CardHeader = CardHeader;
|
|
5
|
+
exports.CardTitle = CardTitle;
|
|
6
|
+
exports.CardDescription = CardDescription;
|
|
7
|
+
exports.CardContent = CardContent;
|
|
8
|
+
exports.CardFooter = CardFooter;
|
|
9
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
10
|
+
/**
|
|
11
|
+
* ANAN-UI — Component: Card
|
|
12
|
+
*
|
|
13
|
+
* A composable card container with header/title/description/content/footer
|
|
14
|
+
* sub-components, mirroring the shadcn/ui structure. The surface (background,
|
|
15
|
+
* border, shadow) is resolved against the active theme.
|
|
16
|
+
*
|
|
17
|
+
* All parts are exported individually so consumers can compose freely; the
|
|
18
|
+
* root `Card` applies the themed surface.
|
|
19
|
+
*/
|
|
20
|
+
const react_native_1 = require("react-native");
|
|
21
|
+
const theme_1 = require("../../theme");
|
|
22
|
+
const cn_1 = require("../../utils/cn");
|
|
23
|
+
const Text_1 = require("../../primitives/Text");
|
|
24
|
+
const Card_variants_1 = require("./Card.variants");
|
|
25
|
+
const Card_styles_1 = require("./Card.styles");
|
|
26
|
+
function Card({ variant: variantProp, style, children, ...rest }) {
|
|
27
|
+
const { theme } = (0, theme_1.useTheme)();
|
|
28
|
+
const { variant, defaultVariant } = (0, Card_variants_1.getCardVariants)(theme);
|
|
29
|
+
const variantKey = variantProp ?? defaultVariant;
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityRole: "summary", ...rest, style: (0, cn_1.cn)(Card_styles_1.cardStyles.root, variant[variantKey], style), children: children }));
|
|
31
|
+
}
|
|
32
|
+
Card.displayName = 'Card';
|
|
33
|
+
function CardHeader({ style, children, ...rest }) {
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ...rest, style: (0, cn_1.cn)(Card_styles_1.cardStyles.header, style), children: children }));
|
|
35
|
+
}
|
|
36
|
+
CardHeader.displayName = 'CardHeader';
|
|
37
|
+
function CardTitle({ style, children, ...rest }) {
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: "cardForeground", fontSize: "lg", fontWeight: "semibold", accessibilityRole: "header", ...rest, style: style, children: children }));
|
|
39
|
+
}
|
|
40
|
+
CardTitle.displayName = 'CardTitle';
|
|
41
|
+
function CardDescription({ style, children, ...rest }) {
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: "mutedForeground", fontSize: "sm", ...rest, style: style, children: children }));
|
|
43
|
+
}
|
|
44
|
+
CardDescription.displayName = 'CardDescription';
|
|
45
|
+
function CardContent({ style, children, ...rest }) {
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ...rest, style: (0, cn_1.cn)(Card_styles_1.cardStyles.content, style), children: children }));
|
|
47
|
+
}
|
|
48
|
+
CardContent.displayName = 'CardContent';
|
|
49
|
+
function CardFooter({ style, children, ...rest }) {
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ...rest, style: (0, cn_1.cn)(Card_styles_1.cardStyles.footer, style), children: children }));
|
|
51
|
+
}
|
|
52
|
+
CardFooter.displayName = 'CardFooter';
|
|
53
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":";;AAwBA,oBAmBC;AAID,gCAMC;AAID,8BAaC;AAID,0CAeC;AAID,kCAMC;AAID,gCAMC;;AA7GD;;;;;;;;;GASG;AAEH,+CAAoC;AACpC,uCAAuC;AACvC,uCAAoC;AACpC,gDAAsD;AACtD,mDAAkD;AAClD,+CAA2C;AAQ3C,SAAgB,IAAI,CAAC,EACnB,OAAO,EAAE,WAAW,EACpB,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACG;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAA,+BAAe,EAAC,KAAK,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAgB,WAAW,IAAI,cAAc,CAAC;IAE9D,OAAO,CACL,uBAAC,mBAAI,IACH,iBAAiB,EAAC,SAAS,KACvB,IAAI,EACR,KAAK,EAAE,IAAA,OAAE,EAAC,wBAAU,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,YAErD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,SAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAiB;IACpE,OAAO,CACL,uBAAC,mBAAI,OAAK,IAAI,EAAE,KAAK,EAAE,IAAA,OAAE,EAAC,wBAAU,CAAC,MAAM,EAAE,KAAK,CAAC,YAChD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,SAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAqB;IACvE,OAAO,CACL,uBAAC,oBAAa,IACZ,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,UAAU,EACrB,iBAAiB,EAAC,QAAQ,KACtB,IAAI,EACR,KAAK,EAAE,KAAK,YAEX,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,SAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACW;IAClB,OAAO,CACL,uBAAC,oBAAa,IACZ,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAC,IAAI,KACT,IAAI,EACR,KAAK,EAAE,KAAK,YAEX,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,SAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAiB;IACrE,OAAO,CACL,uBAAC,mBAAI,OAAK,IAAI,EAAE,KAAK,EAAE,IAAA,OAAE,EAAC,wBAAU,CAAC,OAAO,EAAE,KAAK,CAAC,YACjD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,SAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAiB;IACpE,OAAO,CACL,uBAAC,mBAAI,OAAK,IAAI,EAAE,KAAK,EAAE,IAAA,OAAE,EAAC,wBAAU,CAAC,MAAM,EAAE,KAAK,CAAC,YAChD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Card Styles
|
|
3
|
+
*
|
|
4
|
+
* Static styles created with StyleSheet.create. The card's surface
|
|
5
|
+
* (background/border/shadow) is resolved against the theme at render time.
|
|
6
|
+
*/
|
|
7
|
+
export declare const cardStyles: any;
|
|
8
|
+
//# sourceMappingURL=Card.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,UAAU,KAiBrB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Card Styles
|
|
4
|
+
*
|
|
5
|
+
* Static styles created with StyleSheet.create. The card's surface
|
|
6
|
+
* (background/border/shadow) is resolved against the theme at render time.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.cardStyles = void 0;
|
|
10
|
+
const react_native_1 = require("react-native");
|
|
11
|
+
const design_tokens_1 = require("../../design-tokens");
|
|
12
|
+
exports.cardStyles = react_native_1.StyleSheet.create({
|
|
13
|
+
root: {
|
|
14
|
+
borderRadius: design_tokens_1.borderRadius.lg,
|
|
15
|
+
padding: design_tokens_1.spacing[5],
|
|
16
|
+
gap: design_tokens_1.spacing[4],
|
|
17
|
+
},
|
|
18
|
+
header: {
|
|
19
|
+
gap: design_tokens_1.spacing[1],
|
|
20
|
+
},
|
|
21
|
+
content: {
|
|
22
|
+
gap: design_tokens_1.spacing[2],
|
|
23
|
+
},
|
|
24
|
+
footer: {
|
|
25
|
+
flexDirection: 'row',
|
|
26
|
+
alignItems: 'center',
|
|
27
|
+
gap: design_tokens_1.spacing[2],
|
|
28
|
+
},
|
|
29
|
+
});
|
|
30
|
+
//# sourceMappingURL=Card.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../src/components/card/Card.styles.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,+CAA0C;AAC1C,uDAA4D;AAE/C,QAAA,UAAU,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC1C,IAAI,EAAE;QACJ,YAAY,EAAE,4BAAY,CAAC,EAAE;QAC7B,OAAO,EAAE,uBAAO,CAAC,CAAC,CAAC;QACnB,GAAG,EAAE,uBAAO,CAAC,CAAC,CAAC;KAChB;IACD,MAAM,EAAE;QACN,GAAG,EAAE,uBAAO,CAAC,CAAC,CAAC;KAChB;IACD,OAAO,EAAE;QACP,GAAG,EAAE,uBAAO,CAAC,CAAC,CAAC;KAChB;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,uBAAO,CAAC,CAAC,CAAC;KAChB;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Card Types
|
|
3
|
+
*
|
|
4
|
+
* A composable card container with header/title/description/content/footer
|
|
5
|
+
* sub-components, mirroring the shadcn/ui structure.
|
|
6
|
+
*/
|
|
7
|
+
import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
|
|
8
|
+
import type { TextPrimitiveProps } from '../../primitives/Text';
|
|
9
|
+
import type { ReactNode } from 'react';
|
|
10
|
+
export type CardVariant = 'default' | 'outline' | 'ghost';
|
|
11
|
+
export interface CardProps extends ViewProps {
|
|
12
|
+
variant?: CardVariant;
|
|
13
|
+
style?: StyleProp<ViewStyle>;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export interface CardPartProps extends ViewProps {
|
|
17
|
+
style?: StyleProp<ViewStyle>;
|
|
18
|
+
children?: ReactNode;
|
|
19
|
+
}
|
|
20
|
+
/** Props for text-based card parts (title / description). */
|
|
21
|
+
export type CardTextPartProps = TextPrimitiveProps;
|
|
22
|
+
//# sourceMappingURL=Card.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,6DAA6D;AAC7D,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Card Types
|
|
4
|
+
*
|
|
5
|
+
* A composable card container with header/title/description/content/footer
|
|
6
|
+
* sub-components, mirroring the shadcn/ui structure.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
//# sourceMappingURL=Card.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.types.js","sourceRoot":"","sources":["../../../src/components/card/Card.types.ts"],"names":[],"mappings":";AAAA;;;;;GAKG"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Card Variants
|
|
3
|
+
*
|
|
4
|
+
* Variant surface styles resolved against the active theme at render time.
|
|
5
|
+
*/
|
|
6
|
+
import type { ViewStyle } from 'react-native';
|
|
7
|
+
import type { Theme } from '../../theme/types';
|
|
8
|
+
import type { CardVariant } from './Card.types';
|
|
9
|
+
export interface CardVariantConfig {
|
|
10
|
+
variant: Record<CardVariant, ViewStyle>;
|
|
11
|
+
defaultVariant: CardVariant;
|
|
12
|
+
}
|
|
13
|
+
export declare function getCardVariants(theme: Theme): CardVariantConfig;
|
|
14
|
+
//# sourceMappingURL=Card.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.variants.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.variants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IACxC,cAAc,EAAE,WAAW,CAAC;CAC7B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,iBAAiB,CAqB/D"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Card Variants
|
|
4
|
+
*
|
|
5
|
+
* Variant surface styles resolved against the active theme at render time.
|
|
6
|
+
*/
|
|
7
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
|
+
exports.getCardVariants = getCardVariants;
|
|
9
|
+
const design_tokens_1 = require("../../design-tokens");
|
|
10
|
+
function getCardVariants(theme) {
|
|
11
|
+
return {
|
|
12
|
+
variant: {
|
|
13
|
+
default: {
|
|
14
|
+
backgroundColor: theme.colors.card,
|
|
15
|
+
borderWidth: 1,
|
|
16
|
+
borderColor: theme.colors.border,
|
|
17
|
+
...(0, design_tokens_1.resolveShadow)('sm'),
|
|
18
|
+
},
|
|
19
|
+
outline: {
|
|
20
|
+
backgroundColor: theme.colors.card,
|
|
21
|
+
borderWidth: 1,
|
|
22
|
+
borderColor: theme.colors.border,
|
|
23
|
+
},
|
|
24
|
+
ghost: {
|
|
25
|
+
backgroundColor: 'transparent',
|
|
26
|
+
borderWidth: 0,
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
defaultVariant: 'default',
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=Card.variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.variants.js","sourceRoot":"","sources":["../../../src/components/card/Card.variants.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;AAYH,0CAqBC;AA5BD,uDAAoD;AAOpD,SAAgB,eAAe,CAAC,KAAY;IAC1C,OAAO;QACL,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;gBAClC,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;gBAChC,GAAG,IAAA,6BAAa,EAAC,IAAI,CAAC;aACvB;YACD,OAAO,EAAE;gBACP,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;gBAClC,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;aACjC;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,aAAa;gBAC9B,WAAW,EAAE,CAAC;aACf;SACF;QACD,cAAc,EAAE,SAAS;KAC1B,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Card Barrel Export
|
|
3
|
+
*/
|
|
4
|
+
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, } from './Card';
|
|
5
|
+
export type { CardProps, CardPartProps, CardTextPartProps, CardVariant, } from './Card.types';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,WAAW,GACZ,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Card Barrel Export
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.CardFooter = exports.CardContent = exports.CardDescription = exports.CardTitle = exports.CardHeader = exports.Card = void 0;
|
|
7
|
+
var Card_1 = require("./Card");
|
|
8
|
+
Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
|
|
9
|
+
Object.defineProperty(exports, "CardHeader", { enumerable: true, get: function () { return Card_1.CardHeader; } });
|
|
10
|
+
Object.defineProperty(exports, "CardTitle", { enumerable: true, get: function () { return Card_1.CardTitle; } });
|
|
11
|
+
Object.defineProperty(exports, "CardDescription", { enumerable: true, get: function () { return Card_1.CardDescription; } });
|
|
12
|
+
Object.defineProperty(exports, "CardContent", { enumerable: true, get: function () { return Card_1.CardContent; } });
|
|
13
|
+
Object.defineProperty(exports, "CardFooter", { enumerable: true, get: function () { return Card_1.CardFooter; } });
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,+BAOgB;AANd,4FAAA,IAAI,OAAA;AACJ,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,uGAAA,eAAe,OAAA;AACf,mGAAA,WAAW,OAAA;AACX,kGAAA,UAAU,OAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: CheckBox
|
|
3
|
+
*
|
|
4
|
+
* A checkbox with controlled/uncontrolled state, optional label, and full
|
|
5
|
+
* accessibility. The whole row is the pressable touch target (≥44dp via
|
|
6
|
+
* `hitSlop`) and exposes `accessibilityRole="checkbox"` with
|
|
7
|
+
* `accessibilityState={{ checked, disabled }}`.
|
|
8
|
+
*/
|
|
9
|
+
import type { CheckBoxProps } from './CheckBox.types';
|
|
10
|
+
export declare function CheckBox({ checked: checkedProp, defaultChecked, onCheckedChange, disabled, label, size: sizeProp, style, labelStyle, ...rest }: CheckBoxProps): import("react").JSX.Element;
|
|
11
|
+
export declare namespace CheckBox {
|
|
12
|
+
var displayName: string;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=CheckBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/CheckBox.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,kBAAkB,CAAC;AAEpE,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EAAE,WAAW,EACpB,cAAsB,EACtB,eAAe,EACf,QAAgB,EAChB,KAAK,EACL,IAAI,EAAE,QAAQ,EACd,KAAK,EACL,UAAU,EACV,GAAG,IAAI,EACR,EAAE,aAAa,+BAmEf;yBA7Ee,QAAQ"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CheckBox = CheckBox;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
* ANAN-UI — Component: CheckBox
|
|
7
|
+
*
|
|
8
|
+
* A checkbox with controlled/uncontrolled state, optional label, and full
|
|
9
|
+
* accessibility. The whole row is the pressable touch target (≥44dp via
|
|
10
|
+
* `hitSlop`) and exposes `accessibilityRole="checkbox"` with
|
|
11
|
+
* `accessibilityState={{ checked, disabled }}`.
|
|
12
|
+
*/
|
|
13
|
+
const react_1 = require("react");
|
|
14
|
+
const react_native_1 = require("react-native");
|
|
15
|
+
const theme_1 = require("../../theme");
|
|
16
|
+
const cn_1 = require("../../utils/cn");
|
|
17
|
+
const Text_1 = require("../../primitives/Text");
|
|
18
|
+
const CheckBox_variants_1 = require("./CheckBox.variants");
|
|
19
|
+
const CheckBox_styles_1 = require("./CheckBox.styles");
|
|
20
|
+
function CheckBox({ checked: checkedProp, defaultChecked = false, onCheckedChange, disabled = false, label, size: sizeProp, style, labelStyle, ...rest }) {
|
|
21
|
+
const { theme } = (0, theme_1.useTheme)();
|
|
22
|
+
const isControlled = checkedProp !== undefined;
|
|
23
|
+
const [internal, setInternal] = (0, react_1.useState)(defaultChecked);
|
|
24
|
+
const checked = isControlled ? checkedProp : internal;
|
|
25
|
+
const { size, defaultSize } = (0, CheckBox_variants_1.getCheckBoxVariants)(theme);
|
|
26
|
+
const sizeKey = sizeProp ?? defaultSize;
|
|
27
|
+
const handlePress = (0, react_1.useCallback)(() => {
|
|
28
|
+
if (disabled)
|
|
29
|
+
return;
|
|
30
|
+
const next = !checked;
|
|
31
|
+
if (!isControlled)
|
|
32
|
+
setInternal(next);
|
|
33
|
+
onCheckedChange?.(next);
|
|
34
|
+
}, [checked, disabled, isControlled, onCheckedChange]);
|
|
35
|
+
const borderColor = checked ? theme.colors.primary : theme.colors.border;
|
|
36
|
+
const bgColor = checked ? theme.colors.primary : 'transparent';
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { ...rest, onPress: handlePress, disabled: disabled, accessibilityRole: "checkbox", accessibilityState: { checked, disabled }, accessibilityLabel: label, hitSlop: 12, style: (0, cn_1.cn)(CheckBox_styles_1.checkBoxStyles.root, disabled && { opacity: 0.5 }, style), children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: (0, cn_1.cn)(CheckBox_styles_1.checkBoxStyles.box, size[sizeKey], { borderColor, backgroundColor: bgColor }), children: checked && ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: "primaryForeground", fontSize: sizeKey === 'sm' ? 'xs' : 'sm', fontWeight: "bold", style: CheckBox_styles_1.checkBoxStyles.check, children: '\u2713' })) }), label !== undefined && ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: disabled ? 'mutedForeground' : 'foreground', fontSize: "base", style: (0, cn_1.cn)(CheckBox_styles_1.checkBoxStyles.label, labelStyle), children: label }))] }));
|
|
38
|
+
}
|
|
39
|
+
CheckBox.displayName = 'CheckBox';
|
|
40
|
+
//# sourceMappingURL=CheckBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/checkbox/CheckBox.tsx"],"names":[],"mappings":";;AAkBA,4BA6EC;;AA/FD;;;;;;;GAOG;AAEH,iCAA8C;AAC9C,+CAA+C;AAC/C,uCAAuC;AACvC,uCAAoC;AACpC,gDAAsD;AACtD,2DAA0D;AAC1D,uDAAmD;AAGnD,SAAgB,QAAQ,CAAC,EACvB,OAAO,EAAE,WAAW,EACpB,cAAc,GAAG,KAAK,EACtB,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,EAAE,QAAQ,EACd,KAAK,EACL,UAAU,EACV,GAAG,IAAI,EACO;IACd,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,MAAM,YAAY,GAAG,WAAW,KAAK,SAAS,CAAC;IAE/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,cAAc,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEtD,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAA,uCAAmB,EAAC,KAAK,CAAC,CAAC;IACzD,MAAM,OAAO,GAAiB,QAAQ,IAAI,WAAW,CAAC;IAEtD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,IAAI,QAAQ;YAAE,OAAO;QACrB,MAAM,IAAI,GAAG,CAAC,OAAO,CAAC;QACtB,IAAI,CAAC,YAAY;YAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QACrC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;IACzE,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;IAE/D,OAAO,CACL,wBAAC,wBAAS,OACJ,IAAI,EACR,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAC,UAAU,EAC5B,kBAAkB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EACzC,kBAAkB,EAAE,KAAK,EACzB,OAAO,EAAE,EAAE,EACX,KAAK,EAAE,IAAA,OAAE,EACP,gCAAc,CAAC,IAAI,EACnB,QAAQ,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,EAC5B,KAAK,CACN,aAED,uBAAC,mBAAI,IACH,2BAA2B,QAC3B,yBAAyB,EAAC,qBAAqB,EAC/C,KAAK,EAAE,IAAA,OAAE,EACP,gCAAc,CAAC,GAAG,EAClB,IAAI,CAAC,OAAO,CAAC,EACb,EAAE,WAAW,EAAE,eAAe,EAAE,OAAO,EAAE,CAC1C,YAEA,OAAO,IAAI,CACV,uBAAC,oBAAa,IACZ,KAAK,EAAC,mBAAmB,EACzB,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACxC,UAAU,EAAC,MAAM,EACjB,KAAK,EAAE,gCAAc,CAAC,KAAK,YAE1B,QAAQ,GACK,CACjB,GACI,EAEN,KAAK,KAAK,SAAS,IAAI,CACtB,uBAAC,oBAAa,IACZ,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,EAClD,QAAQ,EAAC,MAAM,EACf,KAAK,EAAE,IAAA,OAAE,EAAC,gCAAc,CAAC,KAAK,EAAE,UAAU,CAAC,YAE1C,KAAK,GACQ,CACjB,IACS,CACb,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: CheckBox Styles
|
|
3
|
+
*
|
|
4
|
+
* Static styles created with StyleSheet.create. Box size, border, and check
|
|
5
|
+
* mark color are resolved from the theme at render time via CheckBox.variants.
|
|
6
|
+
*/
|
|
7
|
+
export declare const checkBoxStyles: any;
|
|
8
|
+
//# sourceMappingURL=CheckBox.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckBox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/CheckBox.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,cAAc,KAmBzB,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: CheckBox Styles
|
|
4
|
+
*
|
|
5
|
+
* Static styles created with StyleSheet.create. Box size, border, and check
|
|
6
|
+
* mark color are resolved from the theme at render time via CheckBox.variants.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.checkBoxStyles = void 0;
|
|
10
|
+
const react_native_1 = require("react-native");
|
|
11
|
+
const design_tokens_1 = require("../../design-tokens");
|
|
12
|
+
exports.checkBoxStyles = react_native_1.StyleSheet.create({
|
|
13
|
+
root: {
|
|
14
|
+
flexDirection: 'row',
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
gap: design_tokens_1.spacing[2],
|
|
17
|
+
},
|
|
18
|
+
box: {
|
|
19
|
+
alignItems: 'center',
|
|
20
|
+
justifyContent: 'center',
|
|
21
|
+
borderWidth: 2,
|
|
22
|
+
borderRadius: design_tokens_1.borderRadius.sm,
|
|
23
|
+
},
|
|
24
|
+
check: {
|
|
25
|
+
fontSize: 14,
|
|
26
|
+
lineHeight: 16,
|
|
27
|
+
},
|
|
28
|
+
label: {
|
|
29
|
+
flex: 1,
|
|
30
|
+
},
|
|
31
|
+
});
|
|
32
|
+
//# sourceMappingURL=CheckBox.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckBox.styles.js","sourceRoot":"","sources":["../../../src/components/checkbox/CheckBox.styles.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,+CAA0C;AAC1C,uDAA4D;AAE/C,QAAA,cAAc,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC9C,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,uBAAO,CAAC,CAAC,CAAC;KAChB;IACD,GAAG,EAAE;QACH,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,4BAAY,CAAC,EAAE;KAC9B;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;KACf;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: CheckBox Types
|
|
3
|
+
*
|
|
4
|
+
* A checkbox input with controlled/uncontrolled state, label support, and
|
|
5
|
+
* full accessibility.
|
|
6
|
+
*/
|
|
7
|
+
import type { ViewProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
8
|
+
export type CheckBoxSize = 'sm' | 'default' | 'lg';
|
|
9
|
+
export interface CheckBoxProps extends Omit<ViewProps, 'style' | 'onChange'> {
|
|
10
|
+
/** Controlled checked state. */
|
|
11
|
+
checked?: boolean;
|
|
12
|
+
/** Uncontrolled default checked state. */
|
|
13
|
+
defaultChecked?: boolean;
|
|
14
|
+
/** Called when the checked state changes. */
|
|
15
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
/** Optional label rendered after the checkbox. */
|
|
18
|
+
label?: string;
|
|
19
|
+
size?: CheckBoxSize;
|
|
20
|
+
style?: StyleProp<ViewStyle>;
|
|
21
|
+
/** Style applied to the label text. */
|
|
22
|
+
labelStyle?: StyleProp<TextStyle>;
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=CheckBox.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckBox.types.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/CheckBox.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/E,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,UAAU,CAAC;IAC1E,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: CheckBox Types
|
|
4
|
+
*
|
|
5
|
+
* A checkbox input with controlled/uncontrolled state, label support, and
|
|
6
|
+
* full accessibility.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
//# sourceMappingURL=CheckBox.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckBox.types.js","sourceRoot":"","sources":["../../../src/components/checkbox/CheckBox.types.ts"],"names":[],"mappings":";AAAA;;;;;GAKG"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: CheckBox Variants
|
|
3
|
+
*
|
|
4
|
+
* Size style definitions resolved against the active theme at render time.
|
|
5
|
+
*/
|
|
6
|
+
import type { ViewStyle } from 'react-native';
|
|
7
|
+
import type { Theme } from '../../theme/types';
|
|
8
|
+
import type { CheckBoxSize } from './CheckBox.types';
|
|
9
|
+
export interface CheckBoxVariantConfig {
|
|
10
|
+
size: Record<CheckBoxSize, ViewStyle>;
|
|
11
|
+
defaultSize: CheckBoxSize;
|
|
12
|
+
}
|
|
13
|
+
export declare function getCheckBoxVariants(theme: Theme): CheckBoxVariantConfig;
|
|
14
|
+
//# sourceMappingURL=CheckBox.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckBox.variants.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/CheckBox.variants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACtC,WAAW,EAAE,YAAY,CAAC;CAC3B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,qBAAqB,CASvE"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: CheckBox Variants
|
|
4
|
+
*
|
|
5
|
+
* Size style definitions resolved against the active theme at render time.
|
|
6
|
+
*/
|
|
7
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
|
+
exports.getCheckBoxVariants = getCheckBoxVariants;
|
|
9
|
+
function getCheckBoxVariants(theme) {
|
|
10
|
+
return {
|
|
11
|
+
size: {
|
|
12
|
+
sm: { width: 18, height: 18 },
|
|
13
|
+
default: { width: 22, height: 22 },
|
|
14
|
+
lg: { width: 28, height: 28 },
|
|
15
|
+
},
|
|
16
|
+
defaultSize: 'default',
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=CheckBox.variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckBox.variants.js","sourceRoot":"","sources":["../../../src/components/checkbox/CheckBox.variants.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;AAWH,kDASC;AATD,SAAgB,mBAAmB,CAAC,KAAY;IAC9C,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;SAC9B;QACD,WAAW,EAAE,SAAS;KACvB,CAAC;AACJ,CAAC"}
|