tyrell-react 1.0.0-TC7

package/dist/components/TyCalendar.js

@@ -0,0 +1,122 @@
+import React, { useEffect, useRef, useCallback } from 'react';
+// React wrapper for ty-calendar web component
+export const TyCalendar = React.forwardRef(({ year, month, day, showNavigation, stateless, size, locale, width, minWidth, maxWidth, name, value, dayContentFn, dayClassesFn, customCSS, onChange, onNavigate, ...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]);
+    // Handle change events (date selection)
+    const handleChange = useCallback((event) => {
+        const customEvent = event;
+        if (onChange) {
+            onChange(customEvent);
+        }
+    }, [onChange]);
+    // Handle navigate events (month/year navigation)
+    const handleNavigate = useCallback((event) => {
+        const customEvent = event;
+        if (onNavigate) {
+            onNavigate(customEvent);
+        }
+    }, [onNavigate]);
+    // Set up event listeners
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element)
+            return;
+        const listeners = [];
+        if (onChange) {
+            element.addEventListener('change', handleChange);
+            listeners.push(['change', handleChange]);
+        }
+        if (onNavigate) {
+            element.addEventListener('navigate', handleNavigate);
+            listeners.push(['navigate', handleNavigate]);
+        }
+        return () => {
+            listeners.forEach(([eventName, handler]) => {
+                element.removeEventListener(eventName, handler);
+            });
+        };
+    }, [handleChange, handleNavigate, onChange, onNavigate]);
+    // Set function properties directly on the element (preferred over attributes)
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element)
+            return;
+        // Day content function property (preferred over attribute)
+        if (dayContentFn) {
+            element.dayContentFn = dayContentFn;
+        }
+        else {
+            element.dayContentFn = null;
+        }
+        // Day classes function property (preferred over attribute)
+        if (dayClassesFn) {
+            element.dayClassesFn = dayClassesFn;
+        }
+        else {
+            element.dayClassesFn = null;
+        }
+        // Custom CSS property
+        if (customCSS) {
+            element.customCSS = customCSS;
+        }
+        else {
+            element.customCSS = null;
+        }
+    }, [dayContentFn, dayClassesFn, customCSS]);
+    // Convert React props to web component attributes
+    const webComponentProps = {
+        ...props,
+        ref: elementRef,
+    };
+    // Add optional attributes only if they have values
+    if (year !== undefined) {
+        webComponentProps.year = year.toString();
+    }
+    if (month !== undefined) {
+        webComponentProps.month = month.toString();
+    }
+    if (day !== undefined) {
+        webComponentProps.day = day.toString();
+    }
+    if (showNavigation) {
+        webComponentProps['show-navigation'] = ''; // Boolean attributes as empty string
+    }
+    if (stateless) {
+        webComponentProps.stateless = ''; // Boolean attributes as empty string
+    }
+    if (size) {
+        webComponentProps.size = size;
+    }
+    if (locale) {
+        webComponentProps.locale = locale;
+    }
+    if (width !== undefined) {
+        webComponentProps.width = width.toString();
+    }
+    if (minWidth !== undefined) {
+        webComponentProps['min-width'] = minWidth.toString();
+    }
+    if (maxWidth !== undefined) {
+        webComponentProps['max-width'] = maxWidth.toString();
+    }
+    if (name) {
+        webComponentProps.name = name;
+    }
+    if (value) {
+        webComponentProps.value = value;
+    }
+    return React.createElement('ty-calendar', webComponentProps);
+});
+TyCalendar.displayName = 'TyCalendar';
+//# sourceMappingURL=TyCalendar.js.map

package/dist/components/TyCalendar.js.map

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

