tyrell-react 1.0.0-RC11 → 1.0.0-RC13

package/src/components/TySelect.tsx

@@ -0,0 +1,305 @@
+import React, { useEffect, useRef, useCallback } from 'react';
+import { hostProps } from '../utils/host-props';
+import { needsPropertyBridge } from '../utils/react-version';
+import { useBooleanProperty } from '../utils/use-boolean-prop';
+
+type BuiltinFlavor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
+type ShadedFlavor = BuiltinFlavor | `${BuiltinFlavor}+` | `${BuiltinFlavor}-`;
+
+// Type definitions for Ty Select component
+export interface TySelectItem {
+  value: string;
+  label: string;
+  flavor: string | null;
+}
+
+export interface TySelectEventDetail {
+  /** Scalar for single select, array when `multiple` */
+  value: string | string[] | null;
+  /** Always the array form of the selection */
+  values: string[];
+  /** Rich info per selected value — enough to render chips out-of-band */
+  items: TySelectItem[];
+  /** Action that triggered the change */
+  action: 'add' | 'remove' | 'clear' | 'set' | 'create';
+  /** The specific value that changed */
+  item: string | null;
+}
+
+export interface TySelectProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'style'> {
+  style?: import('./TyInput').TyInputCSSProperties;
+
+  /** Selected value(s) — string, comma-separated string, or array */
+  value?: string | string[];
+
+  /** Multi select (native <select multiple> semantics). Default: single. */
+  multiple?: boolean;
+
+  /** Compact content-hugging trigger (toolbars, filter bars) instead of the full-width field look */
+  compact?: boolean;
+
+  /** Placeholder shown while nothing is selected */
+  placeholder?: string;
+
+  /** Label text above the field */
+  label?: string;
+
+  /** Form field name — single submits one entry, multiple submits repeated entries */
+  name?: string;
+
+  /** Disable the select */
+  disabled?: boolean;
+
+  /** Read-only */
+  readonly?: boolean;
+
+  /** Mark the field as required */
+  required?: boolean;
+
+  /**
+   * Search row visibility: 'auto' (default) shows it only for 8+ options,
+   * 'always' / 'never' force it. external-search always shows it.
+   */
+  searchable?: 'auto' | 'always' | 'never' | boolean;
+
+  /**
+   * External (remote) search mode — the component stops filtering and emits
+   * debounced `search` events; replace the option children in response.
+   */
+  externalSearch?: boolean;
+
+  /** Debounce for the search event in ms (0-5000) */
+  debounce?: number;
+
+  /**
+   * Enter on unmatched search text mints a new <ty-option> (forces the
+   * search row on, same as externalSearch). Listen to onCreate to mutate
+   * the value before it's created, or preventDefault() to take over
+   * entirely (e.g. after a server round-trip).
+   */
+  allowCreate?: boolean;
+
+  /**
+   * Opt-in normalizer for the value allowCreate mints — the display label
+   * is always kept verbatim. 'slug': lowercase, spaces → '_', strips
+   * everything else non-alphanumeric. Default: value === typed text.
+   */
+  createTransform?: 'slug';
+
+  /** Loading state — shows a spinner in the options area (external search in flight) */
+  loading?: boolean;
+
+  /** Size variant */
+  /** Field size — fields come in exactly three; legacy xs/xl map to sm/lg */
+  size?: 'sm' | 'md' | 'lg';
+
+  /** Horizontal popup anchor: "start" (default, trigger's left edge) or "end" (trigger's right edge) — clamped into the viewport either way. Useful with a custom slot="trigger" element. */
+  align?: 'start' | 'end';
+
+  /** Built-in x clear button in the default/compact trigger, shown once something is selected. Default true. Not shown with slot="trigger" — use the ref's clear() method there instead. */
+  clearable?: boolean;
+
+  /** Visual flavor for the field border — built-in semantic, +/- shade, or a custom flavor backed by --ty-*-X tokens */
+  flavor?: ShadedFlavor | (string & {});
+
+  /** Callback when selection changes */
+  onChange?: (event: CustomEvent<TySelectEventDetail>) => void;
+
+  /** Callback fired on each search input change (debounced). Use for external/server-side filtering. */
+  onSearch?: (event: CustomEvent<{ query: string; element: HTMLElement }>) => void;
+  onOpen?: (event: CustomEvent) => void;
+  onClose?: (event: CustomEvent) => void;
+
+  /**
+   * Fired before allowCreate mints a new option — cancelable. Mutate
+   * `event.detail.value` to change the id that gets created (e.g. slugify
+   * it yourself), or call `event.preventDefault()` to create it yourself.
+   */
+  onCreate?: (event: CustomEvent<{ value: string; label: string }>) => void;
+
+  /** TyOption children (plus optional slot="trigger" / slot="start" / slot="end" elements) */
+  children?: React.ReactNode;
+}
+
+/** The underlying custom element, typed with its imperative clear() method — useful with a ref, e.g. for slot="trigger" custom triggers that call it directly instead of relying on the built-in clear button. */
+export interface TySelectElement extends HTMLElement {
+  clear(): void;
+}
+
+// React wrapper for ty-select web component
+export const TySelect = React.forwardRef<TySelectElement, TySelectProps>(
+  ({
+    value,
+    multiple,
+    compact,
+    placeholder,
+    label,
+    name,
+    disabled,
+    readonly,
+    required,
+    searchable,
+    externalSearch,
+    debounce,
+    allowCreate,
+    createTransform,
+    loading,
+    size,
+    align,
+    clearable,
+    flavor,
+    onChange,
+    onSearch,
+    onOpen,
+    onClose,
+    onCreate,
+    children,
+    ...props
+  }, ref) => {
+    const elementRef = useRef<TySelectElement>(null);
+
+    // Handle ref forwarding
+    useEffect(() => {
+      if (ref && elementRef.current) {
+        if (typeof ref === 'function') {
+          ref(elementRef.current);
+        } else {
+          ref.current = elementRef.current;
+        }
+      }
+    }, [ref]);
+
+    // Imperatively sync `value` so resets ('' or null) reliably clear the
+    // visible selection. React 18 workaround; React 19+ handles this natively.
+    useEffect(() => {
+      if (!needsPropertyBridge) return;
+      const element = elementRef.current as any;
+      if (!element) return;
+      const next = Array.isArray(value) ? value.join(',') : (value ?? '');
+      if (element.value !== next) {
+        element.value = next;
+      }
+    }, [value]);
+
+    // Handle events
+    const handleChange = useCallback((event: Event) => {
+      if (onChange) onChange(event as CustomEvent<TySelectEventDetail>);
+    }, [onChange]);
+
+    const handleSearch = useCallback((event: Event) => {
+      if (onSearch) onSearch(event as CustomEvent<{ query: string; element: HTMLElement }>);
+    }, [onSearch]);
+
+    const handleOpen = useCallback((event: Event) => { if (onOpen) onOpen(event as CustomEvent); }, [onOpen]);
+    const handleClose = useCallback((event: Event) => { if (onClose) onClose(event as CustomEvent); }, [onClose]);
+    const handleCreate = useCallback((event: Event) => {
+      if (onCreate) onCreate(event as CustomEvent<{ value: string; label: string }>);
+    }, [onCreate]);
+
+    // Set up event listeners
+    useEffect(() => {
+      const element = elementRef.current;
+      if (!element) return;
+
+      if (onChange) element.addEventListener('change', handleChange);
+      if (onSearch) element.addEventListener('search', handleSearch);
+      if (onOpen) element.addEventListener('open', handleOpen);
+      if (onClose) element.addEventListener('close', handleClose);
+      if (onCreate) element.addEventListener('create', handleCreate);
+
+      return () => {
+        if (onChange) element.removeEventListener('change', handleChange);
+        if (onSearch) element.removeEventListener('search', handleSearch);
+        if (onOpen) element.removeEventListener('open', handleOpen);
+        if (onClose) element.removeEventListener('close', handleClose);
+        if (onCreate) element.removeEventListener('create', handleCreate);
+      };
+    }, [handleChange, handleSearch, handleOpen, handleClose, handleCreate, onChange, onSearch, onOpen, onClose, onCreate]);
+
+    // Imperative property sync for boolean props (see use-boolean-prop.ts).
+    const isMultiple = useBooleanProperty(elementRef, 'multiple', multiple);
+    const isCompact = useBooleanProperty(elementRef, 'compact', compact);
+    const isDisabled = useBooleanProperty(elementRef, 'disabled', disabled);
+    const isReadonly = useBooleanProperty(elementRef, 'readonly', readonly);
+    const isRequired = useBooleanProperty(elementRef, 'required', required);
+    const isLoading = useBooleanProperty(elementRef, 'loading', loading);
+    const isExternalSearch = useBooleanProperty(elementRef, 'externalSearch', externalSearch);
+    const isAllowCreate = useBooleanProperty(elementRef, 'allowCreate', allowCreate);
+    const isClearable = useBooleanProperty(elementRef, 'clearable', clearable);
+
+    // Convert React props to web component attributes
+    const webComponentProps: Record<string, any> = {
+      ...hostProps(props),
+      ref: elementRef,
+    };
+
+    // Handle value conversion (array to comma-separated string)
+    if (value !== undefined) {
+      webComponentProps.value = Array.isArray(value) ? value.join(',') : value;
+    }
+
+    if (isMultiple) webComponentProps.multiple = '';
+    if (isCompact) webComponentProps.compact = '';
+    if (isDisabled) webComponentProps.disabled = '';
+    if (isReadonly) webComponentProps.readonly = '';
+    if (isRequired) webComponentProps.required = '';
+    if (isLoading) webComponentProps.loading = '';
+    if (isExternalSearch) webComponentProps['external-search'] = '';
+    if (isAllowCreate) webComponentProps['allow-create'] = '';
+
+    if (placeholder) webComponentProps.placeholder = placeholder;
+    if (label) webComponentProps.label = label;
+    if (name) webComponentProps.name = name;
+    if (size) webComponentProps.size = size;
+    if (align) webComponentProps.align = align;
+    if (isClearable) webComponentProps.clearable = '';
+    if (flavor) webComponentProps.flavor = flavor;
+    if (debounce !== undefined) webComponentProps.debounce = debounce.toString();
+    if (createTransform) webComponentProps['create-transform'] = createTransform;
+    if (searchable === 'always' || searchable === true) webComponentProps.searchable = 'true';
+    else if (searchable === 'never' || searchable === false) webComponentProps.searchable = 'false';
+    // 'auto' / undefined → omit (component default)
+
+    return React.createElement('ty-select', webComponentProps, children);
+  }
+);
+
+TySelect.displayName = 'TySelect';
+
+// ============================================================================
+// TySelectedOptions — out-of-band chip display for a TySelect
+// (ty-selected-tags below is the same element under its original tag name,
+// kept for backward compatibility.)
+// ============================================================================
+
+export interface TySelectedTagsProps extends React.HTMLAttributes<HTMLElement> {
+  /** id of the ty-select to display. Falls back to the previous element sibling. */
+  htmlFor?: string;
+  /** Optional <template> child as chip blueprint ({value}/{label}/{flavor}/{data-*} placeholders) */
+  children?: React.ReactNode;
+}
+
+const selectedChipsComponent = (tag: 'ty-selected-options' | 'ty-selected-tags') =>
+  React.forwardRef<HTMLElement, TySelectedTagsProps>(({ htmlFor, children, ...props }, ref) => {
+    const elementRef = useRef<HTMLElement>(null);
+
+    useEffect(() => {
+      if (ref && elementRef.current) {
+        if (typeof ref === 'function') ref(elementRef.current);
+        else ref.current = elementRef.current;
+      }
+    }, [ref]);
+
+    const webComponentProps: Record<string, any> = { ...hostProps(props), ref: elementRef };
+    if (htmlFor) webComponentProps.for = htmlFor;
+
+    return React.createElement(tag, webComponentProps, children);
+  });
+
+/** React wrapper for the ty-selected-options web component. */
+export const TySelectedOptions = selectedChipsComponent('ty-selected-options');
+TySelectedOptions.displayName = 'TySelectedOptions';
+
+/** @deprecated Use `TySelectedOptions` — kept for backward compatibility. */
+export const TySelectedTags = selectedChipsComponent('ty-selected-tags');
+TySelectedTags.displayName = 'TySelectedTags';

