@neko-os/ui 0.0.13 → 0.2.0

package/src/components/structure/bottomDrawer/native/DrawerScrollView.js

@@ -1,83 +0,0 @@
-import React from 'react'
-import { ScrollView } from 'react-native'
-import Animated, { useAnimatedScrollHandler, useAnimatedReaction, runOnJS } from 'react-native-reanimated'
-import { useDrawerContext } from './DrawerContext'
-
-const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView)
-
-export const DrawerScrollView = React.forwardRef((props, ref) => {
-  const {
-    children,
-    onScroll,
-    scrollEventThrottle = 16,
-    showsVerticalScrollIndicator = true,
-    bounces = true,
-    ...scrollViewProps
-  } = props
-
-  const { scrollOffset, scrollEnabled, isScrolling } = useDrawerContext()
-
-  const scrollRef = React.useRef(null)
-
-  // Convert shared value to React state for the component
-  const [isScrollEnabled, setIsScrollEnabled] = React.useState(true)
-
-  React.useImperativeHandle(ref, () => scrollRef.current)
-
-  // Handle scroll lock/unlock based on drawer position
-  useAnimatedReaction(
-    () => scrollEnabled.value,
-    (enabled) => {
-      if (!enabled && scrollOffset.value > 0) {
-        runOnJS(() => {
-          scrollRef.current?.scrollTo({ y: 0, animated: false })
-        })()
-        scrollOffset.value = 0
-      }
-      // Update React state
-      runOnJS(setIsScrollEnabled)(enabled)
-    },
-    []
-  )
-
-  const handleScrollBeginDrag = React.useCallback(() => {
-    isScrolling.value = true
-  }, [isScrolling])
-
-  const handleScrollEndDrag = React.useCallback(() => {
-    isScrolling.value = false
-  }, [isScrolling])
-
-  const animatedScrollHandler = useAnimatedScrollHandler({
-    onScroll: (event) => {
-      scrollOffset.value = event.contentOffset.y
-
-      if (onScroll) {
-        runOnJS(onScroll)(event)
-      }
-    },
-    onBeginDrag: () => {
-      runOnJS(handleScrollBeginDrag)()
-    },
-    onEndDrag: () => {
-      runOnJS(handleScrollEndDrag)()
-    },
-  })
-
-  return (
-    <AnimatedScrollView
-      ref={scrollRef}
-      style={{ flex: 1 }}
-      scrollEnabled={isScrollEnabled}
-      onScroll={animatedScrollHandler}
-      scrollEventThrottle={scrollEventThrottle}
-      showsVerticalScrollIndicator={showsVerticalScrollIndicator}
-      bounces={bounces}
-      {...scrollViewProps}
-    >
-      {children}
-    </AnimatedScrollView>
-  )
-})
-
-DrawerScrollView.displayName = 'DrawerScrollView'

package/src/theme/default/deepWoodsTheme.js

@@ -1,34 +0,0 @@
-import { mergeDeepRight } from 'ramda'
-import { BASE_THEME } from './base'
-
-export const DEEP_WOODS_DARK_THEME = mergeDeepRight(BASE_THEME, {
-  label: 'Deep Woods',
-
-  colors: {
-    primary: '#4CAF50',
-    text: '#C8E6C9',
-    text2: '#C8E6C9',
-    text3: '#A5D6A7',
-    text4: '#81C784',
-
-    mainBG: '#0D1B14',
-    overlayBG: '#16281F',
-    backdrop: '#0D1B14',
-    shadow: 'rgba(39, 45, 52, 0.6)',
-    divider: 'rgba(255,255,255, 0.2)',
-
-    blue: '#64B5F6',
-    yellow: '#FBC02D',
-    green: '#81C784',
-    purple: '#9575CD',
-    orange: '#FFB74D',
-    cyan: '#4DD0E1',
-    red: '#E57373',
-    navy: '#1B263B',
-    indigo: '#5C6BC0',
-    gray: '#9E9E9E',
-    brown: '#8D6E63',
-    lylac: '#B39DDB',
-    pink: '#F48FB1',
-  },
-})

