orn-ui 0.1.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 +107 -0
- package/bin/orn-ui.mjs +228 -0
- package/lib/commonjs/atoms/Avatar.js +42 -0
- package/lib/commonjs/atoms/Avatar.js.map +1 -0
- package/lib/commonjs/atoms/Badge.js +82 -0
- package/lib/commonjs/atoms/Badge.js.map +1 -0
- package/lib/commonjs/atoms/Button.js +222 -0
- package/lib/commonjs/atoms/Button.js.map +1 -0
- package/lib/commonjs/atoms/Card.js +33 -0
- package/lib/commonjs/atoms/Card.js.map +1 -0
- package/lib/commonjs/atoms/Checkbox.js +107 -0
- package/lib/commonjs/atoms/Checkbox.js.map +1 -0
- package/lib/commonjs/atoms/Divider.js +27 -0
- package/lib/commonjs/atoms/Divider.js.map +1 -0
- package/lib/commonjs/atoms/EmptyState.js +69 -0
- package/lib/commonjs/atoms/EmptyState.js.map +1 -0
- package/lib/commonjs/atoms/Fab.js +62 -0
- package/lib/commonjs/atoms/Fab.js.map +1 -0
- package/lib/commonjs/atoms/IconButton.js +60 -0
- package/lib/commonjs/atoms/IconButton.js.map +1 -0
- package/lib/commonjs/atoms/Image.js +113 -0
- package/lib/commonjs/atoms/Image.js.map +1 -0
- package/lib/commonjs/atoms/Input.js +173 -0
- package/lib/commonjs/atoms/Input.js.map +1 -0
- package/lib/commonjs/atoms/KeyValueRow.js +60 -0
- package/lib/commonjs/atoms/KeyValueRow.js.map +1 -0
- package/lib/commonjs/atoms/PressableScale.js +60 -0
- package/lib/commonjs/atoms/PressableScale.js.map +1 -0
- package/lib/commonjs/atoms/Spinner.js +156 -0
- package/lib/commonjs/atoms/Spinner.js.map +1 -0
- package/lib/commonjs/atoms/Text.js +63 -0
- package/lib/commonjs/atoms/Text.js.map +1 -0
- package/lib/commonjs/atoms/index.js +135 -0
- package/lib/commonjs/atoms/index.js.map +1 -0
- package/lib/commonjs/icons/Icon.js +40 -0
- package/lib/commonjs/icons/Icon.js.map +1 -0
- package/lib/commonjs/icons/defaultIcons.js +386 -0
- package/lib/commonjs/icons/defaultIcons.js.map +1 -0
- package/lib/commonjs/icons/index.js +20 -0
- package/lib/commonjs/icons/index.js.map +1 -0
- package/lib/commonjs/icons/types.js +6 -0
- package/lib/commonjs/icons/types.js.map +1 -0
- package/lib/commonjs/index.js +61 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/molecules/AvatarHeader.js +87 -0
- package/lib/commonjs/molecules/AvatarHeader.js.map +1 -0
- package/lib/commonjs/molecules/FormActions.js +47 -0
- package/lib/commonjs/molecules/FormActions.js.map +1 -0
- package/lib/commonjs/molecules/InfoRow.js +83 -0
- package/lib/commonjs/molecules/InfoRow.js.map +1 -0
- package/lib/commonjs/molecules/OptionCard.js +98 -0
- package/lib/commonjs/molecules/OptionCard.js.map +1 -0
- package/lib/commonjs/molecules/Stepper.js +104 -0
- package/lib/commonjs/molecules/Stepper.js.map +1 -0
- package/lib/commonjs/molecules/Steps.js +220 -0
- package/lib/commonjs/molecules/Steps.js.map +1 -0
- package/lib/commonjs/molecules/ThemeToggle.js +91 -0
- package/lib/commonjs/molecules/ThemeToggle.js.map +1 -0
- package/lib/commonjs/molecules/index.js +55 -0
- package/lib/commonjs/molecules/index.js.map +1 -0
- package/lib/commonjs/organisms/Alert.js +223 -0
- package/lib/commonjs/organisms/Alert.js.map +1 -0
- package/lib/commonjs/organisms/AlertProvider.js +109 -0
- package/lib/commonjs/organisms/AlertProvider.js.map +1 -0
- package/lib/commonjs/organisms/BottomSheet.js +154 -0
- package/lib/commonjs/organisms/BottomSheet.js.map +1 -0
- package/lib/commonjs/organisms/DateField.js +147 -0
- package/lib/commonjs/organisms/DateField.js.map +1 -0
- package/lib/commonjs/organisms/DatePicker.js +253 -0
- package/lib/commonjs/organisms/DatePicker.js.map +1 -0
- package/lib/commonjs/organisms/List.js +143 -0
- package/lib/commonjs/organisms/List.js.map +1 -0
- package/lib/commonjs/organisms/Modal.js +286 -0
- package/lib/commonjs/organisms/Modal.js.map +1 -0
- package/lib/commonjs/organisms/Screen.js +75 -0
- package/lib/commonjs/organisms/Screen.js.map +1 -0
- package/lib/commonjs/organisms/SearchList.js +180 -0
- package/lib/commonjs/organisms/SearchList.js.map +1 -0
- package/lib/commonjs/organisms/Select.js +178 -0
- package/lib/commonjs/organisms/Select.js.map +1 -0
- package/lib/commonjs/organisms/Toast.js +157 -0
- package/lib/commonjs/organisms/Toast.js.map +1 -0
- package/lib/commonjs/organisms/ToastProvider.js +131 -0
- package/lib/commonjs/organisms/ToastProvider.js.map +1 -0
- package/lib/commonjs/organisms/Wizard.js +116 -0
- package/lib/commonjs/organisms/Wizard.js.map +1 -0
- package/lib/commonjs/organisms/index.js +127 -0
- package/lib/commonjs/organisms/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/theme/UIProvider.js +110 -0
- package/lib/commonjs/theme/UIProvider.js.map +1 -0
- package/lib/commonjs/theme/createStyles.js +42 -0
- package/lib/commonjs/theme/createStyles.js.map +1 -0
- package/lib/commonjs/theme/createTheme.js +50 -0
- package/lib/commonjs/theme/createTheme.js.map +1 -0
- package/lib/commonjs/theme/index.js +151 -0
- package/lib/commonjs/theme/index.js.map +1 -0
- package/lib/commonjs/theme/insets.js +15 -0
- package/lib/commonjs/theme/insets.js.map +1 -0
- package/lib/commonjs/theme/labels.js +18 -0
- package/lib/commonjs/theme/labels.js.map +1 -0
- package/lib/commonjs/theme/palettes.js +42 -0
- package/lib/commonjs/theme/palettes.js.map +1 -0
- package/lib/commonjs/theme/tokens.js +120 -0
- package/lib/commonjs/theme/tokens.js.map +1 -0
- package/lib/commonjs/theme/types.js +6 -0
- package/lib/commonjs/theme/types.js.map +1 -0
- package/lib/module/atoms/Avatar.js +37 -0
- package/lib/module/atoms/Avatar.js.map +1 -0
- package/lib/module/atoms/Badge.js +77 -0
- package/lib/module/atoms/Badge.js.map +1 -0
- package/lib/module/atoms/Button.js +217 -0
- package/lib/module/atoms/Button.js.map +1 -0
- package/lib/module/atoms/Card.js +28 -0
- package/lib/module/atoms/Card.js.map +1 -0
- package/lib/module/atoms/Checkbox.js +102 -0
- package/lib/module/atoms/Checkbox.js.map +1 -0
- package/lib/module/atoms/Divider.js +22 -0
- package/lib/module/atoms/Divider.js.map +1 -0
- package/lib/module/atoms/EmptyState.js +64 -0
- package/lib/module/atoms/EmptyState.js.map +1 -0
- package/lib/module/atoms/Fab.js +57 -0
- package/lib/module/atoms/Fab.js.map +1 -0
- package/lib/module/atoms/IconButton.js +55 -0
- package/lib/module/atoms/IconButton.js.map +1 -0
- package/lib/module/atoms/Image.js +108 -0
- package/lib/module/atoms/Image.js.map +1 -0
- package/lib/module/atoms/Input.js +168 -0
- package/lib/module/atoms/Input.js.map +1 -0
- package/lib/module/atoms/KeyValueRow.js +55 -0
- package/lib/module/atoms/KeyValueRow.js.map +1 -0
- package/lib/module/atoms/PressableScale.js +55 -0
- package/lib/module/atoms/PressableScale.js.map +1 -0
- package/lib/module/atoms/Spinner.js +151 -0
- package/lib/module/atoms/Spinner.js.map +1 -0
- package/lib/module/atoms/Text.js +58 -0
- package/lib/module/atoms/Text.js.map +1 -0
- package/lib/module/atoms/index.js +18 -0
- package/lib/module/atoms/index.js.map +1 -0
- package/lib/module/icons/Icon.js +35 -0
- package/lib/module/icons/Icon.js.map +1 -0
- package/lib/module/icons/defaultIcons.js +381 -0
- package/lib/module/icons/defaultIcons.js.map +1 -0
- package/lib/module/icons/index.js +5 -0
- package/lib/module/icons/index.js.map +1 -0
- package/lib/module/icons/types.js +4 -0
- package/lib/module/icons/types.js.map +1 -0
- package/lib/module/index.js +8 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/molecules/AvatarHeader.js +82 -0
- package/lib/module/molecules/AvatarHeader.js.map +1 -0
- package/lib/module/molecules/FormActions.js +42 -0
- package/lib/module/molecules/FormActions.js.map +1 -0
- package/lib/module/molecules/InfoRow.js +78 -0
- package/lib/module/molecules/InfoRow.js.map +1 -0
- package/lib/module/molecules/OptionCard.js +93 -0
- package/lib/module/molecules/OptionCard.js.map +1 -0
- package/lib/module/molecules/Stepper.js +99 -0
- package/lib/module/molecules/Stepper.js.map +1 -0
- package/lib/module/molecules/Steps.js +215 -0
- package/lib/module/molecules/Steps.js.map +1 -0
- package/lib/module/molecules/ThemeToggle.js +86 -0
- package/lib/module/molecules/ThemeToggle.js.map +1 -0
- package/lib/module/molecules/index.js +10 -0
- package/lib/module/molecules/index.js.map +1 -0
- package/lib/module/organisms/Alert.js +218 -0
- package/lib/module/organisms/Alert.js.map +1 -0
- package/lib/module/organisms/AlertProvider.js +103 -0
- package/lib/module/organisms/AlertProvider.js.map +1 -0
- package/lib/module/organisms/BottomSheet.js +149 -0
- package/lib/module/organisms/BottomSheet.js.map +1 -0
- package/lib/module/organisms/DateField.js +142 -0
- package/lib/module/organisms/DateField.js.map +1 -0
- package/lib/module/organisms/DatePicker.js +247 -0
- package/lib/module/organisms/DatePicker.js.map +1 -0
- package/lib/module/organisms/List.js +138 -0
- package/lib/module/organisms/List.js.map +1 -0
- package/lib/module/organisms/Modal.js +281 -0
- package/lib/module/organisms/Modal.js.map +1 -0
- package/lib/module/organisms/Screen.js +70 -0
- package/lib/module/organisms/Screen.js.map +1 -0
- package/lib/module/organisms/SearchList.js +175 -0
- package/lib/module/organisms/SearchList.js.map +1 -0
- package/lib/module/organisms/Select.js +173 -0
- package/lib/module/organisms/Select.js.map +1 -0
- package/lib/module/organisms/Toast.js +152 -0
- package/lib/module/organisms/Toast.js.map +1 -0
- package/lib/module/organisms/ToastProvider.js +125 -0
- package/lib/module/organisms/ToastProvider.js.map +1 -0
- package/lib/module/organisms/Wizard.js +111 -0
- package/lib/module/organisms/Wizard.js.map +1 -0
- package/lib/module/organisms/index.js +16 -0
- package/lib/module/organisms/index.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/module/theme/UIProvider.js +97 -0
- package/lib/module/theme/UIProvider.js.map +1 -0
- package/lib/module/theme/createStyles.js +38 -0
- package/lib/module/theme/createStyles.js.map +1 -0
- package/lib/module/theme/createTheme.js +45 -0
- package/lib/module/theme/createTheme.js.map +1 -0
- package/lib/module/theme/index.js +10 -0
- package/lib/module/theme/index.js.map +1 -0
- package/lib/module/theme/insets.js +11 -0
- package/lib/module/theme/insets.js.map +1 -0
- package/lib/module/theme/labels.js +14 -0
- package/lib/module/theme/labels.js.map +1 -0
- package/lib/module/theme/palettes.js +38 -0
- package/lib/module/theme/palettes.js.map +1 -0
- package/lib/module/theme/tokens.js +117 -0
- package/lib/module/theme/tokens.js.map +1 -0
- package/lib/module/theme/types.js +4 -0
- package/lib/module/theme/types.js.map +1 -0
- package/lib/typescript/atoms/Avatar.d.ts +15 -0
- package/lib/typescript/atoms/Avatar.d.ts.map +1 -0
- package/lib/typescript/atoms/Badge.d.ts +19 -0
- package/lib/typescript/atoms/Badge.d.ts.map +1 -0
- package/lib/typescript/atoms/Button.d.ts +30 -0
- package/lib/typescript/atoms/Button.d.ts.map +1 -0
- package/lib/typescript/atoms/Card.d.ts +8 -0
- package/lib/typescript/atoms/Card.d.ts.map +1 -0
- package/lib/typescript/atoms/Checkbox.d.ts +11 -0
- package/lib/typescript/atoms/Checkbox.d.ts.map +1 -0
- package/lib/typescript/atoms/Divider.d.ts +8 -0
- package/lib/typescript/atoms/Divider.d.ts.map +1 -0
- package/lib/typescript/atoms/EmptyState.d.ts +12 -0
- package/lib/typescript/atoms/EmptyState.d.ts.map +1 -0
- package/lib/typescript/atoms/Fab.d.ts +22 -0
- package/lib/typescript/atoms/Fab.d.ts.map +1 -0
- package/lib/typescript/atoms/IconButton.d.ts +23 -0
- package/lib/typescript/atoms/IconButton.d.ts.map +1 -0
- package/lib/typescript/atoms/Image.d.ts +45 -0
- package/lib/typescript/atoms/Image.d.ts.map +1 -0
- package/lib/typescript/atoms/Input.d.ts +24 -0
- package/lib/typescript/atoms/Input.d.ts.map +1 -0
- package/lib/typescript/atoms/KeyValueRow.d.ts +17 -0
- package/lib/typescript/atoms/KeyValueRow.d.ts.map +1 -0
- package/lib/typescript/atoms/PressableScale.d.ts +15 -0
- package/lib/typescript/atoms/PressableScale.d.ts.map +1 -0
- package/lib/typescript/atoms/Spinner.d.ts +20 -0
- package/lib/typescript/atoms/Spinner.d.ts.map +1 -0
- package/lib/typescript/atoms/Text.d.ts +13 -0
- package/lib/typescript/atoms/Text.d.ts.map +1 -0
- package/lib/typescript/atoms/index.d.ts +31 -0
- package/lib/typescript/atoms/index.d.ts.map +1 -0
- package/lib/typescript/icons/Icon.d.ts +18 -0
- package/lib/typescript/icons/Icon.d.ts.map +1 -0
- package/lib/typescript/icons/defaultIcons.d.ts +5 -0
- package/lib/typescript/icons/defaultIcons.d.ts.map +1 -0
- package/lib/typescript/icons/index.d.ts +5 -0
- package/lib/typescript/icons/index.d.ts.map +1 -0
- package/lib/typescript/icons/types.d.ts +10 -0
- package/lib/typescript/icons/types.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +6 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/molecules/AvatarHeader.d.ts +20 -0
- package/lib/typescript/molecules/AvatarHeader.d.ts.map +1 -0
- package/lib/typescript/molecules/FormActions.d.ts +21 -0
- package/lib/typescript/molecules/FormActions.d.ts.map +1 -0
- package/lib/typescript/molecules/InfoRow.d.ts +17 -0
- package/lib/typescript/molecules/InfoRow.d.ts.map +1 -0
- package/lib/typescript/molecules/OptionCard.d.ts +20 -0
- package/lib/typescript/molecules/OptionCard.d.ts.map +1 -0
- package/lib/typescript/molecules/Stepper.d.ts +15 -0
- package/lib/typescript/molecules/Stepper.d.ts.map +1 -0
- package/lib/typescript/molecules/Steps.d.ts +29 -0
- package/lib/typescript/molecules/Steps.d.ts.map +1 -0
- package/lib/typescript/molecules/ThemeToggle.d.ts +15 -0
- package/lib/typescript/molecules/ThemeToggle.d.ts.map +1 -0
- package/lib/typescript/molecules/index.d.ts +15 -0
- package/lib/typescript/molecules/index.d.ts.map +1 -0
- package/lib/typescript/organisms/Alert.d.ts +29 -0
- package/lib/typescript/organisms/Alert.d.ts.map +1 -0
- package/lib/typescript/organisms/AlertProvider.d.ts +32 -0
- package/lib/typescript/organisms/AlertProvider.d.ts.map +1 -0
- package/lib/typescript/organisms/BottomSheet.d.ts +15 -0
- package/lib/typescript/organisms/BottomSheet.d.ts.map +1 -0
- package/lib/typescript/organisms/DateField.d.ts +26 -0
- package/lib/typescript/organisms/DateField.d.ts.map +1 -0
- package/lib/typescript/organisms/DatePicker.d.ts +49 -0
- package/lib/typescript/organisms/DatePicker.d.ts.map +1 -0
- package/lib/typescript/organisms/List.d.ts +35 -0
- package/lib/typescript/organisms/List.d.ts.map +1 -0
- package/lib/typescript/organisms/Modal.d.ts +25 -0
- package/lib/typescript/organisms/Modal.d.ts.map +1 -0
- package/lib/typescript/organisms/Screen.d.ts +26 -0
- package/lib/typescript/organisms/Screen.d.ts.map +1 -0
- package/lib/typescript/organisms/SearchList.d.ts +40 -0
- package/lib/typescript/organisms/SearchList.d.ts.map +1 -0
- package/lib/typescript/organisms/Select.d.ts +25 -0
- package/lib/typescript/organisms/Select.d.ts.map +1 -0
- package/lib/typescript/organisms/Toast.d.ts +28 -0
- package/lib/typescript/organisms/Toast.d.ts.map +1 -0
- package/lib/typescript/organisms/ToastProvider.d.ts +36 -0
- package/lib/typescript/organisms/ToastProvider.d.ts.map +1 -0
- package/lib/typescript/organisms/Wizard.d.ts +40 -0
- package/lib/typescript/organisms/Wizard.d.ts.map +1 -0
- package/lib/typescript/organisms/index.d.ts +27 -0
- package/lib/typescript/organisms/index.d.ts.map +1 -0
- package/lib/typescript/theme/UIProvider.d.ts +47 -0
- package/lib/typescript/theme/UIProvider.d.ts.map +1 -0
- package/lib/typescript/theme/createStyles.d.ts +21 -0
- package/lib/typescript/theme/createStyles.d.ts.map +1 -0
- package/lib/typescript/theme/createTheme.d.ts +9 -0
- package/lib/typescript/theme/createTheme.d.ts.map +1 -0
- package/lib/typescript/theme/index.d.ts +14 -0
- package/lib/typescript/theme/index.d.ts.map +1 -0
- package/lib/typescript/theme/insets.d.ts +9 -0
- package/lib/typescript/theme/insets.d.ts.map +1 -0
- package/lib/typescript/theme/labels.d.ts +13 -0
- package/lib/typescript/theme/labels.d.ts.map +1 -0
- package/lib/typescript/theme/palettes.d.ts +24 -0
- package/lib/typescript/theme/palettes.d.ts.map +1 -0
- package/lib/typescript/theme/tokens.d.ts +41 -0
- package/lib/typescript/theme/tokens.d.ts.map +1 -0
- package/lib/typescript/theme/types.d.ts +24 -0
- package/lib/typescript/theme/types.d.ts.map +1 -0
- package/package.json +311 -0
- package/registry/alert-provider.json +21 -0
- package/registry/alert.json +19 -0
- package/registry/avatar-header.json +18 -0
- package/registry/avatar.json +18 -0
- package/registry/badge.json +18 -0
- package/registry/bottom-sheet.json +18 -0
- package/registry/button.json +18 -0
- package/registry/card.json +18 -0
- package/registry/checkbox.json +18 -0
- package/registry/core.json +64 -0
- package/registry/date-field.json +24 -0
- package/registry/date-picker.json +23 -0
- package/registry/divider.json +18 -0
- package/registry/empty-state.json +18 -0
- package/registry/fab.json +19 -0
- package/registry/form-actions.json +19 -0
- package/registry/icon-button.json +19 -0
- package/registry/image.json +20 -0
- package/registry/index.json +465 -0
- package/registry/info-row.json +19 -0
- package/registry/input.json +18 -0
- package/registry/key-value-row.json +18 -0
- package/registry/list.json +20 -0
- package/registry/manifest.json +263 -0
- package/registry/modal.json +21 -0
- package/registry/option-card.json +18 -0
- package/registry/pressable-scale.json +18 -0
- package/registry/screen.json +18 -0
- package/registry/search-list.json +23 -0
- package/registry/select.json +18 -0
- package/registry/spinner.json +18 -0
- package/registry/stepper.json +18 -0
- package/registry/steps.json +18 -0
- package/registry/theme-toggle.json +18 -0
- package/registry/title.json +21 -0
- package/registry/toast-provider.json +20 -0
- package/registry/toast.json +18 -0
- package/registry/wizard.json +20 -0
- package/src/atoms/Avatar.tsx +40 -0
- package/src/atoms/Badge.tsx +55 -0
- package/src/atoms/Button.tsx +186 -0
- package/src/atoms/Card.tsx +27 -0
- package/src/atoms/Checkbox.tsx +75 -0
- package/src/atoms/Divider.tsx +14 -0
- package/src/atoms/EmptyState.tsx +60 -0
- package/src/atoms/Fab.tsx +63 -0
- package/src/atoms/IconButton.tsx +53 -0
- package/src/atoms/Image.tsx +137 -0
- package/src/atoms/Input.tsx +166 -0
- package/src/atoms/KeyValueRow.tsx +48 -0
- package/src/atoms/PressableScale.tsx +52 -0
- package/src/atoms/Spinner.tsx +127 -0
- package/src/atoms/Text.tsx +58 -0
- package/src/atoms/index.ts +30 -0
- package/src/icons/Icon.tsx +27 -0
- package/src/icons/defaultIcons.tsx +292 -0
- package/src/icons/index.ts +4 -0
- package/src/icons/types.ts +27 -0
- package/src/index.ts +5 -0
- package/src/molecules/AvatarHeader.tsx +69 -0
- package/src/molecules/FormActions.tsx +52 -0
- package/src/molecules/InfoRow.tsx +52 -0
- package/src/molecules/OptionCard.tsx +82 -0
- package/src/molecules/Stepper.tsx +76 -0
- package/src/molecules/Steps.tsx +198 -0
- package/src/molecules/ThemeToggle.tsx +67 -0
- package/src/molecules/index.ts +14 -0
- package/src/organisms/Alert.tsx +162 -0
- package/src/organisms/AlertProvider.tsx +125 -0
- package/src/organisms/BottomSheet.tsx +95 -0
- package/src/organisms/DateField.tsx +134 -0
- package/src/organisms/DatePicker.tsx +255 -0
- package/src/organisms/List.tsx +154 -0
- package/src/organisms/Modal.tsx +251 -0
- package/src/organisms/Screen.tsx +84 -0
- package/src/organisms/SearchList.tsx +186 -0
- package/src/organisms/Select.tsx +156 -0
- package/src/organisms/Toast.tsx +135 -0
- package/src/organisms/ToastProvider.tsx +166 -0
- package/src/organisms/Wizard.tsx +137 -0
- package/src/organisms/index.ts +26 -0
- package/src/theme/UIProvider.tsx +129 -0
- package/src/theme/createStyles.ts +40 -0
- package/src/theme/createTheme.ts +49 -0
- package/src/theme/index.ts +22 -0
- package/src/theme/insets.ts +9 -0
- package/src/theme/labels.ts +23 -0
- package/src/theme/palettes.ts +53 -0
- package/src/theme/tokens.ts +113 -0
- package/src/theme/types.ts +27 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","createContext","useCallback","useContext","useEffect","useMemo","useRef","useState","View","AnimatedToast","Toast","useInsets","createStyles","jsx","_jsx","jsxs","_jsxs","ToastContext","undefined","useStyles","theme","host","position","left","right","paddingHorizontal","tokens","spacing","lg","gap","sm","ToastProvider","children","maxVisible","defaultDuration","toasts","setToasts","timers","Map","counter","insets","styles","clearTimer","id","t","current","get","clearTimeout","delete","hide","prev","filter","hideAll","forEach","clear","show","options","duration","next","overflow","length","slice","set","setTimeout","pending","value","hostPosition","top","bottom","flexDirection","Provider","style","pointerEvents","testID","map","title","message","variant","hideCloseButton","onDismiss","onPress","useToast","ctx","Error"],"sourceRoot":"../../../src","sources":["organisms/ToastProvider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useCallback, useMemo, useState } from 'react';
|
|
4
|
+
import { ScrollView, View } from 'react-native';
|
|
5
|
+
import { createStyles } from '../theme/createStyles';
|
|
6
|
+
import { Steps } from '../molecules/Steps';
|
|
7
|
+
import { Button } from '../atoms/Button';
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const useStyles = createStyles(theme => ({
|
|
10
|
+
container: {
|
|
11
|
+
flex: 1,
|
|
12
|
+
gap: theme.tokens.spacing.xl
|
|
13
|
+
},
|
|
14
|
+
content: {
|
|
15
|
+
flex: 1
|
|
16
|
+
},
|
|
17
|
+
contentInner: {
|
|
18
|
+
flexGrow: 1,
|
|
19
|
+
paddingBottom: theme.tokens.spacing.sm
|
|
20
|
+
},
|
|
21
|
+
footer: {
|
|
22
|
+
flexDirection: 'row',
|
|
23
|
+
gap: theme.tokens.spacing.md
|
|
24
|
+
},
|
|
25
|
+
footerButton: {
|
|
26
|
+
flex: 1
|
|
27
|
+
}
|
|
28
|
+
}));
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Wizard
|
|
32
|
+
* Flujo multi-paso: indicador (Steps) + contenido del paso actual + barra de
|
|
33
|
+
* navegación. Funciona controlado (`current` + `onStepChange`) o por su
|
|
34
|
+
* cuenta. `canGoNext: false` en un paso deshabilita el avance, que es donde
|
|
35
|
+
* se engancha la validación del formulario de ese paso.
|
|
36
|
+
*/
|
|
37
|
+
export function Wizard({
|
|
38
|
+
steps,
|
|
39
|
+
current: controlledCurrent,
|
|
40
|
+
onStepChange,
|
|
41
|
+
onFinish,
|
|
42
|
+
orientation = 'horizontal',
|
|
43
|
+
completedIndicator = 'check',
|
|
44
|
+
allowStepNavigation = true,
|
|
45
|
+
backLabel = 'Back',
|
|
46
|
+
nextLabel = 'Next',
|
|
47
|
+
finishLabel = 'Finish',
|
|
48
|
+
scrollableContent = true,
|
|
49
|
+
style
|
|
50
|
+
}) {
|
|
51
|
+
const styles = useStyles();
|
|
52
|
+
const [uncontrolled, setUncontrolled] = useState(0);
|
|
53
|
+
const isControlled = controlledCurrent !== undefined;
|
|
54
|
+
const current = isControlled ? controlledCurrent : uncontrolled;
|
|
55
|
+
const goTo = useCallback(index => {
|
|
56
|
+
const clamped = Math.max(0, Math.min(index, steps.length - 1));
|
|
57
|
+
if (!isControlled) setUncontrolled(clamped);
|
|
58
|
+
onStepChange?.(clamped);
|
|
59
|
+
}, [isControlled, onStepChange, steps.length]);
|
|
60
|
+
const stepItems = useMemo(() => steps.map(({
|
|
61
|
+
label,
|
|
62
|
+
description
|
|
63
|
+
}) => ({
|
|
64
|
+
label,
|
|
65
|
+
description
|
|
66
|
+
})), [steps]);
|
|
67
|
+
const activeStep = steps[current];
|
|
68
|
+
const isFirst = current === 0;
|
|
69
|
+
const isLast = current === steps.length - 1;
|
|
70
|
+
const canGoNext = activeStep?.canGoNext !== false;
|
|
71
|
+
const handleNext = () => {
|
|
72
|
+
if (isLast) onFinish?.();else goTo(current + 1);
|
|
73
|
+
};
|
|
74
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
75
|
+
style: [styles.container, style],
|
|
76
|
+
children: [/*#__PURE__*/_jsx(Steps, {
|
|
77
|
+
steps: stepItems,
|
|
78
|
+
current: current,
|
|
79
|
+
orientation: orientation,
|
|
80
|
+
completedIndicator: completedIndicator
|
|
81
|
+
// Sólo se puede volver atrás tocando el indicador; saltar hacia
|
|
82
|
+
// adelante se saltearía la validación de los pasos intermedios.
|
|
83
|
+
,
|
|
84
|
+
onStepPress: allowStepNavigation ? index => index < current && goTo(index) : undefined
|
|
85
|
+
}), scrollableContent ? /*#__PURE__*/_jsx(ScrollView, {
|
|
86
|
+
style: styles.content,
|
|
87
|
+
contentContainerStyle: styles.contentInner,
|
|
88
|
+
keyboardShouldPersistTaps: "handled",
|
|
89
|
+
automaticallyAdjustKeyboardInsets: true,
|
|
90
|
+
showsVerticalScrollIndicator: false,
|
|
91
|
+
children: activeStep?.content
|
|
92
|
+
}) : /*#__PURE__*/_jsx(View, {
|
|
93
|
+
style: styles.content,
|
|
94
|
+
children: activeStep?.content
|
|
95
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
96
|
+
style: styles.footer,
|
|
97
|
+
children: [!isFirst && /*#__PURE__*/_jsx(Button, {
|
|
98
|
+
title: backLabel,
|
|
99
|
+
variant: "outline",
|
|
100
|
+
onPress: () => goTo(current - 1),
|
|
101
|
+
style: styles.footerButton
|
|
102
|
+
}), /*#__PURE__*/_jsx(Button, {
|
|
103
|
+
title: isLast ? finishLabel : nextLabel,
|
|
104
|
+
onPress: handleNext,
|
|
105
|
+
disabled: !canGoNext,
|
|
106
|
+
style: styles.footerButton
|
|
107
|
+
})]
|
|
108
|
+
})]
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
//# sourceMappingURL=Wizard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","useState","ScrollView","View","createStyles","Steps","Button","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","flex","gap","tokens","spacing","xl","content","contentInner","flexGrow","paddingBottom","sm","footer","flexDirection","md","footerButton","Wizard","steps","current","controlledCurrent","onStepChange","onFinish","orientation","completedIndicator","allowStepNavigation","backLabel","nextLabel","finishLabel","scrollableContent","style","styles","uncontrolled","setUncontrolled","isControlled","undefined","goTo","index","clamped","Math","max","min","length","stepItems","map","label","description","activeStep","isFirst","isLast","canGoNext","handleNext","children","onStepPress","contentContainerStyle","keyboardShouldPersistTaps","automaticallyAdjustKeyboardInsets","showsVerticalScrollIndicator","title","variant","onPress","disabled"],"sourceRoot":"../../../src","sources":["organisms/Wizard.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export { Modal } from './Modal';
|
|
4
|
+
export { BottomSheet } from './BottomSheet';
|
|
5
|
+
export { Select } from './Select';
|
|
6
|
+
export { Alert } from './Alert';
|
|
7
|
+
export { AlertProvider, useAlert } from './AlertProvider';
|
|
8
|
+
export { Screen } from './Screen';
|
|
9
|
+
export { List } from './List';
|
|
10
|
+
export { SearchList } from './SearchList';
|
|
11
|
+
export { Toast } from './Toast';
|
|
12
|
+
export { ToastProvider, useToast } from './ToastProvider';
|
|
13
|
+
export { DatePicker, buildMonthGrid, DEFAULT_MONTH_NAMES, DEFAULT_WEEKDAY_NAMES } from './DatePicker';
|
|
14
|
+
export { DateField } from './DateField';
|
|
15
|
+
export { Wizard } from './Wizard';
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Modal","BottomSheet","Select","Alert","AlertProvider","useAlert","Screen","List","SearchList","Toast","ToastProvider","useToast","DatePicker","buildMonthGrid","DEFAULT_MONTH_NAMES","DEFAULT_WEEKDAY_NAMES","DateField","Wizard"],"sourceRoot":"../../../src","sources":["organisms/index.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,SAAS;AAE/B,SAASC,WAAW,QAAQ,eAAe;AAE3C,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASC,aAAa,EAAEC,QAAQ,QAAQ,iBAAiB;AAEzD,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASC,aAAa,EAAEC,QAAQ,QAAQ,iBAAiB;AAEzD,SAASC,UAAU,EAAEC,cAAc,EAAEC,mBAAmB,EAAEC,qBAAqB,QAAQ,cAAc;AAErG,SAASC,SAAS,QAAQ,aAAa;AAEvC,SAASC,MAAM,QAAQ,UAAU","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"module"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { createContext, useContext, useMemo, useState, useCallback } from 'react';
|
|
4
|
+
import { Appearance, useColorScheme } from 'react-native';
|
|
5
|
+
import { defaultTheme } from './createTheme';
|
|
6
|
+
import { defaultLabels } from './labels';
|
|
7
|
+
import { zeroInsets } from './insets';
|
|
8
|
+
import { renderDefaultIcon } from '../icons/defaultIcons';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
const UIContext = /*#__PURE__*/createContext(undefined);
|
|
11
|
+
/**
|
|
12
|
+
* UIProvider
|
|
13
|
+
* Único punto de entrada de la librería: resuelve el theme activo (sistema u
|
|
14
|
+
* override manual), e inyecta íconos, insets y textos por defecto a todo el
|
|
15
|
+
* árbol. No persiste el modo — si el consumidor quiere recordar la preferencia
|
|
16
|
+
* entre sesiones, controla `mode`/`onModeChange` y persiste donde prefiera.
|
|
17
|
+
*/
|
|
18
|
+
export function UIProvider({
|
|
19
|
+
children,
|
|
20
|
+
theme = defaultTheme,
|
|
21
|
+
defaultMode = 'system',
|
|
22
|
+
mode: controlledMode,
|
|
23
|
+
onModeChange,
|
|
24
|
+
icons = renderDefaultIcon,
|
|
25
|
+
insets = zeroInsets,
|
|
26
|
+
labels: labelOverrides,
|
|
27
|
+
allowFontScaling = false
|
|
28
|
+
}) {
|
|
29
|
+
const systemScheme = useColorScheme();
|
|
30
|
+
const [uncontrolledMode, setUncontrolledMode] = useState(defaultMode);
|
|
31
|
+
const isControlled = controlledMode !== undefined;
|
|
32
|
+
const mode = isControlled ? controlledMode : uncontrolledMode;
|
|
33
|
+
const setMode = useCallback(next => {
|
|
34
|
+
if (!isControlled) setUncontrolledMode(next);
|
|
35
|
+
onModeChange?.(next);
|
|
36
|
+
}, [isControlled, onModeChange]);
|
|
37
|
+
const scheme = mode === 'system' ? systemScheme === 'dark' ? 'dark' : 'light' : mode;
|
|
38
|
+
const resolvedTheme = theme[scheme];
|
|
39
|
+
const labels = useMemo(() => labelOverrides ? {
|
|
40
|
+
...defaultLabels,
|
|
41
|
+
...labelOverrides
|
|
42
|
+
} : defaultLabels, [labelOverrides]);
|
|
43
|
+
const value = useMemo(() => ({
|
|
44
|
+
theme: resolvedTheme,
|
|
45
|
+
mode,
|
|
46
|
+
setMode,
|
|
47
|
+
icons,
|
|
48
|
+
insets,
|
|
49
|
+
labels,
|
|
50
|
+
allowFontScaling
|
|
51
|
+
}), [resolvedTheme, mode, setMode, icons, insets, labels, allowFontScaling]);
|
|
52
|
+
return /*#__PURE__*/_jsx(UIContext.Provider, {
|
|
53
|
+
value: value,
|
|
54
|
+
children: children
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
function useUIContext() {
|
|
58
|
+
const ctx = useContext(UIContext);
|
|
59
|
+
if (!ctx) {
|
|
60
|
+
throw new Error('orn-ui: this hook must be used within a <UIProvider>.');
|
|
61
|
+
}
|
|
62
|
+
return ctx;
|
|
63
|
+
}
|
|
64
|
+
export function useTheme() {
|
|
65
|
+
return useUIContext().theme;
|
|
66
|
+
}
|
|
67
|
+
export function useColors() {
|
|
68
|
+
return useUIContext().theme.colors;
|
|
69
|
+
}
|
|
70
|
+
export function useThemeMode() {
|
|
71
|
+
const {
|
|
72
|
+
mode,
|
|
73
|
+
setMode
|
|
74
|
+
} = useUIContext();
|
|
75
|
+
return {
|
|
76
|
+
mode,
|
|
77
|
+
setMode
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
export function useIcons() {
|
|
81
|
+
return useUIContext().icons;
|
|
82
|
+
}
|
|
83
|
+
export function useInsets() {
|
|
84
|
+
return useUIContext().insets;
|
|
85
|
+
}
|
|
86
|
+
export function useLabels() {
|
|
87
|
+
return useUIContext().labels;
|
|
88
|
+
}
|
|
89
|
+
export function useAllowFontScaling() {
|
|
90
|
+
return useUIContext().allowFontScaling;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
/** Re-exportado para que tests/consumidores puedan simular cambios de sistema sin RN real. */
|
|
94
|
+
export const __testUtils = {
|
|
95
|
+
Appearance
|
|
96
|
+
};
|
|
97
|
+
//# sourceMappingURL=UIProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","createContext","useContext","useMemo","useState","useCallback","Appearance","useColorScheme","defaultTheme","defaultLabels","zeroInsets","renderDefaultIcon","jsx","_jsx","UIContext","undefined","UIProvider","children","theme","defaultMode","mode","controlledMode","onModeChange","icons","insets","labels","labelOverrides","allowFontScaling","systemScheme","uncontrolledMode","setUncontrolledMode","isControlled","setMode","next","scheme","resolvedTheme","value","Provider","useUIContext","ctx","Error","useTheme","useColors","colors","useThemeMode","useIcons","useInsets","useLabels","useAllowFontScaling","__testUtils"],"sourceRoot":"../../../src","sources":["theme/UIProvider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { StyleSheet } from 'react-native';
|
|
4
|
+
import { useTheme } from './UIProvider';
|
|
5
|
+
/**
|
|
6
|
+
* createStyles(factory)
|
|
7
|
+
* Devuelve un hook useStyles() que memoiza el StyleSheet resultante por
|
|
8
|
+
* theme (WeakMap<Theme, Styles>), no por instancia de componente. Todas las
|
|
9
|
+
* filas de una lista comparten el mismo objeto de estilos: sin esto, N filas
|
|
10
|
+
* ⇒ N StyleSheet.create() por render, que es lo que hacía cada componente
|
|
11
|
+
* de la app original con `useMemo(() => createStyles(colors), [colors])`.
|
|
12
|
+
*
|
|
13
|
+
* La cache vive en el closure del factory (una WeakMap por llamada a
|
|
14
|
+
* createStyles, es decir, una por componente), así que temas de distintos
|
|
15
|
+
* <UIProvider> en el mismo árbol no colisionan entre sí.
|
|
16
|
+
*
|
|
17
|
+
* El tipo de `factory` sigue el patrón oficial de RN para StyleSheet
|
|
18
|
+
* tipados (`T extends StyleSheet.NamedStyles<T> | StyleSheet.NamedStyles<any>`):
|
|
19
|
+
* es lo que le da contexto a TS para inferir literales ('row', 'center', ...)
|
|
20
|
+
* en vez de ensancharlos a `string` dentro del objeto devuelto.
|
|
21
|
+
*/
|
|
22
|
+
export function createStyles(factory) {
|
|
23
|
+
const cache = new WeakMap();
|
|
24
|
+
return function useStyles() {
|
|
25
|
+
const theme = useTheme();
|
|
26
|
+
let styles = cache.get(theme);
|
|
27
|
+
if (!styles) {
|
|
28
|
+
// El cast es seguro: StyleSheet.create<T>(...) con el mismo T del
|
|
29
|
+
// factory siempre devuelve T; TS no puede probarlo por sí solo dentro
|
|
30
|
+
// de un cuerpo genérico (T podría "instanciarse" con un subtipo no
|
|
31
|
+
// relacionado desde su punto de vista, aunque en runtime es el mismo).
|
|
32
|
+
styles = StyleSheet.create(factory(theme));
|
|
33
|
+
cache.set(theme, styles);
|
|
34
|
+
}
|
|
35
|
+
return styles;
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=createStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","useTheme","createStyles","factory","cache","WeakMap","useStyles","theme","styles","get","create","set"],"sourceRoot":"../../../src","sources":["theme/createStyles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,cAAc;AAGvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAC1BC,OAAwD,EAC/C;EACT,MAAMC,KAAK,GAAG,IAAIC,OAAO,CAAW,CAAC;EAErC,OAAO,SAASC,SAASA,CAAA,EAAM;IAC7B,MAAMC,KAAK,GAAGN,QAAQ,CAAC,CAAC;IACxB,IAAIO,MAAM,GAAGJ,KAAK,CAACK,GAAG,CAACF,KAAK,CAAC;IAC7B,IAAI,CAACC,MAAM,EAAE;MACX;MACA;MACA;MACA;MACAA,MAAM,GAAGR,UAAU,CAACU,MAAM,CAACP,OAAO,CAACI,KAAK,CAAC,CAAM;MAC/CH,KAAK,CAACO,GAAG,CAACJ,KAAK,EAAEC,MAAM,CAAC;IAC1B;IACA,OAAOA,MAAM;EACf,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { lightPalette, darkPalette } from './palettes';
|
|
4
|
+
import { tokens as defaultTokens } from './tokens';
|
|
5
|
+
function mergeDeep(base, patch) {
|
|
6
|
+
if (!patch) return base;
|
|
7
|
+
const out = {
|
|
8
|
+
...base
|
|
9
|
+
};
|
|
10
|
+
for (const key of Object.keys(patch)) {
|
|
11
|
+
const patchVal = patch[key];
|
|
12
|
+
const baseVal = base[key];
|
|
13
|
+
if (patchVal && baseVal && typeof patchVal === 'object' && typeof baseVal === 'object' && !Array.isArray(patchVal)) {
|
|
14
|
+
out[key] = mergeDeep(baseVal, patchVal);
|
|
15
|
+
} else if (patchVal !== undefined) {
|
|
16
|
+
out[key] = patchVal;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return out;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Construye el par de themes light/dark que consume <UIProvider theme={...}>.
|
|
24
|
+
* Nunca muta los defaults: cada llamada produce objetos nuevos, seguros de
|
|
25
|
+
* compartir entre providers distintos (tests, multi-brand en el mismo árbol).
|
|
26
|
+
*/
|
|
27
|
+
export function createTheme(overrides) {
|
|
28
|
+
const tokens = mergeDeep(defaultTokens, overrides?.tokens);
|
|
29
|
+
const light = {
|
|
30
|
+
colors: mergeDeep(lightPalette, overrides?.colors?.light),
|
|
31
|
+
tokens,
|
|
32
|
+
scheme: 'light'
|
|
33
|
+
};
|
|
34
|
+
const dark = {
|
|
35
|
+
colors: mergeDeep(darkPalette, overrides?.colors?.dark),
|
|
36
|
+
tokens,
|
|
37
|
+
scheme: 'dark'
|
|
38
|
+
};
|
|
39
|
+
return {
|
|
40
|
+
light,
|
|
41
|
+
dark
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
export const defaultTheme = createTheme();
|
|
45
|
+
//# sourceMappingURL=createTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["lightPalette","darkPalette","tokens","defaultTokens","mergeDeep","base","patch","out","key","Object","keys","patchVal","baseVal","Array","isArray","undefined","createTheme","overrides","light","colors","scheme","dark","defaultTheme"],"sourceRoot":"../../../src","sources":["theme/createTheme.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,WAAW,QAAQ,YAAY;AACtD,SAASC,MAAM,IAAIC,aAAa,QAAQ,UAAU;AAGlD,SAASC,SAASA,CAAgCC,IAAO,EAAEC,KAAkB,EAAK;EAChF,IAAI,CAACA,KAAK,EAAE,OAAOD,IAAI;EACvB,MAAME,GAAwB,GAAG;IAAE,GAAGF;EAAK,CAAC;EAC5C,KAAK,MAAMG,GAAG,IAAIC,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,EAAE;IACpC,MAAMK,QAAQ,GAAIL,KAAK,CAAyBE,GAAG,CAAC;IACpD,MAAMI,OAAO,GAAIP,IAAI,CAAyBG,GAAG,CAAC;IAClD,IACEG,QAAQ,IACRC,OAAO,IACP,OAAOD,QAAQ,KAAK,QAAQ,IAC5B,OAAOC,OAAO,KAAK,QAAQ,IAC3B,CAACC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAAC,EACxB;MACAJ,GAAG,CAACC,GAAG,CAAC,GAAGJ,SAAS,CAACQ,OAAO,EAAED,QAAQ,CAAC;IACzC,CAAC,MAAM,IAAIA,QAAQ,KAAKI,SAAS,EAAE;MACjCR,GAAG,CAACC,GAAG,CAAC,GAAGG,QAAQ;IACrB;EACF;EACA,OAAOJ,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASS,WAAWA,CAACC,SAA0B,EAAa;EACjE,MAAMf,MAAM,GAAGE,SAAS,CAACD,aAAa,EAAEc,SAAS,EAAEf,MAAa,CAAC;EAEjE,MAAMgB,KAAY,GAAG;IACnBC,MAAM,EAAEf,SAAS,CAACJ,YAAY,EAAEiB,SAAS,EAAEE,MAAM,EAAED,KAAK,CAAC;IACzDhB,MAAM;IACNkB,MAAM,EAAE;EACV,CAAC;EAED,MAAMC,IAAW,GAAG;IAClBF,MAAM,EAAEf,SAAS,CAACH,WAAW,EAAEgB,SAAS,EAAEE,MAAM,EAAEE,IAAI,CAAC;IACvDnB,MAAM;IACNkB,MAAM,EAAE;EACV,CAAC;EAED,OAAO;IAAEF,KAAK;IAAEG;EAAK,CAAC;AACxB;AAEA,OAAO,MAAMC,YAAuB,GAAGN,WAAW,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export { spacing, radius, fontSize, fontWeight, lineHeight, duration, shadow, tokens } from './tokens';
|
|
4
|
+
export { lightPalette, darkPalette } from './palettes';
|
|
5
|
+
export { createTheme, defaultTheme } from './createTheme';
|
|
6
|
+
export { defaultLabels } from './labels';
|
|
7
|
+
export { zeroInsets } from './insets';
|
|
8
|
+
export { createStyles } from './createStyles';
|
|
9
|
+
export { UIProvider, useTheme, useColors, useThemeMode, useIcons, useInsets, useLabels, useAllowFontScaling } from './UIProvider';
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["spacing","radius","fontSize","fontWeight","lineHeight","duration","shadow","tokens","lightPalette","darkPalette","createTheme","defaultTheme","defaultLabels","zeroInsets","createStyles","UIProvider","useTheme","useColors","useThemeMode","useIcons","useInsets","useLabels","useAllowFontScaling"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,MAAM,QAAQ,UAAU;AAEtG,SAASC,YAAY,EAAEC,WAAW,QAAQ,YAAY;AAEtD,SAASC,WAAW,EAAEC,YAAY,QAAQ,eAAe;AAEzD,SAASC,aAAa,QAAQ,UAAU;AAExC,SAASC,UAAU,QAAQ,UAAU;AAErC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SACEC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,mBAAmB,QACd,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["zeroInsets","top","right","bottom","left"],"sourceRoot":"../../../src","sources":["theme/insets.ts"],"mappings":";;AAAA;;AAQA,OAAO,MAAMA,UAAsB,GAAG;EAAEC,GAAG,EAAE,CAAC;EAAEC,KAAK,EAAE,CAAC;EAAEC,MAAM,EAAE,CAAC;EAAEC,IAAI,EAAE;AAAE,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export const defaultLabels = {
|
|
4
|
+
close: 'Close',
|
|
5
|
+
cancel: 'Cancel',
|
|
6
|
+
confirm: 'OK',
|
|
7
|
+
loading: 'Loading...',
|
|
8
|
+
loadingMore: 'Loading more...',
|
|
9
|
+
noResultsTitle: 'No results found',
|
|
10
|
+
noResultsDescription: 'Try a different search term',
|
|
11
|
+
search: 'Search...',
|
|
12
|
+
selectPlaceholder: 'Select...'
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=labels.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["defaultLabels","close","cancel","confirm","loading","loadingMore","noResultsTitle","noResultsDescription","search","selectPlaceholder"],"sourceRoot":"../../../src","sources":["theme/labels.ts"],"mappings":";;AAYA,OAAO,MAAMA,aAAqB,GAAG;EACnCC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE,YAAY;EACrBC,WAAW,EAAE,iBAAiB;EAC9BC,cAAc,EAAE,kBAAkB;EAClCC,oBAAoB,EAAE,6BAA6B;EACnDC,MAAM,EAAE,WAAW;EACnBC,iBAAiB,EAAE;AACrB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Cada color es `string`, no un literal (`as const`): light y dark tienen
|
|
5
|
+
* valores distintos para la misma clave, y createTheme() debe poder
|
|
6
|
+
* aceptar cualquier hex/rgba en los overrides — literal typing lo impediría.
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
const shared = {
|
|
10
|
+
primary: '#004cef',
|
|
11
|
+
secondary: '#00cae1',
|
|
12
|
+
white: '#ffffff',
|
|
13
|
+
black: '#000000',
|
|
14
|
+
error: '#ff3b30',
|
|
15
|
+
success: '#34c759',
|
|
16
|
+
warning: '#f59e0b'
|
|
17
|
+
};
|
|
18
|
+
export const lightPalette = {
|
|
19
|
+
...shared,
|
|
20
|
+
background: '#f8f9fa',
|
|
21
|
+
surface: '#ffffff',
|
|
22
|
+
text: '#333333',
|
|
23
|
+
textLight: '#666666',
|
|
24
|
+
border: '#e5e7eb',
|
|
25
|
+
inputBackground: '#f5f7fa',
|
|
26
|
+
overlay: 'rgba(0,0,0,0.5)'
|
|
27
|
+
};
|
|
28
|
+
export const darkPalette = {
|
|
29
|
+
...shared,
|
|
30
|
+
background: '#121212',
|
|
31
|
+
surface: '#1e1e1e',
|
|
32
|
+
text: '#ecedee',
|
|
33
|
+
textLight: '#9ba1a6',
|
|
34
|
+
border: '#2a2a2e',
|
|
35
|
+
inputBackground: '#232326',
|
|
36
|
+
overlay: 'rgba(0,0,0,0.6)'
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=palettes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["shared","primary","secondary","white","black","error","success","warning","lightPalette","background","surface","text","textLight","border","inputBackground","overlay","darkPalette"],"sourceRoot":"../../../src","sources":["theme/palettes.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAkBA,MAAMA,MAAM,GAAG;EACbC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,MAAMC,YAAyB,GAAG;EACvC,GAAGR,MAAM;EACTS,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAE,SAAS;EACpBC,MAAM,EAAE,SAAS;EACjBC,eAAe,EAAE,SAAS;EAC1BC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,MAAMC,WAAwB,GAAG;EACtC,GAAGhB,MAAM;EACTS,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAE,SAAS;EACpBC,MAAM,EAAE,SAAS;EACjBC,eAAe,EAAE,SAAS;EAC1BC,OAAO,EAAE;AACX,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Platform } from 'react-native';
|
|
4
|
+
|
|
5
|
+
// Las escalas numéricas se tipan explícitamente como `number` (no `as const`):
|
|
6
|
+
// createTheme() debe poder sobreescribir cualquier valor con otro número
|
|
7
|
+
// arbitrario: con literal typing, un override de `radius.md` a `999` fallaría
|
|
8
|
+
// porque el tipo inferido sería el literal `8`, no `number`.
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Escala de espaciado. Usar siempre estos valores en vez de números mágicos
|
|
12
|
+
* para que el ritmo vertical/horizontal sea consistente entre componentes.
|
|
13
|
+
*/
|
|
14
|
+
export const spacing = {
|
|
15
|
+
xxs: 2,
|
|
16
|
+
xs: 4,
|
|
17
|
+
sm: 8,
|
|
18
|
+
md: 12,
|
|
19
|
+
lg: 16,
|
|
20
|
+
xl: 20,
|
|
21
|
+
xxl: 24,
|
|
22
|
+
xxxl: 32
|
|
23
|
+
};
|
|
24
|
+
export const radius = {
|
|
25
|
+
none: 0,
|
|
26
|
+
xs: 4,
|
|
27
|
+
sm: 6,
|
|
28
|
+
md: 8,
|
|
29
|
+
lg: 12,
|
|
30
|
+
xl: 16,
|
|
31
|
+
xxl: 20,
|
|
32
|
+
full: 9999
|
|
33
|
+
};
|
|
34
|
+
export const fontSize = {
|
|
35
|
+
xs: 11,
|
|
36
|
+
sm: 12,
|
|
37
|
+
md: 14,
|
|
38
|
+
lg: 16,
|
|
39
|
+
xl: 18,
|
|
40
|
+
xxl: 24
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
// fontWeight sí necesita literales: TextStyle.fontWeight de RN exige un union
|
|
44
|
+
// de strings específicos ('400' | '500' | ...), no `string` arbitrario.
|
|
45
|
+
export const fontWeight = {
|
|
46
|
+
regular: '400',
|
|
47
|
+
medium: '500',
|
|
48
|
+
semibold: '600',
|
|
49
|
+
bold: '700'
|
|
50
|
+
};
|
|
51
|
+
export const lineHeight = {
|
|
52
|
+
sm: 16,
|
|
53
|
+
md: 20,
|
|
54
|
+
lg: 24
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
/** Duraciones en ms para Animated.timing/spring. */
|
|
58
|
+
export const duration = {
|
|
59
|
+
fast: 150,
|
|
60
|
+
base: 200,
|
|
61
|
+
slow: 250
|
|
62
|
+
};
|
|
63
|
+
/**
|
|
64
|
+
* Sombras cross-platform: shadow* para iOS, elevation para Android.
|
|
65
|
+
* `shadowColor` se deja en negro fijo — el color de sombra por tema es un
|
|
66
|
+
* detalle demasiado fino para justificar la complejidad de resolverlo aquí.
|
|
67
|
+
*/
|
|
68
|
+
export const shadow = {
|
|
69
|
+
none: Platform.select({
|
|
70
|
+
android: {
|
|
71
|
+
elevation: 0
|
|
72
|
+
},
|
|
73
|
+
default: {
|
|
74
|
+
shadowOpacity: 0
|
|
75
|
+
}
|
|
76
|
+
}),
|
|
77
|
+
sm: {
|
|
78
|
+
shadowColor: '#000',
|
|
79
|
+
shadowOffset: {
|
|
80
|
+
width: 0,
|
|
81
|
+
height: 1
|
|
82
|
+
},
|
|
83
|
+
shadowOpacity: 0.08,
|
|
84
|
+
shadowRadius: 2,
|
|
85
|
+
elevation: 2
|
|
86
|
+
},
|
|
87
|
+
md: {
|
|
88
|
+
shadowColor: '#000',
|
|
89
|
+
shadowOffset: {
|
|
90
|
+
width: 0,
|
|
91
|
+
height: 2
|
|
92
|
+
},
|
|
93
|
+
shadowOpacity: 0.1,
|
|
94
|
+
shadowRadius: 8,
|
|
95
|
+
elevation: 4
|
|
96
|
+
},
|
|
97
|
+
lg: {
|
|
98
|
+
shadowColor: '#000',
|
|
99
|
+
shadowOffset: {
|
|
100
|
+
width: 0,
|
|
101
|
+
height: 4
|
|
102
|
+
},
|
|
103
|
+
shadowOpacity: 0.15,
|
|
104
|
+
shadowRadius: 16,
|
|
105
|
+
elevation: 8
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
export const tokens = {
|
|
109
|
+
spacing,
|
|
110
|
+
radius,
|
|
111
|
+
fontSize,
|
|
112
|
+
fontWeight,
|
|
113
|
+
lineHeight,
|
|
114
|
+
duration,
|
|
115
|
+
shadow
|
|
116
|
+
};
|
|
117
|
+
//# sourceMappingURL=tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Platform","spacing","xxs","xs","sm","md","lg","xl","xxl","xxxl","radius","none","full","fontSize","fontWeight","regular","medium","semibold","bold","lineHeight","duration","fast","base","slow","shadow","select","android","elevation","default","shadowOpacity","shadowColor","shadowOffset","width","height","shadowRadius","tokens"],"sourceRoot":"../../../src","sources":["theme/tokens.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAwB,cAAc;;AAEvD;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,OAAO,MAAMC,OAAkF,GAAG;EAChGC,GAAG,EAAE,CAAC;EACNC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,GAAG,EAAE,EAAE;EACPC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,MAAkF,GAAG;EAChGC,IAAI,EAAE,CAAC;EACPR,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,GAAG,EAAE,EAAE;EACPI,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,QAAkE,GAAG;EAChFV,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,GAAG,EAAE;AACP,CAAC;;AAED;AACA;AACA,OAAO,MAAMM,UAAU,GAAG;EACxBC,OAAO,EAAE,KAAK;EACdC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAU;AAEV,OAAO,MAAMC,UAA8C,GAAG;EAC5Df,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;;AAED;AACA,OAAO,MAAMc,QAAkD,GAAG;EAChEC,IAAI,EAAE,GAAG;EACTC,IAAI,EAAE,GAAG;EACTC,IAAI,EAAE;AACR,CAAC;AAOD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAwD,GAAG;EACtEb,IAAI,EAAEX,QAAQ,CAACyB,MAAM,CAAC;IACpBC,OAAO,EAAE;MAAEC,SAAS,EAAE;IAAE,CAAC;IACzBC,OAAO,EAAE;MAAEC,aAAa,EAAE;IAAE;EAC9B,CAAC,CAAgB;EACjBzB,EAAE,EAAE;IACF0B,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCJ,aAAa,EAAE,IAAI;IACnBK,YAAY,EAAE,CAAC;IACfP,SAAS,EAAE;EACb,CAAC;EACDtB,EAAE,EAAE;IACFyB,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCJ,aAAa,EAAE,GAAG;IAClBK,YAAY,EAAE,CAAC;IACfP,SAAS,EAAE;EACb,CAAC;EACDrB,EAAE,EAAE;IACFwB,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCJ,aAAa,EAAE,IAAI;IACnBK,YAAY,EAAE,EAAE;IAChBP,SAAS,EAAE;EACb;AACF,CAAC;AAED,OAAO,MAAMQ,MAAM,GAAG;EACpBlC,OAAO;EACPS,MAAM;EACNG,QAAQ;EACRC,UAAU;EACVK,UAAU;EACVC,QAAQ;EACRI;AACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["theme/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
+
export interface AvatarProps {
|
|
4
|
+
size?: number;
|
|
5
|
+
backgroundColor?: string;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
style?: StyleProp<ViewStyle>;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Avatar
|
|
11
|
+
* Círculo con ícono/iniciales adentro. Usado a la izquierda de filas de
|
|
12
|
+
* lista o como header de detalle (junto a AvatarHeader).
|
|
13
|
+
*/
|
|
14
|
+
export declare const Avatar: React.MemoExoticComponent<({ size, backgroundColor, children, style }: AvatarProps) => React.JSX.Element>;
|
|
15
|
+
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/atoms/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhF,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAMD;;;;GAIG;AACH,eAAO,MAAM,MAAM,yEAA0D,WAAW,uBAkBtF,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
+
export type BadgeVariant = 'success' | 'error' | 'warning' | 'info' | 'neutral';
|
|
4
|
+
export interface BadgeProps {
|
|
5
|
+
label: string;
|
|
6
|
+
variant?: BadgeVariant;
|
|
7
|
+
/** Override manual, gana sobre `variant`. */
|
|
8
|
+
backgroundColor?: string;
|
|
9
|
+
textColor?: string;
|
|
10
|
+
style?: StyleProp<ViewStyle>;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Badge
|
|
14
|
+
* Pill de estado. `variant` cubre los casos comunes (éxito/error/advertencia/
|
|
15
|
+
* info/neutral); `backgroundColor`/`textColor` quedan para casos que no
|
|
16
|
+
* encajan en el set semántico.
|
|
17
|
+
*/
|
|
18
|
+
export declare const Badge: React.MemoExoticComponent<({ label, variant, backgroundColor, textColor, style }: BadgeProps) => React.JSX.Element>;
|
|
19
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/atoms/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhF,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAYD;;;;;GAKG;AACH,eAAO,MAAM,KAAK,oFAA4E,UAAU,uBAqBtG,CAAC"}
|