package/dist/components/TyCalendarMonth.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+export interface TyCalendarMonthProps extends React.HTMLAttributes<HTMLElement> {
+    /** Display year */
+    displayYear?: number;
+    /** Display month (1-12) */
+    displayMonth?: number;
+    /** Locale for date formatting */
+    locale?: string;
+    /** Calendar size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Width of calendar */
+    width?: string;
+    /** Minimum width */
+    minWidth?: string;
+    /** Maximum width */
+    maxWidth?: string;
+    /** Day click event handler */
+    onDayClick?: (event: CustomEvent<DayClickDetail>) => void;
+}
+export interface DayClickDetail {
+    dayContext: any;
+    value: number;
+    year: number;
+    month: number;
+    day: number;
+    isHoliday?: boolean;
+    isToday?: boolean;
+    isWeekend: boolean;
+    isOtherMonth: boolean;
+}
+export declare const TyCalendarMonth: React.ForwardRefExoticComponent<TyCalendarMonthProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TyCalendarMonth.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TyCalendarMonth.d.ts","sourceRoot":"","sources":["../../src/components/TyCalendarMonth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC7E,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC3D;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,GAAG,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;CACvB;AAGD,eAAO,MAAM,eAAe,0FA+D3B,CAAC"}

package/dist/components/TyCalendarMonth.js

@@ -0,0 +1,54 @@
+import React, { useEffect, useRef } from 'react';
+// React wrapper for ty-calendar-month web component
+export const TyCalendarMonth = React.forwardRef(({ displayYear, displayMonth, locale, size, width, minWidth, maxWidth, onDayClick, ...props }, ref) => {
+    const elementRef = useRef(null);
+    // Handle day click events
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element)
+            return;
+        const handleDayClick = (event) => {
+            if (onDayClick) {
+                onDayClick(event);
+            }
+        };
+        element.addEventListener('day-click', handleDayClick);
+        return () => {
+            element.removeEventListener('day-click', handleDayClick);
+        };
+    }, [onDayClick]);
+    // 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 attributes
+    if (displayYear !== undefined)
+        webComponentProps['display-year'] = displayYear;
+    if (displayMonth !== undefined)
+        webComponentProps['display-month'] = displayMonth;
+    if (locale)
+        webComponentProps.locale = locale;
+    if (size)
+        webComponentProps.size = size;
+    if (width)
+        webComponentProps.width = width;
+    if (minWidth)
+        webComponentProps['min-width'] = minWidth;
+    if (maxWidth)
+        webComponentProps['max-width'] = maxWidth;
+    return React.createElement('ty-calendar-month', webComponentProps);
+});
+TyCalendarMonth.displayName = 'TyCalendarMonth';
+//# sourceMappingURL=TyCalendarMonth.js.map

package/dist/components/TyCalendarMonth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TyCalendarMonth.js","sourceRoot":"","sources":["../../src/components/TyCalendarMonth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAyCjD,oDAAoD;AACpD,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAC7C,CAAC,EACC,WAAW,EACX,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,0BAA0B;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE;YACtC,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,CAAC,KAAoC,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC;QAEF,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;QAEtD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,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,iBAAiB;IACjB,IAAI,WAAW,KAAK,SAAS;QAAE,iBAAiB,CAAC,cAAc,CAAC,GAAG,WAAW,CAAC;IAC/E,IAAI,YAAY,KAAK,SAAS;QAAE,iBAAiB,CAAC,eAAe,CAAC,GAAG,YAAY,CAAC;IAClF,IAAI,MAAM;QAAE,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAC9C,IAAI,IAAI;QAAE,iBAAiB,CAAC,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,KAAK;QAAE,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC;IAC3C,IAAI,QAAQ;QAAE,iBAAiB,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC;IACxD,IAAI,QAAQ;QAAE,iBAAiB,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC;IAExD,OAAO,KAAK,CAAC,aAAa,CACxB,mBAAmB,EACnB,iBAAiB,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/dist/components/TyCalendarNavigation.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface TyCalendarNavigationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
+    /** Display month (1-12) */
+    displayMonth?: number;
+    /** Display year */
+    displayYear?: number;
+    /** Locale for month name formatting */
+    locale?: string;
+    /** Navigation size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Width of navigation */
+    width?: string;
+    /** Navigation change event handler */
+    onChange?: (event: CustomEvent<NavigationChangeDetail>) => void;
+}
+export interface NavigationChangeDetail {
+    month: number;
+    year: number;
+}
+export declare const TyCalendarNavigation: React.ForwardRefExoticComponent<TyCalendarNavigationProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TyCalendarNavigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TyCalendarNavigation.d.ts","sourceRoot":"","sources":["../../src/components/TyCalendarNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACpG,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,sBAAsB;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAGD,eAAO,MAAM,oBAAoB,+FA2DhC,CAAC"}

