tyrell-react 1.0.0-RC10

package/dist/components/TyPopup.js

@@ -0,0 +1,70 @@
+import React, { useEffect, useRef } from 'react';
+import { useBooleanProperty } from '../utils/use-boolean-prop';
+// React wrapper for ty-popup web component
+export const TyPopup = React.forwardRef(({ placement, offset, manual, disableClose, onOpen, onClose, children, ...props }, ref) => {
+    const elementRef = useRef(null);
+    // Handle ref forwarding
+    useEffect(() => {
+        if (ref && elementRef.current) {
+            if (typeof ref === 'function') {
+                ref(elementRef.current);
+            }
+            else {
+                ref.current = elementRef.current;
+            }
+        }
+    }, [ref]);
+    // Listen for popup open/close events.
+    // Guard with `event.target === element` so bubbled open/close events
+    // from popup-like descendants (ty-dropdown, ty-multiselect, ty-date-picker
+    // when slotted inside this popup) don't fire the consumer's onOpen/onClose.
+    // See TyModal.tsx for the same pattern + rationale.
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element)
+            return;
+        const handleOpen = (event) => {
+            if (event.target !== element)
+                return;
+            if (onOpen)
+                onOpen(event);
+        };
+        const handleClose = (event) => {
+            if (event.target !== element)
+                return;
+            if (onClose)
+                onClose(event);
+        };
+        if (onOpen)
+            element.addEventListener('open', handleOpen);
+        if (onClose)
+            element.addEventListener('close', handleClose);
+        return () => {
+            if (onOpen)
+                element.removeEventListener('open', handleOpen);
+            if (onClose)
+                element.removeEventListener('close', handleClose);
+        };
+    }, [onOpen, onClose]);
+    // Convert React props to web component attributes
+    const webComponentProps = {
+        ...props,
+        ref: elementRef,
+    };
+    // Add optional attributes only if they have values
+    if (placement) {
+        webComponentProps.placement = placement;
+    }
+    if (offset !== undefined) {
+        webComponentProps.offset = offset.toString();
+    }
+    const isManual = useBooleanProperty(elementRef, 'manual', manual);
+    const isDisableClose = useBooleanProperty(elementRef, 'disableClose', disableClose);
+    if (isManual)
+        webComponentProps.manual = '';
+    if (isDisableClose)
+        webComponentProps['disable-close'] = '';
+    return React.createElement('ty-popup', webComponentProps, children);
+});
+TyPopup.displayName = 'TyPopup';
+//# sourceMappingURL=TyPopup.js.map

package/dist/components/TyPopup.js.map

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

package/dist/components/TyRadio.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface TyRadioProps extends React.HTMLAttributes<HTMLElement> {
+    /** Form field value (selected by parent ty-radio-group when matches its `value`) */
+    value?: string;
+    /**
+     * Selected state. Usually managed by the parent `<TyRadioGroup>` based on its
+     * own `value`; set explicitly only when using `ty-radio` outside a group.
+     */
+    checked?: boolean;
+    /** Disable this individual radio */
+    disabled?: boolean;
+    /** Radio size — typically inherited from the parent group */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Semantic styling variant — typically inherited from the parent group */
+    flavor?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
+    /** Label content (wrap in a `<label>` for click delegation, see ty-radio docs) */
+    children?: React.ReactNode;
+}
+export declare const TyRadio: React.ForwardRefExoticComponent<TyRadioProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TyRadio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TyRadio.d.ts","sourceRoot":"","sources":["../../src/components/TyRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAEhF,kFAAkF;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,kFAgCnB,CAAC"}

package/dist/components/TyRadio.js