package/src/components/TyStep.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { hostProps } from '../utils/host-props';
 
 // Type definitions for Ty Step component
 export interface TyStepProps extends React.HTMLAttributes<HTMLElement> {
@@ -47,7 +48,7 @@ export const TyStep = React.forwardRef<HTMLElement, TyStepProps>(
 
     // Convert React props to web component attributes
     const webComponentProps: Record<string, any> = {
-      ...props,
+      ...hostProps(props),
       ref: elementRef,
       id,
     };

package/src/components/TySwitch.tsx

@@ -1,6 +1,10 @@
 import React, { useEffect, useRef } from 'react';
+import { hostProps } from '../utils/host-props';
 import { useBooleanProperty } from '../utils/use-boolean-prop';
 
+type BuiltinFlavor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
+type ShadedFlavor = BuiltinFlavor | `${BuiltinFlavor}+` | `${BuiltinFlavor}-`;
+
 export interface TySwitchProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'onInput'> {
   /** Checked (on) state */
   checked?: boolean;
@@ -21,7 +25,7 @@ export interface TySwitchProps extends Omit<React.HTMLAttributes<HTMLElement>, '
   size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
   /** Semantic styling variant */
-  flavor?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
+  flavor?: ShadedFlavor | (string & {});
 
   /**
    * Fires when switch state changes (React convention)
@@ -94,7 +98,7 @@ export const TySwitch = React.forwardRef<HTMLElement, TySwitchProps>(
     const isRequired = useBooleanProperty(elementRef, 'required', required);
 
     const webComponentProps: Record<string, any> = {
-      ...props,
+      ...hostProps(props),
       ref: elementRef,
     };
 

package/src/components/TyTab.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { hostProps } from '../utils/host-props';
 import { useBooleanProperty } from '../utils/use-boolean-prop';
 
 // Type definitions for Ty Tab component
@@ -40,7 +41,7 @@ export const TyTab = React.forwardRef<HTMLElement, TyTabProps>(
 
     // Convert React props to web component attributes
     const webComponentProps: Record<string, any> = {
-      ...props,
+      ...hostProps(props),
       ref: elementRef,
     };
 

package/src/components/TyTabs.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { hostProps } from '../utils/host-props';
 
 // Type definitions for Ty Tabs component
 export interface TyTabsProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
@@ -72,7 +73,7 @@ export const TyTabs = React.forwardRef<HTMLElement, TyTabsProps>(
 
     // Convert React props to web component attributes
     const webComponentProps: Record<string, any> = {
-      ...props,
+      ...hostProps(props),
       ref: elementRef,
     };
 

package/src/components/TyTag.tsx

@@ -1,6 +1,10 @@
 import React, { useEffect, useRef, useCallback } from 'react';
+import { hostProps } from '../utils/host-props';
 import { useBooleanProperty } from '../utils/use-boolean-prop';
 
+type BuiltinFlavor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
+type ShadedFlavor = BuiltinFlavor | `${BuiltinFlavor}+` | `${BuiltinFlavor}-`;
+
 // CSS custom properties that cascade into the shadow DOM for full color control
 export interface TyTagCSSProperties extends React.CSSProperties {
   '--tag-bg'?: string;
@@ -10,7 +14,7 @@ export interface TyTagCSSProperties extends React.CSSProperties {
 
 // Type definitions for Ty Tag component
 export interface TyTagProps extends Omit<React.HTMLAttributes<HTMLElement>, 'style' | 'onClick'> {
-  flavor?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
+  flavor?: ShadedFlavor | (string & {});
   size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
   notPill?: boolean;
   clickable?: boolean;
@@ -67,7 +71,7 @@ export const TyTag = React.forwardRef<HTMLElement, TyTagProps>(
     return React.createElement(
       'ty-tag',
       {
-        ...props,
+        ...hostProps(props),
         // click is dispatched as composed CustomEvent by the web component — React's
         // synthetic onClick already catches it, so we just pass it through as onClick
         ...(onClick && { onClick }),

package/src/components/TyTextarea.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useRef, useCallback } from 'react';
+import { hostProps } from '../utils/host-props';
 import { needsPropertyBridge } from '../utils/react-version';
 import { useBooleanProperty } from '../utils/use-boolean-prop';
 
@@ -167,7 +168,7 @@ export const TyTextarea = React.forwardRef<HTMLElement, TyTextareaProps>(
     return React.createElement(
       'ty-textarea',
       {
-        ...props,
+        ...hostProps(props),
         ...(isDisabled && { disabled: "" }),
         ...(isRequired && { required: "" }),
         ...(minHeight && { 'min-height': minHeight }),  // Convert camelCase to kebab-case

package/src/components/TyTooltip.tsx

@@ -1,6 +1,10 @@
 import React, { useEffect, useRef } from 'react';
+import { hostProps } from '../utils/host-props';
 import { useBooleanProperty } from '../utils/use-boolean-prop';
 
+type BuiltinFlavor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
+type ShadedFlavor = BuiltinFlavor | `${BuiltinFlavor}+` | `${BuiltinFlavor}-`;
+
 // Type definitions for Ty Tooltip component
 export interface TyTooltipProps extends React.HTMLAttributes<HTMLElement> {
   /** Tooltip positioning relative to the parent element */
@@ -16,7 +20,7 @@ export interface TyTooltipProps extends React.HTMLAttributes<HTMLElement> {
   disabled?: boolean;
   
   /** Semantic styling variant */
-  flavor?: 'dark' | 'light' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'neutral';
+  flavor?: 'dark' | 'light' | 'info' | ShadedFlavor | (string & {});
   
   /** Tooltip content */
   children?: React.ReactNode;
@@ -48,7 +52,7 @@ export const TyTooltip = React.forwardRef<HTMLElement, TyTooltipProps>(
 
     // Convert React props to web component attributes
     const webComponentProps: Record<string, any> = {
-      ...props,
+      ...hostProps(props),
       ref: elementRef,
     };
 

package/src/components/TyWizard.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useRef } from 'react';
+import { hostProps } from '../utils/host-props';
 
 // Type definitions for Ty Wizard component
 export interface TyWizardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
@@ -77,7 +78,7 @@ export const TyWizard = React.forwardRef<HTMLElement, TyWizardProps>(
 
     // Convert React props to web component attributes
     const webComponentProps: Record<string, any> = {
-      ...props,
+      ...hostProps(props),
       ref: elementRef,
     };
 

package/src/components/index.ts

@@ -44,9 +44,6 @@ export type { TyInputProps, TyInputEventDetail, TyInputCSSProperties } from './T
 export { TyTextarea } from './TyTextarea';
 export type { TyTextareaProps, TyTextareaEventDetail } from './TyTextarea';
 
-export { TyDropdown } from './TyDropdown';
-export type { TyDropdownProps, TyDropdownEventDetail } from './TyDropdown';
-
 export { TyOption } from './TyOption';
 export type { TyOptionProps } from './TyOption';
 
@@ -55,12 +52,15 @@ export type { TyIconProps } from './TyIcon';
 
 export { TyModal } from './TyModal';
 export type { TyModalProps, TyModalEventDetail, TyModalRef } from './TyModal';
+// Platform/ARIA name alias (the element is also registered as ty-dialog)
+export { TyModal as TyDialog } from './TyModal';
+export type { TyModalProps as TyDialogProps, TyModalEventDetail as TyDialogEventDetail, TyModalRef as TyDialogRef } from './TyModal';
 
 export { TyTooltip } from './TyTooltip';
 export type { TyTooltipProps } from './TyTooltip';
 
-export { TyMultiselect } from './TyMultiselect';
-export type { TyMultiselectProps, TyMultiselectEventDetail } from './TyMultiselect';
+export { TySelect, TySelectedOptions, TySelectedTags } from './TySelect';
+export type { TySelectProps, TySelectEventDetail, TySelectItem, TySelectedTagsProps } from './TySelect';
 
 export { TyCalendar } from './TyCalendar';
 export type { TyCalendarProps, TyCalendarChangeEventDetail, TyCalendarNavigateEventDetail } from './TyCalendar';
@@ -85,6 +85,9 @@ export type { TyRadioGroupProps, TyRadioGroupEventDetail } from './TyRadioGroup'
 
 export { TyCopy } from './TyCopy';
 export type { TyCopyProps } from './TyCopy';
+// Descriptive name alias (the element is also registered as ty-copy-field)
+export { TyCopy as TyCopyField } from './TyCopy';
+export type { TyCopyProps as TyCopyFieldProps } from './TyCopy';
 
 export { TyFileUpload } from './TyFileUpload';
 export type { TyFileUploadProps, TyFileUploadEventDetail } from './TyFileUpload';
@@ -122,12 +125,10 @@ export { TyButton as Button } from './TyButton';
 export { TyTag as Tag } from './TyTag';
 export { TyInput as Input } from './TyInput';
 export { TyTextarea as Textarea } from './TyTextarea';
-export { TyDropdown as Dropdown } from './TyDropdown';
 export { TyOption as Option } from './TyOption';
 export { TyIcon as Icon } from './TyIcon';
 export { TyModal as Modal } from './TyModal';
 export { TyTooltip as Tooltip } from './TyTooltip';
-export { TyMultiselect as Multiselect } from './TyMultiselect';
 export { TyCalendar as Calendar } from './TyCalendar';
 export { TyDatePicker as DatePicker } from './TyDatePicker';
 export { TyPopup as Popup } from './TyPopup';
@@ -162,9 +163,6 @@ export type { TyInputProps as InputProps, TyInputEventDetail as InputEventDetail
 // Textarea types
 export type { TyTextareaProps as TextareaProps, TyTextareaEventDetail as TextareaEventDetail } from './TyTextarea';
 
-// Dropdown types
-export type { TyDropdownProps as DropdownProps, TyDropdownEventDetail as DropdownEventDetail, OptionData } from './TyDropdown';
-
 // Option types
 export type { TyOptionProps as OptionProps } from './TyOption';
 
@@ -177,9 +175,6 @@ export type { TyModalProps as ModalProps, TyModalEventDetail as ModalEventDetail
 // Tooltip types
 export type { TyTooltipProps as TooltipProps } from './TyTooltip';
 
-// Multiselect types
-export type { TyMultiselectProps as MultiselectProps, TyMultiselectEventDetail as MultiselectEventDetail } from './TyMultiselect';
-
 // Calendar types
 export type { TyCalendarProps as CalendarProps, TyCalendarChangeEventDetail as CalendarChangeEventDetail, TyCalendarNavigateEventDetail as CalendarNavigateEventDetail } from './TyCalendar';
 

package/src/utils/host-props.ts

@@ -0,0 +1,14 @@
+/**
+ * Normalize pass-through props for a custom-element host.
+ *
+ * React 18 does not special-case `className` on custom elements — it
+ * lowercases the prop into a literal `classname=""` attribute, which no CSS
+ * ever matches. Renaming it to `class` makes React pass it through verbatim,
+ * so host-level utility classes (layout, positioning) actually apply.
+ * React 19 handles `className` natively; this stays harmless there.
+ */
+export function hostProps<T extends Record<string, any>>(props: T): Record<string, any> {
+  const { className, ...rest } = props;
+  if (className != null) (rest as Record<string, any>).class = className;
+  return rest;
+}

package/src/version.ts

@@ -3,4 +3,4 @@
 // Run 'npm run generate:version' to regenerate.
 
 /** Current version of tyrell-react. Synced with package.json on build. */
-export const VERSION = '1.0.0-RC11'
+export const VERSION = '1.0.0-RC13'

package/dist/components/TyDropdown.d.ts

@@ -1,62 +0,0 @@
-import React from 'react';
-export interface OptionData {
-    value: string;
-    text: string;
-    disabled?: boolean;
-}
-export interface TyDropdownEventDetail {
-    option: HTMLElement;
-}
-export interface TyDropdownProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'style'> {
-    style?: import('./TyInput').TyInputCSSProperties;
-    /** Semantic styling variant */
-    flavor?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
-    /** Dropdown size */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    /** Selected value */
-    value?: string;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Dropdown label */
-    label?: string;
-    /** Disable the dropdown */
-    disabled?: boolean;
-    /**
-     * Loading state — replaces the open popup options list with a centered
-     * spinner. Search input stays usable. Pair with `externalSearch` while
-     * fetching results from a parent-owned data source.
-     */
-    loading?: boolean;
-    /** Make dropdown readonly */
-    readonly?: boolean;
-    /** Required field */
-    required?: boolean;
-    /** Show clear button */
-    clearable?: boolean;
-    /** Disable clear button (alias for clearable={false}) */
-    notClearable?: boolean;
-    /** Debounce in milliseconds (0-5000) */
-    debounce?: number;
-    /**
-     * Switch to external (remote) search mode. Default is `false` — the dropdown
-     * filters its options locally. When `true`, the dropdown stops filtering and
-     * dispatches `search` events on each keystroke; the parent owns filtering
-     * and updates the children.
-     */
-    externalSearch?: boolean;
-    /** @deprecated Use `externalSearch` instead. */
-    notSearchable?: boolean;
-    /** @deprecated Use `externalSearch` instead. Pass `searchable={false}` was equivalent to `externalSearch={true}`. */
-    searchable?: boolean;
-    /** Form field name for form submission */
-    name?: string;
-    options?: OptionData[];
-    onChange?: (event: CustomEvent<TyDropdownEventDetail>) => void;
-    onSearch?: (event: CustomEvent<{
-        query: string;
-        element: HTMLElement;
-    }>) => void;
-    children?: React.ReactNode;
-}
-export declare const TyDropdown: React.ForwardRefExoticComponent<TyDropdownProps & React.RefAttributes<HTMLElement>>;
-//# sourceMappingURL=TyDropdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TyDropdown.d.ts","sourceRoot":"","sources":["../../src/components/TyDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,WAAW,CAAC;CACrB;AAGD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACpG,KAAK,CAAC,EAAE,OAAO,WAAW,EAAE,oBAAoB,CAAC;IACjD,+BAA+B;IAC/B,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAEhF,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,gDAAgD;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,qHAAqH;IACrH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IAGvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAGjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,eAAO,MAAM,UAAU,qFAqJtB,CAAC"}