package/dist/components/TyCalendarNavigation.js

@@ -0,0 +1,50 @@
+import React, { useEffect, useRef } from 'react';
+// React wrapper for ty-calendar-navigation web component
+export const TyCalendarNavigation = React.forwardRef(({ displayMonth, displayYear, locale, size, width, onChange, ...props }, ref) => {
+    const elementRef = useRef(null);
+    // Handle change events
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element)
+            return;
+        const handleChange = (event) => {
+            if (onChange) {
+                onChange(event);
+            }
+        };
+        element.addEventListener('change', handleChange);
+        return () => {
+            element.removeEventListener('change', handleChange);
+        };
+    }, [onChange]);
+    // 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 attributes
+    if (displayMonth !== undefined)
+        webComponentProps['display-month'] = displayMonth;
+    if (displayYear !== undefined)
+        webComponentProps['display-year'] = displayYear;
+    if (locale)
+        webComponentProps.locale = locale;
+    if (size)
+        webComponentProps.size = size;
+    if (width)
+        webComponentProps.width = width;
+    return React.createElement('ty-calendar-navigation', webComponentProps);
+});
+TyCalendarNavigation.displayName = 'TyCalendarNavigation';
+//# sourceMappingURL=TyCalendarNavigation.js.map

package/dist/components/TyCalendarNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TyCalendarNavigation.js","sourceRoot":"","sources":["../../src/components/TyCalendarNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AA4BjD,yDAAyD;AACzD,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAClD,CAAC,EACC,YAAY,EACZ,WAAW,EACX,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,uBAAuB;IACvB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;YACpC,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,KAA4C,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC;QAEF,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAEjD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACtD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,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,iBAAiB;IACjB,IAAI,YAAY,KAAK,SAAS;QAAE,iBAAiB,CAAC,eAAe,CAAC,GAAG,YAAY,CAAC;IAClF,IAAI,WAAW,KAAK,SAAS;QAAE,iBAAiB,CAAC,cAAc,CAAC,GAAG,WAAW,CAAC;IAC/E,IAAI,MAAM;QAAE,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAC9C,IAAI,IAAI;QAAE,iBAAiB,CAAC,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,KAAK;QAAE,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC;IAE3C,OAAO,KAAK,CAAC,aAAa,CACxB,wBAAwB,EACxB,iBAAiB,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/dist/components/TyCheckbox.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TyCheckbox.d.ts","sourceRoot":"","sources":["../../src/components/TyCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACtG,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oBAAoB;IACpB,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,qBAAqB,CAAC,KAAK,IAAI,CAAC;IAE/D;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAC;IAErE,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,EAAE,KAAK,CAAC;CACtB;AAGD,eAAO,MAAM,UAAU,qFAmFtB,CAAC"}

package/dist/components/TyCheckbox.js