@@ -0,0 +1,35 @@
+import React, { useEffect, useRef } from 'react';
+import { useBooleanProperty } from '../utils/use-boolean-prop';
+export const TyRadio = React.forwardRef(({ children, value, checked, disabled, size, flavor, ...props }, ref) => {
+    const elementRef = useRef(null);
+    useEffect(() => {
+        if (ref && elementRef.current) {
+            if (typeof ref === 'function') {
+                ref(elementRef.current);
+            }
+            else {
+                ref.current = elementRef.current;
+            }
+        }
+    }, [ref]);
+    // Imperative property sync for boolean props (see use-boolean-prop.ts).
+    const isChecked = useBooleanProperty(elementRef, 'checked', checked);
+    const isDisabled = useBooleanProperty(elementRef, 'disabled', disabled);
+    const webComponentProps = {
+        ...props,
+        ref: elementRef,
+    };
+    if (isChecked)
+        webComponentProps.checked = '';
+    if (isDisabled)
+        webComponentProps.disabled = '';
+    if (value !== undefined)
+        webComponentProps.value = value;
+    if (size)
+        webComponentProps.size = size;
+    if (flavor)
+        webComponentProps.flavor = flavor;
+    return React.createElement('ty-radio', webComponentProps, children);
+});
+TyRadio.displayName = 'TyRadio';
+//# sourceMappingURL=TyRadio.js.map

package/dist/components/TyRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TyRadio.js","sourceRoot":"","sources":["../../src/components/TyRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAyB/D,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YAC9B,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,wEAAwE;IACxE,MAAM,SAAS,GAAG,kBAAkB,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IACrE,MAAM,UAAU,GAAG,kBAAkB,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IAExE,MAAM,iBAAiB,GAAwB;QAC7C,GAAG,KAAK;QACR,GAAG,EAAE,UAAU;KAChB,CAAC;IAEF,IAAI,SAAS;QAAE,iBAAiB,CAAC,OAAO,GAAG,EAAE,CAAC;IAC9C,IAAI,UAAU;QAAE,iBAAiB,CAAC,QAAQ,GAAG,EAAE,CAAC;IAEhD,IAAI,KAAK,KAAK,SAAS;QAAE,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC;IACzD,IAAI,IAAI;QAAE,iBAAiB,CAAC,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,MAAM;QAAE,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE9C,OAAO,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,iBAAiB,EAAE,QAAQ,CAAC,CAAC;AACtE,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/components/TyRadioGroup.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+export interface TyRadioGroupProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'onInput'> {
+    /** Currently selected value (matches one child `<TyRadio value="...">`) */
+    value?: string;
+    /** Form field name */
+    name?: string;
+    /** Group label rendered above the radios */
+    label?: string;
+    /** Disable the entire group */
+    disabled?: boolean;
+    /** Required field — renders required-icon next to the label */
+    required?: boolean;
+    /** Error message rendered below the group */
+    error?: string;
+    /** Layout direction for radio children */
+    orientation?: 'vertical' | 'horizontal';
+    /** Group size — propagates to all `<TyRadio>` children */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Group flavor — propagates to all `<TyRadio>` children */
+    flavor?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
+    /**
+     * Fires when selection changes (React convention)
+     * Maps to native 'input' event from ty-radio-group
+     */
+    onChange?: (event: CustomEvent<TyRadioGroupEventDetail>) => void;
+    /**
+     * Fires on blur if value changed (native DOM behavior)
+     * Maps to native 'change' event from ty-radio-group
+     */
+    onChangeCommit?: (event: CustomEvent<TyRadioGroupEventDetail>) => void;
+    /** `<TyRadio>` children */
+    children?: React.ReactNode;
+}
+export interface TyRadioGroupEventDetail {
+    value: string;
+    formValue: string;
+    originalEvent: Event;
+}
+export declare const TyRadioGroup: React.ForwardRefExoticComponent<TyRadioGroupProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TyRadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TyRadioGroup.d.ts","sourceRoot":"","sources":["../../src/components/TyRadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACxG,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0CAA0C;IAC1C,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAExC,0DAA0D;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAEhF;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;IAEjE;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;IAEvE,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,KAAK,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,uFAqExB,CAAC"}

package/dist/components/TyRadioGroup.js

