@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/components/Picker.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");require("../reactive/unified-scheduler.cjs");const d=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 i=require("../runtime/renderer.cjs");require("../runtime/element-override.cjs");require("../runtime/semantic-role-manager.cjs");require("../runtime/development-warnings.cjs");const b=require("./wrapper.cjs");var g=Object.defineProperty,f=(o,e,t)=>e in o?g(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,a=(o,e,t)=>f(o,typeof e!="symbol"?e+"":e,t);class h{constructor(e){this.props=e,a(this,"type","component"),a(this,"id"),a(this,"mounted",!1),a(this,"cleanup",[]),a(this,"isOpen"),a(this,"setIsOpen"),a(this,"searchTerm"),a(this,"setSearchTerm"),a(this,"handleSelection",l=>{this.props.onSelectionChange&&this.props.onSelectionChange(l),(this.props.variant==="dropdown"||this.props.variant==="menu")&&this.setIsOpen(!1),this.setSearchTerm("")}),a(this,"toggleOpen",()=>{this.isDisabled()||this.setIsOpen(!this.isOpen())}),this.id=`picker-${Date.now()}-${Math.random().toString(36).substr(2,9)}`;const[t,r]=d.createSignal(!1),[n,s]=d.createSignal("");if(this.isOpen=t,this.setIsOpen=r,this.searchTerm=n,this.setSearchTerm=s,typeof window<"u"){const l=u=>{const c=document.getElementById(this.id);c&&!c.contains(u.target)&&this.setIsOpen(!1)};document.addEventListener("click",l),this.cleanup.push(()=>{document.removeEventListener("click",l)})}}getSelection(){const{selection:e}=this.props;return d.isSignal(e)?e():e}getOptions(){const{options:e}=this.props;return d.isSignal(e)?e():e}getFilteredOptions(){const e=this.getOptions(),t=this.searchTerm().toLowerCase();return!t||!this.props.searchable?e:e.filter(r=>r.label.toLowerCase().includes(t)||r.description?.toLowerCase().includes(t))}isDisabled(){const{disabled:e}=this.props;return typeof e=="boolean"?e:d.isSignal(e)?e():!1}getSelectedOption(){const e=this.getSelection();return this.getOptions().find(r=>r.value===e)||null}getSizeStyles(){const{size:e="medium"}=this.props;switch(e){case"small":return{fontSize:"14px",padding:"6px 12px",minHeight:"32px"};case"large":return{fontSize:"18px",padding:"12px 16px",minHeight:"48px"};default:return{fontSize:"16px",padding:"8px 12px",minHeight:"40px"}}}renderDropdown(){const e=this.getSelectedOption(),t=this.getFilteredOptions(),r=this.getSizeStyles(),n=this.isOpen();return i.h("div",{id:this.id,style:{position:"relative",display:"inline-block",minWidth:"200px"}},i.h("button",{type:"button",onClick:this.toggleOpen,disabled:this.isDisabled(),style:{...r,width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",backgroundColor:"#ffffff",border:"1px solid #d1d5db",borderRadius:"6px",cursor:this.isDisabled()?"not-allowed":"pointer",opacity:this.isDisabled()?.6:1,...n&&{borderColor:this.props.tint||"#007AFF",boxShadow:`0 0 0 1px ${this.props.tint||"#007AFF"}`}}},i.h("span",{style:{color:e?"#1a1a1a":"#6b7280"}},i.text(e?.label||this.props.placeholder||"Select an option")),i.h("span",{style:{fontSize:"12px",color:"#6b7280",transform:n?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s"}},i.text("▼"))),...n?[i.h("div",{style:{position:"absolute",top:"100%",left:"0",right:"0",zIndex:1e3,backgroundColor:"#ffffff",border:"1px solid #d1d5db",borderRadius:"6px",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1)",maxHeight:"200px",overflowY:"auto",marginTop:"2px"}},...this.props.searchable?[i.h("div",{style:{padding:"8px",borderBottom:"1px solid #e5e7eb"}},i.h("input",{type:"text",placeholder:"Search options...",value:this.searchTerm(),onInput:s=>{const l=s.target;this.setSearchTerm(l.value)},style:{width:"100%",padding:"6px 8px",border:"1px solid #d1d5db",borderRadius:"4px",fontSize:"14px"}}))]:[],...t.map(s=>i.h("button",{type:"button",key:String(s.value),onClick:()=>this.handleSelection(s.value),disabled:s.disabled,style:{width:"100%",padding:"8px 12px",textAlign:"left",backgroundColor:s.value===this.getSelection()?"#f3f4f6":"transparent",border:"none",cursor:s.disabled?"not-allowed":"pointer",opacity:s.disabled?.5:1,fontSize:"14px",display:"flex",alignItems:"center",gap:"8px",":hover":{backgroundColor:"#f9fafb"}}},...s.icon?[i.h("span",{style:{fontSize:"16px"}},i.text(s.icon))]:[],i.h("div",{},i.h("div",{},i.text(s.label)),...s.description?[i.h("div",{style:{fontSize:"12px",color:"#6b7280",marginTop:"2px"}},i.text(s.description))]:[]))),...t.length===0?[i.h("div",{style:{padding:"12px",textAlign:"center",color:"#6b7280",fontSize:"14px"}},i.text("No options found"))]:[])]:[])}renderSegmented(){const e=this.getOptions(),t=this.getSelection(),r=this.getSizeStyles();return i.h("div",{style:{display:"flex",backgroundColor:"#f3f4f6",borderRadius:"8px",padding:"2px"},role:"radiogroup","aria-label":this.props.accessibilityLabel},...e.map((n,s)=>i.h("button",{type:"button",key:String(n.value),onClick:()=>this.handleSelection(n.value),disabled:n.disabled||this.isDisabled(),role:"radio","aria-checked":n.value===t,style:{...r,flex:1,border:"none",borderRadius:"6px",backgroundColor:n.value===t?"#ffffff":"transparent",color:n.value===t?"#1a1a1a":"#6b7280",fontWeight:n.value===t?"600":"400",cursor:n.disabled||this.isDisabled()?"not-allowed":"pointer",opacity:n.disabled||this.isDisabled()?.5:1,boxShadow:n.value===t?"0 1px 2px rgba(0, 0, 0, 0.1)":"none",transition:"all 0.2s",margin:"0",...s===0&&{marginRight:"1px"},...s===e.length-1&&{marginLeft:"1px"}}},...n.icon?[i.h("span",{style:{marginRight:"6px",fontSize:"14px"}},i.text(n.icon))]:[],i.text(n.label))))}renderWheel(){const e=this.getOptions(),t=this.getSelection();return i.h("select",{value:String(t),onChange:r=>{const n=r.target,s=e.find(l=>String(l.value)===n.value);s&&this.handleSelection(s.value)},disabled:this.isDisabled(),style:{...this.getSizeStyles(),minWidth:"200px",backgroundColor:"#ffffff",border:"1px solid #d1d5db",borderRadius:"6px",cursor:this.isDisabled()?"not-allowed":"pointer",opacity:this.isDisabled()?.6:1}},...e.map(r=>i.h("option",{key:String(r.value),value:String(r.value),disabled:r.disabled},i.text(r.label))))}render(){const{variant:e="dropdown",accessibilityLabel:t,accessibilityHint:r}=this.props,n={"aria-label":t,"aria-describedby":r?`${this.id}-hint`:void 0};let s;switch(e){case"segmented":s=this.renderSegmented();break;case"wheel":s=this.renderWheel();break;default:s=this.renderDropdown();break}return i.h("div",n,s,...r?[i.h("div",{id:`${this.id}-hint`,style:{fontSize:"12px",color:"#6b7280",marginTop:"4px"}},i.text(r))]:[])}}function p(o,e,t={}){const r={...t,selection:o,options:e},n=new h(r);return b.withModifiers(n)}const x={Dropdown(o,e,t={}){return p(o,e,{...t,variant:"dropdown"})},Segmented(o,e,t={}){return p(o,e,{...t,variant:"segmented"})},Wheel(o,e,t={}){return p(o,e,{...t,variant:"wheel"})},Menu(o,e,t={}){return p(o,e,{...t,variant:"menu"})}},S={fromArray(o,e){return o.map(t=>({value:t,label:String(e&&typeof t=="object"&&t!==null?t[e]:t)}))},fromEnum(o){return Object.entries(o).map(([e,t])=>({value:t,label:e.replace(/([A-Z])/g," $1").trim()}))},grouped(o){return o.reduce((e,t)=>{const r=t.category||"Other";return e[r]||(e[r]=[]),e[r].push(t),e},{})}};exports.EnhancedPicker=h;exports.Picker=p;exports.PickerStyles=x;exports.PickerUtils=S;
-//# sourceMappingURL=Picker.cjs.map

package/dist/components/Picker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Picker.cjs","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/Picker.js

@@ -1,478 +0,0 @@
-import "../reactive/cleanup.js";
-import "../reactive/unified-scheduler.js";
-import { createSignal as u, isSignal as c } from "../reactive/signal.js";
-import "../reactive/scheduler.js";
-import "../reactive/theme.js";
-import "../runtime/component.js";
-import "../runtime/context.js";
-import "../runtime/dev-tools.js";
-import "../runtime/dom-bridge.js";
-import "../runtime/error-boundary.js";
-import "../runtime/error-reporting.js";
-import "../runtime/performance.js";
-import { h as o, text as a } from "../runtime/renderer.js";
-import "../runtime/element-override.js";
-import "../runtime/semantic-role-manager.js";
-import "../runtime/development-warnings.js";
-import { withModifiers as f } from "./wrapper.js";
-var g = Object.defineProperty, m = (n, e, t) => e in n ? g(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, l = (n, e, t) => m(n, typeof e != "symbol" ? e + "" : e, t);
-class x {
-  constructor(e) {
-    this.props = e, l(this, "type", "component"), l(this, "id"), l(this, "mounted", !1), l(this, "cleanup", []), l(this, "isOpen"), l(this, "setIsOpen"), l(this, "searchTerm"), l(this, "setSearchTerm"), l(this, "handleSelection", (d) => {
-      this.props.onSelectionChange && this.props.onSelectionChange(d), (this.props.variant === "dropdown" || this.props.variant === "menu") && this.setIsOpen(!1), this.setSearchTerm("");
-    }), l(this, "toggleOpen", () => {
-      this.isDisabled() || this.setIsOpen(!this.isOpen());
-    }), this.id = `picker-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-    const [t, i] = u(!1), [r, s] = u("");
-    if (this.isOpen = t, this.setIsOpen = i, this.searchTerm = r, this.setSearchTerm = s, typeof window < "u") {
-      const d = (b) => {
-        const h = document.getElementById(this.id);
-        h && !h.contains(b.target) && this.setIsOpen(!1);
-      };
-      document.addEventListener("click", d), this.cleanup.push(() => {
-        document.removeEventListener("click", d);
-      });
-    }
-  }
-  /**
-   * Get current selection value
-   */
-  getSelection() {
-    const { selection: e } = this.props;
-    return c(e) ? e() : e;
-  }
-  /**
-   * Get current options
-   */
-  getOptions() {
-    const { options: e } = this.props;
-    return c(e) ? e() : e;
-  }
-  /**
-   * Filter options based on search term
-   */
-  getFilteredOptions() {
-    const e = this.getOptions(), t = this.searchTerm().toLowerCase();
-    return !t || !this.props.searchable ? e : e.filter(
-      (i) => i.label.toLowerCase().includes(t) || i.description?.toLowerCase().includes(t)
-    );
-  }
-  /**
-   * Check if picker is disabled
-   */
-  isDisabled() {
-    const { disabled: e } = this.props;
-    return typeof e == "boolean" ? e : c(e) ? e() : !1;
-  }
-  /**
-   * Get selected option
-   */
-  getSelectedOption() {
-    const e = this.getSelection();
-    return this.getOptions().find((i) => i.value === e) || null;
-  }
-  /**
-   * Get picker size styles
-   */
-  getSizeStyles() {
-    const { size: e = "medium" } = this.props;
-    switch (e) {
-      case "small":
-        return {
-          fontSize: "14px",
-          padding: "6px 12px",
-          minHeight: "32px"
-        };
-      case "large":
-        return {
-          fontSize: "18px",
-          padding: "12px 16px",
-          minHeight: "48px"
-        };
-      default:
-        return {
-          fontSize: "16px",
-          padding: "8px 12px",
-          minHeight: "40px"
-        };
-    }
-  }
-  /**
-   * Render dropdown variant
-   */
-  renderDropdown() {
-    const e = this.getSelectedOption(), t = this.getFilteredOptions(), i = this.getSizeStyles(), r = this.isOpen();
-    return o(
-      "div",
-      {
-        id: this.id,
-        style: {
-          position: "relative",
-          display: "inline-block",
-          minWidth: "200px"
-        }
-      },
-      // Trigger button
-      o(
-        "button",
-        {
-          type: "button",
-          onClick: this.toggleOpen,
-          disabled: this.isDisabled(),
-          style: {
-            ...i,
-            width: "100%",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            backgroundColor: "#ffffff",
-            border: "1px solid #d1d5db",
-            borderRadius: "6px",
-            cursor: this.isDisabled() ? "not-allowed" : "pointer",
-            opacity: this.isDisabled() ? 0.6 : 1,
-            ...r && {
-              borderColor: this.props.tint || "#007AFF",
-              boxShadow: `0 0 0 1px ${this.props.tint || "#007AFF"}`
-            }
-          }
-        },
-        o(
-          "span",
-          {
-            style: {
-              color: e ? "#1a1a1a" : "#6b7280"
-            }
-          },
-          a(e?.label || this.props.placeholder || "Select an option")
-        ),
-        o(
-          "span",
-          {
-            style: {
-              fontSize: "12px",
-              color: "#6b7280",
-              transform: r ? "rotate(180deg)" : "rotate(0deg)",
-              transition: "transform 0.2s"
-            }
-          },
-          a("▼")
-        )
-      ),
-      ...r ? [
-        o(
-          "div",
-          {
-            style: {
-              position: "absolute",
-              top: "100%",
-              left: "0",
-              right: "0",
-              zIndex: 1e3,
-              backgroundColor: "#ffffff",
-              border: "1px solid #d1d5db",
-              borderRadius: "6px",
-              boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
-              maxHeight: "200px",
-              overflowY: "auto",
-              marginTop: "2px"
-            }
-          },
-          ...this.props.searchable ? [
-            o(
-              "div",
-              {
-                style: {
-                  padding: "8px",
-                  borderBottom: "1px solid #e5e7eb"
-                }
-              },
-              o("input", {
-                type: "text",
-                placeholder: "Search options...",
-                value: this.searchTerm(),
-                onInput: (s) => {
-                  const d = s.target;
-                  this.setSearchTerm(d.value);
-                },
-                style: {
-                  width: "100%",
-                  padding: "6px 8px",
-                  border: "1px solid #d1d5db",
-                  borderRadius: "4px",
-                  fontSize: "14px"
-                }
-              })
-            )
-          ] : [],
-          ...t.map(
-            (s) => o(
-              "button",
-              {
-                type: "button",
-                key: String(s.value),
-                onClick: () => this.handleSelection(s.value),
-                disabled: s.disabled,
-                style: {
-                  width: "100%",
-                  padding: "8px 12px",
-                  textAlign: "left",
-                  backgroundColor: s.value === this.getSelection() ? "#f3f4f6" : "transparent",
-                  border: "none",
-                  cursor: s.disabled ? "not-allowed" : "pointer",
-                  opacity: s.disabled ? 0.5 : 1,
-                  fontSize: "14px",
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "8px",
-                  ":hover": {
-                    backgroundColor: "#f9fafb"
-                  }
-                }
-              },
-              ...s.icon ? [o("span", { style: { fontSize: "16px" } }, a(s.icon))] : [],
-              o(
-                "div",
-                {},
-                o("div", {}, a(s.label)),
-                ...s.description ? [
-                  o(
-                    "div",
-                    {
-                      style: {
-                        fontSize: "12px",
-                        color: "#6b7280",
-                        marginTop: "2px"
-                      }
-                    },
-                    a(s.description)
-                  )
-                ] : []
-              )
-            )
-          ),
-          ...t.length === 0 ? [
-            o(
-              "div",
-              {
-                style: {
-                  padding: "12px",
-                  textAlign: "center",
-                  color: "#6b7280",
-                  fontSize: "14px"
-                }
-              },
-              a("No options found")
-            )
-          ] : []
-        )
-      ] : []
-    );
-  }
-  /**
-   * Render segmented variant
-   */
-  renderSegmented() {
-    const e = this.getOptions(), t = this.getSelection(), i = this.getSizeStyles();
-    return o(
-      "div",
-      {
-        style: {
-          display: "flex",
-          backgroundColor: "#f3f4f6",
-          borderRadius: "8px",
-          padding: "2px"
-        },
-        role: "radiogroup",
-        "aria-label": this.props.accessibilityLabel
-      },
-      ...e.map(
-        (r, s) => o(
-          "button",
-          {
-            type: "button",
-            key: String(r.value),
-            onClick: () => this.handleSelection(r.value),
-            disabled: r.disabled || this.isDisabled(),
-            role: "radio",
-            "aria-checked": r.value === t,
-            style: {
-              ...i,
-              flex: 1,
-              border: "none",
-              borderRadius: "6px",
-              backgroundColor: r.value === t ? "#ffffff" : "transparent",
-              color: r.value === t ? "#1a1a1a" : "#6b7280",
-              fontWeight: r.value === t ? "600" : "400",
-              cursor: r.disabled || this.isDisabled() ? "not-allowed" : "pointer",
-              opacity: r.disabled || this.isDisabled() ? 0.5 : 1,
-              boxShadow: r.value === t ? "0 1px 2px rgba(0, 0, 0, 0.1)" : "none",
-              transition: "all 0.2s",
-              margin: "0",
-              ...s === 0 && { marginRight: "1px" },
-              ...s === e.length - 1 && { marginLeft: "1px" }
-            }
-          },
-          ...r.icon ? [
-            o(
-              "span",
-              {
-                style: {
-                  marginRight: "6px",
-                  fontSize: "14px"
-                }
-              },
-              a(r.icon)
-            )
-          ] : [],
-          a(r.label)
-        )
-      )
-    );
-  }
-  /**
-   * Render wheel variant (simplified)
-   */
-  renderWheel() {
-    const e = this.getOptions(), t = this.getSelection();
-    return o(
-      "select",
-      {
-        value: String(t),
-        onChange: (i) => {
-          const r = i.target, s = e.find((d) => String(d.value) === r.value);
-          s && this.handleSelection(s.value);
-        },
-        disabled: this.isDisabled(),
-        style: {
-          ...this.getSizeStyles(),
-          minWidth: "200px",
-          backgroundColor: "#ffffff",
-          border: "1px solid #d1d5db",
-          borderRadius: "6px",
-          cursor: this.isDisabled() ? "not-allowed" : "pointer",
-          opacity: this.isDisabled() ? 0.6 : 1
-        }
-      },
-      ...e.map(
-        (i) => o(
-          "option",
-          {
-            key: String(i.value),
-            value: String(i.value),
-            disabled: i.disabled
-          },
-          a(i.label)
-        )
-      )
-    );
-  }
-  render() {
-    const { variant: e = "dropdown", accessibilityLabel: t, accessibilityHint: i } = this.props, r = {
-      "aria-label": t,
-      "aria-describedby": i ? `${this.id}-hint` : void 0
-    };
-    let s;
-    switch (e) {
-      case "segmented":
-        s = this.renderSegmented();
-        break;
-      case "wheel":
-        s = this.renderWheel();
-        break;
-      default:
-        s = this.renderDropdown();
-        break;
-    }
-    return o(
-      "div",
-      r,
-      s,
-      ...i ? [
-        o(
-          "div",
-          {
-            id: `${this.id}-hint`,
-            style: {
-              fontSize: "12px",
-              color: "#6b7280",
-              marginTop: "4px"
-            }
-          },
-          a(i)
-        )
-      ] : []
-    );
-  }
-}
-function p(n, e, t = {}) {
-  const i = { ...t, selection: n, options: e }, r = new x(i);
-  return f(r);
-}
-const _ = {
-  /**
-   * Dropdown picker (default)
-   */
-  // biome-ignore lint/suspicious/noExplicitAny: Generic dropdown picker requires flexible type
-  Dropdown(n, e, t = {}) {
-    return p(n, e, { ...t, variant: "dropdown" });
-  },
-  /**
-   * Segmented picker
-   */
-  // biome-ignore lint/suspicious/noExplicitAny: Generic segmented picker requires flexible type
-  Segmented(n, e, t = {}) {
-    return p(n, e, { ...t, variant: "segmented" });
-  },
-  /**
-   * Wheel picker (native select)
-   */
-  // biome-ignore lint/suspicious/noExplicitAny: Generic wheel picker requires flexible type
-  Wheel(n, e, t = {}) {
-    return p(n, e, { ...t, variant: "wheel" });
-  },
-  /**
-   * Menu picker
-   */
-  // biome-ignore lint/suspicious/noExplicitAny: Generic menu picker requires flexible type
-  Menu(n, e, t = {}) {
-    return p(n, e, { ...t, variant: "menu" });
-  }
-}, $ = {
-  /**
-   * Create options from simple array
-   */
-  fromArray(n, e) {
-    return n.map((t) => ({
-      value: t,
-      label: String(e && typeof t == "object" && t !== null ? t[e] : t)
-    }));
-  },
-  /**
-   * Create options from enum
-   */
-  fromEnum(n) {
-    return Object.entries(n).map(([e, t]) => ({
-      value: t,
-      label: e.replace(/([A-Z])/g, " $1").trim()
-    }));
-  },
-  /**
-   * Group options by category
-   */
-  grouped(n) {
-    return n.reduce(
-      (e, t) => {
-        const i = t.category || "Other";
-        return e[i] || (e[i] = []), e[i].push(t), e;
-      },
-      {}
-    );
-  }
-};
-export {
-  x as EnhancedPicker,
-  p as Picker,
-  _ as PickerStyles,
-  $ as PickerUtils
-};
-//# sourceMappingURL=Picker.js.map

package/dist/components/Picker.js.map

@@ -1 +0,0 @@
-{"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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"}