@ecohouse/ui 0.1.0 → 0.1.1
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 +238 -36
- package/dist/index.cjs +649 -314
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +181 -258
- package/dist/index.d.ts +181 -258
- package/dist/index.js +626 -304
- package/dist/index.js.map +1 -1
- package/package.json +4 -7
- package/src/components/Button/Button.stories.tsx +98 -0
- package/src/components/{Button.tsx → Button/Button.tsx} +39 -71
- package/src/components/Button/index.ts +2 -0
- package/src/components/Input/Input.stories.tsx +118 -0
- package/src/components/Input/Input.tsx +327 -0
- package/src/components/Input/index.ts +2 -0
- package/src/components/index.ts +5 -0
- package/src/icons/{ArrowUpRightIcon.tsx → ArrowRight/ArrowRightIcon.tsx} +8 -7
- package/src/icons/{ArrowUpRightIcon.web.tsx → ArrowRight/ArrowRightIcon.web.tsx} +8 -7
- package/src/icons/ArrowRight/arrowRightPath.ts +2 -0
- package/src/icons/ArrowRight/index.ts +1 -0
- package/src/icons/Bag/BagIcon.tsx +20 -0
- package/src/icons/Bag/BagIcon.web.tsx +26 -0
- package/src/icons/Bag/bagPath.ts +2 -0
- package/src/icons/Bag/index.ts +1 -0
- package/src/icons/Bell/BellIcon.tsx +20 -0
- package/src/icons/Bell/BellIcon.web.tsx +26 -0
- package/src/icons/Bell/bellPath.ts +2 -0
- package/src/icons/Bell/index.ts +1 -0
- package/src/icons/Building/BuildingIcon.tsx +20 -0
- package/src/icons/Building/BuildingIcon.web.tsx +26 -0
- package/src/icons/Building/buildingPath.ts +2 -0
- package/src/icons/Building/index.ts +1 -0
- package/src/icons/Camera/CameraIcon.tsx +20 -0
- package/src/icons/Camera/CameraIcon.web.tsx +26 -0
- package/src/icons/Camera/cameraPath.ts +2 -0
- package/src/icons/Camera/index.ts +1 -0
- package/src/icons/CheckBadge/CheckBadgeIcon.tsx +20 -0
- package/src/icons/CheckBadge/CheckBadgeIcon.web.tsx +26 -0
- package/src/icons/CheckBadge/checkBadgePath.ts +2 -0
- package/src/icons/CheckBadge/index.ts +1 -0
- package/src/icons/Clock/ClockIcon.tsx +20 -0
- package/src/icons/Clock/ClockIcon.web.tsx +26 -0
- package/src/icons/Clock/clockPath.ts +2 -0
- package/src/icons/Clock/index.ts +1 -0
- package/src/icons/Facebook/FacebookIcon.tsx +14 -0
- package/src/icons/Facebook/FacebookIcon.web.tsx +20 -0
- package/src/icons/Facebook/facebookPath.ts +2 -0
- package/src/icons/Facebook/index.ts +1 -0
- package/src/icons/Home/HomeIcon.tsx +20 -0
- package/src/icons/Home/HomeIcon.web.tsx +26 -0
- package/src/icons/Home/homePath.ts +2 -0
- package/src/icons/Home/index.ts +1 -0
- package/src/icons/Icon.tsx +11 -0
- package/src/icons/Icons.stories.tsx +174 -0
- package/src/icons/Instagram/InstagramIcon.tsx +14 -0
- package/src/icons/Instagram/InstagramIcon.web.tsx +20 -0
- package/src/icons/Instagram/index.ts +1 -0
- package/src/icons/Instagram/instagramPath.ts +2 -0
- package/src/icons/Key/KeyIcon.tsx +20 -0
- package/src/icons/Key/KeyIcon.web.tsx +26 -0
- package/src/icons/Key/index.ts +1 -0
- package/src/icons/Key/keyPath.ts +2 -0
- package/src/icons/LinkedIn/LinkedInIcon.tsx +14 -0
- package/src/icons/LinkedIn/LinkedInIcon.web.tsx +20 -0
- package/src/icons/LinkedIn/index.ts +1 -0
- package/src/icons/LinkedIn/linkedinPath.ts +2 -0
- package/src/icons/Mail/MailIcon.tsx +20 -0
- package/src/icons/Mail/MailIcon.web.tsx +26 -0
- package/src/icons/Mail/index.ts +1 -0
- package/src/icons/Mail/mailPath.ts +2 -0
- package/src/icons/Navigate/NavigateIcon.tsx +20 -0
- package/src/icons/Navigate/NavigateIcon.web.tsx +26 -0
- package/src/icons/Navigate/index.ts +1 -0
- package/src/icons/Navigate/navigatePath.ts +2 -0
- package/src/icons/Phone/PhoneIcon.tsx +20 -0
- package/src/icons/Phone/PhoneIcon.web.tsx +26 -0
- package/src/icons/Phone/index.ts +1 -0
- package/src/icons/Phone/phonePath.ts +2 -0
- package/src/icons/Show/ShowIcon.tsx +33 -0
- package/src/icons/Show/ShowIcon.web.tsx +39 -0
- package/src/icons/Show/index.ts +1 -0
- package/src/icons/Show/showPath.ts +6 -0
- package/src/icons/User/UserIcon.tsx +26 -0
- package/src/icons/User/UserIcon.web.tsx +32 -0
- package/src/icons/User/index.ts +1 -0
- package/src/icons/User/userPath.ts +3 -0
- package/src/icons/index.ts +24 -0
- package/src/icons/registry.ts +58 -0
- package/src/icons/types.ts +9 -0
- package/src/index.ts +37 -21
- package/src/theme/colors.test.ts +12 -0
- package/src/theme/colors.ts +46 -0
- package/src/theme/index.ts +4 -0
- package/src/theme/typography.ts +46 -0
- package/src/web/styles/typography.css +8 -90
- package/src/components/Button.stories.tsx +0 -135
- package/src/icons/arrowUpRightPath.ts +0 -1
- package/src/theme/tokens.test.ts +0 -10
- package/src/theme/tokens.ts +0 -286
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/icons/arrowUpRightPath.ts","../src/icons/ArrowUpRightIcon.tsx","../src/theme/tokens.ts","../src/utils/useApplyWebClassName.ts","../src/components/Button.tsx"],"names":["Platform","jsx"],"mappings":"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","file":"index.js","sourcesContent":["export const ARROW_UP_RIGHT_PATH = \"M14.1667 14.1668V5.8335H5.83333M14.1667 5.8335L5.83333 14.1668\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { ARROW_UP_RIGHT_PATH } from \"./arrowUpRightPath\";\n\nexport { ARROW_UP_RIGHT_PATH } from \"./arrowUpRightPath\";\n\ninterface ArrowUpRightIconProps {\n size?: number;\n color?: string;\n strokeWidth?: number;\n}\n\n/** Native — react-native-svg (peer dependency). */\nexport function ArrowUpRightIcon({\n size = 20,\n color = \"#082640\",\n strokeWidth = 2,\n}: ArrowUpRightIconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path\n d={ARROW_UP_RIGHT_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","/**\n * EcoHouse design tokens — aligned with the shared design system\n * (navy / storm gray / slate-blue palette).\n */\n\n/** Storm Gray scale — Figma steps 0 → 8.5 */\nexport const stormGray = {\n \"0\": \"#fbfcfc\",\n \"0.5\": \"#eceef0\",\n \"1\": \"#dadde0\",\n \"1.5\": \"#c7cdd1\",\n \"2\": \"#b5bcc1\",\n \"3\": \"#8f9aa3\",\n \"4\": \"#6a7984\",\n \"5\": \"#455765\",\n \"6\": \"#374651\",\n \"7\": \"#29343d\",\n \"8\": \"#1c2328\",\n \"8.5\": \"#151a1e\",\n} as const;\n\nexport type StormGrayStep = keyof typeof stormGray;\n\n/** Navy scale — Figma steps 0 → 8.5 */\nexport const navy = {\n \"0\": \"#f6fafe\",\n \"0.5\": \"#dee5eb\",\n \"1\": \"#c6d0d8\",\n \"1.5\": \"#afbac5\",\n \"2\": \"#97a5b2\",\n \"3\": \"#677b8c\",\n \"4\": \"#385066\",\n \"5\": \"#082640\",\n \"6\": \"#061e33\",\n \"7\": \"#051726\",\n \"8\": \"#030f1a\",\n \"8.5\": \"#020b13\",\n} as const;\n\nexport type NavyStep = keyof typeof navy;\n\n/** Ruby Red scale — Figma steps 0 → 8.5 */\nexport const rubyRed = {\n \"0\": \"#fff5f6\",\n \"0.5\": \"#f7dddf\",\n \"1\": \"#efc4c8\",\n \"1.5\": \"#e7acb1\",\n \"2\": \"#df939a\",\n \"3\": \"#ce626d\",\n \"4\": \"#be313f\",\n \"5\": \"#ae0011\",\n \"6\": \"#8b000e\",\n \"7\": \"#68000a\",\n \"8\": \"#460007\",\n \"8.5\": \"#340005\",\n} as const;\n\nexport type RubyRedStep = keyof typeof rubyRed;\n\n/** Emerald Green scale — Figma steps 0 → 8.5 */\nexport const emeraldGreen = {\n \"0\": \"#f0fbf5\",\n \"0.5\": \"#dcf2e5\",\n \"1\": \"#c8e8d5\",\n \"1.5\": \"#b4dfc5\",\n \"2\": \"#a0d5b5\",\n \"3\": \"#77c394\",\n \"4\": \"#4fb074\",\n \"5\": \"#279d54\",\n \"6\": \"#1f7e43\",\n \"7\": \"#175e32\",\n \"8\": \"#103f22\",\n \"8.5\": \"#0c2f19\",\n} as const;\n\nexport type EmeraldGreenStep = keyof typeof emeraldGreen;\n\n/** Figma brand palette — primary swatch per color family */\nexport const brand = {\n slateBlue: \"#182e3c\",\n stormGray: stormGray[\"5\"],\n navy: navy[\"5\"],\n rubyRed: rubyRed[\"5\"],\n emeraldGreen: emeraldGreen[\"5\"],\n} as const;\n\nexport const colors = {\n // Brand colors\n slateBlue: brand.slateBlue,\n\n // Emerald Green — Figma scale + brand swatch\n emeraldGreen0: emeraldGreen[\"0\"],\n emeraldGreen50: emeraldGreen[\"0.5\"],\n emeraldGreen100: emeraldGreen[\"1\"],\n emeraldGreen150: emeraldGreen[\"1.5\"],\n emeraldGreen200: emeraldGreen[\"2\"],\n emeraldGreen300: emeraldGreen[\"3\"],\n emeraldGreen400: emeraldGreen[\"4\"],\n emeraldGreen500: emeraldGreen[\"5\"],\n emeraldGreen600: emeraldGreen[\"6\"],\n emeraldGreen700: emeraldGreen[\"7\"],\n emeraldGreen800: emeraldGreen[\"8\"],\n emeraldGreen850: emeraldGreen[\"8.5\"],\n\n /** Primary brand emerald green — Figma Emerald Green 5 */\n emeraldGreen: brand.emeraldGreen,\n\n // Ruby Red — Figma scale + brand swatch\n rubyRed0: rubyRed[\"0\"],\n rubyRed50: rubyRed[\"0.5\"],\n rubyRed100: rubyRed[\"1\"],\n rubyRed150: rubyRed[\"1.5\"],\n rubyRed200: rubyRed[\"2\"],\n rubyRed300: rubyRed[\"3\"],\n rubyRed400: rubyRed[\"4\"],\n rubyRed500: rubyRed[\"5\"],\n rubyRed600: rubyRed[\"6\"],\n rubyRed700: rubyRed[\"7\"],\n rubyRed800: rubyRed[\"8\"],\n rubyRed850: rubyRed[\"8.5\"],\n\n /** Primary brand ruby red — Figma Ruby Red 5 */\n rubyRed: brand.rubyRed,\n\n // Navy — Figma scale + brand swatch\n navy0: navy[\"0\"],\n navy50: navy[\"0.5\"],\n navy100: navy[\"1\"],\n navy150: navy[\"1.5\"],\n navy200: navy[\"2\"],\n navy300: navy[\"3\"],\n navy400: navy[\"4\"],\n navy500: navy[\"5\"],\n navy600: navy[\"6\"],\n navy700: navy[\"7\"],\n navy800: navy[\"8\"],\n navy850: navy[\"8.5\"],\n\n /** Primary brand navy — Figma Navy 5 */\n navy: brand.navy,\n\n // Storm Gray — Figma scale + brand swatch\n stormGray0: stormGray[\"0\"],\n stormGray50: stormGray[\"0.5\"],\n stormGray100: stormGray[\"1\"],\n stormGray150: stormGray[\"1.5\"],\n stormGray200: stormGray[\"2\"],\n stormGray300: stormGray[\"3\"],\n stormGray400: stormGray[\"4\"],\n stormGray500: stormGray[\"5\"],\n /** Figma brand swatch \"Storm Gray\" — same as `stormGray500` */\n stormGrayBrand: brand.stormGray,\n stormGray600: stormGray[\"6\"],\n stormGray700: stormGray[\"7\"],\n stormGray800: stormGray[\"8\"],\n stormGray850: stormGray[\"8.5\"],\n\n /** @deprecated Use `stormGray0` */\n storm0: stormGray[\"0\"],\n /** @deprecated Use `stormGray50` */\n storm50: stormGray[\"0.5\"],\n /** @deprecated Use `stormGray200` */\n storm200: stormGray[\"2\"],\n /** @deprecated Use `stormGray300` */\n storm300: stormGray[\"3\"],\n /** @deprecated Use `stormGray500` */\n storm500: stormGray[\"5\"],\n /** @deprecated Use `stormGray700` */\n storm700: stormGray[\"7\"],\n /** @deprecated Use `stormGray850` */\n storm900: stormGray[\"8.5\"],\n\n countrySelectorSelectedBg: `${stormGray[\"0.5\"]}99`,\n\n white: \"#ffffff\",\n error: \"#dc2626\",\n errorDark: \"#b3261e\",\n errorLight: \"#fee2e2\",\n /** @deprecated Use `rubyRed` */\n inputError: brand.rubyRed,\n inputOutlineFocus: navy[\"0.5\"],\n inputOutlineError: rubyRed[\"0.5\"],\n warning: \"#92400e\",\n warningBg: \"#fef3c7\",\n success: \"#28a745\",\n successMuted: \"#9fd4a8\",\n /** @deprecated Use `emeraldGreen` */\n green: brand.emeraldGreen,\n transparent: \"transparent\",\n} as const;\n\nexport const radii = {\n sm: 8,\n md: 12,\n lg: 16,\n xl: 20,\n full: 9999,\n} as const;\n\nexport const spacing = {\n xs: 4,\n sm: 8,\n md: 12,\n lg: 16,\n xl: 24,\n xxl: 32,\n} as const;\n\nexport const fontSize = {\n xs: 11,\n sm: 12,\n md: 14,\n base: 16,\n lg: 18,\n xl: 24,\n xxl: 32,\n} as const;\n\n/**\n * Canonical Homepad type scale (matches `.typography-*` in `src/web/styles/typography.css`).\n * font-size / line-height pairs:\n * 12/16 · 14/19 · 18/24 · 20/27 · 24/25 · 32/34\n */\nexport const typographyScale = {\n 12: { fontSize: 12, lineHeight: 16 },\n 14: { fontSize: 14, lineHeight: 19 },\n 18: { fontSize: 18, lineHeight: 24 },\n 20: { fontSize: 20, lineHeight: 27 },\n 24: { fontSize: 24, lineHeight: 25 },\n 32: { fontSize: 32, lineHeight: 34 },\n} as const;\n\nexport const fontWeight = {\n regular: \"400\" as const,\n medium: \"500\" as const,\n semibold: \"600\" as const,\n bold: \"700\" as const,\n};\n\nexport const fonts = {\n sans: \"Noto Sans Armenian\",\n} as const;\n\n/** Input label typography — Medium, typography-12 scale. */\nexport const labelTypography = {\n fontFamily: fonts.sans,\n fontSize: typographyScale[12].fontSize,\n fontWeight: fontWeight.medium,\n lineHeight: typographyScale[12].lineHeight,\n letterSpacing: 0,\n} as const;\n\n/** Button label typography — SemiBold. */\nexport const buttonTypography = {\n lg: {\n fontFamily: fonts.sans,\n fontSize: typographyScale[14].fontSize,\n fontWeight: fontWeight.semibold,\n lineHeight: typographyScale[14].lineHeight,\n letterSpacing: 0,\n },\n sm: {\n fontFamily: fonts.sans,\n fontSize: typographyScale[12].fontSize,\n fontWeight: fontWeight.semibold,\n lineHeight: typographyScale[12].lineHeight,\n letterSpacing: 0,\n },\n} as const;\n\nexport const shadows = {\n card: {\n shadowColor: colors.navy,\n shadowOffset: { width: 0, height: 4 },\n shadowOpacity: 0.05,\n shadowRadius: 20,\n elevation: 2,\n },\n cardLg: {\n shadowColor: colors.navy,\n shadowOffset: { width: 0, height: 4 },\n shadowOpacity: 0.1,\n shadowRadius: 20,\n elevation: 4,\n },\n} as const;\n","import { useLayoutEffect } from \"react\";\nimport { Platform } from \"react-native\";\n\ninterface ClassListElement {\n classList: {\n add: (...classes: string[]) => void;\n remove: (...classes: string[]) => void;\n };\n}\n\nfunction hasClassList(node: unknown): node is ClassListElement {\n return (\n typeof node === \"object\" &&\n node !== null &&\n \"classList\" in node &&\n typeof (node as ClassListElement).classList?.add === \"function\"\n );\n}\n\nfunction resolveWebElement(ref: React.RefObject<unknown>): ClassListElement | null {\n const node = ref.current;\n if (!node) return null;\n\n if (hasClassList(node)) return node;\n\n const host = node as {\n _touchableNode?: unknown;\n getScrollableNode?: () => unknown;\n };\n\n if (hasClassList(host._touchableNode)) return host._touchableNode;\n\n if (typeof host.getScrollableNode === \"function\") {\n const scrollNode = host.getScrollableNode();\n if (hasClassList(scrollNode)) return scrollNode;\n }\n\n return null;\n}\n\n/**\n * Applies CSS class names to the underlying DOM node on web.\n * Keeps TouchableOpacity/Text as the render path so default RN styles stay intact.\n *\n * Retries via rAF when the host node is not ready yet — otherwise classes like\n * `h-13` / `w-full` would only land after a later re-render (e.g. typing in a form),\n * which visibly changes button size.\n */\nexport function useApplyWebClassName(\n ref: React.RefObject<unknown>,\n className?: string,\n enabled = true,\n): void {\n useLayoutEffect(() => {\n if (!enabled || Platform.OS !== \"web\" || !className?.trim()) return;\n\n let cancelled = false;\n let rafId = 0;\n let appliedElement: ClassListElement | null = null;\n const classes = className.trim().split(/\\s+/);\n\n const apply = () => {\n if (cancelled) return;\n\n const element = resolveWebElement(ref);\n if (!element) {\n rafId = requestAnimationFrame(apply);\n return;\n }\n\n appliedElement = element;\n element.classList.add(...classes);\n };\n\n apply();\n\n return () => {\n cancelled = true;\n if (rafId) cancelAnimationFrame(rafId);\n appliedElement?.classList.remove(...classes);\n };\n }, [ref, className, enabled]);\n}\n","import { useRef, type ComponentRef, type ReactNode } from \"react\";\nimport {\n Platform,\n StyleSheet,\n Text,\n TouchableOpacity,\n View,\n type GestureResponderEvent,\n type StyleProp,\n type TextStyle,\n type ViewStyle,\n} from \"react-native\";\nimport { ArrowUpRightIcon } from \"../icons/ArrowUpRightIcon\";\nimport { colors, buttonTypography } from \"../theme/tokens\";\nimport { useApplyWebClassName } from \"../utils/useApplyWebClassName\";\n\nexport type ButtonVariant = \"white\" | \"primary\" | \"green\" | \"gray\";\nexport type ButtonSize = \"lg\" | \"sm\";\n\nexport interface ButtonProps {\n title?: string;\n children?: ReactNode;\n onPress: (event: GestureResponderEvent) => void;\n disabled?: boolean;\n variant?: ButtonVariant;\n size?: ButtonSize;\n showIcon?: boolean;\n /** Custom icon inside the badge. Defaults to `ArrowUpRightIcon` when `showIcon` is true. */\n icon?: ReactNode;\n style?: StyleProp<ViewStyle>;\n textStyle?: StyleProp<TextStyle>;\n className?: string;\n textClassName?: string;\n}\n\ntype VariantStyleSet = {\n backgroundColor: string;\n textColor: string;\n iconBadgeBackgroundColor: string;\n iconColor: string;\n};\n\nconst variantConfig: Record<ButtonVariant, VariantStyleSet> = {\n white: {\n backgroundColor: colors.white,\n textColor: colors.slateBlue,\n iconBadgeBackgroundColor: colors.stormGray150,\n iconColor: colors.navy,\n },\n primary: {\n backgroundColor: colors.navy,\n textColor: colors.stormGray0,\n iconBadgeBackgroundColor: colors.white,\n iconColor: colors.navy,\n },\n green: {\n backgroundColor: colors.green,\n textColor: colors.stormGray0,\n iconBadgeBackgroundColor: colors.white,\n iconColor: colors.green,\n },\n gray: {\n backgroundColor: colors.stormGray50,\n textColor: colors.slateBlue,\n iconBadgeBackgroundColor: colors.stormGray150,\n iconColor: colors.navy,\n },\n};\n\nconst sizeConfig = {\n lg: {\n /** Matches Tailwind `h-13` so size stays stable before web classNames attach. */\n minHeight: 52,\n borderRadius: 16,\n paddingTop: 8,\n paddingRight: 8,\n paddingBottom: 8,\n paddingLeft: 24,\n paddingHorizontalCentered: 24,\n text: buttonTypography.lg,\n iconContainerSize: 36,\n iconContainerRadius: 12,\n iconContainerPadding: 8,\n iconSize: 20,\n },\n sm: {\n minHeight: 40,\n borderRadius: 12,\n paddingTop: 8,\n paddingRight: 8,\n paddingBottom: 8,\n paddingLeft: 16,\n paddingHorizontalCentered: 16,\n text: buttonTypography.sm,\n iconContainerSize: 32,\n iconContainerRadius: 8,\n iconContainerPadding: 8,\n iconSize: 16,\n },\n} as const;\n\nexport function Button({\n title,\n children,\n onPress,\n disabled = false,\n variant = \"primary\",\n size = \"lg\",\n showIcon = false,\n icon,\n style,\n textStyle,\n className,\n textClassName,\n}: ButtonProps) {\n const containerRef = useRef<ComponentRef<typeof TouchableOpacity>>(null);\n const textRef = useRef<ComponentRef<typeof Text>>(null);\n const preset = variantConfig[variant];\n const metrics = sizeConfig[size];\n\n const label = typeof children !== \"undefined\" ? children : title;\n const hasCustomChildren = typeof children !== \"undefined\";\n const customIcon = icon != null && typeof icon !== \"boolean\" ? icon : undefined;\n const hasIcon = showIcon || icon === true || customIcon != null;\n const resolvedContainerClassName = [Platform.OS === \"web\" ? \"max-md:px-4!\" : \"\", className]\n .filter(Boolean)\n .join(\" \");\n\n useApplyWebClassName(containerRef, resolvedContainerClassName || undefined);\n useApplyWebClassName(textRef, textClassName);\n\n const iconNode = customIcon ?? (\n <ArrowUpRightIcon size={metrics.iconSize} color={preset.iconColor} />\n );\n\n const containerStyle = [\n styles.base,\n {\n minHeight: metrics.minHeight,\n borderRadius: metrics.borderRadius,\n backgroundColor: preset.backgroundColor,\n paddingTop: metrics.paddingTop,\n paddingBottom: metrics.paddingBottom,\n paddingLeft: hasIcon ? metrics.paddingLeft : metrics.paddingHorizontalCentered,\n paddingRight: hasIcon ? metrics.paddingRight : metrics.paddingHorizontalCentered,\n },\n hasIcon ? styles.withIcon : styles.centered,\n disabled && styles.disabled,\n style,\n ];\n\n const labelStyle = [\n styles.label,\n metrics.text,\n { color: preset.textColor },\n Platform.OS === \"android\" ? styles.labelAndroid : null,\n !hasIcon && styles.labelCentered,\n hasIcon && styles.labelWithIcon,\n textStyle,\n ];\n\n return (\n <TouchableOpacity\n ref={containerRef}\n style={containerStyle}\n onPress={onPress}\n disabled={disabled}\n activeOpacity={0.7}\n accessibilityRole=\"button\"\n accessibilityState={{ disabled }}\n >\n {hasCustomChildren ? (\n children\n ) : (\n <Text ref={textRef} style={labelStyle}>\n {label}\n </Text>\n )}\n\n {hasIcon ? (\n <View\n style={[\n styles.iconContainer,\n {\n width: metrics.iconContainerSize,\n height: metrics.iconContainerSize,\n borderRadius: metrics.iconContainerRadius,\n padding: metrics.iconContainerPadding,\n backgroundColor: preset.iconBadgeBackgroundColor,\n },\n ]}\n >\n {iconNode}\n </View>\n ) : null}\n </TouchableOpacity>\n );\n}\n\nconst styles = StyleSheet.create({\n base: {\n flexDirection: \"row\",\n alignItems: \"center\",\n borderWidth: 0,\n },\n centered: {\n justifyContent: \"center\",\n },\n withIcon: {\n justifyContent: \"space-between\",\n },\n disabled: {\n opacity: 0.6,\n },\n label: {},\n labelAndroid: {\n includeFontPadding: false,\n },\n labelCentered: {\n textAlign: \"center\",\n },\n labelWithIcon: {\n flex: 1,\n flexShrink: 1,\n marginRight: 8,\n },\n iconContainer: {\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n },\n});\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/icons/ArrowRight/arrowRightPath.ts","../src/theme/colors.ts","../src/theme/typography.ts","../src/icons/ArrowRight/ArrowRightIcon.tsx","../src/icons/Bag/bagPath.ts","../src/icons/Bag/BagIcon.tsx","../src/icons/Bell/bellPath.ts","../src/icons/Bell/BellIcon.tsx","../src/icons/Building/buildingPath.ts","../src/icons/Building/BuildingIcon.tsx","../src/icons/Camera/cameraPath.ts","../src/icons/Camera/CameraIcon.tsx","../src/icons/CheckBadge/checkBadgePath.ts","../src/icons/CheckBadge/CheckBadgeIcon.tsx","../src/icons/Clock/clockPath.ts","../src/icons/Clock/ClockIcon.tsx","../src/icons/Facebook/facebookPath.ts","../src/icons/Facebook/FacebookIcon.tsx","../src/icons/Home/homePath.ts","../src/icons/Home/HomeIcon.tsx","../src/icons/Instagram/instagramPath.ts","../src/icons/Instagram/InstagramIcon.tsx","../src/icons/Key/keyPath.ts","../src/icons/Key/KeyIcon.tsx","../src/icons/LinkedIn/linkedinPath.ts","../src/icons/LinkedIn/LinkedInIcon.tsx","../src/icons/Mail/mailPath.ts","../src/icons/Mail/MailIcon.tsx","../src/icons/Navigate/navigatePath.ts","../src/icons/Navigate/NavigateIcon.tsx","../src/icons/Phone/phonePath.ts","../src/icons/Phone/PhoneIcon.tsx","../src/icons/Show/showPath.ts","../src/icons/Show/ShowIcon.tsx","../src/icons/User/userPath.ts","../src/icons/User/UserIcon.tsx","../src/icons/registry.ts","../src/icons/Icon.tsx","../src/utils/useApplyWebClassName.ts","../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"names":["jsx","Svg","Path","Platform","jsxs","sizeConfig","useRef","View","styles","Text","TouchableOpacity","StyleSheet"],"mappings":"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","file":"index.js","sourcesContent":["/** Arrow_Right_MD path — 20×20 viewBox. */\nexport const ARROW_RIGHT_PATH = \"M4.16667 10H15.8333M15.8333 10L10 4.16667M15.8333 10L10 15.8333\";\n","export const grey = {\n \"0\": \"#767676\",\n \"0.5\": \"#6E6E6E\",\n \"1\": \"#666666\",\n \"1.5\": \"#5E5E5E\",\n \"2\": \"#565656\",\n \"3\": \"#474747\",\n \"4\": \"#373737\",\n \"5\": \"#272727\",\n \"6\": \"#1F1F1F\",\n \"7\": \"#171717\",\n \"7.5\": \"#161616\",\n \"8\": \"#101010\",\n \"8.5\": \"#0C0C0C\",\n \"9\": \"#080808\",\n \"9.5\": \"#040404\",\n} as const;\n\nexport type GreyStep = keyof typeof grey;\n\nexport const colors = {\n primary: \"#B46436\",\n black: \"#000000\",\n white: \"#ffffff\",\n dark: \"#090909\",\n red: \"#A63E3E\",\n lightGrey: \"#B7B7B7\",\n primaryMuted: \"#B464360F\",\n redMuted: \"#A63E3E0F\",\n\n grey0: grey[\"0\"],\n grey50: grey[\"0.5\"],\n grey100: grey[\"1\"],\n grey150: grey[\"1.5\"],\n grey200: grey[\"2\"],\n grey300: grey[\"3\"],\n grey400: grey[\"4\"],\n grey500: grey[\"5\"],\n grey600: grey[\"6\"],\n grey700: grey[\"7\"],\n grey750: grey[\"7.5\"],\n grey800: grey[\"8\"],\n grey850: grey[\"8.5\"],\n grey900: grey[\"9\"],\n grey950: grey[\"9.5\"],\n} as const;\n","export const fonts = {\n sans: \"Noto Sans Armenian\",\n} as const;\n\n/** Button label — SemiBold, line-height 100%, letter-spacing 3%. */\nexport const buttonTypography = {\n lg: {\n fontFamily: fonts.sans,\n fontSize: 14,\n fontWeight: \"600\" as const,\n lineHeight: 14,\n letterSpacing: 0.42,\n },\n sm: {\n fontFamily: fonts.sans,\n fontSize: 12,\n fontWeight: \"600\" as const,\n lineHeight: 12,\n letterSpacing: 0.36,\n },\n} as const;\n\n/** Input label / field / hint typography. */\nexport const inputTypography = {\n label: {\n fontFamily: fonts.sans,\n fontSize: 12,\n fontWeight: \"500\" as const,\n lineHeight: 16,\n letterSpacing: 0,\n },\n field: {\n fontFamily: fonts.sans,\n fontSize: 14,\n fontWeight: \"400\" as const,\n lineHeight: 19,\n letterSpacing: 0,\n },\n hint: {\n fontFamily: fonts.sans,\n fontSize: 12,\n fontWeight: \"400\" as const,\n lineHeight: 16,\n letterSpacing: 0,\n },\n} as const;\n","import Svg, { Path } from \"react-native-svg\";\nimport { ARROW_RIGHT_PATH } from \"./arrowRightPath\";\nimport { colors } from \"../../theme\";\n\nexport { ARROW_RIGHT_PATH } from \"./arrowRightPath\";\n\ninterface ArrowRightIconProps {\n size?: number;\n color?: string;\n strokeWidth?: number;\n}\n\n/** Native — react-native-svg (peer dependency). */\nexport function ArrowRightIcon({\n size = 20,\n color = colors.primary,\n strokeWidth = 2,\n}: ArrowRightIconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path\n d={ARROW_RIGHT_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","export const BAG_PATH =\n \"M9.23047 9H7.2002C6.08009 9 5.51962 9 5.0918 9.21799C4.71547 9.40973 4.40973 9.71547 4.21799 10.0918C4 10.5196 4 11.0801 4 12.2002V17.8002C4 18.9203 4 19.4801 4.21799 19.9079C4.40973 20.2842 4.71547 20.5905 5.0918 20.7822C5.5192 21 6.07902 21 7.19694 21H16.8031C17.921 21 18.48 21 18.9074 20.7822C19.2837 20.5905 19.5905 20.2842 19.7822 19.9079C20 19.4805 20 18.9215 20 17.8036V12.1969C20 11.079 20 10.5192 19.7822 10.0918C19.5905 9.71547 19.2837 9.40973 18.9074 9.21799C18.4796 9 17.9203 9 16.8002 9H14.7689M9.23047 9H14.7689M9.23047 9C9.10302 9 9 8.89668 9 8.76923V6C9 4.34315 10.3431 3 12 3C13.6569 3 15 4.34315 15 6V8.76923C15 8.89668 14.8964 9 14.7689 9\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { BAG_PATH } from \"./bagPath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { BAG_PATH } from \"./bagPath\";\n\nexport function BagIcon({ size = 24, color = colors.primary, strokeWidth = 2 }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\">\n <Path\n d={BAG_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","export const BELL_PATH =\n \"M7.5 17.5H12.5M10 2.5C7.23858 2.5 5 4.73858 5 7.5C5 8.51208 5.3007 9.45393 5.81764 10.2411C6.61256 11.4515 7.00967 12.0564 7.06127 12.1467C7.52024 12.9508 7.43573 12.6672 7.49349 13.5913C7.49998 13.6952 7.5 13.8524 7.5 14.1667C7.5 14.6269 7.8731 15 8.33333 15L11.6667 15C12.1269 15 12.5 14.6269 12.5 14.1667C12.5 13.8524 12.5 13.6952 12.5065 13.5913C12.5643 12.6672 12.4793 12.9509 12.9382 12.1467C12.9898 12.0564 13.3876 11.4515 14.1825 10.2411C14.6995 9.45393 15.0002 8.51208 15.0002 7.5C15.0002 4.73858 12.7614 2.5 10 2.5Z\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { BELL_PATH } from \"./bellPath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { BELL_PATH } from \"./bellPath\";\n\nexport function BellIcon({ size = 20, color = colors.primary, strokeWidth = 2 }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path\n d={BELL_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","export const BUILDING_PATH =\n \"M7.5 9.16659V16.6666M7.5 9.16659H3.83301C3.3663 9.16659 3.13318 9.16659 2.95492 9.25741C2.79811 9.33731 2.67072 9.4647 2.59083 9.6215C2.5 9.79976 2.5 10.0333 2.5 10.5V16.6666H7.5M7.5 9.16659V4.66667C7.5 4.19996 7.5 3.96643 7.59083 3.78817C7.67072 3.63137 7.79811 3.50397 7.95492 3.42408C8.13317 3.33325 8.3663 3.33325 8.83301 3.33325H11.1663C11.6331 3.33325 11.8669 3.33325 12.0452 3.42408C12.202 3.50397 12.329 3.63137 12.4089 3.78817C12.4997 3.96643 12.5 4.19996 12.5 4.66667V6.66659M7.5 16.6666H12.5M12.5 16.6666L17.5 16.6667V8C17.5 7.53329 17.4997 7.29976 17.4089 7.1215C17.329 6.9647 17.2024 6.83731 17.0456 6.75741C16.8674 6.66659 16.6334 6.66659 16.1667 6.66659H12.5M12.5 16.6666V6.66659\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { BUILDING_PATH } from \"./buildingPath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { BUILDING_PATH } from \"./buildingPath\";\n\nexport function BuildingIcon({ size = 20, color = colors.primary, strokeWidth = 2 }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path\n d={BUILDING_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","export const CAMERA_PATH =\n \"M9.48898 7H6.2002C5.08009 7 4.51962 7 4.0918 7.21799C3.71547 7.40973 3.40973 7.71547 3.21799 8.0918C3 8.51962 3 9.08009 3 10.2002V15.8002C3 16.9203 3 17.4796 3.21799 17.9074C3.40973 18.2837 3.71547 18.5905 4.0918 18.7822C4.5192 19 5.07899 19 6.19691 19H17.8031C18.921 19 19.48 19 19.9074 18.7822C20.2837 18.5905 20.5905 18.2837 20.7822 17.9074C21 17.48 21 16.921 21 15.8031V10.1969C21 9.07899 21 8.5192 20.7822 8.0918C20.5905 7.71547 20.2837 7.40973 19.9074 7.21799C19.4796 7 18.9203 7 17.8002 7H14.5108M9.48898 7H9.55078M9.48898 7C9.50151 7.00001 9.51468 7 9.52857 7L9.55078 7M9.48898 7C9.38286 6.99995 9.32339 6.99941 9.27637 6.99414C8.68878 6.92835 8.28578 6.36908 8.40918 5.79084C8.42066 5.73703 8.44336 5.66894 8.4883 5.53412L8.49023 5.52841C8.54156 5.37443 8.56723 5.29743 8.59558 5.22949C8.88586 4.53389 9.54322 4.06083 10.2949 4.00541C10.3683 4 10.449 4 10.6113 4H13.3886C13.5509 4 13.6322 4 13.7057 4.00541C14.4574 4.06083 15.114 4.53389 15.4043 5.22949C15.4326 5.29743 15.4584 5.37434 15.5098 5.52832C15.556 5.66699 15.5791 5.73636 15.5908 5.79093C15.7142 6.36917 15.3118 6.92835 14.7242 6.99414C14.6772 6.99941 14.6171 6.99995 14.5108 7M9.55078 7H14.449M14.449 7H14.5108M14.449 7L14.4712 7C14.4851 7 14.4983 7.00001 14.5108 7M12 16C10.3431 16 9 14.6569 9 13C9 11.3431 10.3431 10 12 10C13.6569 10 15 11.3431 15 13C15 14.6569 13.6569 16 12 16Z\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { CAMERA_PATH } from \"./cameraPath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { CAMERA_PATH } from \"./cameraPath\";\n\nexport function CameraIcon({ size = 24, color = colors.primary, strokeWidth = 2 }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\">\n <Path\n d={CAMERA_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","export const CHECK_BADGE_PATH =\n \"M12.5 8.33317L9.16663 11.6665L7.49996 9.99984M11.0384 2.88233L12.0558 3.74941C12.3122 3.96786 12.6305 4.09992 12.9662 4.12671L14.2987 4.23291C15.0822 4.29543 15.7045 4.91733 15.767 5.70077L15.8729 7.03353C15.8997 7.36925 16.0322 7.68799 16.2507 7.94433L17.1174 8.96152C17.6272 9.5597 17.6272 10.4396 17.1175 11.0378L16.2508 12.0551C16.0323 12.3115 15.9 12.6303 15.8732 12.9661L15.7666 14.2986C15.704 15.082 15.0827 15.7043 14.2993 15.7668L12.9663 15.8732C12.6305 15.9 12.312 16.0317 12.0556 16.2502L11.0384 17.1173C10.4402 17.627 9.55973 17.6271 8.96155 17.1174L7.9443 16.2502C7.68796 16.0318 7.36938 15.8998 7.03365 15.8731L5.70064 15.7668C4.9172 15.7043 4.29588 15.0822 4.23336 14.2987L4.12675 12.9661C4.09996 12.6304 3.96759 12.3118 3.74915 12.0555L2.88245 11.0378C2.37268 10.4397 2.37244 9.56002 2.88221 8.96184L3.74969 7.94418C3.96814 7.68784 4.09923 7.36926 4.12602 7.03353L4.23263 5.70093C4.29515 4.91749 4.91826 4.29535 5.70171 4.23283L7.03324 4.12663C7.36897 4.09984 7.68771 3.96788 7.94404 3.74943L8.96164 2.88233C9.55982 2.37256 10.4402 2.37256 11.0384 2.88233Z\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { CHECK_BADGE_PATH } from \"./checkBadgePath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { CHECK_BADGE_PATH } from \"./checkBadgePath\";\n\nexport function CheckBadgeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path\n d={CHECK_BADGE_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","export const CLOCK_PATH =\n \"M12 7V12H17M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { CLOCK_PATH } from \"./clockPath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { CLOCK_PATH } from \"./clockPath\";\n\nexport function ClockIcon({ size = 24, color = colors.primary, strokeWidth = 2 }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\">\n <Path\n d={CLOCK_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","export const FACEBOOK_PATH =\n \"M10.0003 1.69922C5.41699 1.69922 1.66699 5.44089 1.66699 10.0492C1.66699 14.2159 4.71699 17.6742 8.70033 18.2992V12.4659H6.58366V10.0492H8.70033V8.20755C8.70033 6.11589 9.94199 4.96589 11.8503 4.96589C12.7587 4.96589 13.7087 5.12422 13.7087 5.12422V7.18255H12.6587C11.6253 7.18255 11.3003 7.82422 11.3003 8.48255V10.0492H13.617L13.242 12.4659H11.3003V18.2992C13.264 17.9891 15.0522 16.9871 16.3419 15.4743C17.6317 13.9614 18.3381 12.0373 18.3337 10.0492C18.3337 5.44089 14.5837 1.69922 10.0003 1.69922Z\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { FACEBOOK_PATH } from \"./facebookPath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { FACEBOOK_PATH } from \"./facebookPath\";\n\nexport function FacebookIcon({ size = 20, color = colors.white }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path d={FACEBOOK_PATH} fill={color} />\n </Svg>\n );\n}\n","export const HOME_PATH =\n \"M1.66675 16.6667H3.33341M3.33341 16.6667H8.33341M3.33341 16.6667V9.54352C3.33341 9.09823 3.33341 8.87548 3.38756 8.66828C3.43554 8.48466 3.51491 8.31089 3.6215 8.15387C3.74178 7.97668 3.90895 7.82974 4.24406 7.53652L8.24538 4.03537C8.86662 3.49178 9.17726 3.21997 9.5271 3.11652C9.83559 3.02529 10.1644 3.02529 10.4729 3.11652C10.823 3.22005 11.1341 3.49212 11.7563 4.03652L15.7563 7.53652C16.0914 7.82974 16.2586 7.97668 16.3789 8.15387C16.4855 8.31089 16.5642 8.48466 16.6122 8.66828C16.6664 8.87548 16.6667 9.09824 16.6667 9.54352V16.6667M8.33341 16.6667H11.6667M8.33341 16.6667V13.3334C8.33341 12.4129 9.07961 11.6667 10.0001 11.6667C10.9206 11.6667 11.6667 12.4129 11.6667 13.3334V16.6667M11.6667 16.6667H16.6667M16.6667 16.6667H18.3334\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { HOME_PATH } from \"./homePath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { HOME_PATH } from \"./homePath\";\n\nexport function HomeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path\n d={HOME_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","export const INSTAGRAM_PATH =\n \"M6.49984 1.66748H13.4998C16.1665 1.66748 18.3332 3.83415 18.3332 6.50081V13.5008C18.3332 14.7827 17.8239 16.0121 16.9175 16.9185C16.0111 17.8249 14.7817 18.3341 13.4998 18.3341H6.49984C3.83317 18.3341 1.6665 16.1675 1.6665 13.5008V6.50081C1.6665 5.21893 2.17573 3.98956 3.08215 3.08313C3.98858 2.17671 5.21796 1.66748 6.49984 1.66748ZM6.33317 3.33415C5.53752 3.33415 4.77446 3.65022 4.21185 4.21283C3.64924 4.77544 3.33317 5.5385 3.33317 6.33415V13.6675C3.33317 15.3258 4.67484 16.6675 6.33317 16.6675H13.6665C14.4622 16.6675 15.2252 16.3514 15.7878 15.7888C16.3504 15.2262 16.6665 14.4631 16.6665 13.6675V6.33415C16.6665 4.67581 15.3248 3.33415 13.6665 3.33415H6.33317ZM14.3748 4.58415C14.6511 4.58415 14.9161 4.69389 15.1114 4.88924C15.3068 5.08459 15.4165 5.34955 15.4165 5.62581C15.4165 5.90208 15.3068 6.16703 15.1114 6.36238C14.9161 6.55773 14.6511 6.66748 14.3748 6.66748C14.0986 6.66748 13.8336 6.55773 13.6383 6.36238C13.4429 6.16703 13.3332 5.90208 13.3332 5.62581C13.3332 5.34955 13.4429 5.08459 13.6383 4.88924C13.8336 4.69389 14.0986 4.58415 14.3748 4.58415ZM9.99984 5.83415C11.1049 5.83415 12.1647 6.27313 12.9461 7.05454C13.7275 7.83594 14.1665 8.89574 14.1665 10.0008C14.1665 11.1059 13.7275 12.1657 12.9461 12.9471C12.1647 13.7285 11.1049 14.1675 9.99984 14.1675C8.89477 14.1675 7.83496 13.7285 7.05356 12.9471C6.27216 12.1657 5.83317 11.1059 5.83317 10.0008C5.83317 8.89574 6.27216 7.83594 7.05356 7.05454C7.83496 6.27313 8.89477 5.83415 9.99984 5.83415ZM9.99984 7.50081C9.3368 7.50081 8.70091 7.76421 8.23207 8.23305C7.76323 8.70189 7.49984 9.33777 7.49984 10.0008C7.49984 10.6639 7.76323 11.2997 8.23207 11.7686C8.70091 12.2374 9.3368 12.5008 9.99984 12.5008C10.6629 12.5008 11.2988 12.2374 11.7676 11.7686C12.2364 11.2997 12.4998 10.6639 12.4998 10.0008C12.4998 9.33777 12.2364 8.70189 11.7676 8.23305C11.2988 7.76421 10.6629 7.50081 9.99984 7.50081Z\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { INSTAGRAM_PATH } from \"./instagramPath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { INSTAGRAM_PATH } from \"./instagramPath\";\n\nexport function InstagramIcon({ size = 20, color = colors.white }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path d={INSTAGRAM_PATH} fill={color} />\n </Svg>\n );\n}\n","export const KEY_PATH =\n \"M5.28673 10.0002L7.0545 11.768M7.6435 7.64301L9.41127 9.41078M10.0003 5.28624L11.768 7.05401M4.22553 11.0604L11.0609 4.22505C11.7209 3.56502 12.0513 3.235 12.4318 3.11136C12.7666 3.00259 13.127 3.00259 13.4618 3.11136C13.8421 3.23494 14.1718 3.56464 14.8311 4.22393L15.775 5.16785C16.4351 5.82788 16.7654 6.15867 16.8891 6.53922C16.9979 6.87396 16.9976 7.23381 16.8889 7.56855C16.7652 7.9491 16.4353 8.27937 15.7753 8.9394L8.93989 15.7748C8.27986 16.4348 7.94959 16.7647 7.56904 16.8884C7.2343 16.9971 6.87445 16.9974 6.53971 16.8886C6.15916 16.765 5.82837 16.4346 5.16834 15.7745L4.22441 14.8306C3.56513 14.1713 3.23542 13.8416 3.11185 13.4613C3.00308 13.1266 3.00308 12.7661 3.11185 12.4313C3.23549 12.0508 3.56551 11.7204 4.22553 11.0604Z\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { KEY_PATH } from \"./keyPath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { KEY_PATH } from \"./keyPath\";\n\nexport function KeyIcon({ size = 20, color = colors.primary, strokeWidth = 2 }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path\n d={KEY_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","export const LINKEDIN_PATH =\n \"M15.8333 2.50098C16.2754 2.50098 16.6993 2.67657 17.0118 2.98913C17.3244 3.30169 17.5 3.72562 17.5 4.16764V15.8343C17.5 16.2763 17.3244 16.7003 17.0118 17.0128C16.6993 17.3254 16.2754 17.501 15.8333 17.501H4.16667C3.72464 17.501 3.30072 17.3254 2.98816 17.0128C2.67559 16.7003 2.5 16.2763 2.5 15.8343V4.16764C2.5 3.72562 2.67559 3.30169 2.98816 2.98913C3.30072 2.67657 3.72464 2.50098 4.16667 2.50098H15.8333ZM15.4167 15.4176V11.001C15.4167 10.2805 15.1304 9.58948 14.621 9.08C14.1115 8.57053 13.4205 8.28431 12.7 8.28431C11.9917 8.28431 11.1667 8.71764 10.7667 9.36764V8.44264H8.44167V15.4176H10.7667V11.3093C10.7667 10.6676 11.2833 10.1426 11.925 10.1426C12.2344 10.1426 12.5312 10.2656 12.75 10.4844C12.9687 10.7031 13.0917 10.9999 13.0917 11.3093V15.4176H15.4167ZM5.73333 7.13431C6.10464 7.13431 6.46073 6.98681 6.72328 6.72426C6.98583 6.46171 7.13333 6.10561 7.13333 5.73431C7.13333 4.95931 6.50833 4.32598 5.73333 4.32598C5.35982 4.32598 5.0016 4.47435 4.73749 4.73847C4.47338 5.00258 4.325 5.3608 4.325 5.73431C4.325 6.50931 4.95833 7.13431 5.73333 7.13431ZM6.89167 15.4176V8.44264H4.58333V15.4176H6.89167Z\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { LINKEDIN_PATH } from \"./linkedinPath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { LINKEDIN_PATH } from \"./linkedinPath\";\n\nexport function LinkedInIcon({ size = 20, color = colors.white }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path d={LINKEDIN_PATH} fill={color} />\n </Svg>\n );\n}\n","export const MAIL_PATH =\n \"M3.33333 4.99984L8.42303 8.84339L8.42473 8.8448C8.98987 9.25924 9.27261 9.46658 9.5823 9.54668C9.85602 9.61748 10.1438 9.61748 10.4175 9.54668C10.7274 9.46651 11.011 9.25856 11.5771 8.84339C11.5771 8.84339 14.8417 6.33812 16.6667 4.99984M2.5 13.1667V6.83333C2.5 5.89991 2.5 5.43285 2.68166 5.07633C2.84144 4.76273 3.09623 4.50795 3.40983 4.34816C3.76635 4.1665 4.23341 4.1665 5.16683 4.1665H14.8335C15.7669 4.1665 16.233 4.1665 16.5895 4.34816C16.9031 4.50795 17.1587 4.76273 17.3185 5.07633C17.5 5.43251 17.5 5.899 17.5 6.8306V13.1695C17.5 14.1011 17.5 14.5669 17.3185 14.9231C17.1587 15.2367 16.9031 15.4919 16.5895 15.6517C16.2333 15.8332 15.7675 15.8332 14.8359 15.8332H5.16409C4.23249 15.8332 3.766 15.8332 3.40983 15.6517C3.09623 15.4919 2.84144 15.2367 2.68166 14.9231C2.5 14.5666 2.5 14.1001 2.5 13.1667Z\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { MAIL_PATH } from \"./mailPath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { MAIL_PATH } from \"./mailPath\";\n\nexport function MailIcon({ size = 20, color = colors.primary, strokeWidth = 2 }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path\n d={MAIL_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","export const NAVIGATE_PATH =\n \"M5.691 14.2339C11.5836 17.7694 16.2976 13.0554 15.7084 4.21658C6.86968 3.62732 2.15584 8.34151 5.691 14.2339ZM5.691 14.2339C5.69093 14.2338 5.69107 14.234 5.691 14.2339ZM5.691 14.2339L4.16675 15.7576M5.691 14.2339L8.88079 11.0436\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { NAVIGATE_PATH } from \"./navigatePath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { NAVIGATE_PATH } from \"./navigatePath\";\n\nexport function NavigateIcon({ size = 20, color = colors.primary, strokeWidth = 2 }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path\n d={NAVIGATE_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","export const PHONE_PATH =\n \"M7.91872 3.54768C7.66561 2.91492 7.05276 2.5 6.37126 2.5H4.07895C3.20692 2.5 2.5 3.20675 2.5 4.07878C2.5 11.491 8.50898 17.5 15.9212 17.5C16.7933 17.5 17.5 16.793 17.5 15.921L17.5004 13.6283C17.5004 12.9468 17.0856 12.334 16.4528 12.0809L14.2558 11.2024C13.6874 10.9751 13.0402 11.0774 12.57 11.4693L12.0029 11.9422C11.3407 12.4941 10.3664 12.4502 9.75683 11.8407L8.16018 10.2425C7.55066 9.63302 7.50561 8.65945 8.05745 7.99724L8.53027 7.43025C8.92218 6.95996 9.02541 6.31263 8.79805 5.74424L7.91872 3.54768Z\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { PHONE_PATH } from \"./phonePath\";\nimport { colors } from \"../../theme\";\nimport type { IconProps } from \"../types\";\n\nexport { PHONE_PATH } from \"./phonePath\";\n\nexport function PhoneIcon({ size = 20, color = colors.primary, strokeWidth = 2 }: IconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path\n d={PHONE_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","/** Show (eye) icon path — 20×20 viewBox. */\nexport const SHOW_PATH =\n \"M1.66669 10C1.66669 10 4.16669 4.16667 10 4.16667C15.8334 4.16667 18.3334 10 18.3334 10C18.3334 10 15.8334 15.8333 10 15.8333C4.16669 15.8333 1.66669 10 1.66669 10Z\";\n\nexport const SHOW_PUPIL_PATH =\n \"M10 12.5C11.3807 12.5 12.5 11.3807 12.5 10C12.5 8.61929 11.3807 7.5 10 7.5C8.61929 7.5 7.5 8.61929 7.5 10C7.5 11.3807 8.61929 12.5 10 12.5Z\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { SHOW_PATH, SHOW_PUPIL_PATH } from \"./showPath\";\nimport { colors } from \"../../theme\";\n\nexport { SHOW_PATH, SHOW_PUPIL_PATH } from \"./showPath\";\n\ninterface ShowIconProps {\n size?: number;\n color?: string;\n strokeWidth?: number;\n}\n\n/** Native — react-native-svg (peer dependency). */\nexport function ShowIcon({ size = 20, color = colors.primary, strokeWidth = 2 }: ShowIconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path\n d={SHOW_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <Path\n d={SHOW_PUPIL_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","/** User icon path — 20×20 viewBox. */\nexport const USER_PATH =\n \"M15.8334 17.5C15.8334 14.2783 13.2217 11.6667 10 11.6667C6.77836 11.6667 4.16669 14.2783 4.16669 17.5M10 9.16667C8.15907 9.16667 6.66669 7.67428 6.66669 5.83333C6.66669 3.99238 8.15907 2.5 10 2.5C11.841 2.5 13.3334 3.99238 13.3334 5.83333C13.3334 7.67428 11.841 9.16667 10 9.16667Z\";\n","import Svg, { Path } from \"react-native-svg\";\nimport { USER_PATH } from \"./userPath\";\nimport { colors } from \"../../theme\";\n\nexport { USER_PATH } from \"./userPath\";\n\ninterface UserIconProps {\n size?: number;\n color?: string;\n strokeWidth?: number;\n}\n\n/** Native — react-native-svg (peer dependency). */\nexport function UserIcon({ size = 20, color = colors.primary, strokeWidth = 2 }: UserIconProps) {\n return (\n <Svg width={size} height={size} viewBox=\"0 0 20 20\" fill=\"none\">\n <Path\n d={USER_PATH}\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </Svg>\n );\n}\n","import { ArrowRightIcon } from \"./ArrowRight\";\nimport { BagIcon } from \"./Bag\";\nimport { BellIcon } from \"./Bell\";\nimport { BuildingIcon } from \"./Building\";\nimport { CameraIcon } from \"./Camera\";\nimport { CheckBadgeIcon } from \"./CheckBadge\";\nimport { ClockIcon } from \"./Clock\";\nimport { FacebookIcon } from \"./Facebook\";\nimport { HomeIcon } from \"./Home\";\nimport { InstagramIcon } from \"./Instagram\";\nimport { KeyIcon } from \"./Key\";\nimport { LinkedInIcon } from \"./LinkedIn\";\nimport { MailIcon } from \"./Mail\";\nimport { NavigateIcon } from \"./Navigate\";\nimport { PhoneIcon } from \"./Phone\";\nimport { ShowIcon } from \"./Show\";\nimport { UserIcon } from \"./User\";\nimport type { IconComponent } from \"./types\";\n\nexport const icons = {\n arrowRight: ArrowRightIcon,\n bag: BagIcon,\n bell: BellIcon,\n building: BuildingIcon,\n camera: CameraIcon,\n checkBadge: CheckBadgeIcon,\n clock: ClockIcon,\n facebook: FacebookIcon,\n home: HomeIcon,\n instagram: InstagramIcon,\n key: KeyIcon,\n linkedin: LinkedInIcon,\n mail: MailIcon,\n navigate: NavigateIcon,\n phone: PhoneIcon,\n show: ShowIcon,\n user: UserIcon,\n} as const satisfies Record<string, IconComponent>;\n\nexport type IconName = keyof typeof icons;\n\nexport const iconNames = Object.keys(icons) as IconName[];\n\nexport const iconGroups = {\n navigation: [\"arrowRight\", \"home\", \"navigate\"],\n actions: [\"show\", \"bell\", \"camera\", \"key\", \"checkBadge\"],\n objects: [\"bag\", \"building\", \"clock\", \"user\"],\n communication: [\"mail\", \"phone\"],\n social: [\"facebook\", \"instagram\", \"linkedin\"],\n} as const satisfies Record<string, readonly IconName[]>;\n\nexport type IconGroup = keyof typeof iconGroups;\n\nexport const iconGroupNames = Object.keys(iconGroups) as IconGroup[];\n\nexport function getIconsByGroup(group: IconGroup): IconName[] {\n return [...iconGroups[group]];\n}\n","import { icons, type IconName } from \"./registry\";\nimport type { IconProps } from \"./types\";\n\nexport interface IconByNameProps extends IconProps {\n name: IconName;\n}\n\nexport function Icon({ name, ...props }: IconByNameProps) {\n const Component = icons[name];\n return <Component {...props} />;\n}\n","import { useLayoutEffect } from \"react\";\nimport { Platform } from \"react-native\";\n\ninterface ClassListElement {\n classList: {\n add: (...classes: string[]) => void;\n remove: (...classes: string[]) => void;\n };\n}\n\nfunction hasClassList(node: unknown): node is ClassListElement {\n return (\n typeof node === \"object\" &&\n node !== null &&\n \"classList\" in node &&\n typeof (node as ClassListElement).classList?.add === \"function\"\n );\n}\n\nfunction resolveWebElement(ref: React.RefObject<unknown>): ClassListElement | null {\n const node = ref.current;\n if (!node) return null;\n\n if (hasClassList(node)) return node;\n\n const host = node as {\n _touchableNode?: unknown;\n getScrollableNode?: () => unknown;\n };\n\n if (hasClassList(host._touchableNode)) return host._touchableNode;\n\n if (typeof host.getScrollableNode === \"function\") {\n const scrollNode = host.getScrollableNode();\n if (hasClassList(scrollNode)) return scrollNode;\n }\n\n return null;\n}\n\n/**\n * Applies CSS class names to the underlying DOM node on web.\n * Keeps TouchableOpacity/Text as the render path so default RN styles stay intact.\n *\n * Retries via rAF when the host node is not ready yet — otherwise classes like\n * `h-13` / `w-full` would only land after a later re-render (e.g. typing in a form),\n * which visibly changes button size.\n */\nexport function useApplyWebClassName(\n ref: React.RefObject<unknown>,\n className?: string,\n enabled = true,\n): void {\n useLayoutEffect(() => {\n if (!enabled || Platform.OS !== \"web\" || !className?.trim()) return;\n\n let cancelled = false;\n let rafId = 0;\n let appliedElement: ClassListElement | null = null;\n const classes = className.trim().split(/\\s+/);\n\n const apply = () => {\n if (cancelled) return;\n\n const element = resolveWebElement(ref);\n if (!element) {\n rafId = requestAnimationFrame(apply);\n return;\n }\n\n appliedElement = element;\n element.classList.add(...classes);\n };\n\n apply();\n\n return () => {\n cancelled = true;\n if (rafId) cancelAnimationFrame(rafId);\n appliedElement?.classList.remove(...classes);\n };\n }, [ref, className, enabled]);\n}\n","import { useRef, type ComponentRef, type ReactNode } from \"react\";\nimport {\n Platform,\n StyleSheet,\n Text,\n TouchableOpacity,\n View,\n type GestureResponderEvent,\n type StyleProp,\n type TextStyle,\n type ViewStyle,\n} from \"react-native\";\nimport { ArrowRightIcon } from \"../../icons\";\nimport { buttonTypography, colors } from \"../../theme\";\nimport { useApplyWebClassName } from \"../../utils/useApplyWebClassName\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\";\nexport type ButtonSize = \"lg\" | \"sm\";\n\nexport interface ButtonProps {\n title?: string;\n children?: ReactNode;\n onPress: (event: GestureResponderEvent) => void;\n disabled?: boolean;\n variant?: ButtonVariant;\n size?: ButtonSize;\n showIcon?: boolean;\n icon?: ReactNode;\n style?: StyleProp<ViewStyle>;\n textStyle?: StyleProp<TextStyle>;\n className?: string;\n textClassName?: string;\n}\n\ntype VariantStyleSet = {\n backgroundColor: string;\n textColor: string;\n iconBadgeBackgroundColor: string;\n iconColor: string;\n};\n\nconst variantConfig: Record<ButtonVariant, VariantStyleSet> = {\n primary: {\n backgroundColor: colors.primary,\n textColor: colors.white,\n iconBadgeBackgroundColor: colors.white,\n iconColor: colors.primary,\n },\n secondary: {\n backgroundColor: colors.grey500,\n textColor: colors.white,\n iconBadgeBackgroundColor: colors.grey600,\n iconColor: colors.white,\n },\n};\n\nconst sizeConfig = {\n lg: {\n minHeight: 44,\n borderRadius: 40,\n paddingVertical: 4,\n paddingLeft: 20,\n paddingRightWithIcon: 4,\n paddingRight: 20,\n gap: 20,\n text: buttonTypography.lg,\n iconContainerSize: 36,\n iconSize: 20,\n },\n sm: {\n minHeight: 32,\n borderRadius: 40,\n paddingVertical: 6,\n paddingLeft: 12,\n paddingRightWithIcon: 4,\n paddingRight: 12,\n gap: 12,\n text: buttonTypography.sm,\n iconContainerSize: 20,\n iconSize: 12,\n },\n} as const satisfies Record<ButtonSize, Record<string, unknown>>;\n\nexport function Button({\n title,\n children,\n onPress,\n disabled = false,\n variant = \"primary\",\n size = \"lg\",\n showIcon = false,\n icon,\n style,\n textStyle,\n className,\n textClassName,\n}: ButtonProps) {\n const containerRef = useRef<ComponentRef<typeof TouchableOpacity>>(null);\n const textRef = useRef<ComponentRef<typeof Text>>(null);\n const preset = variantConfig[variant];\n const metrics = sizeConfig[size];\n\n const label = typeof children !== \"undefined\" ? children : title;\n const hasCustomChildren = typeof children !== \"undefined\";\n const customIcon = icon != null && typeof icon !== \"boolean\" ? icon : undefined;\n const hasIcon = showIcon || icon === true || customIcon != null;\n const resolvedContainerClassName = className?.trim() || undefined;\n\n useApplyWebClassName(containerRef, resolvedContainerClassName);\n useApplyWebClassName(textRef, textClassName);\n\n const iconNode = customIcon ?? (\n <ArrowRightIcon size={metrics.iconSize} color={preset.iconColor} />\n );\n\n const containerStyle = [\n styles.base,\n {\n minHeight: metrics.minHeight,\n borderRadius: metrics.borderRadius,\n backgroundColor: preset.backgroundColor,\n paddingTop: metrics.paddingVertical,\n paddingBottom: metrics.paddingVertical,\n paddingLeft: metrics.paddingLeft,\n paddingRight: hasIcon ? metrics.paddingRightWithIcon : metrics.paddingRight,\n gap: hasIcon ? metrics.gap : 0,\n },\n disabled && styles.disabled,\n style,\n ];\n\n const labelStyle = [\n styles.label,\n metrics.text,\n { color: preset.textColor },\n Platform.OS === \"android\" ? styles.labelAndroid : null,\n !hasIcon && styles.labelCentered,\n textStyle,\n ];\n\n return (\n <TouchableOpacity\n ref={containerRef}\n style={containerStyle}\n onPress={onPress}\n disabled={disabled}\n activeOpacity={0.7}\n accessibilityRole=\"button\"\n accessibilityState={{ disabled }}\n >\n {hasCustomChildren ? (\n children\n ) : (\n <Text ref={textRef} style={labelStyle}>\n {label}\n </Text>\n )}\n\n {hasIcon ? (\n <View\n style={[\n styles.iconContainer,\n {\n width: metrics.iconContainerSize,\n height: metrics.iconContainerSize,\n borderRadius: metrics.iconContainerSize / 2,\n backgroundColor: preset.iconBadgeBackgroundColor,\n },\n ]}\n >\n {iconNode}\n </View>\n ) : null}\n </TouchableOpacity>\n );\n}\n\nconst styles = StyleSheet.create({\n base: {\n flexDirection: \"row\",\n alignItems: \"center\",\n alignSelf: \"flex-start\",\n borderWidth: 0,\n },\n disabled: {\n opacity: 0.6,\n },\n label: {},\n labelAndroid: {\n includeFontPadding: false,\n },\n labelCentered: {\n textAlign: \"center\",\n },\n iconContainer: {\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n },\n});\n","import { useRef, useState, type ComponentRef, type ReactNode } from \"react\";\nimport {\n Platform,\n StyleSheet,\n Text,\n TextInput,\n TouchableOpacity,\n View,\n type StyleProp,\n type TextStyle,\n type ViewStyle,\n type TextInputProps,\n} from \"react-native\";\nimport { ShowIcon } from \"../../icons\";\nimport { UserIcon } from \"../../icons\";\nimport { colors, inputTypography } from \"../../theme\";\nimport { useApplyWebClassName } from \"../../utils/useApplyWebClassName\";\n\nexport type InputState = \"default\" | \"filled\" | \"active\" | \"error\" | \"disabled\";\nexport type InputSize = \"lg\" | \"sm\";\n\nexport interface InputProps extends Omit<TextInputProps, \"style\" | \"editable\"> {\n label?: string;\n showLabel?: boolean;\n hint?: string;\n showHint?: boolean;\n state?: InputState;\n size?: InputSize;\n disabled?: boolean;\n error?: boolean;\n leftIcon?: ReactNode;\n showLeftIcon?: boolean;\n rightIcon?: ReactNode;\n showRightIcon?: boolean;\n onRightIconPress?: () => void;\n style?: StyleProp<ViewStyle>;\n fieldStyle?: StyleProp<ViewStyle>;\n inputStyle?: StyleProp<TextStyle>;\n className?: string;\n inputClassName?: string;\n}\n\ntype FieldChrome = {\n borderColor: string;\n backgroundColor: string;\n textColor: string;\n placeholderColor: string;\n leftIconColor: string;\n rightIconColor: string;\n labelColor: string;\n hintColor: string;\n};\n\nconst DEFAULT_WIDTH = 308;\n\nconst sizeConfig = {\n lg: {\n height: 44,\n borderRadius: 60,\n paddingVertical: 12,\n paddingHorizontal: 16,\n gap: 10,\n iconSize: 20,\n text: inputTypography.field,\n },\n sm: {\n height: 32,\n borderRadius: 60,\n paddingVertical: 6,\n paddingHorizontal: 12,\n gap: 8,\n iconSize: 16,\n text: inputTypography.hint,\n },\n} as const satisfies Record<InputSize, Record<string, unknown>>;\n\nfunction resolveState({\n state,\n disabled,\n error,\n focused,\n hasValue,\n}: {\n state?: InputState;\n disabled?: boolean;\n error?: boolean;\n focused: boolean;\n hasValue: boolean;\n}): InputState {\n if (state) return state;\n if (disabled) return \"disabled\";\n if (error) return \"error\";\n if (focused) return \"active\";\n if (hasValue) return \"filled\";\n return \"default\";\n}\n\nfunction chromeFor(state: InputState): FieldChrome {\n const base: FieldChrome = {\n borderColor: colors.grey700,\n backgroundColor: colors.grey700,\n textColor: colors.white,\n placeholderColor: colors.grey100,\n leftIconColor: colors.grey100,\n rightIconColor: colors.grey100,\n labelColor: colors.white,\n hintColor: colors.grey100,\n };\n\n switch (state) {\n case \"active\":\n return {\n ...base,\n borderColor: colors.primaryMuted,\n leftIconColor: colors.primary,\n };\n case \"error\":\n return {\n ...base,\n borderColor: colors.redMuted,\n textColor: colors.red,\n placeholderColor: colors.red,\n labelColor: colors.red,\n hintColor: colors.red,\n leftIconColor: colors.red,\n };\n case \"filled\":\n return base;\n case \"disabled\":\n return {\n ...base,\n borderColor: colors.grey700,\n backgroundColor: colors.grey700,\n textColor: colors.grey0,\n leftIconColor: colors.grey0,\n rightIconColor: colors.grey0,\n labelColor: colors.white,\n hintColor: colors.grey100,\n };\n default:\n return base;\n }\n}\n\nexport function Input({\n label = \"Label\",\n showLabel = true,\n hint = \"Hint\",\n showHint = true,\n placeholder = \"placeholder\",\n state: stateProp,\n size = \"lg\",\n disabled = false,\n error = false,\n value,\n defaultValue,\n onChangeText,\n onFocus,\n onBlur,\n leftIcon,\n showLeftIcon = false,\n rightIcon,\n showRightIcon = false,\n onRightIconPress,\n style,\n fieldStyle,\n inputStyle,\n className,\n inputClassName,\n ...textInputProps\n}: InputProps) {\n const rootRef = useRef<ComponentRef<typeof View>>(null);\n const inputRef = useRef<ComponentRef<typeof TextInput>>(null);\n const [focused, setFocused] = useState(false);\n const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? \"\");\n const metrics = sizeConfig[size];\n\n const isControlled = typeof value === \"string\";\n const currentValue = isControlled ? value : uncontrolledValue;\n const hasValue = currentValue.length > 0;\n\n const resolvedState = resolveState({\n state: stateProp,\n disabled,\n error,\n focused,\n hasValue,\n });\n const chrome = chromeFor(resolvedState);\n const isDisabled = resolvedState === \"disabled\" || disabled;\n\n const hasLeftIcon = showLeftIcon || leftIcon != null;\n const hasRightIcon = showRightIcon || rightIcon != null;\n\n const leftIconNode = leftIcon ?? (\n <UserIcon size={metrics.iconSize} color={chrome.leftIconColor} />\n );\n const rightIconNode = rightIcon ?? (\n <ShowIcon size={metrics.iconSize} color={chrome.rightIconColor} />\n );\n\n useApplyWebClassName(rootRef, className);\n useApplyWebClassName(inputRef, inputClassName);\n\n return (\n <View ref={rootRef} style={[styles.root, isDisabled && styles.disabled, style]}>\n {showLabel && label ? (\n <Text style={[styles.label, { color: chrome.labelColor }]}>{label}</Text>\n ) : null}\n\n <View\n style={[\n styles.field,\n {\n height: metrics.height,\n borderRadius: metrics.borderRadius,\n paddingTop: metrics.paddingVertical,\n paddingBottom: metrics.paddingVertical,\n paddingLeft: metrics.paddingHorizontal,\n paddingRight: metrics.paddingHorizontal,\n gap: metrics.gap,\n borderColor: chrome.borderColor,\n backgroundColor: chrome.backgroundColor,\n },\n fieldStyle,\n ]}\n >\n {hasLeftIcon ? (\n <View style={[styles.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }]}>\n {leftIconNode}\n </View>\n ) : null}\n\n <TextInput\n ref={inputRef}\n {...textInputProps}\n value={isControlled ? value : undefined}\n defaultValue={isControlled ? undefined : defaultValue}\n editable={!isDisabled}\n placeholder={placeholder}\n placeholderTextColor={chrome.placeholderColor}\n onChangeText={(text) => {\n if (!isControlled) setUncontrolledValue(text);\n onChangeText?.(text);\n }}\n onFocus={(event) => {\n setFocused(true);\n onFocus?.(event);\n }}\n onBlur={(event) => {\n setFocused(false);\n onBlur?.(event);\n }}\n style={[\n styles.input,\n metrics.text,\n { color: chrome.textColor },\n Platform.OS === \"web\" ? styles.inputWeb : null,\n Platform.OS === \"android\" ? styles.inputAndroid : null,\n inputStyle,\n ]}\n accessibilityState={{ disabled: isDisabled }}\n />\n\n {hasRightIcon ? (\n onRightIconPress ? (\n <TouchableOpacity\n onPress={onRightIconPress}\n disabled={isDisabled}\n style={[styles.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }]}\n accessibilityRole=\"button\"\n hitSlop={8}\n >\n {rightIconNode}\n </TouchableOpacity>\n ) : (\n <View style={[styles.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }]}>\n {rightIconNode}\n </View>\n )\n ) : null}\n </View>\n\n {showHint && hint ? (\n <Text style={[styles.hint, { color: chrome.hintColor }]}>{hint}</Text>\n ) : null}\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n root: {\n width: DEFAULT_WIDTH,\n gap: 8,\n alignSelf: \"flex-start\",\n },\n disabled: {\n opacity: 0.6,\n },\n label: {\n ...inputTypography.label,\n },\n field: {\n borderWidth: 1,\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n input: {\n flex: 1,\n paddingVertical: 0,\n margin: 0,\n },\n inputWeb: {\n outlineStyle: \"none\",\n } as TextStyle,\n inputAndroid: {\n includeFontPadding: false,\n },\n iconSlot: {\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n },\n hint: {\n ...inputTypography.hint,\n },\n});\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ecohouse/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "Cross-platform presentation-only UI components for EcoHouse (React Native + React Native Web)",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"url": "git+https://github.com/Eco-House-Cortel/eco-cottage-ui.git"
|
|
12
12
|
},
|
|
13
13
|
"publishConfig": {
|
|
14
|
-
"access": "
|
|
14
|
+
"access": "public"
|
|
15
15
|
},
|
|
16
16
|
"main": "./dist/index.cjs",
|
|
17
17
|
"module": "./dist/index.js",
|
|
@@ -82,10 +82,7 @@
|
|
|
82
82
|
"@commitlint/cli": "^21.2.1",
|
|
83
83
|
"@commitlint/config-conventional": "^21.2.0",
|
|
84
84
|
"@eslint/js": "^9.17.0",
|
|
85
|
-
"@storybook/
|
|
86
|
-
"@storybook/addon-interactions": "^8.4.7",
|
|
87
|
-
"@storybook/react-vite": "^8.4.7",
|
|
88
|
-
"@storybook/test": "^8.4.7",
|
|
85
|
+
"@storybook/react-vite": "^10.5.6",
|
|
89
86
|
"@tailwindcss/postcss": "^4.1.13",
|
|
90
87
|
"@tailwindcss/vite": "^4.1.13",
|
|
91
88
|
"@types/react": "^18.3.18",
|
|
@@ -102,7 +99,7 @@
|
|
|
102
99
|
"react-native": "^0.76.5",
|
|
103
100
|
"react-native-svg": "^15.11.2",
|
|
104
101
|
"react-native-web": "^0.19.13",
|
|
105
|
-
"storybook": "^
|
|
102
|
+
"storybook": "^10.5.6",
|
|
106
103
|
"tailwindcss": "^4.1.13",
|
|
107
104
|
"tsup": "^8.3.5",
|
|
108
105
|
"typescript": "^5.7.2",
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { fn } from "storybook/test";
|
|
3
|
+
import { View, StyleSheet, Text } from "react-native";
|
|
4
|
+
import { Button } from "./Button";
|
|
5
|
+
|
|
6
|
+
const meta = {
|
|
7
|
+
title: "Components/Button",
|
|
8
|
+
component: Button,
|
|
9
|
+
args: {
|
|
10
|
+
title: "Button",
|
|
11
|
+
onPress: fn(),
|
|
12
|
+
disabled: false,
|
|
13
|
+
variant: "primary",
|
|
14
|
+
size: "lg",
|
|
15
|
+
showIcon: true,
|
|
16
|
+
},
|
|
17
|
+
argTypes: {
|
|
18
|
+
onPress: { action: "pressed" },
|
|
19
|
+
variant: {
|
|
20
|
+
control: "select",
|
|
21
|
+
options: ["primary", "secondary"],
|
|
22
|
+
},
|
|
23
|
+
size: {
|
|
24
|
+
control: "select",
|
|
25
|
+
options: ["lg", "sm"],
|
|
26
|
+
},
|
|
27
|
+
},
|
|
28
|
+
} satisfies Meta<typeof Button>;
|
|
29
|
+
|
|
30
|
+
export default meta;
|
|
31
|
+
type Story = StoryObj<typeof meta>;
|
|
32
|
+
|
|
33
|
+
export const Default: Story = {};
|
|
34
|
+
|
|
35
|
+
export const Small: Story = {
|
|
36
|
+
args: { size: "sm" },
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
export const Secondary: Story = {
|
|
40
|
+
args: { variant: "secondary" },
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
export const WithoutIcon: Story = {
|
|
44
|
+
args: { showIcon: false },
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
export const WithCustomIcon: Story = {
|
|
48
|
+
args: {
|
|
49
|
+
title: "Custom icon",
|
|
50
|
+
showIcon: true,
|
|
51
|
+
icon: <Text style={{ fontSize: 16 }}>★</Text>,
|
|
52
|
+
},
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
export const AllVariants: Story = {
|
|
56
|
+
render: () => (
|
|
57
|
+
<View style={storyStyles.grid}>
|
|
58
|
+
<View style={storyStyles.column}>
|
|
59
|
+
<Button title="Button" variant="primary" showIcon onPress={fn()} />
|
|
60
|
+
<Button title="Button" variant="secondary" showIcon onPress={fn()} />
|
|
61
|
+
</View>
|
|
62
|
+
<View style={storyStyles.column}>
|
|
63
|
+
<Button title="Button" variant="primary" showIcon disabled onPress={fn()} />
|
|
64
|
+
<Button title="Button" variant="secondary" showIcon disabled onPress={fn()} />
|
|
65
|
+
</View>
|
|
66
|
+
</View>
|
|
67
|
+
),
|
|
68
|
+
parameters: {
|
|
69
|
+
backgrounds: { default: "black" },
|
|
70
|
+
},
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
export const Sizes: Story = {
|
|
74
|
+
render: () => (
|
|
75
|
+
<View style={storyStyles.column}>
|
|
76
|
+
<Button title="Button" size="lg" showIcon onPress={fn()} />
|
|
77
|
+
<Button title="Button" size="sm" showIcon onPress={fn()} />
|
|
78
|
+
<Button title="Button" size="lg" variant="secondary" showIcon onPress={fn()} />
|
|
79
|
+
<Button title="Button" size="sm" variant="secondary" showIcon onPress={fn()} />
|
|
80
|
+
</View>
|
|
81
|
+
),
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
export const Disabled: Story = {
|
|
85
|
+
args: { disabled: true },
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
const storyStyles = StyleSheet.create({
|
|
89
|
+
column: {
|
|
90
|
+
gap: 12,
|
|
91
|
+
alignItems: "flex-start",
|
|
92
|
+
},
|
|
93
|
+
grid: {
|
|
94
|
+
flexDirection: "row",
|
|
95
|
+
gap: 24,
|
|
96
|
+
alignItems: "flex-start",
|
|
97
|
+
},
|
|
98
|
+
});
|
|
@@ -10,11 +10,11 @@ import {
|
|
|
10
10
|
type TextStyle,
|
|
11
11
|
type ViewStyle,
|
|
12
12
|
} from "react-native";
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import { useApplyWebClassName } from "
|
|
13
|
+
import { ArrowRightIcon } from "../../icons";
|
|
14
|
+
import { buttonTypography, colors } from "../../theme";
|
|
15
|
+
import { useApplyWebClassName } from "../../utils/useApplyWebClassName";
|
|
16
16
|
|
|
17
|
-
export type ButtonVariant = "
|
|
17
|
+
export type ButtonVariant = "primary" | "secondary";
|
|
18
18
|
export type ButtonSize = "lg" | "sm";
|
|
19
19
|
|
|
20
20
|
export interface ButtonProps {
|
|
@@ -25,7 +25,6 @@ export interface ButtonProps {
|
|
|
25
25
|
variant?: ButtonVariant;
|
|
26
26
|
size?: ButtonSize;
|
|
27
27
|
showIcon?: boolean;
|
|
28
|
-
/** Custom icon inside the badge. Defaults to `ArrowUpRightIcon` when `showIcon` is true. */
|
|
29
28
|
icon?: ReactNode;
|
|
30
29
|
style?: StyleProp<ViewStyle>;
|
|
31
30
|
textStyle?: StyleProp<TextStyle>;
|
|
@@ -41,63 +40,46 @@ type VariantStyleSet = {
|
|
|
41
40
|
};
|
|
42
41
|
|
|
43
42
|
const variantConfig: Record<ButtonVariant, VariantStyleSet> = {
|
|
44
|
-
white: {
|
|
45
|
-
backgroundColor: colors.white,
|
|
46
|
-
textColor: colors.slateBlue,
|
|
47
|
-
iconBadgeBackgroundColor: colors.stormGray150,
|
|
48
|
-
iconColor: colors.navy,
|
|
49
|
-
},
|
|
50
43
|
primary: {
|
|
51
|
-
backgroundColor: colors.
|
|
52
|
-
textColor: colors.
|
|
53
|
-
iconBadgeBackgroundColor: colors.white,
|
|
54
|
-
iconColor: colors.navy,
|
|
55
|
-
},
|
|
56
|
-
green: {
|
|
57
|
-
backgroundColor: colors.green,
|
|
58
|
-
textColor: colors.stormGray0,
|
|
44
|
+
backgroundColor: colors.primary,
|
|
45
|
+
textColor: colors.white,
|
|
59
46
|
iconBadgeBackgroundColor: colors.white,
|
|
60
|
-
iconColor: colors.
|
|
47
|
+
iconColor: colors.primary,
|
|
61
48
|
},
|
|
62
|
-
|
|
63
|
-
backgroundColor: colors.
|
|
64
|
-
textColor: colors.
|
|
65
|
-
iconBadgeBackgroundColor: colors.
|
|
66
|
-
iconColor: colors.
|
|
49
|
+
secondary: {
|
|
50
|
+
backgroundColor: colors.grey500,
|
|
51
|
+
textColor: colors.white,
|
|
52
|
+
iconBadgeBackgroundColor: colors.grey600,
|
|
53
|
+
iconColor: colors.white,
|
|
67
54
|
},
|
|
68
55
|
};
|
|
69
56
|
|
|
70
57
|
const sizeConfig = {
|
|
71
58
|
lg: {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
paddingHorizontalCentered: 24,
|
|
59
|
+
minHeight: 44,
|
|
60
|
+
borderRadius: 40,
|
|
61
|
+
paddingVertical: 4,
|
|
62
|
+
paddingLeft: 20,
|
|
63
|
+
paddingRightWithIcon: 4,
|
|
64
|
+
paddingRight: 20,
|
|
65
|
+
gap: 20,
|
|
80
66
|
text: buttonTypography.lg,
|
|
81
67
|
iconContainerSize: 36,
|
|
82
|
-
iconContainerRadius: 12,
|
|
83
|
-
iconContainerPadding: 8,
|
|
84
68
|
iconSize: 20,
|
|
85
69
|
},
|
|
86
70
|
sm: {
|
|
87
|
-
minHeight:
|
|
88
|
-
borderRadius:
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
71
|
+
minHeight: 32,
|
|
72
|
+
borderRadius: 40,
|
|
73
|
+
paddingVertical: 6,
|
|
74
|
+
paddingLeft: 12,
|
|
75
|
+
paddingRightWithIcon: 4,
|
|
76
|
+
paddingRight: 12,
|
|
77
|
+
gap: 12,
|
|
94
78
|
text: buttonTypography.sm,
|
|
95
|
-
iconContainerSize:
|
|
96
|
-
|
|
97
|
-
iconContainerPadding: 8,
|
|
98
|
-
iconSize: 16,
|
|
79
|
+
iconContainerSize: 20,
|
|
80
|
+
iconSize: 12,
|
|
99
81
|
},
|
|
100
|
-
} as const
|
|
82
|
+
} as const satisfies Record<ButtonSize, Record<string, unknown>>;
|
|
101
83
|
|
|
102
84
|
export function Button({
|
|
103
85
|
title,
|
|
@@ -122,15 +104,13 @@ export function Button({
|
|
|
122
104
|
const hasCustomChildren = typeof children !== "undefined";
|
|
123
105
|
const customIcon = icon != null && typeof icon !== "boolean" ? icon : undefined;
|
|
124
106
|
const hasIcon = showIcon || icon === true || customIcon != null;
|
|
125
|
-
const resolvedContainerClassName =
|
|
126
|
-
.filter(Boolean)
|
|
127
|
-
.join(" ");
|
|
107
|
+
const resolvedContainerClassName = className?.trim() || undefined;
|
|
128
108
|
|
|
129
|
-
useApplyWebClassName(containerRef, resolvedContainerClassName
|
|
109
|
+
useApplyWebClassName(containerRef, resolvedContainerClassName);
|
|
130
110
|
useApplyWebClassName(textRef, textClassName);
|
|
131
111
|
|
|
132
112
|
const iconNode = customIcon ?? (
|
|
133
|
-
<
|
|
113
|
+
<ArrowRightIcon size={metrics.iconSize} color={preset.iconColor} />
|
|
134
114
|
);
|
|
135
115
|
|
|
136
116
|
const containerStyle = [
|
|
@@ -139,12 +119,12 @@ export function Button({
|
|
|
139
119
|
minHeight: metrics.minHeight,
|
|
140
120
|
borderRadius: metrics.borderRadius,
|
|
141
121
|
backgroundColor: preset.backgroundColor,
|
|
142
|
-
paddingTop: metrics.
|
|
143
|
-
paddingBottom: metrics.
|
|
144
|
-
paddingLeft:
|
|
145
|
-
paddingRight: hasIcon ? metrics.
|
|
122
|
+
paddingTop: metrics.paddingVertical,
|
|
123
|
+
paddingBottom: metrics.paddingVertical,
|
|
124
|
+
paddingLeft: metrics.paddingLeft,
|
|
125
|
+
paddingRight: hasIcon ? metrics.paddingRightWithIcon : metrics.paddingRight,
|
|
126
|
+
gap: hasIcon ? metrics.gap : 0,
|
|
146
127
|
},
|
|
147
|
-
hasIcon ? styles.withIcon : styles.centered,
|
|
148
128
|
disabled && styles.disabled,
|
|
149
129
|
style,
|
|
150
130
|
];
|
|
@@ -155,7 +135,6 @@ export function Button({
|
|
|
155
135
|
{ color: preset.textColor },
|
|
156
136
|
Platform.OS === "android" ? styles.labelAndroid : null,
|
|
157
137
|
!hasIcon && styles.labelCentered,
|
|
158
|
-
hasIcon && styles.labelWithIcon,
|
|
159
138
|
textStyle,
|
|
160
139
|
];
|
|
161
140
|
|
|
@@ -184,8 +163,7 @@ export function Button({
|
|
|
184
163
|
{
|
|
185
164
|
width: metrics.iconContainerSize,
|
|
186
165
|
height: metrics.iconContainerSize,
|
|
187
|
-
borderRadius: metrics.
|
|
188
|
-
padding: metrics.iconContainerPadding,
|
|
166
|
+
borderRadius: metrics.iconContainerSize / 2,
|
|
189
167
|
backgroundColor: preset.iconBadgeBackgroundColor,
|
|
190
168
|
},
|
|
191
169
|
]}
|
|
@@ -201,14 +179,9 @@ const styles = StyleSheet.create({
|
|
|
201
179
|
base: {
|
|
202
180
|
flexDirection: "row",
|
|
203
181
|
alignItems: "center",
|
|
182
|
+
alignSelf: "flex-start",
|
|
204
183
|
borderWidth: 0,
|
|
205
184
|
},
|
|
206
|
-
centered: {
|
|
207
|
-
justifyContent: "center",
|
|
208
|
-
},
|
|
209
|
-
withIcon: {
|
|
210
|
-
justifyContent: "space-between",
|
|
211
|
-
},
|
|
212
185
|
disabled: {
|
|
213
186
|
opacity: 0.6,
|
|
214
187
|
},
|
|
@@ -219,11 +192,6 @@ const styles = StyleSheet.create({
|
|
|
219
192
|
labelCentered: {
|
|
220
193
|
textAlign: "center",
|
|
221
194
|
},
|
|
222
|
-
labelWithIcon: {
|
|
223
|
-
flex: 1,
|
|
224
|
-
flexShrink: 1,
|
|
225
|
-
marginRight: 8,
|
|
226
|
-
},
|
|
227
195
|
iconContainer: {
|
|
228
196
|
alignItems: "center",
|
|
229
197
|
justifyContent: "center",
|