@@ -0,0 +1,61 @@
+import React, { useEffect, useRef } from 'react';
+import { useBooleanProperty } from '../utils/use-boolean-prop';
+export const TyRadioGroup = React.forwardRef(({ children, value, name, label, disabled, required, error, orientation, size, flavor, onChange, onChangeCommit, ...props }, ref) => {
+    const elementRef = useRef(null);
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element)
+            return;
+        const handleInput = (event) => {
+            if (onChange)
+                onChange(event);
+        };
+        const handleChangeCommit = (event) => {
+            if (onChangeCommit)
+                onChangeCommit(event);
+        };
+        element.addEventListener('input', handleInput);
+        element.addEventListener('change', handleChangeCommit);
+        return () => {
+            element.removeEventListener('input', handleInput);
+            element.removeEventListener('change', handleChangeCommit);
+        };
+    }, [onChange, onChangeCommit]);
+    useEffect(() => {
+        if (ref && elementRef.current) {
+            if (typeof ref === 'function') {
+                ref(elementRef.current);
+            }
+            else {
+                ref.current = elementRef.current;
+            }
+        }
+    }, [ref]);
+    const isDisabled = useBooleanProperty(elementRef, 'disabled', disabled);
+    const isRequired = useBooleanProperty(elementRef, 'required', required);
+    const webComponentProps = {
+        ...props,
+        ref: elementRef,
+    };
+    if (isDisabled)
+        webComponentProps.disabled = '';
+    if (isRequired)
+        webComponentProps.required = '';
+    if (value !== undefined)
+        webComponentProps.value = value;
+    if (name)
+        webComponentProps.name = name;
+    if (label)
+        webComponentProps.label = label;
+    if (error)
+        webComponentProps.error = error;
+    if (orientation)
+        webComponentProps.orientation = orientation;
+    if (size)
+        webComponentProps.size = size;
+    if (flavor)
+        webComponentProps.flavor = flavor;
+    return React.createElement('ty-radio-group', webComponentProps, children);
+});
+TyRadioGroup.displayName = 'TyRadioGroup';
+//# sourceMappingURL=TyRadioGroup.js.map

package/dist/components/TyRadioGroup.js.map

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

package/dist/components/TyResizeObserver.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface TyResizeObserverProps extends React.HTMLAttributes<HTMLElement> {
+    /** Required unique identifier for size registry */
+    id: string;
+    /** Debounce in milliseconds (default: 0 = no debounce) */
+    debounce?: number;
+    /** Content to observe */
+    children?: React.ReactNode;
+}
+export declare const TyResizeObserver: React.ForwardRefExoticComponent<TyResizeObserverProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TyResizeObserver.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TyResizeObserver.d.ts","sourceRoot":"","sources":["../../src/components/TyResizeObserver.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC9E,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAC;IAEX,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,eAAO,MAAM,gBAAgB,2FAoC5B,CAAC"}

package/dist/components/TyResizeObserver.js

@@ -0,0 +1,28 @@
+import React, { useEffect, useRef } from 'react';
+// React wrapper for ty-resize-observer web component
+export const TyResizeObserver = React.forwardRef(({ children, id, debounce, ...props }, ref) => {
+    const elementRef = useRef(null);
+    // Combine refs if needed
+    useEffect(() => {
+        if (ref && elementRef.current) {
+            if (typeof ref === 'function') {
+                ref(elementRef.current);
+            }
+            else {
+                ref.current = elementRef.current;
+            }
+        }
+    }, [ref]);
+    // Convert React props to web component attributes
+    const webComponentProps = {
+        ...props,
+        ref: elementRef,
+        id,
+    };
+    // Add number attributes
+    if (debounce !== undefined)
+        webComponentProps.debounce = debounce;
+    return React.createElement('ty-resize-observer', webComponentProps, children);
+});
+TyResizeObserver.displayName = 'TyResizeObserver';
+//# sourceMappingURL=TyResizeObserver.js.map