@@ -0,0 +1,68 @@
+import React, { useEffect, useRef } from 'react';
+// React wrapper for ty-checkbox web component
+export const TyCheckbox = React.forwardRef(({ children, checked, value, name, disabled, required, error, size, flavor, onChange, onChangeCommit, ...props }, ref) => {
+    const elementRef = useRef(null);
+    // Handle change events
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element)
+            return;
+        // Map onChange to input event (React convention)
+        const handleInput = (event) => {
+            if (onChange) {
+                onChange(event);
+            }
+        };
+        // Map onChangeCommit to change event (blur behavior)
+        const handleChangeCommit = (event) => {
+            if (onChangeCommit) {
+                onChangeCommit(event);
+            }
+        };
+        // Map onChange → input event (React convention)
+        element.addEventListener('input', handleInput);
+        // Map onChangeCommit → change event (blur behavior)
+        element.addEventListener('change', handleChangeCommit);
+        return () => {
+            element.removeEventListener('input', handleInput);
+            element.removeEventListener('change', handleChangeCommit);
+        };
+    }, [onChange, onChangeCommit]);
+    // 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 boolean attributes
+    if (checked)
+        webComponentProps.checked = '';
+    if (disabled)
+        webComponentProps.disabled = '';
+    if (required)
+        webComponentProps.required = '';
+    // Add string attributes
+    if (value)
+        webComponentProps.value = value;
+    if (name)
+        webComponentProps.name = name;
+    if (error)
+        webComponentProps.error = error;
+    if (size)
+        webComponentProps.size = size;
+    if (flavor)
+        webComponentProps.flavor = flavor;
+    return React.createElement('ty-checkbox', webComponentProps, children);
+});
+TyCheckbox.displayName = 'TyCheckbox';
+//# sourceMappingURL=TyCheckbox.js.map

package/dist/components/TyCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TyCheckbox.js","sourceRoot":"","sources":["../../src/components/TyCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAmDjD,8CAA8C;AAC9C,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,EACC,QAAQ,EACR,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,cAAc,EACd,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,uBAAuB;IACvB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,iDAAiD;QACjD,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;YACnC,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,KAA2C,CAAC,CAAC;YACxD,CAAC;QACH,CAAC,CAAC;QAEF,qDAAqD;QACrD,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAE,EAAE;YAC1C,IAAI,cAAc,EAAE,CAAC;gBACnB,cAAc,CAAC,KAA2C,CAAC,CAAC;YAC9D,CAAC;QACH,CAAC,CAAC;QAEF,gDAAgD;QAChD,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAE/C,oDAAoD;QACpD,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;YAClD,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE/B,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,IAAI,OAAO;QAAE,iBAAiB,CAAC,OAAO,GAAG,EAAE,CAAC;IAC5C,IAAI,QAAQ;QAAE,iBAAiB,CAAC,QAAQ,GAAG,EAAE,CAAC;IAC9C,IAAI,QAAQ;QAAE,iBAAiB,CAAC,QAAQ,GAAG,EAAE,CAAC;IAE9C,wBAAwB;IACxB,IAAI,KAAK;QAAE,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC;IAC3C,IAAI,IAAI;QAAE,iBAAiB,CAAC,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,KAAK;QAAE,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC;IAC3C,IAAI,IAAI;QAAE,iBAAiB,CAAC,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,MAAM;QAAE,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE9C,OAAO,KAAK,CAAC,aAAa,CACxB,aAAa,EACb,iBAAiB,EACjB,QAAQ,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/TyCopy.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface TyCopyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
+    /** Text to copy */
+    value?: string;
+    /** Field label */
+    label?: string;
+    /** Component size */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Semantic styling variant */
+    flavor?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'neutral';
+    /** Display format */
+    format?: 'text' | 'code';
+    /** Multi-line display */
+    multiline?: boolean;
+    /** Disable the field */
+    disabled?: boolean;
+    /** Required field */
+    required?: boolean;
+}
+export declare const TyCopy: React.ForwardRefExoticComponent<TyCopyProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TyCopy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TyCopy.d.ts","sourceRoot":"","sources":["../../src/components/TyCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACtF,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qBAAqB;IACrB,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,qBAAqB;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,eAAO,MAAM,MAAM,iFA6ClB,CAAC"}

package/dist/components/TyCopy.js

@@ -0,0 +1,42 @@
+import React, { useEffect, useRef } from 'react';
+// React wrapper for ty-copy web component
+export const TyCopy = React.forwardRef(({ value, label, size, flavor, format, multiline, disabled, required, ...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]);
+    // Convert React props to web component attributes
+    const webComponentProps = {
+        ...props,
+        ref: elementRef,
+    };
+    // Add string attributes
+    if (value)
+        webComponentProps.value = value;
+    if (label)
+        webComponentProps.label = label;
+    if (size)
+        webComponentProps.size = size;
+    if (flavor)
+        webComponentProps.flavor = flavor;
+    if (format)
+        webComponentProps.format = format;
+    // Add boolean attributes
+    if (multiline)
+        webComponentProps.multiline = '';
+    if (disabled)
+        webComponentProps.disabled = '';
+    if (required)
+        webComponentProps.required = '';
+    return React.createElement('ty-copy', webComponentProps);
+});
+TyCopy.displayName = 'TyCopy';
+//# sourceMappingURL=TyCopy.js.map