package/src/theme/default/forestTheme.js

@@ -1,34 +0,0 @@
-import { mergeDeepRight } from 'ramda'
-import { BASE_THEME } from './base'
-
-export const FOREST_MIST_THEME = mergeDeepRight(BASE_THEME, {
-  label: 'Forest Mist',
-
-  colors: {
-    primary: '#4CAF50',
-    text: '#0B2414',
-    text2: '#14532D',
-    text3: '#1B5E20',
-    text4: '#388E3C',
-
-    mainBG: '#E9F5EC',
-    overlayBG: '#FFFFFF',
-    backdrop: '#E9F5EC',
-    shadow: 'rgba(39, 45, 52, 0.15)',
-    divider: 'rgba(0,0,0, 0.1)',
-
-    blue: '#2563EB',
-    yellow: '#F59E0B',
-    green: '#15803D',
-    purple: '#7C3AED',
-    orange: '#EA580C',
-    cyan: '#0891B2',
-    red: '#B91C1C',
-    navy: '#1E3A8A',
-    indigo: '#4338CA',
-    gray: '#94A3B8',
-    brown: '#78350F',
-    lylac: '#A78BFA',
-    pink: '#F472B6',
-  },
-})

package/src/theme/default/midnightTheme.js

@@ -1,34 +0,0 @@
-import { mergeDeepRight } from 'ramda'
-import { BASE_THEME } from './base'
-
-export const MIDNIGHT_NEON_THEME = mergeDeepRight(BASE_THEME, {
-  label: 'Midnight',
-
-  colors: {
-    primary: '#FF00FF',
-    text: '#F0F0F0',
-    text2: '#D4D4D4',
-    text3: '#A3A3A3',
-    text4: '#7A7A7A',
-
-    mainBG: '#0D0D0D',
-    overlayBG: '#1A1A1A',
-    backdrop: '#0D0D0D',
-    shadow: 'rgba(39, 45, 52, 0.6)',
-    divider: 'rgba(255,255,255, 0.2)',
-
-    blue: '#3B82F6',
-    yellow: '#FACC15',
-    green: '#22C55E',
-    purple: '#A855F7',
-    orange: '#FB923C',
-    cyan: '#06B6D4',
-    red: '#F87171',
-    navy: '#1E3A8A',
-    indigo: '#6366F1',
-    gray: '#9CA3AF',
-    brown: '#92400E',
-    lylac: '#C084FC',
-    pink: '#F472B6',
-  },
-})

package/src/theme/default/msdosTheme.js

@@ -1,55 +0,0 @@
-import { mergeDeepRight } from 'ramda'
-
-import { BASE_THEME } from './base'
-
-export const DEFAULT_MSDOS_THEME = mergeDeepRight(BASE_THEME, {
-  label: 'MSDOS',
-
-  colors: {
-    primary: '#FFFF00',
-    text: '#FFFFFF',
-    text2: '#E0E0E0',
-    text3: '#B0B0B0',
-    text4: '#8A8A8A',
-
-    mainBG: '#0000AA',
-    overlayBG: '#000088',
-    backdrop: '#0000AA',
-    shadow: 'rgba(0, 0, 0, 0.6)',
-    divider: 'rgba(255,255,255,0.3)',
-
-    blue: '#0000FF',
-    yellow: '#FFFF00',
-    green: '#00FF00',
-    purple: '#AA00FF',
-    orange: '#FF7700',
-    cyan: '#00FFFF',
-    red: '#FF0000',
-    navy: '#000080',
-    indigo: '#4B0082',
-    gray: '#B0B0B0',
-    brown: '#8B4513',
-    lylac: '#9370DB',
-    pink: '#FF69B4',
-  },
-
-  radius: {
-    xxxs: 1,
-    xxs: 2,
-    xs: 3,
-    sm: 4,
-    md: 6,
-    lg: 8,
-    xl: 10,
-    xxl: 12,
-    xxxl: 14,
-  },
-
-  components: {
-    Card: {
-      border: 1,
-      br: 5,
-      borderColor: 'divider',
-    },
-  },
-})

