@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
package/README.md
CHANGED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Accordion
|
|
3
|
+
*
|
|
4
|
+
* A compound disclosure component: Accordion → AccordionItem →
|
|
5
|
+
* AccordionTrigger / AccordionContent. Expansion state is managed through an
|
|
6
|
+
* internal context, supporting single/multiple expansion with controlled and
|
|
7
|
+
* uncontrolled usage.
|
|
8
|
+
*
|
|
9
|
+
* Collapsed content is unmounted (React Native has no built-in height
|
|
10
|
+
* animation). The trigger exposes `accessibilityRole="button"` and
|
|
11
|
+
* `accessibilityState={{ expanded, disabled }}` so screen readers announce
|
|
12
|
+
* the disclosure state.
|
|
13
|
+
*/
|
|
14
|
+
import type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps } from './Accordion.types';
|
|
15
|
+
export declare function Accordion({ type, collapsible, value: valueProp, defaultValue, onValueChange, style, children, ...rest }: AccordionProps): import("react").JSX.Element;
|
|
16
|
+
export declare namespace Accordion {
|
|
17
|
+
var displayName: string;
|
|
18
|
+
}
|
|
19
|
+
export declare function AccordionItem({ value, disabled, style, children, ...rest }: AccordionItemProps): import("react").JSX.Element;
|
|
20
|
+
export declare namespace AccordionItem {
|
|
21
|
+
var displayName: string;
|
|
22
|
+
}
|
|
23
|
+
export declare function AccordionTrigger({ style, children, ...rest }: AccordionTriggerProps): import("react").JSX.Element;
|
|
24
|
+
export declare namespace AccordionTrigger {
|
|
25
|
+
var displayName: string;
|
|
26
|
+
}
|
|
27
|
+
export declare function AccordionContent({ style, children, ...rest }: AccordionContentProps): import("react").JSX.Element | null;
|
|
28
|
+
export declare namespace AccordionContent {
|
|
29
|
+
var displayName: string;
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=Accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AASH,OAAO,KAAK,EACV,cAAc,EAEd,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AA6C3B,wBAAgB,SAAS,CAAC,EACxB,IAAe,EACf,WAAmB,EACnB,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,+BAwDhB;yBAjEe,SAAS;;;AAqEzB,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAyBpB;yBA/Be,aAAa;;;AAmC7B,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,qBAAqB,+BAuCvB;yBA3Ce,gBAAgB;;;AA+ChC,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,qBAAqB,sCAiBvB;yBArBe,gBAAgB"}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Accordion = Accordion;
|
|
4
|
+
exports.AccordionItem = AccordionItem;
|
|
5
|
+
exports.AccordionTrigger = AccordionTrigger;
|
|
6
|
+
exports.AccordionContent = AccordionContent;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
/**
|
|
9
|
+
* ANAN-UI — Component: Accordion
|
|
10
|
+
*
|
|
11
|
+
* A compound disclosure component: Accordion → AccordionItem →
|
|
12
|
+
* AccordionTrigger / AccordionContent. Expansion state is managed through an
|
|
13
|
+
* internal context, supporting single/multiple expansion with controlled and
|
|
14
|
+
* uncontrolled usage.
|
|
15
|
+
*
|
|
16
|
+
* Collapsed content is unmounted (React Native has no built-in height
|
|
17
|
+
* animation). The trigger exposes `accessibilityRole="button"` and
|
|
18
|
+
* `accessibilityState={{ expanded, disabled }}` so screen readers announce
|
|
19
|
+
* the disclosure state.
|
|
20
|
+
*/
|
|
21
|
+
const react_1 = require("react");
|
|
22
|
+
const react_native_1 = require("react-native");
|
|
23
|
+
const theme_1 = require("../../theme");
|
|
24
|
+
const cn_1 = require("../../utils/cn");
|
|
25
|
+
const Pressable_1 = require("../../primitives/Pressable");
|
|
26
|
+
const Text_1 = require("../../primitives/Text");
|
|
27
|
+
const Accordion_styles_1 = require("./Accordion.styles");
|
|
28
|
+
const AccordionContext = (0, react_1.createContext)(null);
|
|
29
|
+
function useAccordionContext(component) {
|
|
30
|
+
const ctx = (0, react_1.useContext)(AccordionContext);
|
|
31
|
+
if (ctx === null) {
|
|
32
|
+
throw new Error(`${component} must be used within an <Accordion>`);
|
|
33
|
+
}
|
|
34
|
+
return ctx;
|
|
35
|
+
}
|
|
36
|
+
const ItemContext = (0, react_1.createContext)(null);
|
|
37
|
+
function useItemContext(component) {
|
|
38
|
+
const ctx = (0, react_1.useContext)(ItemContext);
|
|
39
|
+
if (ctx === null) {
|
|
40
|
+
throw new Error(`${component} must be used within an <AccordionItem>`);
|
|
41
|
+
}
|
|
42
|
+
return ctx;
|
|
43
|
+
}
|
|
44
|
+
function normalizeSingle(value) {
|
|
45
|
+
if (value === undefined)
|
|
46
|
+
return [];
|
|
47
|
+
return [value];
|
|
48
|
+
}
|
|
49
|
+
function normalizeMultiple(value) {
|
|
50
|
+
if (value === undefined)
|
|
51
|
+
return [];
|
|
52
|
+
return value;
|
|
53
|
+
}
|
|
54
|
+
function Accordion({ type = 'single', collapsible = false, value: valueProp, defaultValue, onValueChange, style, children, ...rest }) {
|
|
55
|
+
const isControlled = valueProp !== undefined;
|
|
56
|
+
const [internal, setInternal] = (0, react_1.useState)(() => {
|
|
57
|
+
if (type === 'single')
|
|
58
|
+
return normalizeSingle(defaultValue);
|
|
59
|
+
return normalizeMultiple(defaultValue);
|
|
60
|
+
});
|
|
61
|
+
const expandedValues = isControlled
|
|
62
|
+
? type === 'single'
|
|
63
|
+
? normalizeSingle(valueProp)
|
|
64
|
+
: normalizeMultiple(valueProp)
|
|
65
|
+
: internal;
|
|
66
|
+
const notifyChange = (0, react_1.useCallback)((next) => {
|
|
67
|
+
if (onValueChange === undefined)
|
|
68
|
+
return;
|
|
69
|
+
if (type === 'single') {
|
|
70
|
+
onValueChange(next[0]);
|
|
71
|
+
}
|
|
72
|
+
else {
|
|
73
|
+
onValueChange(next);
|
|
74
|
+
}
|
|
75
|
+
}, [onValueChange, type]);
|
|
76
|
+
const toggle = (0, react_1.useCallback)((itemValue) => {
|
|
77
|
+
const isOpen = expandedValues.includes(itemValue);
|
|
78
|
+
let next;
|
|
79
|
+
if (isOpen) {
|
|
80
|
+
// In single mode an item can only collapse if `collapsible` allows it.
|
|
81
|
+
if (type === 'single' && !collapsible)
|
|
82
|
+
return;
|
|
83
|
+
next = expandedValues.filter((v) => v !== itemValue);
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
next = type === 'single' ? [itemValue] : [...expandedValues, itemValue];
|
|
87
|
+
}
|
|
88
|
+
if (!isControlled)
|
|
89
|
+
setInternal(next);
|
|
90
|
+
notifyChange(next);
|
|
91
|
+
}, [collapsible, expandedValues, isControlled, notifyChange, type]);
|
|
92
|
+
const context = (0, react_1.useMemo)(() => ({ type, collapsible, expandedValues, toggle }), [collapsible, expandedValues, toggle, type]);
|
|
93
|
+
return ((0, jsx_runtime_1.jsx)(AccordionContext.Provider, { value: context, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { ...rest, style: (0, cn_1.cn)(Accordion_styles_1.accordionStyles.root, style), children: children }) }));
|
|
94
|
+
}
|
|
95
|
+
Accordion.displayName = 'Accordion';
|
|
96
|
+
function AccordionItem({ value, disabled = false, style, children, ...rest }) {
|
|
97
|
+
const { theme } = (0, theme_1.useTheme)();
|
|
98
|
+
const { expandedValues } = useAccordionContext('AccordionItem');
|
|
99
|
+
const expanded = expandedValues.includes(value);
|
|
100
|
+
const itemContext = (0, react_1.useMemo)(() => ({ value, expanded, disabled }), [disabled, expanded, value]);
|
|
101
|
+
return ((0, jsx_runtime_1.jsx)(ItemContext.Provider, { value: itemContext, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { ...rest, style: (0, cn_1.cn)(Accordion_styles_1.accordionStyles.item, { borderBottomColor: theme.colors.border }, style), children: children }) }));
|
|
102
|
+
}
|
|
103
|
+
AccordionItem.displayName = 'AccordionItem';
|
|
104
|
+
function AccordionTrigger({ style, children, ...rest }) {
|
|
105
|
+
const { theme } = (0, theme_1.useTheme)();
|
|
106
|
+
const { toggle } = useAccordionContext('AccordionTrigger');
|
|
107
|
+
const { value, expanded, disabled } = useItemContext('AccordionTrigger');
|
|
108
|
+
return ((0, jsx_runtime_1.jsxs)(Pressable_1.PressablePrimitive, { ...rest, disabled: disabled, onPress: () => toggle(value), accessibilityRole: "button", accessibilityState: { expanded, disabled }, style: (0, cn_1.cn)(Accordion_styles_1.accordionStyles.trigger, { opacity: disabled ? 0.5 : 1 }, style), children: [(0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: "foreground", fontSize: "base", fontWeight: "medium", style: Accordion_styles_1.accordionStyles.triggerLabel, children: children }), (0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: (0, cn_1.cn)(Accordion_styles_1.accordionStyles.chevron, expanded
|
|
109
|
+
? Accordion_styles_1.accordionStyles.chevronExpanded
|
|
110
|
+
: Accordion_styles_1.accordionStyles.chevronCollapsed, { borderColor: theme.colors.mutedForeground }) })] }));
|
|
111
|
+
}
|
|
112
|
+
AccordionTrigger.displayName = 'AccordionTrigger';
|
|
113
|
+
function AccordionContent({ style, children, ...rest }) {
|
|
114
|
+
const { expanded } = useItemContext('AccordionContent');
|
|
115
|
+
// Collapse unmounts the content (no built-in height animation in RN).
|
|
116
|
+
if (!expanded)
|
|
117
|
+
return null;
|
|
118
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ...rest, style: (0, cn_1.cn)(Accordion_styles_1.accordionStyles.content, style), children: typeof children === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { color: "mutedForeground", fontSize: "sm", children: children })) : (children) }));
|
|
119
|
+
}
|
|
120
|
+
AccordionContent.displayName = 'AccordionContent';
|
|
121
|
+
//# sourceMappingURL=Accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Accordion Styles
|
|
3
|
+
*
|
|
4
|
+
* Static styles created with StyleSheet.create. The item divider color and
|
|
5
|
+
* chevron color are resolved from the theme at render time.
|
|
6
|
+
*/
|
|
7
|
+
export declare const accordionStyles: any;
|
|
8
|
+
//# sourceMappingURL=Accordion.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.styles.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,eAAe,KAmC1B,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Accordion Styles
|
|
4
|
+
*
|
|
5
|
+
* Static styles created with StyleSheet.create. The item divider color and
|
|
6
|
+
* chevron color are resolved from the theme at render time.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.accordionStyles = void 0;
|
|
10
|
+
const react_native_1 = require("react-native");
|
|
11
|
+
const design_tokens_1 = require("../../design-tokens");
|
|
12
|
+
exports.accordionStyles = react_native_1.StyleSheet.create({
|
|
13
|
+
root: {
|
|
14
|
+
width: '100%',
|
|
15
|
+
},
|
|
16
|
+
item: {
|
|
17
|
+
borderBottomWidth: react_native_1.StyleSheet.hairlineWidth,
|
|
18
|
+
},
|
|
19
|
+
trigger: {
|
|
20
|
+
flexDirection: 'row',
|
|
21
|
+
alignItems: 'center',
|
|
22
|
+
justifyContent: 'space-between',
|
|
23
|
+
gap: design_tokens_1.spacing[2],
|
|
24
|
+
minHeight: 48,
|
|
25
|
+
paddingVertical: design_tokens_1.spacing[3],
|
|
26
|
+
},
|
|
27
|
+
triggerLabel: {
|
|
28
|
+
flex: 1,
|
|
29
|
+
},
|
|
30
|
+
content: {
|
|
31
|
+
paddingBottom: design_tokens_1.spacing[4],
|
|
32
|
+
paddingTop: design_tokens_1.spacing[1],
|
|
33
|
+
},
|
|
34
|
+
chevron: {
|
|
35
|
+
width: 10,
|
|
36
|
+
height: 10,
|
|
37
|
+
borderTopWidth: 2,
|
|
38
|
+
borderRightWidth: 2,
|
|
39
|
+
},
|
|
40
|
+
chevronCollapsed: {
|
|
41
|
+
// Corner (top + right borders) rotated to point downwards.
|
|
42
|
+
transform: [{ rotate: '135deg' }],
|
|
43
|
+
},
|
|
44
|
+
chevronExpanded: {
|
|
45
|
+
transform: [{ rotate: '-45deg' }],
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
//# sourceMappingURL=Accordion.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.styles.js","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.styles.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,+CAA0C;AAC1C,uDAA8C;AAEjC,QAAA,eAAe,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/C,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;KACd;IACD,IAAI,EAAE;QACJ,iBAAiB,EAAE,yBAAU,CAAC,aAAa;KAC5C;IACD,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,GAAG,EAAE,uBAAO,CAAC,CAAC,CAAC;QACf,SAAS,EAAE,EAAE;QACb,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;KAC5B;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,CAAC;KACR;IACD,OAAO,EAAE;QACP,aAAa,EAAE,uBAAO,CAAC,CAAC,CAAC;QACzB,UAAU,EAAE,uBAAO,CAAC,CAAC,CAAC;KACvB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,cAAc,EAAE,CAAC;QACjB,gBAAgB,EAAE,CAAC;KACpB;IACD,gBAAgB,EAAE;QAChB,2DAA2D;QAC3D,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;KAClC;IACD,eAAe,EAAE;QACf,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;KAClC;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Accordion Types
|
|
3
|
+
*
|
|
4
|
+
* Compound accordion: Accordion → AccordionItem → AccordionTrigger / Content.
|
|
5
|
+
* Supports single/multiple expansion with controlled and uncontrolled state.
|
|
6
|
+
*/
|
|
7
|
+
import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
|
|
8
|
+
import type { ReactNode } from 'react';
|
|
9
|
+
export type AccordionType = 'single' | 'multiple';
|
|
10
|
+
interface AccordionBaseProps extends Omit<ViewProps, 'style'> {
|
|
11
|
+
/** Allow collapsing the open item in `single` mode. Defaults to `false`. */
|
|
12
|
+
collapsible?: boolean;
|
|
13
|
+
style?: StyleProp<ViewStyle>;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export type AccordionProps = (AccordionBaseProps & {
|
|
17
|
+
type?: 'single';
|
|
18
|
+
/** Controlled open value (undefined = closed). */
|
|
19
|
+
value?: string;
|
|
20
|
+
defaultValue?: string;
|
|
21
|
+
onValueChange?: (value: string | undefined) => void;
|
|
22
|
+
}) | (AccordionBaseProps & {
|
|
23
|
+
type: 'multiple';
|
|
24
|
+
/** Controlled open values. */
|
|
25
|
+
value?: string[];
|
|
26
|
+
defaultValue?: string[];
|
|
27
|
+
onValueChange?: (value: string[]) => void;
|
|
28
|
+
});
|
|
29
|
+
export interface AccordionItemProps extends Omit<ViewProps, 'style'> {
|
|
30
|
+
/** Unique identifier for this item. */
|
|
31
|
+
value: string;
|
|
32
|
+
disabled?: boolean;
|
|
33
|
+
style?: StyleProp<ViewStyle>;
|
|
34
|
+
children?: ReactNode;
|
|
35
|
+
}
|
|
36
|
+
export interface AccordionTriggerProps extends Omit<ViewProps, 'style'> {
|
|
37
|
+
style?: StyleProp<ViewStyle>;
|
|
38
|
+
children?: ReactNode;
|
|
39
|
+
}
|
|
40
|
+
export interface AccordionContentProps extends Omit<ViewProps, 'style'> {
|
|
41
|
+
style?: StyleProp<ViewStyle>;
|
|
42
|
+
children?: ReactNode;
|
|
43
|
+
}
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=Accordion.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElD,UAAU,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC3D,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,MAAM,cAAc,GACtB,CAAC,kBAAkB,GAAG;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACrD,CAAC,GACF,CAAC,kBAAkB,GAAG;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C,CAAC,CAAC;AAEP,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAClE,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Accordion Types
|
|
4
|
+
*
|
|
5
|
+
* Compound accordion: Accordion → AccordionItem → AccordionTrigger / Content.
|
|
6
|
+
* Supports single/multiple expansion with controlled and uncontrolled state.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
//# sourceMappingURL=Accordion.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.types.js","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.types.ts"],"names":[],"mappings":";AAAA;;;;;GAKG"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Accordion Barrel Export
|
|
3
|
+
*/
|
|
4
|
+
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './Accordion';
|
|
5
|
+
export type { AccordionProps, AccordionType, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, } from './Accordion.types';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Accordion Barrel Export
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.AccordionContent = exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = void 0;
|
|
7
|
+
var Accordion_1 = require("./Accordion");
|
|
8
|
+
Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return Accordion_1.Accordion; } });
|
|
9
|
+
Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return Accordion_1.AccordionItem; } });
|
|
10
|
+
Object.defineProperty(exports, "AccordionTrigger", { enumerable: true, get: function () { return Accordion_1.AccordionTrigger; } });
|
|
11
|
+
Object.defineProperty(exports, "AccordionContent", { enumerable: true, get: function () { return Accordion_1.AccordionContent; } });
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,yCAKqB;AAJnB,sGAAA,SAAS,OAAA;AACT,0GAAA,aAAa,OAAA;AACb,6GAAA,gBAAgB,OAAA;AAChB,6GAAA,gBAAgB,OAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Alert
|
|
3
|
+
*
|
|
4
|
+
* A themed banner conveying important information. Supports an optional title,
|
|
5
|
+
* description content, a dismiss button, and semantic variants
|
|
6
|
+
* (default / destructive / success / info).
|
|
7
|
+
*
|
|
8
|
+
* Exposes `accessibilityRole="alert"` with a polite live region so screen
|
|
9
|
+
* readers announce the content when it appears.
|
|
10
|
+
*/
|
|
11
|
+
import type { AlertProps } from './Alert.types';
|
|
12
|
+
export declare function Alert({ title, variant: variantProp, onDismiss, dismissLabel, style, children, ...rest }: AlertProps): import("react").JSX.Element;
|
|
13
|
+
export declare namespace Alert {
|
|
14
|
+
var displayName: string;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=Alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAQH,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AAE9D,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,SAAS,EACT,YAAwB,EACxB,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,+BAyDZ;yBAjEe,KAAK"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Alert = Alert;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
* ANAN-UI — Component: Alert
|
|
7
|
+
*
|
|
8
|
+
* A themed banner conveying important information. Supports an optional title,
|
|
9
|
+
* description content, a dismiss button, and semantic variants
|
|
10
|
+
* (default / destructive / success / info).
|
|
11
|
+
*
|
|
12
|
+
* Exposes `accessibilityRole="alert"` with a polite live region so screen
|
|
13
|
+
* readers announce the content when it appears.
|
|
14
|
+
*/
|
|
15
|
+
const react_native_1 = require("react-native");
|
|
16
|
+
const theme_1 = require("../../theme");
|
|
17
|
+
const cn_1 = require("../../utils/cn");
|
|
18
|
+
const Text_1 = require("../../primitives/Text");
|
|
19
|
+
const Alert_variants_1 = require("./Alert.variants");
|
|
20
|
+
const Alert_styles_1 = require("./Alert.styles");
|
|
21
|
+
function Alert({ title, variant: variantProp, onDismiss, dismissLabel = 'Dismiss', style, children, ...rest }) {
|
|
22
|
+
const { theme } = (0, theme_1.useTheme)();
|
|
23
|
+
const { container, title: titleColors, defaultVariant } = (0, Alert_variants_1.getAlertVariants)(theme);
|
|
24
|
+
const variant = variantProp ?? defaultVariant;
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { ...rest, style: (0, cn_1.cn)(Alert_styles_1.alertStyles.root, container[variant], style), children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { accessible: true, accessibilityRole: "alert", accessibilityLiveRegion: "polite", style: Alert_styles_1.alertStyles.body, children: [title !== undefined && ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { fontSize: "base", fontWeight: "semibold", style: titleColors[variant], children: title })), typeof children === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { fontSize: "sm", style: { color: theme.colors[(0, Alert_variants_1.getAlertDescriptionColor)(variant)] }, children: children })) : (children)] }), onDismiss !== undefined && ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: onDismiss, accessibilityRole: "button", accessibilityLabel: dismissLabel, hitSlop: 8, style: (0, cn_1.cn)(Alert_styles_1.alertStyles.dismiss, { opacity: 0.8 }), children: (0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { fontSize: "sm", fontWeight: "bold", style: { color: theme.colors[(0, Alert_variants_1.getAlertDescriptionColor)(variant)] }, children: '\u00D7' }) }))] }));
|
|
26
|
+
}
|
|
27
|
+
Alert.displayName = 'Alert';
|
|
28
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":";;AAmBA,sBAiEC;;AApFD;;;;;;;;;GASG;AAEH,+CAA+C;AAC/C,uCAAuC;AACvC,uCAAoC;AACpC,gDAAsD;AACtD,qDAA8E;AAC9E,iDAA6C;AAG7C,SAAgB,KAAK,CAAC,EACpB,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,SAAS,EACT,YAAY,GAAG,SAAS,EACxB,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACI;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAA,iCAAgB,EAAC,KAAK,CAAC,CAAC;IAClF,MAAM,OAAO,GAAiB,WAAW,IAAI,cAAc,CAAC;IAE5D,OAAO,CACL,wBAAC,mBAAI,OACC,IAAI,EACR,KAAK,EAAE,IAAA,OAAE,EAAC,0BAAW,CAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,aAEtD,wBAAC,mBAAI,IACH,UAAU,QACV,iBAAiB,EAAC,OAAO,EACzB,uBAAuB,EAAC,QAAQ,EAChC,KAAK,EAAE,0BAAW,CAAC,IAAI,aAEtB,KAAK,KAAK,SAAS,IAAI,CACtB,uBAAC,oBAAa,IACZ,QAAQ,EAAC,MAAM,EACf,UAAU,EAAC,UAAU,EACrB,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,YAE1B,KAAK,GACQ,CACjB,EAEA,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,uBAAC,oBAAa,IACZ,QAAQ,EAAC,IAAI,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAA,yCAAwB,EAAC,OAAO,CAAC,CAAC,EAAE,YAEhE,QAAQ,GACK,CACjB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,IACI,EAEN,SAAS,KAAK,SAAS,IAAI,CAC1B,uBAAC,wBAAS,IACR,OAAO,EAAE,SAAS,EAClB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,YAAY,EAChC,OAAO,EAAE,CAAC,EACV,KAAK,EAAE,IAAA,OAAE,EAAC,0BAAW,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAEhD,uBAAC,oBAAa,IACZ,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,MAAM,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAA,yCAAwB,EAAC,OAAO,CAAC,CAAC,EAAE,YAEhE,QAAQ,GACK,GACN,CACb,IACI,CACR,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Alert Styles
|
|
3
|
+
*
|
|
4
|
+
* Static styles created with StyleSheet.create. The surface and title colors
|
|
5
|
+
* are resolved from the theme at render time via Alert.variants.
|
|
6
|
+
*/
|
|
7
|
+
export declare const alertStyles: any;
|
|
8
|
+
//# sourceMappingURL=Alert.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.styles.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,WAAW,KAuBtB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Alert Styles
|
|
4
|
+
*
|
|
5
|
+
* Static styles created with StyleSheet.create. The surface and title colors
|
|
6
|
+
* are resolved from the theme at render time via Alert.variants.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.alertStyles = void 0;
|
|
10
|
+
const react_native_1 = require("react-native");
|
|
11
|
+
const design_tokens_1 = require("../../design-tokens");
|
|
12
|
+
exports.alertStyles = react_native_1.StyleSheet.create({
|
|
13
|
+
root: {
|
|
14
|
+
flexDirection: 'row',
|
|
15
|
+
gap: design_tokens_1.spacing[3],
|
|
16
|
+
padding: design_tokens_1.spacing[4],
|
|
17
|
+
borderRadius: design_tokens_1.borderRadius.lg,
|
|
18
|
+
borderWidth: 1,
|
|
19
|
+
},
|
|
20
|
+
body: {
|
|
21
|
+
flex: 1,
|
|
22
|
+
gap: design_tokens_1.spacing[1],
|
|
23
|
+
},
|
|
24
|
+
dismiss: {
|
|
25
|
+
width: 24,
|
|
26
|
+
height: 24,
|
|
27
|
+
alignItems: 'center',
|
|
28
|
+
justifyContent: 'center',
|
|
29
|
+
borderRadius: design_tokens_1.borderRadius.full,
|
|
30
|
+
},
|
|
31
|
+
dismissGlyph: {
|
|
32
|
+
fontSize: 16,
|
|
33
|
+
lineHeight: 18,
|
|
34
|
+
},
|
|
35
|
+
});
|
|
36
|
+
//# sourceMappingURL=Alert.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.styles.js","sourceRoot":"","sources":["../../../src/components/alert/Alert.styles.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,+CAA0C;AAC1C,uDAA4D;AAE/C,QAAA,WAAW,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC3C,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,uBAAO,CAAC,CAAC,CAAC;QACf,OAAO,EAAE,uBAAO,CAAC,CAAC,CAAC;QACnB,YAAY,EAAE,4BAAY,CAAC,EAAE;QAC7B,WAAW,EAAE,CAAC;KACf;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,uBAAO,CAAC,CAAC,CAAC;KAChB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,4BAAY,CAAC,IAAI;KAChC;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;KACf;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Alert Types
|
|
3
|
+
*
|
|
4
|
+
* A themed banner conveying important information, with optional title,
|
|
5
|
+
* dismiss button, and semantic variants.
|
|
6
|
+
*/
|
|
7
|
+
import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
|
|
8
|
+
import type { ReactNode } from 'react';
|
|
9
|
+
export type AlertVariant = 'default' | 'destructive' | 'success' | 'info';
|
|
10
|
+
export interface AlertProps extends Omit<ViewProps, 'style'> {
|
|
11
|
+
/** Optional heading rendered above the description. */
|
|
12
|
+
title?: string;
|
|
13
|
+
/** Semantic variant; drives the surface and title color. */
|
|
14
|
+
variant?: AlertVariant;
|
|
15
|
+
/** Renders a close button and is called when it is pressed. */
|
|
16
|
+
onDismiss?: () => void;
|
|
17
|
+
/** Accessible label for the close button. Defaults to "Dismiss". */
|
|
18
|
+
dismissLabel?: string;
|
|
19
|
+
style?: StyleProp<ViewStyle>;
|
|
20
|
+
children?: ReactNode;
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=Alert.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1E,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC1D,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Alert Types
|
|
4
|
+
*
|
|
5
|
+
* A themed banner conveying important information, with optional title,
|
|
6
|
+
* dismiss button, and semantic variants.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
//# sourceMappingURL=Alert.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.types.js","sourceRoot":"","sources":["../../../src/components/alert/Alert.types.ts"],"names":[],"mappings":";AAAA;;;;;GAKG"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Alert Variants
|
|
3
|
+
*
|
|
4
|
+
* Variant surface styles resolved against the active theme at render time.
|
|
5
|
+
* Existing semantic roles are reused: `accent` (green) for success and
|
|
6
|
+
* `primary` for info — no hardcoded colors.
|
|
7
|
+
*/
|
|
8
|
+
import type { TextStyle, ViewStyle } from 'react-native';
|
|
9
|
+
import type { Theme, ThemeColors } from '../../theme/types';
|
|
10
|
+
import type { AlertVariant } from './Alert.types';
|
|
11
|
+
export interface AlertVariantConfig {
|
|
12
|
+
container: Record<AlertVariant, ViewStyle>;
|
|
13
|
+
title: Record<AlertVariant, TextStyle>;
|
|
14
|
+
defaultVariant: AlertVariant;
|
|
15
|
+
}
|
|
16
|
+
export declare function getAlertVariants(theme: Theme): AlertVariantConfig;
|
|
17
|
+
/** Foreground color role for the description text of each variant. */
|
|
18
|
+
export declare function getAlertDescriptionColor(variant: AlertVariant): keyof ThemeColors;
|
|
19
|
+
//# sourceMappingURL=Alert.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.variants.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.variants.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACvC,cAAc,EAAE,YAAY,CAAC;CAC9B;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB,CA4BjE;AAED,sEAAsE;AACtE,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,YAAY,GACpB,MAAM,WAAW,CAKnB"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Alert Variants
|
|
4
|
+
*
|
|
5
|
+
* Variant surface styles resolved against the active theme at render time.
|
|
6
|
+
* Existing semantic roles are reused: `accent` (green) for success and
|
|
7
|
+
* `primary` for info — no hardcoded colors.
|
|
8
|
+
*/
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.getAlertVariants = getAlertVariants;
|
|
11
|
+
exports.getAlertDescriptionColor = getAlertDescriptionColor;
|
|
12
|
+
function getAlertVariants(theme) {
|
|
13
|
+
return {
|
|
14
|
+
container: {
|
|
15
|
+
default: {
|
|
16
|
+
backgroundColor: theme.colors.card,
|
|
17
|
+
borderColor: theme.colors.border,
|
|
18
|
+
},
|
|
19
|
+
destructive: {
|
|
20
|
+
backgroundColor: theme.colors.destructive,
|
|
21
|
+
borderColor: 'transparent',
|
|
22
|
+
},
|
|
23
|
+
success: {
|
|
24
|
+
backgroundColor: theme.colors.accent,
|
|
25
|
+
borderColor: 'transparent',
|
|
26
|
+
},
|
|
27
|
+
info: {
|
|
28
|
+
backgroundColor: theme.colors.primary,
|
|
29
|
+
borderColor: 'transparent',
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
title: {
|
|
33
|
+
default: { color: theme.colors.foreground },
|
|
34
|
+
destructive: { color: theme.colors.destructiveForeground },
|
|
35
|
+
success: { color: theme.colors.accentForeground },
|
|
36
|
+
info: { color: theme.colors.primaryForeground },
|
|
37
|
+
},
|
|
38
|
+
defaultVariant: 'default',
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
/** Foreground color role for the description text of each variant. */
|
|
42
|
+
function getAlertDescriptionColor(variant) {
|
|
43
|
+
if (variant === 'destructive')
|
|
44
|
+
return 'destructiveForeground';
|
|
45
|
+
if (variant === 'success')
|
|
46
|
+
return 'accentForeground';
|
|
47
|
+
if (variant === 'info')
|
|
48
|
+
return 'primaryForeground';
|
|
49
|
+
return 'mutedForeground';
|
|
50
|
+
}
|
|
51
|
+
//# sourceMappingURL=Alert.variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.variants.js","sourceRoot":"","sources":["../../../src/components/alert/Alert.variants.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAYH,4CA4BC;AAGD,4DAOC;AAtCD,SAAgB,gBAAgB,CAAC,KAAY;IAC3C,OAAO;QACL,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;gBAClC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;aACjC;YACD,WAAW,EAAE;gBACX,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;gBACzC,WAAW,EAAE,aAAa;aAC3B;YACD,OAAO,EAAE;gBACP,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;gBACpC,WAAW,EAAE,aAAa;aAC3B;YACD,IAAI,EAAE;gBACJ,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBACrC,WAAW,EAAE,aAAa;aAC3B;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE;YAC3C,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE;YAC1D,OAAO,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,EAAE;YACjD,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,EAAE;SAChD;QACD,cAAc,EAAE,SAAS;KAC1B,CAAC;AACJ,CAAC;AAED,sEAAsE;AACtE,SAAgB,wBAAwB,CACtC,OAAqB;IAErB,IAAI,OAAO,KAAK,aAAa;QAAE,OAAO,uBAAuB,CAAC;IAC9D,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,kBAAkB,CAAC;IACrD,IAAI,OAAO,KAAK,MAAM;QAAE,OAAO,mBAAmB,CAAC;IACnD,OAAO,iBAAiB,CAAC;AAC3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Alert Barrel Export
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Alert = void 0;
|
|
7
|
+
var Alert_1 = require("./Alert");
|
|
8
|
+
Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Avatar
|
|
3
|
+
*
|
|
4
|
+
* Displays an image with an initials fallback. The fallback is used when no
|
|
5
|
+
* `src` is provided or when the image fails to load. Exposes
|
|
6
|
+
* `accessibilityRole="image"` with a label from `alt` (falling back to `name`).
|
|
7
|
+
*/
|
|
8
|
+
import type { AvatarProps } from './Avatar.types';
|
|
9
|
+
export declare function Avatar({ src, alt, name, size: sizeProp, variant: variantProp, style, ...rest }: AvatarProps): import("react").JSX.Element;
|
|
10
|
+
export declare namespace Avatar {
|
|
11
|
+
var displayName: string;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH,OAAO,KAAK,EAAE,WAAW,EAA6B,MAAM,gBAAgB,CAAC;AAE7E,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,GAAG,EACH,IAAI,EACJ,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,WAAW,+BA8Cb;yBAtDe,MAAM"}
|