@tachui/core 0.7.0-alpha1 → 0.8.0-alpha

package/dist/components/Picker.d.ts

@@ -1,153 +0,0 @@
-/**
- * Enhanced Picker Component (Phase 6.4.3)
- *
- * SwiftUI-inspired Picker component with dropdown, wheel, and segmented
- * variants for selecting from a list of options.
- */
-import type { ModifiableComponent, ModifierBuilder } from '../modifiers/types';
-import type { Signal } from '../reactive/types';
-import type { ComponentInstance, ComponentProps } from '../runtime/types';
-/**
- * Picker option structure
- */
-export interface PickerOption<T = any> {
-    value: T;
-    label: string;
-    disabled?: boolean;
-    icon?: string;
-    description?: string;
-}
-/**
- * Picker component properties
- */
-export interface PickerProps<T = any> extends ComponentProps {
-    selection: T | Signal<T>;
-    options: PickerOption<T>[] | Signal<PickerOption<T>[]>;
-    onSelectionChange?: (value: T) => void;
-    variant?: 'dropdown' | 'wheel' | 'segmented' | 'menu';
-    title?: string | (() => string) | Signal<string>;
-    placeholder?: string;
-    multiple?: boolean;
-    searchable?: boolean;
-    clearable?: boolean;
-    disabled?: boolean | Signal<boolean>;
-    size?: 'small' | 'medium' | 'large';
-    tint?: string;
-    accessibilityLabel?: string;
-    accessibilityHint?: string;
-}
-/**
- * Enhanced Picker component class
- */
-export declare class EnhancedPicker<T = any> implements ComponentInstance<PickerProps<T>> {
-    props: PickerProps<T>;
-    readonly type: "component";
-    readonly id: string;
-    mounted: boolean;
-    cleanup: (() => void)[];
-    private isOpen;
-    private setIsOpen;
-    private searchTerm;
-    private setSearchTerm;
-    constructor(props: PickerProps<T>);
-    /**
-     * Get current selection value
-     */
-    private getSelection;
-    /**
-     * Get current options
-     */
-    private getOptions;
-    /**
-     * Filter options based on search term
-     */
-    private getFilteredOptions;
-    /**
-     * Check if picker is disabled
-     */
-    private isDisabled;
-    /**
-     * Get selected option
-     */
-    private getSelectedOption;
-    /**
-     * Handle option selection
-     */
-    private handleSelection;
-    /**
-     * Toggle picker open state
-     */
-    private toggleOpen;
-    /**
-     * Get picker size styles
-     */
-    private getSizeStyles;
-    /**
-     * Render dropdown variant
-     */
-    private renderDropdown;
-    /**
-     * Render segmented variant
-     */
-    private renderSegmented;
-    /**
-     * Render wheel variant (simplified)
-     */
-    private renderWheel;
-    render(): import("../runtime").DOMNode;
-}
-/**
- * Picker component function
- */
-export declare function Picker<T = any>(selection: T | Signal<T>, options: PickerOption<T>[] | Signal<PickerOption<T>[]>, props?: Omit<PickerProps<T>, 'selection' | 'options'>): ModifiableComponent<PickerProps<T>> & {
-    modifier: ModifierBuilder<ModifiableComponent<PickerProps<T>>>;
-};
-/**
- * Picker style variants
- */
-export declare const PickerStyles: {
-    /**
-     * Dropdown picker (default)
-     */
-    Dropdown<T = any>(selection: T | Signal<T>, options: PickerOption<T>[] | Signal<PickerOption<T>[]>, props?: Omit<PickerProps<T>, "selection" | "options" | "variant">): ModifiableComponent<PickerProps<T>> & {
-        modifier: ModifierBuilder<ModifiableComponent<PickerProps<T>>>;
-    };
-    /**
-     * Segmented picker
-     */
-    Segmented<T = any>(selection: T | Signal<T>, options: PickerOption<T>[] | Signal<PickerOption<T>[]>, props?: Omit<PickerProps<T>, "selection" | "options" | "variant">): ModifiableComponent<PickerProps<T>> & {
-        modifier: ModifierBuilder<ModifiableComponent<PickerProps<T>>>;
-    };
-    /**
-     * Wheel picker (native select)
-     */
-    Wheel<T = any>(selection: T | Signal<T>, options: PickerOption<T>[] | Signal<PickerOption<T>[]>, props?: Omit<PickerProps<T>, "selection" | "options" | "variant">): ModifiableComponent<PickerProps<T>> & {
-        modifier: ModifierBuilder<ModifiableComponent<PickerProps<T>>>;
-    };
-    /**
-     * Menu picker
-     */
-    Menu<T = any>(selection: T | Signal<T>, options: PickerOption<T>[] | Signal<PickerOption<T>[]>, props?: Omit<PickerProps<T>, "selection" | "options" | "variant">): ModifiableComponent<PickerProps<T>> & {
-        modifier: ModifierBuilder<ModifiableComponent<PickerProps<T>>>;
-    };
-};
-/**
- * Picker utilities
- */
-export declare const PickerUtils: {
-    /**
-     * Create options from simple array
-     */
-    fromArray<T>(items: T[], labelKey?: keyof T): PickerOption<T>[];
-    /**
-     * Create options from enum
-     */
-    fromEnum(enumObject: Record<string, string | number>): PickerOption<string | number>[];
-    /**
-     * Group options by category
-     */
-    grouped<T>(options: (PickerOption<T> & {
-        category?: string;
-    })[]): Record<string, PickerOption<T>[]>;
-};
-//# sourceMappingURL=Picker.d.ts.map

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

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