@tachui/core 0.7.0-alpha1

package/dist/components/Picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.js","sources":["../../src/components/Picker.ts"],"sourcesContent":["/**\n * Enhanced Picker Component (Phase 6.4.3)\n *\n * SwiftUI-inspired Picker component with dropdown, wheel, and segmented\n * variants for selecting from a list of options.\n */\n\nimport type { ModifiableComponent, ModifierBuilder } from '../modifiers/types'\nimport { createSignal, isSignal } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport { h, text } from '../runtime'\nimport type { ComponentInstance, ComponentProps } from '../runtime/types'\nimport { withModifiers } from './wrapper'\n\n/**\n * Picker option structure\n */\n// biome-ignore lint/suspicious/noExplicitAny: Generic picker options require flexible type\nexport interface PickerOption<T = any> {\n  value: T\n  label: string\n  disabled?: boolean\n  icon?: string\n  description?: string\n}\n\n/**\n * Picker component properties\n */\n// biome-ignore lint/suspicious/noExplicitAny: Generic picker props require flexible type\nexport interface PickerProps<T = any> extends ComponentProps {\n  // Selection\n  selection: T | Signal<T>\n  options: PickerOption<T>[] | Signal<PickerOption<T>[]>\n  onSelectionChange?: (value: T) => void\n\n  // Appearance\n  variant?: 'dropdown' | 'wheel' | 'segmented' | 'menu'\n  title?: string | (() => string) | Signal<string>\n  placeholder?: string\n\n  // Behavior\n  multiple?: boolean\n  searchable?: boolean\n  clearable?: boolean\n  disabled?: boolean | Signal<boolean>\n\n  // Styling\n  size?: 'small' | 'medium' | 'large'\n  tint?: string\n\n  // Accessibility\n  accessibilityLabel?: string\n  accessibilityHint?: string\n}\n\n/**\n * Enhanced Picker component class\n */\n// biome-ignore lint/suspicious/noExplicitAny: Generic picker implementation requires flexible type\nexport class EnhancedPicker<T = any> implements ComponentInstance<PickerProps<T>> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n  private isOpen: () => boolean\n  private setIsOpen: (open: boolean) => boolean\n  private searchTerm: () => string\n  private setSearchTerm: (term: string) => string\n\n  constructor(public props: PickerProps<T>) {\n    this.id = `picker-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n\n    // Initialize internal state\n    const [open, setOpen] = createSignal(false)\n    const [search, setSearch] = createSignal('')\n    this.isOpen = open\n    this.setIsOpen = setOpen\n    this.searchTerm = search\n    this.setSearchTerm = setSearch\n\n    // Close picker when clicking outside\n    if (typeof window !== 'undefined') {\n      const handleClickOutside = (event: MouseEvent) => {\n        const element = document.getElementById(this.id)\n        if (element && !element.contains(event.target as Node)) {\n          this.setIsOpen(false)\n        }\n      }\n\n      document.addEventListener('click', handleClickOutside)\n      this.cleanup.push(() => {\n        document.removeEventListener('click', handleClickOutside)\n      })\n    }\n  }\n\n  /**\n   * Get current selection value\n   */\n  private getSelection(): T {\n    const { selection } = this.props\n    if (isSignal(selection)) {\n      return (selection as () => T)()\n    }\n    return selection as T\n  }\n\n  /**\n   * Get current options\n   */\n  private getOptions(): PickerOption<T>[] {\n    const { options } = this.props\n    if (isSignal(options)) {\n      return (options as () => PickerOption<T>[])()\n    }\n    return options as PickerOption<T>[]\n  }\n\n  /**\n   * Filter options based on search term\n   */\n  private getFilteredOptions(): PickerOption<T>[] {\n    const options = this.getOptions()\n    const search = this.searchTerm().toLowerCase()\n\n    if (!search || !this.props.searchable) {\n      return options\n    }\n\n    return options.filter(\n      (option) =>\n        option.label.toLowerCase().includes(search) ||\n        option.description?.toLowerCase().includes(search)\n    )\n  }\n\n  /**\n   * Check if picker is disabled\n   */\n  private isDisabled(): boolean {\n    const { disabled } = this.props\n    if (typeof disabled === 'boolean') return disabled\n    if (isSignal(disabled)) return (disabled as () => boolean)()\n    return false\n  }\n\n  /**\n   * Get selected option\n   */\n  private getSelectedOption(): PickerOption<T> | null {\n    const selection = this.getSelection()\n    const options = this.getOptions()\n    return options.find((option) => option.value === selection) || null\n  }\n\n  /**\n   * Handle option selection\n   */\n  private handleSelection = (value: T) => {\n    if (this.props.onSelectionChange) {\n      this.props.onSelectionChange(value)\n    }\n\n    // Close dropdown after selection\n    if (this.props.variant === 'dropdown' || this.props.variant === 'menu') {\n      this.setIsOpen(false)\n    }\n\n    // Clear search term\n    this.setSearchTerm('')\n  }\n\n  /**\n   * Toggle picker open state\n   */\n  private toggleOpen = () => {\n    if (!this.isDisabled()) {\n      this.setIsOpen(!this.isOpen())\n    }\n  }\n\n  /**\n   * Get picker size styles\n   */\n  private getSizeStyles() {\n    const { size = 'medium' } = this.props\n\n    switch (size) {\n      case 'small':\n        return {\n          fontSize: '14px',\n          padding: '6px 12px',\n          minHeight: '32px',\n        }\n      case 'large':\n        return {\n          fontSize: '18px',\n          padding: '12px 16px',\n          minHeight: '48px',\n        }\n      default:\n        return {\n          fontSize: '16px',\n          padding: '8px 12px',\n          minHeight: '40px',\n        }\n    }\n  }\n\n  /**\n   * Render dropdown variant\n   */\n  private renderDropdown() {\n    const selectedOption = this.getSelectedOption()\n    const filteredOptions = this.getFilteredOptions()\n    const sizeStyles = this.getSizeStyles()\n    const isOpen = this.isOpen()\n\n    return h(\n      'div',\n      {\n        id: this.id,\n        style: {\n          position: 'relative',\n          display: 'inline-block',\n          minWidth: '200px',\n        },\n      },\n      // Trigger button\n      h(\n        'button',\n        {\n          type: 'button',\n          onClick: this.toggleOpen,\n          disabled: this.isDisabled(),\n          style: {\n            ...sizeStyles,\n            width: '100%',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            backgroundColor: '#ffffff',\n            border: '1px solid #d1d5db',\n            borderRadius: '6px',\n            cursor: this.isDisabled() ? 'not-allowed' : 'pointer',\n            opacity: this.isDisabled() ? 0.6 : 1,\n            ...(isOpen && {\n              borderColor: this.props.tint || '#007AFF',\n              boxShadow: `0 0 0 1px ${this.props.tint || '#007AFF'}`,\n            }),\n          },\n        },\n        h(\n          'span',\n          {\n            style: {\n              color: selectedOption ? '#1a1a1a' : '#6b7280',\n            },\n          },\n          text(selectedOption?.label || this.props.placeholder || 'Select an option')\n        ),\n\n        h(\n          'span',\n          {\n            style: {\n              fontSize: '12px',\n              color: '#6b7280',\n              transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',\n              transition: 'transform 0.2s',\n            },\n          },\n          text('▼')\n        )\n      ),\n\n      // Dropdown menu\n      ...(isOpen\n        ? [\n            h(\n              'div',\n              {\n                style: {\n                  position: 'absolute',\n                  top: '100%',\n                  left: '0',\n                  right: '0',\n                  zIndex: 1000,\n                  backgroundColor: '#ffffff',\n                  border: '1px solid #d1d5db',\n                  borderRadius: '6px',\n                  boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1)',\n                  maxHeight: '200px',\n                  overflowY: 'auto' as const,\n                  marginTop: '2px',\n                },\n              },\n              // Search input (if searchable)\n              ...(this.props.searchable\n                ? [\n                    h(\n                      'div',\n                      {\n                        style: {\n                          padding: '8px',\n                          borderBottom: '1px solid #e5e7eb',\n                        },\n                      },\n                      h('input', {\n                        type: 'text',\n                        placeholder: 'Search options...',\n                        value: this.searchTerm(),\n                        onInput: (e: Event) => {\n                          const target = e.target as HTMLInputElement\n                          this.setSearchTerm(target.value)\n                        },\n                        style: {\n                          width: '100%',\n                          padding: '6px 8px',\n                          border: '1px solid #d1d5db',\n                          borderRadius: '4px',\n                          fontSize: '14px',\n                        },\n                      })\n                    ),\n                  ]\n                : []),\n\n              // Options\n              ...filteredOptions.map((option) =>\n                h(\n                  'button',\n                  {\n                    type: 'button',\n                    key: String(option.value),\n                    onClick: () => this.handleSelection(option.value),\n                    disabled: option.disabled,\n                    style: {\n                      width: '100%',\n                      padding: '8px 12px',\n                      textAlign: 'left' as const,\n                      backgroundColor:\n                        option.value === this.getSelection() ? '#f3f4f6' : 'transparent',\n                      border: 'none',\n                      cursor: option.disabled ? 'not-allowed' : 'pointer',\n                      opacity: option.disabled ? 0.5 : 1,\n                      fontSize: '14px',\n                      display: 'flex',\n                      alignItems: 'center',\n                      gap: '8px',\n                      ':hover': {\n                        backgroundColor: '#f9fafb',\n                      },\n                    },\n                  },\n                  ...(option.icon\n                    ? [h('span', { style: { fontSize: '16px' } }, text(option.icon))]\n                    : []),\n\n                  h(\n                    'div',\n                    {},\n                    h('div', {}, text(option.label)),\n                    ...(option.description\n                      ? [\n                          h(\n                            'div',\n                            {\n                              style: {\n                                fontSize: '12px',\n                                color: '#6b7280',\n                                marginTop: '2px',\n                              },\n                            },\n                            text(option.description)\n                          ),\n                        ]\n                      : [])\n                  )\n                )\n              ),\n\n              // No results message\n              ...(filteredOptions.length === 0\n                ? [\n                    h(\n                      'div',\n                      {\n                        style: {\n                          padding: '12px',\n                          textAlign: 'center' as const,\n                          color: '#6b7280',\n                          fontSize: '14px',\n                        },\n                      },\n                      text('No options found')\n                    ),\n                  ]\n                : [])\n            ),\n          ]\n        : [])\n    )\n  }\n\n  /**\n   * Render segmented variant\n   */\n  private renderSegmented() {\n    const options = this.getOptions()\n    const selection = this.getSelection()\n    const sizeStyles = this.getSizeStyles()\n\n    return h(\n      'div',\n      {\n        style: {\n          display: 'flex',\n          backgroundColor: '#f3f4f6',\n          borderRadius: '8px',\n          padding: '2px',\n        },\n        role: 'radiogroup',\n        'aria-label': this.props.accessibilityLabel,\n      },\n      ...options.map((option, index) =>\n        h(\n          'button',\n          {\n            type: 'button',\n            key: String(option.value),\n            onClick: () => this.handleSelection(option.value),\n            disabled: option.disabled || this.isDisabled(),\n            role: 'radio',\n            'aria-checked': option.value === selection,\n            style: {\n              ...sizeStyles,\n              flex: 1,\n              border: 'none',\n              borderRadius: '6px',\n              backgroundColor: option.value === selection ? '#ffffff' : 'transparent',\n              color: option.value === selection ? '#1a1a1a' : '#6b7280',\n              fontWeight: option.value === selection ? '600' : '400',\n              cursor: option.disabled || this.isDisabled() ? 'not-allowed' : 'pointer',\n              opacity: option.disabled || this.isDisabled() ? 0.5 : 1,\n              boxShadow: option.value === selection ? '0 1px 2px rgba(0, 0, 0, 0.1)' : 'none',\n              transition: 'all 0.2s',\n              margin: '0',\n              ...(index === 0 && { marginRight: '1px' }),\n              ...(index === options.length - 1 && { marginLeft: '1px' }),\n            },\n          },\n          ...(option.icon\n            ? [\n                h(\n                  'span',\n                  {\n                    style: {\n                      marginRight: '6px',\n                      fontSize: '14px',\n                    },\n                  },\n                  text(option.icon)\n                ),\n              ]\n            : []),\n          text(option.label)\n        )\n      )\n    )\n  }\n\n  /**\n   * Render wheel variant (simplified)\n   */\n  private renderWheel() {\n    const options = this.getOptions()\n    const selection = this.getSelection()\n\n    return h(\n      'select',\n      {\n        value: String(selection),\n        onChange: (e: Event) => {\n          const target = e.target as HTMLSelectElement\n          const selectedOption = options.find((opt) => String(opt.value) === target.value)\n          if (selectedOption) {\n            this.handleSelection(selectedOption.value)\n          }\n        },\n        disabled: this.isDisabled(),\n        style: {\n          ...this.getSizeStyles(),\n          minWidth: '200px',\n          backgroundColor: '#ffffff',\n          border: '1px solid #d1d5db',\n          borderRadius: '6px',\n          cursor: this.isDisabled() ? 'not-allowed' : 'pointer',\n          opacity: this.isDisabled() ? 0.6 : 1,\n        },\n      },\n      ...options.map((option) =>\n        h(\n          'option',\n          {\n            key: String(option.value),\n            value: String(option.value),\n            disabled: option.disabled,\n          },\n          text(option.label)\n        )\n      )\n    )\n  }\n\n  render() {\n    const { variant = 'dropdown', accessibilityLabel, accessibilityHint } = this.props\n\n    const containerProps = {\n      'aria-label': accessibilityLabel,\n      'aria-describedby': accessibilityHint ? `${this.id}-hint` : undefined,\n    }\n\n    // biome-ignore lint/suspicious/noExplicitAny: Content can be various component types\n    let content: any\n\n    switch (variant) {\n      case 'segmented':\n        content = this.renderSegmented()\n        break\n      case 'wheel':\n        content = this.renderWheel()\n        break\n      default:\n        content = this.renderDropdown()\n        break\n    }\n\n    return h(\n      'div',\n      containerProps,\n      content,\n      ...(accessibilityHint\n        ? [\n            h(\n              'div',\n              {\n                id: `${this.id}-hint`,\n                style: {\n                  fontSize: '12px',\n                  color: '#6b7280',\n                  marginTop: '4px',\n                },\n              },\n              text(accessibilityHint)\n            ),\n          ]\n        : [])\n    )\n  }\n}\n\n/**\n * Picker component function\n */\n// biome-ignore lint/suspicious/noExplicitAny: Generic picker function requires flexible type\nexport function Picker<T = any>(\n  selection: T | Signal<T>,\n  options: PickerOption<T>[] | Signal<PickerOption<T>[]>,\n  props: Omit<PickerProps<T>, 'selection' | 'options'> = {}\n): ModifiableComponent<PickerProps<T>> & {\n  modifier: ModifierBuilder<ModifiableComponent<PickerProps<T>>>\n} {\n  const pickerProps: PickerProps<T> = { ...props, selection, options }\n  const component = new EnhancedPicker(pickerProps)\n  return withModifiers(component)\n}\n\n/**\n * Picker style variants\n */\nexport const PickerStyles = {\n  /**\n   * Dropdown picker (default)\n   */\n  // biome-ignore lint/suspicious/noExplicitAny: Generic dropdown picker requires flexible type\n  Dropdown<T = any>(\n    selection: T | Signal<T>,\n    options: PickerOption<T>[] | Signal<PickerOption<T>[]>,\n    props: Omit<PickerProps<T>, 'selection' | 'options' | 'variant'> = {}\n  ) {\n    return Picker(selection, options, { ...props, variant: 'dropdown' })\n  },\n\n  /**\n   * Segmented picker\n   */\n  // biome-ignore lint/suspicious/noExplicitAny: Generic segmented picker requires flexible type\n  Segmented<T = any>(\n    selection: T | Signal<T>,\n    options: PickerOption<T>[] | Signal<PickerOption<T>[]>,\n    props: Omit<PickerProps<T>, 'selection' | 'options' | 'variant'> = {}\n  ) {\n    return Picker(selection, options, { ...props, variant: 'segmented' })\n  },\n\n  /**\n   * Wheel picker (native select)\n   */\n  // biome-ignore lint/suspicious/noExplicitAny: Generic wheel picker requires flexible type\n  Wheel<T = any>(\n    selection: T | Signal<T>,\n    options: PickerOption<T>[] | Signal<PickerOption<T>[]>,\n    props: Omit<PickerProps<T>, 'selection' | 'options' | 'variant'> = {}\n  ) {\n    return Picker(selection, options, { ...props, variant: 'wheel' })\n  },\n\n  /**\n   * Menu picker\n   */\n  // biome-ignore lint/suspicious/noExplicitAny: Generic menu picker requires flexible type\n  Menu<T = any>(\n    selection: T | Signal<T>,\n    options: PickerOption<T>[] | Signal<PickerOption<T>[]>,\n    props: Omit<PickerProps<T>, 'selection' | 'options' | 'variant'> = {}\n  ) {\n    return Picker(selection, options, { ...props, variant: 'menu' })\n  },\n}\n\n/**\n * Picker utilities\n */\nexport const PickerUtils = {\n  /**\n   * Create options from simple array\n   */\n  fromArray<T>(items: T[], labelKey?: keyof T): PickerOption<T>[] {\n    return items.map((item) => ({\n      value: item,\n      label:\n        labelKey && typeof item === 'object' && item !== null\n          ? String(item[labelKey])\n          : String(item),\n    }))\n  },\n\n  /**\n   * Create options from enum\n   */\n  fromEnum(enumObject: Record<string, string | number>): PickerOption<string | number>[] {\n    return Object.entries(enumObject).map(([key, value]) => ({\n      value,\n      label: key.replace(/([A-Z])/g, ' $1').trim(),\n    }))\n  },\n\n  /**\n   * Group options by category\n   */\n  grouped<T>(\n    options: (PickerOption<T> & { category?: string })[]\n  ): Record<string, PickerOption<T>[]> {\n    return options.reduce(\n      (groups, option) => {\n        const category = option.category || 'Other'\n        if (!groups[category]) {\n          groups[category] = []\n        }\n        groups[category].push(option)\n        return groups\n      },\n      {} as Record<string, PickerOption<T>[]>\n    )\n  },\n}\n"],"names":["EnhancedPicker","props","__publicField","value","open","setOpen","createSignal","search","setSearch","handleClickOutside","event","element","selection","isSignal","options","option","disabled","size","selectedOption","filteredOptions","sizeStyles","isOpen","h","text","e","target","index","opt","variant","accessibilityLabel","accessibilityHint","containerProps","content","Picker","pickerProps","component","withModifiers","PickerStyles","PickerUtils","items","labelKey","item","enumObject","key","groups","category"],"mappings":"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"}