package/dist/components/TyResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TyResizeObserver.js","sourceRoot":"","sources":["../../src/components/TyResizeObserver.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAcjD,qDAAqD;AACrD,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC9C,CAAC,EACC,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,yBAAyB;IACzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YAC9B,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,kDAAkD;IAClD,MAAM,iBAAiB,GAAwB;QAC7C,GAAG,KAAK;QACR,GAAG,EAAE,UAAU;QACf,EAAE;KACH,CAAC;IAEF,wBAAwB;IACxB,IAAI,QAAQ,KAAK,SAAS;QAAE,iBAAiB,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAElE,OAAO,KAAK,CAAC,aAAa,CACxB,oBAAoB,EACpB,iBAAiB,EACjB,QAAQ,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/components/TyScrollContainer.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export interface TyScrollContainerProps extends React.HTMLAttributes<HTMLElement> {
+    /** Maximum height of the scroll container */
+    maxHeight?: string;
+    /** Enable/disable scroll shadows (default: true) */
+    shadow?: boolean;
+    /** Hide native scrollbar */
+    hideScrollbar?: boolean;
+    /** Content to scroll */
+    children?: React.ReactNode;
+}
+export interface TyScrollContainerRef {
+    /** Force update shadows (useful after dynamic content changes) */
+    updateShadows: () => void;
+    /** Scroll to top */
+    scrollToTop: (smooth?: boolean) => void;
+    /** Scroll to bottom */
+    scrollToBottom: (smooth?: boolean) => void;
+    /** Get the underlying scroll element */
+    scrollElement: HTMLElement | null;
+    /** Get the native element */
+    element: HTMLElement | null;
+}
+export declare const TyScrollContainer: React.ForwardRefExoticComponent<TyScrollContainerProps & React.RefAttributes<TyScrollContainerRef>>;
+//# sourceMappingURL=TyScrollContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TyScrollContainer.d.ts","sourceRoot":"","sources":["../../src/components/TyScrollContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAKtE,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC/E,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,MAAM,WAAW,oBAAoB;IACnC,kEAAkE;IAClE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,oBAAoB;IACpB,WAAW,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,uBAAuB;IACvB,cAAc,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,wCAAwC;IACxC,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,6BAA6B;IAC7B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B;AAGD,eAAO,MAAM,iBAAiB,qGAiE7B,CAAC"}

package/dist/components/TyScrollContainer.js

@@ -0,0 +1,61 @@
+import React, { useEffect, useRef, useImperativeHandle } from 'react';
+import { needsPropertyBridge } from '../utils/react-version';
+import { useBooleanProperty, coerceBool } from '../utils/use-boolean-prop';
+// React wrapper for ty-scroll-container web component
+export const TyScrollContainer = React.forwardRef(({ children, maxHeight, shadow, hideScrollbar, ...props }, ref) => {
+    const elementRef = useRef(null);
+    // Expose imperative methods via ref
+    useImperativeHandle(ref, () => ({
+        updateShadows: () => {
+            const el = elementRef.current;
+            el?.updateShadows?.();
+        },
+        scrollToTop: (smooth = true) => {
+            const el = elementRef.current;
+            el?.scrollToTop?.(smooth);
+        },
+        scrollToBottom: (smooth = true) => {
+            const el = elementRef.current;
+            el?.scrollToBottom?.(smooth);
+        },
+        get scrollElement() {
+            const el = elementRef.current;
+            return el?.scrollElement ?? null;
+        },
+        get element() {
+            return elementRef.current;
+        }
+    }), []);
+    // shadow defaults to true; only the explicit-false case matters at the
+    // attribute level. Bridge it imperatively so flipping back to true
+    // propagates on React 18.
+    useEffect(() => {
+        if (!needsPropertyBridge)
+            return;
+        if (shadow === undefined)
+            return;
+        const el = elementRef.current;
+        if (!el)
+            return;
+        const next = coerceBool(shadow);
+        if (Boolean(el.shadow) !== next)
+            el.shadow = next;
+    }, [shadow]);
+    const isHideScrollbar = useBooleanProperty(elementRef, 'hideScrollbar', hideScrollbar);
+    // Convert React props to web component attributes
+    const webComponentProps = {
+        ...props,
+        ref: elementRef,
+    };
+    // Add string attributes
+    if (maxHeight)
+        webComponentProps['max-height'] = maxHeight;
+    // Add boolean attributes
+    if (shadow !== undefined && !coerceBool(shadow))
+        webComponentProps.shadow = 'false';
+    if (isHideScrollbar)
+        webComponentProps['hide-scrollbar'] = '';
+    return React.createElement('ty-scroll-container', webComponentProps, children);
+});
+TyScrollContainer.displayName = 'TyScrollContainer';
+//# sourceMappingURL=TyScrollContainer.js.map