package/dist/components/TyCopy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TyCopy.js","sourceRoot":"","sources":["../../src/components/TyCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AA6BjD,0CAA0C;AAC1C,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EACC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,wBAAwB;IACxB,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,wBAAwB;IACxB,IAAI,KAAK;QAAE,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC;IAC3C,IAAI,KAAK;QAAE,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC;IAC3C,IAAI,IAAI;QAAE,iBAAiB,CAAC,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,MAAM;QAAE,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAC9C,IAAI,MAAM;QAAE,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE9C,yBAAyB;IACzB,IAAI,SAAS;QAAE,iBAAiB,CAAC,SAAS,GAAG,EAAE,CAAC;IAChD,IAAI,QAAQ;QAAE,iBAAiB,CAAC,QAAQ,GAAG,EAAE,CAAC;IAC9C,IAAI,QAAQ;QAAE,iBAAiB,CAAC,QAAQ,GAAG,EAAE,CAAC;IAE9C,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAC3D,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/TyDatePicker.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+export interface TyDatePickerEventDetail {
+    /** The selected date value (ISO string or formatted string based on format) */
+    value: string | null;
+    /** The selected date as milliseconds since epoch */
+    milliseconds: number | null;
+    /** Source of the change: "selection" | "time-change" | "clear" | "external" */
+    source: 'selection' | 'time-change' | 'clear' | 'external';
+    /** Formatted display value */
+    formatted: string | null;
+}
+export interface TyDatePickerProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
+    /** The selected date value (ISO string or formatted string) */
+    value?: string;
+    /** Input size: "sm" | "md" | "lg" */
+    size?: 'sm' | 'md' | 'lg';
+    /** Visual flavor: "default" | "success" | "danger" | "warning" */
+    flavor?: 'default' | 'success' | 'danger' | 'warning';
+    /** Label text displayed above the input */
+    label?: string;
+    /** Placeholder text when no date is selected */
+    placeholder?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Form field name for form submission */
+    name?: string;
+    /** Whether to show a clear button */
+    clearable?: boolean;
+    /** Date format: "short" | "medium" | "long" | "full" | custom format string */
+    format?: 'short' | 'medium' | 'long' | 'full' | string;
+    /** Locale for date formatting (e.g., "en-US", "de-DE") */
+    locale?: string;
+    /** Whether to include time selection */
+    withTime?: boolean;
+    /** Callback when the date value changes */
+    onChange?: (event: CustomEvent<TyDatePickerEventDetail>) => void;
+    /** Callback when the dropdown opens */
+    onOpen?: (event: CustomEvent<{}>) => void;
+    /** Callback when the dropdown closes */
+    onClose?: (event: CustomEvent<{}>) => void;
+}
+export declare const TyDatePicker: React.ForwardRefExoticComponent<TyDatePickerProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TyDatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TyDatePicker.d.ts","sourceRoot":"","sources":["../../src/components/TyDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,MAAM,WAAW,uBAAuB;IACtC,+EAA+E;IAC/E,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,oDAAoD;IACpD,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,+EAA+E;IAC/E,MAAM,EAAE,WAAW,GAAG,aAAa,GAAG,OAAO,GAAG,UAAU,CAAC;IAC3D,8BAA8B;IAC9B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC5F,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qCAAqC;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B,kEAAkE;IAClE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAEtD,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAEvD,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;IAEjE,uCAAuC;IACvC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAE1C,wCAAwC;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;CAC5C;AAGD,eAAO,MAAM,YAAY,uFAuJxB,CAAC"}