package/dist/components/ScrollView.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");require("../reactive/unified-scheduler.cjs");const v=require("../reactive/effect.cjs"),a=require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");require("../runtime/component.cjs");require("../runtime/context.cjs");require("../runtime/dev-tools.cjs");require("../runtime/dom-bridge.cjs");require("../runtime/error-boundary.cjs");require("../runtime/error-reporting.cjs");require("../runtime/performance.cjs");const m=require("../runtime/renderer.cjs");require("../runtime/element-override.cjs");require("../runtime/semantic-role-manager.cjs");require("../runtime/development-warnings.cjs");const T=require("./wrapper.cjs");var w=Object.defineProperty,b=(i,t,e)=>t in i?w(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,l=(i,t,e)=>b(i,typeof t!="symbol"?t+"":t,e);class y{constructor(t){this.props=t,l(this,"type","component"),l(this,"id"),l(this,"mounted",!1),l(this,"cleanup",[]),l(this,"scrollElement",null),l(this,"contentOffsetSignal"),l(this,"setContentOffset"),l(this,"contentSizeSignal"),l(this,"setContentSize"),l(this,"setIsScrolling"),l(this,"pullToRefreshStateSignal"),l(this,"setPullToRefreshState"),l(this,"scrollEventThrottle"),l(this,"lastScrollTime",0),l(this,"scrollVelocity",{x:0,y:0}),l(this,"lastScrollOffset",{x:0,y:0}),l(this,"pullStartY",0),l(this,"isPulling",!1),l(this,"handleScroll",o=>{if(!this.scrollElement)return;const h=performance.now(),c=h-this.lastScrollTime;if(c<this.scrollEventThrottle)return;const u={x:this.scrollElement.scrollLeft,y:this.scrollElement.scrollTop};this.scrollVelocity=this.calculateVelocity(u,c),this.setContentOffset(u),this.setContentSize({width:this.scrollElement.scrollWidth,height:this.scrollElement.scrollHeight});const p=this.detectScrollEdges(),E={offset:u,velocity:this.scrollVelocity,contentSize:{width:this.scrollElement.scrollWidth,height:this.scrollElement.scrollHeight},containerSize:{width:this.scrollElement.clientWidth,height:this.scrollElement.clientHeight},edges:p};this.props.onScroll&&this.props.onScroll(E),p.top&&this.props.onReachTop&&this.props.onReachTop(),p.bottom&&this.props.onReachBottom&&this.props.onReachBottom(),p.left&&this.props.onReachLeft&&this.props.onReachLeft(),p.right&&this.props.onReachRight&&this.props.onReachRight(),this.lastScrollOffset=u,this.lastScrollTime=h}),l(this,"handleScrollStart",()=>{this.setIsScrolling(!0),this.props.onScrollBegin&&this.props.onScrollBegin()}),l(this,"handleScrollEnd",()=>{this.setIsScrolling(!1),this.props.onScrollEnd&&this.props.onScrollEnd()}),l(this,"handleTouchStart",o=>{this.props.refreshControl?.enabled&&(this.pullStartY=o.touches[0].clientY,this.isPulling=!1)}),l(this,"handleTouchMove",o=>{if(!this.props.refreshControl?.enabled||!this.scrollElement)return;const c=o.touches[0].clientY-this.pullStartY,u=this.props.refreshControl.threshold||80;this.scrollElement.scrollTop<=0&&c>0&&(this.isPulling=!0,c>u?this.setPullToRefreshState("ready"):this.setPullToRefreshState("pulling"))}),l(this,"handleTouchEnd",async()=>{if(!this.props.refreshControl?.enabled||!this.isPulling)return;if(this.pullToRefreshStateSignal()==="ready"){this.setPullToRefreshState("refreshing");try{await this.props.refreshControl.onRefresh()}catch(h){console.error("Pull to refresh error:",h)}finally{this.setPullToRefreshState("idle")}}else this.setPullToRefreshState("idle");this.isPulling=!1}),this.id=`scrollview-${Date.now()}-${Math.random().toString(36).substr(2,9)}`,this.scrollEventThrottle=t.scrollEventThrottle||16;const[e,s]=a.createSignal({x:0,y:0});this.contentOffsetSignal=e,this.setContentOffset=s;const[r,n]=a.createSignal({width:0,height:0});this.contentSizeSignal=r,this.setContentSize=n;const[,f]=a.createSignal(!1);this.setIsScrolling=f;const[g,d]=a.createSignal("idle");if(this.pullToRefreshStateSignal=g,this.setPullToRefreshState=d,t.contentOffset&&a.isSignal(t.contentOffset)){this.setContentOffset(t.contentOffset());const o=v.createEffect(()=>{t.contentOffset&&a.isSignal(t.contentOffset)&&this.setContentOffset(t.contentOffset())});this.cleanup.push(()=>o.dispose())}if(t.contentSize&&a.isSignal(t.contentSize)){this.setContentSize(t.contentSize());const o=v.createEffect(()=>{t.contentSize&&a.isSignal(t.contentSize)&&this.setContentSize(t.contentSize())});this.cleanup.push(()=>o.dispose())}}calculateVelocity(t,e){const s=t.x-this.lastScrollOffset.x,r=t.y-this.lastScrollOffset.y;return{x:e>0?s/e:0,y:e>0?r/e:0}}detectScrollEdges(){if(!this.scrollElement)return{top:!1,bottom:!1,left:!1,right:!1};const{scrollTop:t,scrollLeft:e,scrollHeight:s,scrollWidth:r,clientHeight:n,clientWidth:f}=this.scrollElement;return{top:t<=0,bottom:t+n>=s-1,left:e<=0,right:e+f>=r-1}}setupScrollHandlers(t){let e;const s=()=>{clearTimeout(e),this.handleScrollStart()},r=()=>{clearTimeout(e),e=setTimeout(()=>{this.handleScrollEnd()},150)},n=f=>{s(),this.handleScroll(f),r()};t.addEventListener("scroll",n,{passive:!0}),t.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),t.addEventListener("touchmove",this.handleTouchMove,{passive:!1}),t.addEventListener("touchend",this.handleTouchEnd,{passive:!0}),this.cleanup.push(()=>{t.removeEventListener("scroll",n),t.removeEventListener("touchstart",this.handleTouchStart),t.removeEventListener("touchmove",this.handleTouchMove),t.removeEventListener("touchend",this.handleTouchEnd),clearTimeout(e)})}getOverflowStyles(t){switch(t){case"vertical":return{overflowX:"hidden",overflowY:"auto"};case"horizontal":return{overflowX:"auto",overflowY:"hidden"};case"both":return{overflow:"auto"};default:return{overflowX:"hidden",overflowY:"auto"}}}applyScrollViewStyles(t){const{showsScrollIndicator:e=!0,bounces:s=!0}=this.props;if(!e){t.style.scrollbarWidth="none",t.style.msOverflowStyle="none";const r=document.createElement("style");r.textContent=`
+        #${t.id}::-webkit-scrollbar {
+          display: none;
+        }
+      `,document.head.appendChild(r),this.cleanup.push(()=>{document.head.removeChild(r)})}s?t.style.webkitOverflowScrolling="touch":t.style.overscrollBehavior="none",t.style.scrollBehavior="smooth"}applyContentInsets(t){const{contentInset:e}=this.props;if(e){const{top:s=0,bottom:r=0,left:n=0,right:f=0}=e;t.style.padding=`${s}px ${f}px ${r}px ${n}px`}}createPullToRefreshIndicator(){if(!this.props.refreshControl?.enabled)return null;const t=this.pullToRefreshStateSignal(),e=this.props.refreshControl.tintColor||"#007AFF";let s="";switch(t){case"pulling":s="↓ Pull to refresh";break;case"ready":s="↑ Release to refresh";break;case"refreshing":s="⟳ Refreshing...";break;default:s=""}return s?{type:"component",id:`${this.id}-refresh`,mounted:!1,cleanup:[],props:{},render:()=>[m.h("div",{style:{position:"absolute",top:"-60px",left:"50%",transform:"translateX(-50%)",padding:"10px 20px",backgroundColor:"#f8f9fa",borderRadius:"20px",color:e,fontSize:"14px",fontWeight:"500",textAlign:"center",zIndex:1e3,transition:"all 0.3s ease",opacity:t==="idle"?0:1}},s)]}:null}scrollTo(t,e="smooth"){if(!this.scrollElement)return;const s={behavior:e};t.x!==void 0&&(s.left=t.x),t.y!==void 0&&(s.top=t.y),this.scrollElement.scrollTo(s)}scrollToTop(t="smooth"){this.scrollTo({x:0,y:0},t)}scrollToBottom(t="smooth"){this.scrollElement&&this.scrollTo({x:0,y:this.scrollElement.scrollHeight-this.scrollElement.clientHeight},t)}render(){const{children:t=[],scrollEnabled:e=!0}=this.props,s=m.h("div",{class:"tachui-scrollview-content",style:{minHeight:"100%",minWidth:"100%"}},...t.flatMap(o=>o.render())),r=this.createPullToRefreshIndicator(),n=[];if(r){const o=r.render(),h=Array.isArray(o)?o:[o];n.push(...h.filter(c=>c))}n.push(s);const{direction:f="vertical"}=this.props,g=this.getOverflowStyles(f),d=m.h("div",{id:this.id,class:"tachui-scrollview",style:{height:"100%",width:"100%",position:"relative",...g}},...n);if(d.element){const o=d.element;this.scrollElement=o,this.applyScrollViewStyles(o),this.setupScrollHandlers(o),s.element&&this.applyContentInsets(s.element);const h=()=>{const c=a.isSignal(e)?e():e;o.style.overflow=c?"auto":"hidden",o.style.pointerEvents=c?"auto":"none"};if(a.isSignal(e)){const c=v.createEffect(h);this.cleanup.push(()=>c.dispose())}else h()}return[d]}}function S(i={}){const t=new y(i);return T.withModifiers(t)}const C={withRefresh(i,t,e={}){return S({children:i,refreshControl:{enabled:!0,onRefresh:t,...e}})},horizontal(i,t={}){return S({...t,children:i,direction:"horizontal"})},paged(i,t={}){return S({...t,children:i,pagingEnabled:!0})}};exports.EnhancedScrollView=y;exports.ScrollView=S;exports.ScrollViewUtils=C;
+//# sourceMappingURL=ScrollView.cjs.map