package/dist/components/TyScrollContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TyScrollContainer.js","sourceRoot":"","sources":["../../src/components/TyScrollContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AA+B3E,sDAAsD;AACtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAC/C,CAAC,EACC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,aAAa,EACb,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,oCAAoC;IACpC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,aAAa,EAAE,GAAG,EAAE;YAClB,MAAM,EAAE,GAAG,UAAU,CAAC,OAAc,CAAC;YACrC,EAAE,EAAE,aAAa,EAAE,EAAE,CAAC;QACxB,CAAC;QACD,WAAW,EAAE,CAAC,MAAM,GAAG,IAAI,EAAE,EAAE;YAC7B,MAAM,EAAE,GAAG,UAAU,CAAC,OAAc,CAAC;YACrC,EAAE,EAAE,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;QACD,cAAc,EAAE,CAAC,MAAM,GAAG,IAAI,EAAE,EAAE;YAChC,MAAM,EAAE,GAAG,UAAU,CAAC,OAAc,CAAC;YACrC,EAAE,EAAE,cAAc,EAAE,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;QACD,IAAI,aAAa;YACf,MAAM,EAAE,GAAG,UAAU,CAAC,OAAc,CAAC;YACrC,OAAO,EAAE,EAAE,aAAa,IAAI,IAAI,CAAC;QACnC,CAAC;QACD,IAAI,OAAO;YACT,OAAO,UAAU,CAAC,OAAO,CAAC;QAC5B,CAAC;KACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAER,uEAAuE;IACvE,mEAAmE;IACnE,0BAA0B;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,mBAAmB;YAAE,OAAO;QACjC,IAAI,MAAM,KAAK,SAAS;YAAE,OAAO;QACjC,MAAM,EAAE,GAAG,UAAU,CAAC,OAAc,CAAC;QACrC,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI;YAAE,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC;IACpD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,MAAM,eAAe,GAAG,kBAAkB,CAAC,UAAU,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC;IAEvF,kDAAkD;IAClD,MAAM,iBAAiB,GAAwB;QAC7C,GAAG,KAAK;QACR,GAAG,EAAE,UAAU;KAChB,CAAC;IAEF,wBAAwB;IACxB,IAAI,SAAS;QAAE,iBAAiB,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;IAE3D,yBAAyB;IACzB,IAAI,MAAM,KAAK,SAAS,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;QAAE,iBAAiB,CAAC,MAAM,GAAG,OAAO,CAAC;IACpF,IAAI,eAAe;QAAE,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC;IAE9D,OAAO,KAAK,CAAC,aAAa,CACxB,qBAAqB,EACrB,iBAAiB,EACjB,QAAQ,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/components/TyStep.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface TyStepProps extends React.HTMLAttributes<HTMLElement> {
+    /** Required unique identifier for the step */
+    id: string;
+    /** Main step title displayed in indicator */
+    label?: string;
+    /** Optional subtitle/description */
+    description?: string;
+    /** Whether the step is disabled */
+    disabled?: boolean;
+    /** User-controlled status override */
+    status?: 'completed' | 'active' | 'pending' | 'error';
+    /** Step content */
+    children?: React.ReactNode;
+}
+export declare const TyStep: React.ForwardRefExoticComponent<TyStepProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TyStep.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TyStep.d.ts","sourceRoot":"","sources":["../../src/components/TyStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE,8CAA8C;IAC9C,EAAE,EAAE,MAAM,CAAC;IAEX,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IAEtD,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,eAAO,MAAM,MAAM,iFA4ClB,CAAC"}

package/dist/components/TyStep.js