package/src/theme/default/oceanTheme.js

@@ -1,34 +0,0 @@
-import { mergeDeepRight } from 'ramda'
-import { BASE_THEME } from './base'
-
-export const OCEAN_BREEZE_THEME = mergeDeepRight(BASE_THEME, {
-  label: 'Ocean Breeze',
-
-  colors: {
-    primary: '#2B90D9',
-    text: '#065277',
-    text2: '#065A82',
-    text3: '#0B84B4',
-    text4: '#3ABEFF',
-
-    mainBG: '#E6F7FF',
-    overlayBG: '#FFFFFF',
-    backdrop: '#04364A',
-    shadow: 'rgba(39, 45, 52, 0.15)',
-    divider: 'rgba(0,0,0, 0.1)',
-
-    blue: '#1D4ED8',
-    yellow: '#FACC15',
-    green: '#10B981',
-    purple: '#8B5CF6',
-    orange: '#FB923C',
-    cyan: '#06B6D4',
-    red: '#EF4444',
-    navy: '#1E3A8A',
-    indigo: '#6366F1',
-    gray: '#9CA3AF',
-    brown: '#A16207',
-    lylac: '#C4B5FD',
-    pink: '#F472B6',
-  },
-})

package/src/theme/default/pastelTheme.js

@@ -1,34 +0,0 @@
-import { mergeDeepRight } from 'ramda'
-import { BASE_THEME } from './base'
-
-export const PASTEL_DREAM_THEME = mergeDeepRight(BASE_THEME, {
-  label: 'Pastel Dream',
-
-  colors: {
-    primary: '#FFB6C1',
-    text: '#4B4453',
-    text2: '#6D6875',
-    text3: '#A093A6',
-    text4: '#C9BBCF',
-
-    mainBG: '#FFF7FA',
-    overlayBG: '#FFFFFF',
-    backdrop: '#4B4453',
-    shadow: 'rgba(39, 45, 52, 0.15)',
-    divider: '#f0f0f0',
-
-    blue: '#A5B4FC',
-    yellow: '#FDE68A',
-    green: '#BBF7D0',
-    purple: '#E9D5FF',
-    orange: '#FED7AA',
-    cyan: '#BAE6FD',
-    red: '#FCA5A5',
-    navy: '#A5B4FC',
-    indigo: '#C7D2FE',
-    gray: '#E5E7EB',
-    brown: '#E0B084',
-    lylac: '#E9D5FF',
-    pink: '#FBCFE8',
-  },
-})

package/src/theme/default/sunsetTheme.js

@@ -1,35 +0,0 @@
-import { mergeDeepRight } from 'ramda'
-
-import { BASE_THEME } from './base'
-
-export const SUNSET_GLOW_THEME = mergeDeepRight(BASE_THEME, {
-  label: 'Sunset',
-
-  colors: {
-    primary: '#FF6B6B',
-    text: '#4B372E',
-    text2: '#5C4033',
-    text3: '#8C5A43',
-    text4: '#B97A57',
-
-    mainBG: '#FFF5E6',
-    overlayBG: '#FFFAF1',
-    backdrop: '#331E0A',
-    shadow: 'rgba(39, 45, 52, 0.15)',
-    divider: '#f0f0f0',
-
-    blue: '#3B82F6',
-    yellow: '#FBBF24',
-    green: '#22C55E',
-    purple: '#A855F7',
-    orange: '#FB923C',
-    cyan: '#06B6D4',
-    red: '#DC2626',
-    navy: '#1E3A8A',
-    indigo: '#4F46E5',
-    gray: '#9CA3AF',
-    brown: '#92400E',
-    lylac: '#C084FC',
-    pink: '#F472B6',
-  },
-})