package/dist/components/ScrollView.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.cjs","sources":["../../src/components/ScrollView.ts"],"sourcesContent":["/**\n * Enhanced ScrollView Component (Phase 5.5)\n *\n * SwiftUI-inspired ScrollView component with performance optimization,\n * smooth scrolling, pull-to-refresh, and advanced scroll handling.\n */\n\nimport type { ModifiableComponent, ModifierBuilder } from '../modifiers/types'\nimport { createEffect, createSignal, isSignal } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport { h } from '../runtime'\nimport type { ComponentInstance, ComponentProps } from '../runtime/types'\nimport { withModifiers } from './wrapper'\n\n/**\n * Scroll direction\n */\nexport type ScrollDirection = 'vertical' | 'horizontal' | 'both'\n\n/**\n * Scroll behavior for programmatic scrolling\n */\nexport type ScrollBehavior = 'auto' | 'smooth' | 'instant'\n\n/**\n * Content offset position\n */\nexport interface ContentOffset {\n  x: number\n  y: number\n}\n\n/**\n * Scroll edge detection\n */\nexport interface ScrollEdges {\n  top: boolean\n  bottom: boolean\n  left: boolean\n  right: boolean\n}\n\n/**\n * Pull-to-refresh state\n */\nexport type PullToRefreshState = 'idle' | 'pulling' | 'ready' | 'refreshing'\n\n/**\n * Scroll event information\n */\nexport interface ScrollEventInfo {\n  offset: ContentOffset\n  velocity: ContentOffset\n  contentSize: { width: number; height: number }\n  containerSize: { width: number; height: number }\n  edges: ScrollEdges\n}\n\n/**\n * ScrollView component properties\n */\nexport interface ScrollViewProps extends ComponentProps {\n  // Content\n  children?: ComponentInstance[]\n\n  // Scroll behavior\n  direction?: ScrollDirection\n  showsScrollIndicator?: boolean\n  bounces?: boolean\n  scrollEnabled?: boolean | Signal<boolean>\n\n  // Content sizing\n  contentOffset?: Signal<ContentOffset>\n  contentSize?: Signal<{ width: number; height: number }>\n\n  // Pull to refresh\n  refreshControl?: {\n    enabled: boolean\n    onRefresh: () => Promise<void>\n    refreshing?: Signal<boolean>\n    threshold?: number\n    tintColor?: string\n  }\n\n  // Scroll events\n  onScroll?: (info: ScrollEventInfo) => void\n  onScrollBegin?: () => void\n  onScrollEnd?: () => void\n  onReachTop?: () => void\n  onReachBottom?: () => void\n  onReachLeft?: () => void\n  onReachRight?: () => void\n\n  // Performance\n  scrollEventThrottle?: number\n  decelerationRate?: 'normal' | 'fast' | number\n\n  // Content insets\n  contentInset?: {\n    top?: number\n    bottom?: number\n    left?: number\n    right?: number\n  }\n\n  // Snap behavior\n  pagingEnabled?: boolean\n  snapToAlignment?: 'start' | 'center' | 'end'\n  snapToInterval?: number\n\n  // Keyboard behavior\n  keyboardDismissMode?: 'none' | 'on-drag' | 'interactive'\n\n  // Accessibility\n  accessibilityLabel?: string\n  accessibilityRole?: string\n}\n\n/**\n * Enhanced ScrollView component class\n */\nexport class EnhancedScrollView implements ComponentInstance<ScrollViewProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n\n  private scrollElement: HTMLElement | null = null\n  public contentOffsetSignal: () => ContentOffset\n  private setContentOffset: (offset: ContentOffset) => void\n  public contentSizeSignal: () => { width: number; height: number }\n  private setContentSize: (size: { width: number; height: number }) => void\n  private setIsScrolling: (scrolling: boolean) => void\n  private pullToRefreshStateSignal: () => PullToRefreshState\n  private setPullToRefreshState: (state: PullToRefreshState) => void\n\n  // Performance tracking\n  private scrollEventThrottle: number\n  private lastScrollTime = 0\n  private scrollVelocity: ContentOffset = { x: 0, y: 0 }\n  private lastScrollOffset: ContentOffset = { x: 0, y: 0 }\n\n  // Pull to refresh tracking\n  private pullStartY = 0\n  private isPulling = false\n\n  constructor(public props: ScrollViewProps) {\n    this.id = `scrollview-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n    this.scrollEventThrottle = props.scrollEventThrottle || 16 // 60fps default\n\n    // Create reactive signals\n    const [contentOffsetSignal, setContentOffset] = createSignal<ContentOffset>({ x: 0, y: 0 })\n    this.contentOffsetSignal = contentOffsetSignal\n    this.setContentOffset = setContentOffset\n\n    const [contentSizeSignal, setContentSize] = createSignal({ width: 0, height: 0 })\n    this.contentSizeSignal = contentSizeSignal\n    this.setContentSize = setContentSize\n\n    const [, setIsScrolling] = createSignal(false)\n    this.setIsScrolling = setIsScrolling\n\n    const [pullToRefreshStateSignal, setPullToRefreshState] =\n      createSignal<PullToRefreshState>('idle')\n    this.pullToRefreshStateSignal = pullToRefreshStateSignal\n    this.setPullToRefreshState = setPullToRefreshState\n\n    // Connect external content offset signal\n    if (props.contentOffset && isSignal(props.contentOffset)) {\n      // Set initial value\n      this.setContentOffset(props.contentOffset())\n\n      const effect = createEffect(() => {\n        if (props.contentOffset && isSignal(props.contentOffset)) {\n          this.setContentOffset(props.contentOffset())\n        }\n      })\n      this.cleanup.push(() => effect.dispose())\n    }\n\n    // Connect external content size signal\n    if (props.contentSize && isSignal(props.contentSize)) {\n      // Set initial value\n      this.setContentSize(props.contentSize())\n\n      const effect = createEffect(() => {\n        if (props.contentSize && isSignal(props.contentSize)) {\n          this.setContentSize(props.contentSize())\n        }\n      })\n      this.cleanup.push(() => effect.dispose())\n    }\n  }\n\n  /**\n   * Calculate scroll velocity\n   */\n  private calculateVelocity(currentOffset: ContentOffset, deltaTime: number): ContentOffset {\n    const deltaX = currentOffset.x - this.lastScrollOffset.x\n    const deltaY = currentOffset.y - this.lastScrollOffset.y\n\n    return {\n      x: deltaTime > 0 ? deltaX / deltaTime : 0,\n      y: deltaTime > 0 ? deltaY / deltaTime : 0,\n    }\n  }\n\n  /**\n   * Detect scroll edges\n   */\n  private detectScrollEdges(): ScrollEdges {\n    if (!this.scrollElement) {\n      return { top: false, bottom: false, left: false, right: false }\n    }\n\n    const { scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth } =\n      this.scrollElement\n\n    return {\n      top: scrollTop <= 0,\n      bottom: scrollTop + clientHeight >= scrollHeight - 1,\n      left: scrollLeft <= 0,\n      right: scrollLeft + clientWidth >= scrollWidth - 1,\n    }\n  }\n\n  /**\n   * Handle scroll events\n   */\n  private handleScroll = (_event: Event) => {\n    if (!this.scrollElement) return\n\n    const now = performance.now()\n    const deltaTime = now - this.lastScrollTime\n\n    // Throttle scroll events for performance\n    if (deltaTime < this.scrollEventThrottle) return\n\n    const currentOffset: ContentOffset = {\n      x: this.scrollElement.scrollLeft,\n      y: this.scrollElement.scrollTop,\n    }\n\n    // Calculate velocity\n    this.scrollVelocity = this.calculateVelocity(currentOffset, deltaTime)\n\n    // Update signals\n    this.setContentOffset(currentOffset)\n    this.setContentSize({\n      width: this.scrollElement.scrollWidth,\n      height: this.scrollElement.scrollHeight,\n    })\n\n    // Detect edges\n    const edges = this.detectScrollEdges()\n\n    // Create scroll event info\n    const scrollInfo: ScrollEventInfo = {\n      offset: currentOffset,\n      velocity: this.scrollVelocity,\n      contentSize: {\n        width: this.scrollElement.scrollWidth,\n        height: this.scrollElement.scrollHeight,\n      },\n      containerSize: {\n        width: this.scrollElement.clientWidth,\n        height: this.scrollElement.clientHeight,\n      },\n      edges,\n    }\n\n    // Call scroll callbacks\n    if (this.props.onScroll) {\n      this.props.onScroll(scrollInfo)\n    }\n\n    // Edge callbacks\n    if (edges.top && this.props.onReachTop) this.props.onReachTop()\n    if (edges.bottom && this.props.onReachBottom) this.props.onReachBottom()\n    if (edges.left && this.props.onReachLeft) this.props.onReachLeft()\n    if (edges.right && this.props.onReachRight) this.props.onReachRight()\n\n    // Update tracking variables\n    this.lastScrollOffset = currentOffset\n    this.lastScrollTime = now\n  }\n\n  /**\n   * Handle scroll start\n   */\n  private handleScrollStart = () => {\n    this.setIsScrolling(true)\n    if (this.props.onScrollBegin) {\n      this.props.onScrollBegin()\n    }\n  }\n\n  /**\n   * Handle scroll end\n   */\n  private handleScrollEnd = () => {\n    this.setIsScrolling(false)\n    if (this.props.onScrollEnd) {\n      this.props.onScrollEnd()\n    }\n  }\n\n  /**\n   * Handle touch start for pull to refresh\n   */\n  private handleTouchStart = (event: TouchEvent) => {\n    if (!this.props.refreshControl?.enabled) return\n\n    this.pullStartY = event.touches[0].clientY\n    this.isPulling = false\n  }\n\n  /**\n   * Handle touch move for pull to refresh\n   */\n  private handleTouchMove = (event: TouchEvent) => {\n    if (!this.props.refreshControl?.enabled || !this.scrollElement) return\n\n    const currentY = event.touches[0].clientY\n    const deltaY = currentY - this.pullStartY\n    const threshold = this.props.refreshControl.threshold || 80\n\n    // Only trigger pull to refresh at the top\n    if (this.scrollElement.scrollTop <= 0 && deltaY > 0) {\n      this.isPulling = true\n\n      if (deltaY > threshold) {\n        this.setPullToRefreshState('ready')\n      } else {\n        this.setPullToRefreshState('pulling')\n      }\n    }\n  }\n\n  /**\n   * Handle touch end for pull to refresh\n   */\n  private handleTouchEnd = async () => {\n    if (!this.props.refreshControl?.enabled || !this.isPulling) return\n\n    const state = this.pullToRefreshStateSignal()\n\n    if (state === 'ready') {\n      this.setPullToRefreshState('refreshing')\n\n      try {\n        await this.props.refreshControl.onRefresh()\n      } catch (error) {\n        console.error('Pull to refresh error:', error)\n      } finally {\n        this.setPullToRefreshState('idle')\n      }\n    } else {\n      this.setPullToRefreshState('idle')\n    }\n\n    this.isPulling = false\n  }\n\n  /**\n   * Set up scroll event handlers\n   */\n  private setupScrollHandlers(element: HTMLElement): void {\n    let scrollTimer: NodeJS.Timeout\n\n    const throttledScrollStart = () => {\n      clearTimeout(scrollTimer)\n      this.handleScrollStart()\n    }\n\n    const throttledScrollEnd = () => {\n      clearTimeout(scrollTimer)\n      scrollTimer = setTimeout(() => {\n        this.handleScrollEnd()\n      }, 150) // 150ms after scroll stops\n    }\n\n    const scrollHandler = (event: Event) => {\n      throttledScrollStart()\n      this.handleScroll(event)\n      throttledScrollEnd()\n    }\n\n    element.addEventListener('scroll', scrollHandler, { passive: true })\n    element.addEventListener('touchstart', this.handleTouchStart, { passive: true })\n    element.addEventListener('touchmove', this.handleTouchMove, { passive: false })\n    element.addEventListener('touchend', this.handleTouchEnd, { passive: true })\n\n    this.cleanup.push(() => {\n      element.removeEventListener('scroll', scrollHandler)\n      element.removeEventListener('touchstart', this.handleTouchStart)\n      element.removeEventListener('touchmove', this.handleTouchMove)\n      element.removeEventListener('touchend', this.handleTouchEnd)\n      clearTimeout(scrollTimer)\n    })\n  }\n\n  /**\n   * Get overflow styles based on direction\n   */\n  private getOverflowStyles(direction: ScrollDirection): Record<string, string> {\n    switch (direction) {\n      case 'vertical':\n        return {\n          overflowX: 'hidden',\n          overflowY: 'auto',\n        }\n      case 'horizontal':\n        return {\n          overflowX: 'auto',\n          overflowY: 'hidden',\n        }\n      case 'both':\n        return {\n          overflow: 'auto',\n        }\n      default:\n        return {\n          overflowX: 'hidden',\n          overflowY: 'auto',\n        }\n    }\n  }\n\n  /**\n   * Apply additional scroll view styling (position and overflow already set in initial render)\n   */\n  private applyScrollViewStyles(element: HTMLElement): void {\n    const { showsScrollIndicator = true, bounces = true } = this.props\n\n    // Scroll indicator visibility\n    if (!showsScrollIndicator) {\n      element.style.scrollbarWidth = 'none' // Firefox\n      ;(element.style as any).msOverflowStyle = 'none' // IE/Edge\n\n      // Webkit browsers\n      const style = document.createElement('style')\n      style.textContent = `\n        #${element.id}::-webkit-scrollbar {\n          display: none;\n        }\n      `\n      document.head.appendChild(style)\n\n      this.cleanup.push(() => {\n        document.head.removeChild(style)\n      })\n    }\n\n    // Bounce behavior (webkit-specific)\n    if (bounces) {\n      ;(element.style as any).webkitOverflowScrolling = 'touch'\n    } else {\n      element.style.overscrollBehavior = 'none'\n    }\n\n    // Smooth scrolling\n    element.style.scrollBehavior = 'smooth'\n  }\n\n  /**\n   * Apply content insets\n   */\n  private applyContentInsets(contentElement: HTMLElement): void {\n    const { contentInset } = this.props\n\n    if (contentInset) {\n      const { top = 0, bottom = 0, left = 0, right = 0 } = contentInset\n      contentElement.style.padding = `${top}px ${right}px ${bottom}px ${left}px`\n    }\n  }\n\n  /**\n   * Create pull to refresh indicator\n   */\n  private createPullToRefreshIndicator(): ComponentInstance | null {\n    if (!this.props.refreshControl?.enabled) return null\n\n    const state = this.pullToRefreshStateSignal()\n    const tintColor = this.props.refreshControl.tintColor || '#007AFF'\n\n    let content = ''\n    switch (state) {\n      case 'pulling':\n        content = '↓ Pull to refresh'\n        break\n      case 'ready':\n        content = '↑ Release to refresh'\n        break\n      case 'refreshing':\n        content = '⟳ Refreshing...'\n        break\n      default:\n        content = ''\n    }\n\n    if (!content) return null\n\n    return {\n      type: 'component',\n      id: `${this.id}-refresh`,\n      mounted: false,\n      cleanup: [],\n      props: {},\n      render: () => [\n        h(\n          'div',\n          {\n            style: {\n              position: 'absolute',\n              top: '-60px',\n              left: '50%',\n              transform: 'translateX(-50%)',\n              padding: '10px 20px',\n              backgroundColor: '#f8f9fa',\n              borderRadius: '20px',\n              color: tintColor,\n              fontSize: '14px',\n              fontWeight: '500',\n              textAlign: 'center',\n              zIndex: 1000,\n              transition: 'all 0.3s ease',\n              opacity: state === 'idle' ? 0 : 1,\n            },\n          },\n          content\n        ),\n      ],\n    }\n  }\n\n  /**\n   * Scroll to specific position\n   */\n  public scrollTo(offset: Partial<ContentOffset>, behavior: ScrollBehavior = 'smooth'): void {\n    if (!this.scrollElement) return\n\n    const scrollOptions: ScrollToOptions = { behavior }\n    if (offset.x !== undefined) scrollOptions.left = offset.x\n    if (offset.y !== undefined) scrollOptions.top = offset.y\n\n    this.scrollElement.scrollTo(scrollOptions)\n  }\n\n  /**\n   * Scroll to top\n   */\n  public scrollToTop(behavior: ScrollBehavior = 'smooth'): void {\n    this.scrollTo({ x: 0, y: 0 }, behavior)\n  }\n\n  /**\n   * Scroll to bottom\n   */\n  public scrollToBottom(behavior: ScrollBehavior = 'smooth'): void {\n    if (!this.scrollElement) return\n\n    this.scrollTo(\n      {\n        x: 0,\n        y: this.scrollElement.scrollHeight - this.scrollElement.clientHeight,\n      },\n      behavior\n    )\n  }\n\n  /**\n   * Render the scroll view component\n   */\n  render() {\n    const { children = [], scrollEnabled = true } = this.props\n\n    // Create content container\n    const contentContainer = h(\n      'div',\n      {\n        class: 'tachui-scrollview-content',\n        style: {\n          minHeight: '100%',\n          minWidth: '100%',\n        },\n      },\n      ...children.flatMap((child) => child.render())\n    )\n\n    // Create pull to refresh indicator\n    const refreshIndicator = this.createPullToRefreshIndicator()\n\n    // Create scroll container children\n    const scrollChildren: any[] = []\n\n    // Add refresh indicator if present\n    if (refreshIndicator) {\n      const result = refreshIndicator.render()\n      const arr = Array.isArray(result) ? result : [result]\n      scrollChildren.push(...arr.filter((x: any) => x))\n    }\n\n    // Add content container\n    scrollChildren.push(contentContainer)\n\n    // Create scroll container with default overflow styles\n    const { direction = 'vertical' } = this.props\n    \n    // Determine overflow styles based on direction\n    const overflowStyles = this.getOverflowStyles(direction)\n    \n    const scrollContainer = h(\n      'div',\n      {\n        id: this.id,\n        class: 'tachui-scrollview',\n        style: {\n          height: '100%',\n          width: '100%',\n          position: 'relative',\n          ...overflowStyles,\n        },\n      },\n      ...scrollChildren\n    )\n\n    // Apply styles and event handlers when element is created\n    if (scrollContainer.element) {\n      const element = scrollContainer.element as HTMLElement\n      this.scrollElement = element\n\n      this.applyScrollViewStyles(element)\n      this.setupScrollHandlers(element)\n\n      // Apply content insets to content container\n      if (contentContainer.element) {\n        this.applyContentInsets(contentContainer.element as HTMLElement)\n      }\n\n      // Handle scroll enabled state\n      const updateScrollEnabled = () => {\n        const enabled = isSignal(scrollEnabled) ? scrollEnabled() : scrollEnabled\n        element.style.overflow = enabled ? 'auto' : 'hidden'\n        element.style.pointerEvents = enabled ? 'auto' : 'none'\n      }\n\n      if (isSignal(scrollEnabled)) {\n        const effect = createEffect(updateScrollEnabled)\n        this.cleanup.push(() => effect.dispose())\n      } else {\n        updateScrollEnabled()\n      }\n    }\n\n    return [scrollContainer]\n  }\n}\n\n/**\n * Create enhanced ScrollView component with modifier support\n */\nexport function ScrollView(props: ScrollViewProps = {}): ModifiableComponent<ScrollViewProps> & {\n  modifier: ModifierBuilder<ModifiableComponent<ScrollViewProps>>\n} {\n  const component = new EnhancedScrollView(props)\n  return withModifiers(component)\n}\n\n/**\n * ScrollView utility functions\n */\nexport const ScrollViewUtils = {\n  /**\n   * Create a scroll view with pull to refresh\n   */\n  withRefresh(\n    children: ComponentInstance[],\n    onRefresh: () => Promise<void>,\n    options: Partial<ScrollViewProps['refreshControl']> = {}\n  ): ModifiableComponent<ScrollViewProps> & {\n    modifier: ModifierBuilder<ModifiableComponent<ScrollViewProps>>\n  } {\n    return ScrollView({\n      children,\n      refreshControl: {\n        enabled: true,\n        onRefresh,\n        ...options,\n      },\n    })\n  },\n\n  /**\n   * Create a horizontal scroll view\n   */\n  horizontal(\n    children: ComponentInstance[],\n    props: Omit<ScrollViewProps, 'children' | 'direction'> = {}\n  ): ModifiableComponent<ScrollViewProps> & {\n    modifier: ModifierBuilder<ModifiableComponent<ScrollViewProps>>\n  } {\n    return ScrollView({\n      ...props,\n      children,\n      direction: 'horizontal',\n    })\n  },\n\n  /**\n   * Create a paged scroll view\n   */\n  paged(\n    children: ComponentInstance[],\n    props: Omit<ScrollViewProps, 'children' | 'pagingEnabled'> = {}\n  ): ModifiableComponent<ScrollViewProps> & {\n    modifier: ModifierBuilder<ModifiableComponent<ScrollViewProps>>\n  } {\n    return ScrollView({\n      ...props,\n      children,\n      pagingEnabled: true,\n    })\n  },\n}\n"],"names":["EnhancedScrollView","props","__publicField","_event","now","deltaTime","currentOffset","edges","scrollInfo","event","deltaY","threshold","error","contentOffsetSignal","setContentOffset","createSignal","contentSizeSignal","setContentSize","setIsScrolling","pullToRefreshStateSignal","setPullToRefreshState","isSignal","effect","createEffect","deltaX","scrollTop","scrollLeft","scrollHeight","scrollWidth","clientHeight","clientWidth","element","scrollTimer","throttledScrollStart","throttledScrollEnd","scrollHandler","direction","showsScrollIndicator","bounces","style","contentElement","contentInset","top","bottom","left","right","state","tintColor","content","h","offset","behavior","scrollOptions","children","scrollEnabled","contentContainer","child","refreshIndicator","scrollChildren","result","arr","x","overflowStyles","scrollContainer","updateScrollEnabled","enabled","ScrollView","component","withModifiers","ScrollViewUtils","onRefresh","options"],"mappings":"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"}

package/dist/components/ScrollView.d.ts

@@ -0,0 +1,222 @@
+/**
+ * Enhanced ScrollView Component (Phase 5.5)
+ *
+ * SwiftUI-inspired ScrollView component with performance optimization,
+ * smooth scrolling, pull-to-refresh, and advanced scroll handling.
+ */
+import type { ModifiableComponent, ModifierBuilder } from '../modifiers/types';
+import type { Signal } from '../reactive/types';
+import type { ComponentInstance, ComponentProps } from '../runtime/types';
+/**
+ * Scroll direction
+ */
+export type ScrollDirection = 'vertical' | 'horizontal' | 'both';
+/**
+ * Scroll behavior for programmatic scrolling
+ */
+export type ScrollBehavior = 'auto' | 'smooth' | 'instant';
+/**
+ * Content offset position
+ */
+export interface ContentOffset {
+    x: number;
+    y: number;
+}
+/**
+ * Scroll edge detection
+ */
+export interface ScrollEdges {
+    top: boolean;
+    bottom: boolean;
+    left: boolean;
+    right: boolean;
+}
+/**
+ * Pull-to-refresh state
+ */
+export type PullToRefreshState = 'idle' | 'pulling' | 'ready' | 'refreshing';
+/**
+ * Scroll event information
+ */
+export interface ScrollEventInfo {
+    offset: ContentOffset;
+    velocity: ContentOffset;
+    contentSize: {
+        width: number;
+        height: number;
+    };
+    containerSize: {
+        width: number;
+        height: number;
+    };
+    edges: ScrollEdges;
+}
+/**
+ * ScrollView component properties
+ */
+export interface ScrollViewProps extends ComponentProps {
+    children?: ComponentInstance[];
+    direction?: ScrollDirection;
+    showsScrollIndicator?: boolean;
+    bounces?: boolean;
+    scrollEnabled?: boolean | Signal<boolean>;
+    contentOffset?: Signal<ContentOffset>;
+    contentSize?: Signal<{
+        width: number;
+        height: number;
+    }>;
+    refreshControl?: {
+        enabled: boolean;
+        onRefresh: () => Promise<void>;
+        refreshing?: Signal<boolean>;
+        threshold?: number;
+        tintColor?: string;
+    };
+    onScroll?: (info: ScrollEventInfo) => void;
+    onScrollBegin?: () => void;
+    onScrollEnd?: () => void;
+    onReachTop?: () => void;
+    onReachBottom?: () => void;
+    onReachLeft?: () => void;
+    onReachRight?: () => void;
+    scrollEventThrottle?: number;
+    decelerationRate?: 'normal' | 'fast' | number;
+    contentInset?: {
+        top?: number;
+        bottom?: number;
+        left?: number;
+        right?: number;
+    };
+    pagingEnabled?: boolean;
+    snapToAlignment?: 'start' | 'center' | 'end';
+    snapToInterval?: number;
+    keyboardDismissMode?: 'none' | 'on-drag' | 'interactive';
+    accessibilityLabel?: string;
+    accessibilityRole?: string;
+}
+/**
+ * Enhanced ScrollView component class
+ */
+export declare class EnhancedScrollView implements ComponentInstance<ScrollViewProps> {
+    props: ScrollViewProps;
+    readonly type: "component";
+    readonly id: string;
+    mounted: boolean;
+    cleanup: (() => void)[];
+    private scrollElement;
+    contentOffsetSignal: () => ContentOffset;
+    private setContentOffset;
+    contentSizeSignal: () => {
+        width: number;
+        height: number;
+    };
+    private setContentSize;
+    private setIsScrolling;
+    private pullToRefreshStateSignal;
+    private setPullToRefreshState;
+    private scrollEventThrottle;
+    private lastScrollTime;
+    private scrollVelocity;
+    private lastScrollOffset;
+    private pullStartY;
+    private isPulling;
+    constructor(props: ScrollViewProps);
+    /**
+     * Calculate scroll velocity
+     */
+    private calculateVelocity;
+    /**
+     * Detect scroll edges
+     */
+    private detectScrollEdges;
+    /**
+     * Handle scroll events
+     */
+    private handleScroll;
+    /**
+     * Handle scroll start
+     */
+    private handleScrollStart;
+    /**
+     * Handle scroll end
+     */
+    private handleScrollEnd;
+    /**
+     * Handle touch start for pull to refresh
+     */
+    private handleTouchStart;
+    /**
+     * Handle touch move for pull to refresh
+     */
+    private handleTouchMove;
+    /**
+     * Handle touch end for pull to refresh
+     */
+    private handleTouchEnd;
+    /**
+     * Set up scroll event handlers
+     */
+    private setupScrollHandlers;
+    /**
+     * Get overflow styles based on direction
+     */
+    private getOverflowStyles;
+    /**
+     * Apply additional scroll view styling (position and overflow already set in initial render)
+     */
+    private applyScrollViewStyles;
+    /**
+     * Apply content insets
+     */
+    private applyContentInsets;
+    /**
+     * Create pull to refresh indicator
+     */
+    private createPullToRefreshIndicator;
+    /**
+     * Scroll to specific position
+     */
+    scrollTo(offset: Partial<ContentOffset>, behavior?: ScrollBehavior): void;
+    /**
+     * Scroll to top
+     */
+    scrollToTop(behavior?: ScrollBehavior): void;
+    /**
+     * Scroll to bottom
+     */
+    scrollToBottom(behavior?: ScrollBehavior): void;
+    /**
+     * Render the scroll view component
+     */
+    render(): import("../runtime").DOMNode[];
+}
+/**
+ * Create enhanced ScrollView component with modifier support
+ */
+export declare function ScrollView(props?: ScrollViewProps): ModifiableComponent<ScrollViewProps> & {
+    modifier: ModifierBuilder<ModifiableComponent<ScrollViewProps>>;
+};
+/**
+ * ScrollView utility functions
+ */
+export declare const ScrollViewUtils: {
+    /**
+     * Create a scroll view with pull to refresh
+     */
+    withRefresh(children: ComponentInstance[], onRefresh: () => Promise<void>, options?: Partial<ScrollViewProps["refreshControl"]>): ModifiableComponent<ScrollViewProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ScrollViewProps>>;
+    };
+    /**
+     * Create a horizontal scroll view
+     */
+    horizontal(children: ComponentInstance[], props?: Omit<ScrollViewProps, "children" | "direction">): ModifiableComponent<ScrollViewProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ScrollViewProps>>;
+    };
+    /**
+     * Create a paged scroll view
+     */
+    paged(children: ComponentInstance[], props?: Omit<ScrollViewProps, "children" | "pagingEnabled">): ModifiableComponent<ScrollViewProps> & {
+        modifier: ModifierBuilder<ModifiableComponent<ScrollViewProps>>;
+    };
+};
+//# sourceMappingURL=ScrollView.d.ts.map

package/dist/components/ScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../src/components/ScrollView.ts"],"names":[],"mappings":"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"}