@@ -0,0 +1,35 @@
+import React, { useEffect, useRef } from 'react';
+// React wrapper for ty-step web component
+export const TyStep = React.forwardRef(({ children, id, label, description, disabled, status, ...props }, ref) => {
+    const elementRef = useRef(null);
+    // Combine refs if needed
+    useEffect(() => {
+        if (ref && elementRef.current) {
+            if (typeof ref === 'function') {
+                ref(elementRef.current);
+            }
+            else {
+                ref.current = elementRef.current;
+            }
+        }
+    }, [ref]);
+    // Convert React props to web component attributes
+    const webComponentProps = {
+        ...props,
+        ref: elementRef,
+        id,
+    };
+    // Add string attributes
+    if (label)
+        webComponentProps.label = label;
+    if (description)
+        webComponentProps.description = description;
+    if (status)
+        webComponentProps.status = status;
+    // Add boolean attributes
+    if (disabled)
+        webComponentProps.disabled = true;
+    return React.createElement('ty-step', webComponentProps, children);
+});
+TyStep.displayName = 'TyStep';
+//# sourceMappingURL=TyStep.js.map

package/dist/components/TyStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TyStep.js","sourceRoot":"","sources":["../../src/components/TyStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAuBjD,0CAA0C;AAC1C,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EACC,QAAQ,EACR,EAAE,EACF,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,yBAAyB;IACzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YAC9B,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,kDAAkD;IAClD,MAAM,iBAAiB,GAAwB;QAC7C,GAAG,KAAK;QACR,GAAG,EAAE,UAAU;QACf,EAAE;KACH,CAAC;IAEF,wBAAwB;IACxB,IAAI,KAAK;QAAE,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC;IAC3C,IAAI,WAAW;QAAE,iBAAiB,CAAC,WAAW,GAAG,WAAW,CAAC;IAC7D,IAAI,MAAM;QAAE,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE9C,yBAAyB;IACzB,IAAI,QAAQ;QAAE,iBAAiB,CAAC,QAAQ,GAAG,IAAI,CAAC;IAEhD,OAAO,KAAK,CAAC,aAAa,CACxB,SAAS,EACT,iBAAiB,EACjB,QAAQ,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/TySwitch.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+export interface TySwitchProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'onInput'> {
+    /** Checked (on) state */
+    checked?: boolean;
+    /** Form field value when checked */
+    value?: string;
+    /** Form field name */
+    name?: string;
+    /** Disable the switch */
+    disabled?: boolean;
+    /** Required field */
+    required?: boolean;
+    /** Switch size */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Semantic styling variant */
+    flavor?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
+    /**
+     * Fires when switch state changes (React convention)
+     * Maps to native 'input' event from ty-switch
+     */
+    onChange?: (event: CustomEvent<TySwitchEventDetail>) => void;
+    /**
+     * Fires on blur if value changed (native DOM behavior)
+     * Maps to native 'change' event from ty-switch
+     */
+    onChangeCommit?: (event: CustomEvent<TySwitchEventDetail>) => void;
+}
+export interface TySwitchEventDetail {
+    value: boolean;
+    checked: boolean;
+    formValue: string | null;
+    originalEvent: Event;
+}
+export declare const TySwitch: React.ForwardRefExoticComponent<TySwitchProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TySwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TySwitch.d.ts","sourceRoot":"","sources":["../../src/components/TySwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACpG,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAEhF;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAE7D;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpE;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,EAAE,KAAK,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,mFAkEpB,CAAC"}

package/dist/components/TySwitch.js

@@ -0,0 +1,59 @@
+import React, { useEffect, useRef } from 'react';
+import { useBooleanProperty } from '../utils/use-boolean-prop';
+export const TySwitch = React.forwardRef(({ checked, value, name, disabled, required, size, flavor, onChange, onChangeCommit, ...props }, ref) => {
+    const elementRef = useRef(null);
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element)
+            return;
+        const handleInput = (event) => {
+            if (onChange)
+                onChange(event);
+        };
+        const handleChangeCommit = (event) => {
+            if (onChangeCommit)
+                onChangeCommit(event);
+        };
+        element.addEventListener('input', handleInput);
+        element.addEventListener('change', handleChangeCommit);
+        return () => {
+            element.removeEventListener('input', handleInput);
+            element.removeEventListener('change', handleChangeCommit);
+        };
+    }, [onChange, onChangeCommit]);
+    useEffect(() => {
+        if (ref && elementRef.current) {
+            if (typeof ref === 'function') {
+                ref(elementRef.current);
+            }
+            else {
+                ref.current = elementRef.current;
+            }
+        }
+    }, [ref]);
+    // Imperative property sync for boolean props (see use-boolean-prop.ts).
+    const isChecked = useBooleanProperty(elementRef, 'checked', checked);
+    const isDisabled = useBooleanProperty(elementRef, 'disabled', disabled);
+    const isRequired = useBooleanProperty(elementRef, 'required', required);
+    const webComponentProps = {
+        ...props,
+        ref: elementRef,
+    };
+    if (isChecked)
+        webComponentProps.checked = '';
+    if (isDisabled)
+        webComponentProps.disabled = '';
+    if (isRequired)
+        webComponentProps.required = '';
+    if (value)
+        webComponentProps.value = value;
+    if (name)
+        webComponentProps.name = name;
+    if (size)
+        webComponentProps.size = size;
+    if (flavor)
+        webComponentProps.flavor = flavor;
+    return React.createElement('ty-switch', webComponentProps);
+});
+TySwitch.displayName = 'TySwitch';
+//# sourceMappingURL=TySwitch.js.map

package/dist/components/TySwitch.js.map

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

package/dist/components/TyTab.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface TyTabProps extends React.HTMLAttributes<HTMLElement> {
+    /** Required unique identifier */
+    id: string;
+    /** Simple text label */
+    label?: string;
+    /** Whether the tab is disabled */
+    disabled?: boolean;
+    /** Tab content */
+    children?: React.ReactNode;
+}
+export declare const TyTab: React.ForwardRefExoticComponent<TyTabProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TyTab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TyTab.d.ts","sourceRoot":"","sources":["../../src/components/TyTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnE,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IAEX,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,eAAO,MAAM,KAAK,gFA2CjB,CAAC"}

package/dist/components/TyTab.js

@@ -0,0 +1,34 @@
+import React, { useEffect, useRef } from 'react';
+import { useBooleanProperty } from '../utils/use-boolean-prop';
+// React wrapper for ty-tab web component
+export const TyTab = React.forwardRef(({ children, id, label, disabled, ...props }, ref) => {
+    const elementRef = useRef(null);
+    // Combine refs if needed
+    useEffect(() => {
+        if (ref && elementRef.current) {
+            if (typeof ref === 'function') {
+                ref(elementRef.current);
+            }
+            else {
+                ref.current = elementRef.current;
+            }
+        }
+    }, [ref]);
+    // Convert React props to web component attributes
+    const webComponentProps = {
+        ...props,
+        ref: elementRef,
+    };
+    // Add required attribute
+    webComponentProps.id = id;
+    // Add boolean attributes
+    const isDisabled = useBooleanProperty(elementRef, 'disabled', disabled);
+    if (isDisabled)
+        webComponentProps.disabled = '';
+    // Add string attributes
+    if (label)
+        webComponentProps.label = label;
+    return React.createElement('ty-tab', webComponentProps, children);
+});
+TyTab.displayName = 'TyTab';
+//# sourceMappingURL=TyTab.js.map

package/dist/components/TyTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TyTab.js","sourceRoot":"","sources":["../../src/components/TyTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAiB/D,yCAAyC;AACzC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EACC,QAAQ,EACR,EAAE,EACF,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,yBAAyB;IACzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YAC9B,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,kDAAkD;IAClD,MAAM,iBAAiB,GAAwB;QAC7C,GAAG,KAAK;QACR,GAAG,EAAE,UAAU;KAChB,CAAC;IAEF,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,GAAG,EAAE,CAAC;IAE1B,yBAAyB;IACzB,MAAM,UAAU,GAAG,kBAAkB,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IACxE,IAAI,UAAU;QAAE,iBAAiB,CAAC,QAAQ,GAAG,EAAE,CAAC;IAEhD,wBAAwB;IACxB,IAAI,KAAK;QAAE,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC;IAE3C,OAAO,KAAK,CAAC,aAAa,CACxB,QAAQ,EACR,iBAAiB,EACjB,QAAQ,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}