@ya-accelerators/nextjs-framework 0.0.0

package/dist/ui/composite/input/dateTimeRange/index.jsx

@@ -0,0 +1,88 @@
+'use client';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Component } from '../../../component';
+import { DateTimePicker } from '../dateTimePicker';
+const normalizeDateTime = (value, stepMinutes) => {
+    if (!value) {
+        return undefined;
+    }
+    const ret = new Date(value);
+    ret.setSeconds(0);
+    ret.setMilliseconds(0);
+    if (stepMinutes > 0) {
+        const rounded = Math.round(ret.getMinutes() / stepMinutes) * stepMinutes;
+        ret.setMinutes(rounded);
+    }
+    return ret;
+};
+export const DateTimeRange = ({ defaultValue, name, disabled, error, stepMinutes = 30, // Default to 30 minutes (in seconds)
+onChange, ...props }) => {
+    const [startDateTime, setStartDateTime] = useState(() => normalizeDateTime(defaultValue?.start, stepMinutes));
+    const [endDateTime, setEndDateTime] = useState(() => normalizeDateTime(defaultValue?.end, stepMinutes));
+    useEffect(() => {
+        const normalizedStart = normalizeDateTime(defaultValue?.start, stepMinutes);
+        const normalizedEnd = normalizeDateTime(defaultValue?.end, stepMinutes);
+        if (normalizedStart) {
+            // eslint-disable-next-line react-hooks/set-state-in-effect
+            setStartDateTime(normalizedStart);
+            const minEndTime = new Date(normalizedStart.getTime() + stepMinutes * 60 * 1000);
+            setEndDateTime((prevEndDateTime) => {
+                const endToUse = normalizedEnd ?? prevEndDateTime;
+                if (!endToUse || endToUse.getTime() < minEndTime.getTime()) {
+                    return minEndTime;
+                }
+                return endToUse;
+            });
+        }
+        else if (normalizedEnd) {
+            setEndDateTime((prevEndDateTime) => {
+                return normalizedEnd ?? prevEndDateTime;
+            });
+        }
+    }, [defaultValue?.start, defaultValue?.end, stepMinutes]);
+    const startTimeRef = useRef(null);
+    const endTimeRef = useRef(null);
+    const handleStartDateTimeChange = useCallback((newStartDateTime) => {
+        const normalizedStart = normalizeDateTime(newStartDateTime, stepMinutes);
+        setStartDateTime(normalizedStart);
+        if (!normalizedStart) {
+            return;
+        }
+        const minEndTime = new Date(normalizedStart.getTime() + stepMinutes * 60 * 1000);
+        setEndDateTime((prevEndDateTime) => {
+            if (!prevEndDateTime || prevEndDateTime.getTime() < minEndTime.getTime()) {
+                return minEndTime;
+            }
+            return prevEndDateTime;
+        });
+    }, [stepMinutes]);
+    const handleEndDateTimeChange = useCallback((newEndDateTime) => {
+        const normalizedEnd = normalizeDateTime(newEndDateTime, stepMinutes);
+        if (startDateTime) {
+            const minEndTime = new Date(startDateTime.getTime() + stepMinutes * 60 * 1000);
+            if (!normalizedEnd || normalizedEnd.getTime() <= minEndTime.getTime()) {
+                setEndDateTime(minEndTime);
+            }
+            else {
+                setEndDateTime(normalizedEnd);
+            }
+        }
+        else {
+            setEndDateTime(normalizedEnd);
+        }
+    }, [startDateTime, stepMinutes]);
+    return (<div className='gap-control-padding-base flex w-full items-center'>
+      <DateTimePicker key={`${name}StartAt-${startDateTime?.toISOString() ?? 'start'}`} {...props} name={`${name}StartAt`} value={startDateTime} onChange={(e) => {
+            handleStartDateTimeChange(e);
+            onChange?.({ start: e });
+        }} disabled={disabled} error={error} stepMinutes={stepMinutes} timeSelectRef={startTimeRef}/>
+      <Component.Typography.P container={true} disabled={disabled} className='text-sm'>
+        〜
+      </Component.Typography.P>
+      <DateTimePicker key={`${name}EndAt-${endDateTime?.toISOString() ?? 'end'}`} {...props} name={`${name}EndAt`} value={endDateTime} min={startDateTime ? new Date(startDateTime.getTime() + stepMinutes * 60 * 1000) : undefined} onChange={(e) => {
+            handleEndDateTimeChange(e);
+            onChange?.({ end: e });
+        }} disabled={disabled} error={error} stepMinutes={stepMinutes} timeSelectRef={endTimeRef}/>
+    </div>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/composite/input/dateTimeRange/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/dateTimeRange/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/composite/input/index.d.ts

@@ -0,0 +1,216 @@
+import * as address from './address';
+import * as datePicker from './datePicker';
+import * as dateTimePicker from './dateTimePicker';
+import * as select from './select';
+import * as timePicker from './timePicker';
+export declare const Input: {
+    WeekDaysSelector: ({ name, short, defaultValue, onChange, disabled, className, error, }: {
+        name: string;
+        short?: boolean;
+        defaultValue?: import("../../..").Weekday | import("../../..").Weekday[] | null;
+        onChange?: (value: import("../../..").Weekday | import("../../..").Weekday[]) => void;
+        disabled?: boolean;
+        className?: string;
+        error?: boolean;
+    }) => import("react").JSX.Element;
+    WeekdayPicker: ({ name, short, defaultValue, onChange, disabled, className, required, multiSelect, error, ...props }: {
+        name: string;
+        short?: boolean;
+        defaultValue?: import("../../..").Weekday | import("../../..").Weekday[] | null;
+        onChange?: (value: import("../../..").Weekday | import("../../..").Weekday[]) => void;
+        disabled?: boolean;
+        className?: string;
+        required?: boolean;
+        multiSelect?: boolean;
+        error?: boolean;
+    }) => import("react").JSX.Element;
+    TimeRange: ({ defaultValue, name, disabled, error, required, stepMinutes, onChange, ...props }: Omit<import("react").ComponentProps<typeof timePicker.TimePicker>, "defaultValue" | "onChange"> & {
+        defaultValue?: {
+            start?: string | null;
+            end?: string | null;
+        };
+        error?: boolean;
+        required?: boolean;
+        disabled?: boolean;
+        stepMinutes?: number;
+        onChange?: (value: {
+            start?: string | null;
+            end?: string | null;
+        }) => void;
+    }) => import("react").JSX.Element;
+    TimePicker: ({ min, max, stepMinutes, defaultValue, value, selectRef, ...props }: {
+        min?: string | null;
+        max?: string | null;
+        stepMinutes?: number;
+        defaultValue?: string | null;
+        value?: string | null;
+        selectRef?: React.RefObject<import("react-select").SelectInstance<import("./select/types").SelectOption, boolean> | null>;
+    } & Omit<import("react").ComponentProps<typeof select.Select>, "options" | "defaultValue">) => import("react").JSX.Element;
+    TextArea: ({ name, color, rounded, disabled, className, required, defaultValue, error, rows, ...props }: {
+        name: string;
+        color?: import("../..").TextColorTypes;
+        rounded?: import("../..").Rounded;
+        required?: boolean;
+        defaultValue?: string | number | readonly string[] | undefined | null;
+        error?: boolean;
+    } & Omit<import("react").ComponentProps<"textarea">, "name" | "color" | "defaultValue">) => import("react").JSX.Element;
+    Text: ({ name, rounded, focused, color, icon, className, defaultValue, error, inputClassName, isClearable, ...props }: {
+        name: string;
+        rounded?: import("../..").Rounded;
+        focused?: boolean;
+        color?: import("../..").TextColorTypes;
+        icon?: import("../..").IconType;
+        defaultValue?: string | number | readonly string[] | undefined | null;
+        error?: boolean;
+        inputClassName?: string;
+        isClearable?: boolean;
+    } & Omit<import("react").ComponentProps<"input">, "name" | "color" | "defaultValue">) => import("react").JSX.Element;
+    useScrollToSelectedOnOpen: (args: {
+        menuOpen: boolean;
+        portalEl?: HTMLElement;
+        instanceId: string;
+    }) => void;
+    Select: import("react").ForwardRefExoticComponent<{
+        name: string;
+        className?: string;
+        options: import("react-select").OptionsOrGroups<import("./select/types").SelectOption, import("react-select").GroupBase<import("./select/types").SelectOption>>;
+        defaultValue?: string | number | readonly string[] | undefined | null;
+        value?: string;
+        onChange?: (value: string) => void;
+        disabled?: boolean;
+        required?: boolean;
+        isMulti?: boolean;
+        isSearchable?: boolean;
+        isClearable?: boolean;
+        placeholder?: string;
+        noOptionsMessage?: string;
+        showDividerBetweenOptions?: boolean;
+        indentPadding?: number;
+        autoFocus?: boolean;
+        rounded?: import("../..").Rounded;
+        error?: boolean;
+    } & import("react").RefAttributes<import("react-select").SelectInstance<import("./select/types").SelectOption, boolean>>>;
+    Search: ({ value, onUpdate, className, }: {
+        value?: string;
+        onUpdate: (value: string) => void;
+        className?: string;
+    }) => import("react").JSX.Element;
+    Radio: ({ orientation, name, options, value, defaultValue, onChange, disabled, required, }: {
+        orientation: "horizontal" | "vertical";
+        name: string;
+        options: {
+            value: string;
+            label: string;
+            disabled?: boolean;
+        }[];
+        value?: string;
+        defaultValue?: string | null;
+        onChange?: (value: string) => void;
+        disabled?: boolean;
+        required?: boolean;
+    }) => import("react").JSX.Element;
+    List: ({ name, rounded, defaultList, minListLength, maxListLength, valueLength, isFirstItem, input, }: {
+        name: string;
+        rounded?: import("../..").Rounded;
+        defaultList: string[][];
+        minListLength?: number;
+        maxListLength?: number;
+        valueLength: number;
+        isFirstItem: boolean;
+        input: (props: {
+            name: string;
+            autoFocus: boolean;
+            values: string[];
+            onChange: (index: number, value: string) => void;
+        }) => {
+            node: import("react").ReactNode;
+            disabled?: boolean;
+        };
+    }) => import("react").JSX.Element;
+    DateTimeRange: ({ defaultValue, name, disabled, error, stepMinutes, onChange, ...props }: Omit<import("react").ComponentProps<typeof dateTimePicker.DateTimePicker>, "defaultValue" | "onChange"> & {
+        defaultValue?: {
+            start?: Date;
+            end?: Date;
+        };
+        error?: boolean;
+        stepMinutes?: number;
+        onChange?: (value: {
+            start?: Date;
+            end?: Date;
+        }) => void;
+    }) => import("react").JSX.Element;
+    DateTimePicker: ({ name, defaultValue, value, min, max, onChange, disabled, required, error, stepMinutes, timeSelectRef, }: {
+        name: string;
+        defaultValue?: Date;
+        value?: Date;
+        min?: Date;
+        max?: Date;
+        onChange?: (value: Date) => void;
+        disabled?: boolean;
+        required?: boolean;
+        error?: boolean;
+        stepMinutes?: number;
+        timeSelectRef?: React.RefObject<import("react-select").SelectInstance<import("./select/types").SelectOption, boolean> | null>;
+    }) => import("react").JSX.Element;
+    DateRange: ({ defaultValue, name, disabled, error, stepDays, onChange, ...props }: Omit<import("react").ComponentProps<typeof datePicker.DatePicker>, "defaultValue" | "onChange"> & {
+        defaultValue?: {
+            start?: Date;
+            end?: Date;
+        };
+        error?: boolean;
+        stepDays?: number;
+        onChange?: (value: {
+            start?: Date;
+            end?: Date;
+        }) => void;
+    }) => import("react").JSX.Element;
+    DatePicker: (props: Parameters<({ name, rounded, placement, defaultValue, value, min, max, onChange, disabled, className, required, error, autoFocus, }: {
+        name: string;
+        rounded?: import("../..").Rounded;
+        placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+        defaultValue?: Date;
+        value?: Date;
+        min?: Date;
+        max?: Date;
+        onChange?: (value?: Date) => void;
+        disabled?: boolean;
+        className?: string;
+        required?: boolean;
+        error?: boolean;
+        autoFocus?: boolean;
+    }) => import("react").JSX.Element>[0]) => import("react").JSX.Element;
+    Checkbox: ({ orientation, name, options, defaultValue, onChange, disabled, error, }: {
+        orientation: "horizontal" | "vertical";
+        name: string;
+        options: {
+            value: string;
+            label: string;
+            disabled?: boolean;
+        }[];
+        defaultValue?: string[] | null;
+        onChange?: (values: string[]) => void;
+        disabled?: boolean;
+        error?: boolean;
+    }) => import("react").JSX.Element;
+    CheckboxItem: ({ name, checked, onClick, value, label, disabled, error, }: {
+        name: string;
+        checked: boolean;
+        onClick: () => void;
+        value: string;
+        label: string;
+        disabled?: boolean;
+        error?: boolean;
+    }) => import("react").JSX.Element;
+    Address: ({ name, rounded, defaultValue, countryCode, onSearch, onChange, disabled, required, className, googleMapsApiKey, }: {
+        name: string;
+        rounded?: import("../..").Rounded;
+        defaultValue?: address.AddressValue | null;
+        countryCode?: string;
+        onSearch?: (result: address.AddressValue | null) => void;
+        onChange?: (value: address.AddressValue) => void;
+        disabled?: boolean;
+        required?: boolean;
+        className?: string;
+        googleMapsApiKey?: string;
+    }) => import("react").JSX.Element;
+};

package/dist/ui/composite/input/index.js

@@ -0,0 +1,35 @@
+import * as address from './address';
+import * as checkbox from './checkbox';
+import * as datePicker from './datePicker';
+import * as dateRange from './dateRange';
+import * as dateTimePicker from './dateTimePicker';
+import * as dateTimeRange from './dateTimeRange';
+import * as list from './list';
+import * as radio from './radio';
+import * as search from './search';
+import * as select from './select';
+import * as text from './text';
+import * as textarea from './textarea';
+import * as timePicker from './timePicker';
+import * as timeRange from './timeRange';
+import * as weekdayPicker from './weekdayPicker';
+import * as weekDaysSelector from './weekDaysSelector';
+export const Input = {
+    ...address,
+    ...checkbox,
+    ...datePicker,
+    ...dateRange,
+    ...dateTimePicker,
+    ...dateTimeRange,
+    ...list,
+    ...radio,
+    ...search,
+    ...select,
+    ...text,
+    ...textarea,
+    ...timePicker,
+    ...timeRange,
+    ...weekdayPicker,
+    ...weekDaysSelector,
+};
+//# sourceMappingURL=index.js.map

package/dist/ui/composite/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/composite/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAA;AACpC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AACxC,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAA;AAChD,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AACxC,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAA;AAChD,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAA;AAEtD,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,OAAO;IACV,GAAG,QAAQ;IACX,GAAG,UAAU;IACb,GAAG,SAAS;IACZ,GAAG,cAAc;IACjB,GAAG,aAAa;IAChB,GAAG,IAAI;IACP,GAAG,KAAK;IACR,GAAG,MAAM;IACT,GAAG,MAAM;IACT,GAAG,IAAI;IACP,GAAG,QAAQ;IACX,GAAG,UAAU;IACb,GAAG,SAAS;IACZ,GAAG,aAAa;IAChB,GAAG,gBAAgB;CACpB,CAAA"}

package/dist/ui/composite/input/list/index.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import { Rounded } from '../../../theme';
+export declare const List: ({ name, rounded, defaultList, minListLength, maxListLength, valueLength, isFirstItem, input, }: {
+    name: string;
+    rounded?: Rounded;
+    defaultList: string[][];
+    minListLength?: number;
+    maxListLength?: number;
+    valueLength: number;
+    isFirstItem: boolean;
+    input: (props: {
+        name: string;
+        autoFocus: boolean;
+        values: string[];
+        onChange: (index: number, value: string) => void;
+    }) => {
+        node: ReactNode;
+        disabled?: boolean;
+    };
+}) => import("react").JSX.Element;

package/dist/ui/composite/input/list/index.jsx

@@ -0,0 +1,30 @@
+'use client';
+import AddIcon from '@mui/icons-material/Add';
+import DeleteIcon from '@mui/icons-material/Delete';
+import { useState } from 'react';
+import { Component } from '../../../component';
+import { ColorTypes, ControlSize, Rounded } from '../../../theme';
+export const List = ({ name, rounded = Rounded.m, defaultList, minListLength = 1, maxListLength, valueLength, isFirstItem, input, }) => {
+    const [list, setList] = useState(defaultList.length === 0 ? [[...Array(valueLength)].map(() => '')] : defaultList);
+    return (<div className='gap-control-padding-base flex w-full flex-col'>
+      {list.map((values, i) => {
+            const ret = input({
+                name: `${name}[${i}]`,
+                autoFocus: isFirstItem && i === 0,
+                values,
+                onChange: (valueIndex, value) => setList((item) => item.map((y, j) => (j === i ? y.map((z, k) => (k === valueIndex ? value : z)) : y))),
+            });
+            return (<div key={i} className='gap-control-padding-base flex w-full'>
+            <div className='gap-control-padding-base flex w-full items-center'>{ret.node}</div>
+            <Component.Button variant='colored' size={ControlSize.md} rounded={rounded} color={ColorTypes.secondary} container={true} icon={DeleteIcon} onClick={() => setList((x) => x.filter((_, j) => j !== i))} disabled={list.length === minListLength || ret.disabled === true}/>
+          </div>);
+        })}
+      <Component.Button variant='colored' size={ControlSize.md} rounded={rounded} color={ColorTypes.primary} container={true} icon={AddIcon} onClick={() => {
+            if (list.length === maxListLength) {
+                return;
+            }
+            setList([...list, [...Array(valueLength)].map(() => '')]);
+        }}/>
+    </div>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/composite/input/list/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/list/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/composite/input/radio/index.d.ts

@@ -0,0 +1,14 @@
+export declare const Radio: ({ orientation, name, options, value, defaultValue, onChange, disabled, required, }: {
+    orientation: "horizontal" | "vertical";
+    name: string;
+    options: {
+        value: string;
+        label: string;
+        disabled?: boolean;
+    }[];
+    value?: string;
+    defaultValue?: string | null;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    required?: boolean;
+}) => import("react").JSX.Element;

package/dist/ui/composite/input/radio/index.jsx

@@ -0,0 +1,34 @@
+'use client';
+import RadioButtonCheckedIcon from '@mui/icons-material/RadioButtonChecked';
+import RadioButtonUncheckedIcon from '@mui/icons-material/RadioButtonUnchecked';
+import classNames from 'classnames';
+import { useTranslations } from 'next-intl';
+import { useState } from 'react';
+import { Component } from '../../../component';
+import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
+export const Radio = ({ orientation, name, options, value, defaultValue, onChange, disabled, required, }) => {
+    const isControlled = value !== undefined;
+    const [internalValue, setInternalValue] = useState(() => defaultValue ?? (options.length === 0 ? undefined : options[0].value));
+    const currentValue = isControlled ? value : internalValue;
+    return (<div className={classNames('flex flex-wrap', orientation === 'vertical'
+            ? 'gap-control-padding-md flex-col'
+            : 'gap-control-padding-xl gap-y-control-padding-sm')}>
+      {options.map((x, i) => (<RadioItem key={i} name={name} checked={currentValue === x.value} onClick={() => {
+                if (!isControlled) {
+                    setInternalValue(x.value);
+                }
+                onChange?.(x.value);
+            }} disabled={disabled === true || x.disabled === true} required={required} {...x}/>))}
+    </div>);
+};
+const RadioItem = ({ name, checked, onClick, value, label, disabled, required, }) => {
+    const t = useTranslations();
+    return (<fieldset data-disabled={disabled} className={classNames('gap-control-padding-md flex w-fit items-center justify-center whitespace-nowrap', disabled ? 'clickable-disabled' : 'clickable-enabled')} onClick={checked || disabled ? undefined : onClick}>
+      <input type='radio' checked={checked} onChange={() => { }} name={name} value={value} className='hidden' required={required && !checked}/>
+      {checked ? (<RadioButtonCheckedIcon className={classNames('size-control-base!', getTextColorTypeClassName(TextColorTypes.primary, true))}/>) : (<RadioButtonUncheckedIcon className={classNames('size-control-base!', getTextColorTypeClassName(TextColorTypes.disabled, true))}/>)}
+      <Component.Typography.Label container={true} className={classNames('text-xs', disabled ? 'cursor-default' : 'cursor-pointer')}>
+        {t(label)}
+      </Component.Typography.Label>
+    </fieldset>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/composite/input/radio/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/radio/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/composite/input/search/index.d.ts

@@ -0,0 +1,5 @@
+export declare const Search: ({ value, onUpdate, className, }: {
+    value?: string;
+    onUpdate: (value: string) => void;
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/ui/composite/input/search/index.jsx

@@ -0,0 +1,38 @@
+'use client';
+import SearchIcon from '@mui/icons-material/Search';
+import classNames from 'classnames';
+import { useEffect, useRef, useState } from 'react';
+import { Text } from '../text';
+export const Search = ({ value, onUpdate, className, }) => {
+    const [localQuery, setLocalQuery] = useState(value ?? '');
+    const debounceTimerRef = useRef(null);
+    useEffect(() => () => {
+        if (debounceTimerRef.current) {
+            clearTimeout(debounceTimerRef.current);
+        }
+    }, []);
+    const isComposingRef = useRef(false);
+    return (<Text name='search' placeholder='Search' icon={SearchIcon} className={classNames('w-full', className)} value={localQuery} onChange={(e) => {
+            setLocalQuery(e.target.value);
+            if (isComposingRef.current) {
+                return;
+            }
+            if (debounceTimerRef.current) {
+                clearTimeout(debounceTimerRef.current);
+            }
+            debounceTimerRef.current = setTimeout(() => onUpdate(e.target.value), 400);
+        }} onCompositionStart={() => {
+            isComposingRef.current = true;
+            if (debounceTimerRef.current) {
+                clearTimeout(debounceTimerRef.current);
+            }
+        }} onCompositionEnd={(e) => {
+            isComposingRef.current = false;
+            const newValue = e.currentTarget.value;
+            if (debounceTimerRef.current) {
+                clearTimeout(debounceTimerRef.current);
+            }
+            debounceTimerRef.current = setTimeout(() => onUpdate(newValue), 400);
+        }}/>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/composite/input/search/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/search/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,GAKV,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA;IAEzD,MAAM,gBAAgB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAC5D,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;QACxC,CAAC;IACH,CAAC,EACD,EAAE,CACH,CAAA;IAED,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IACpC,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,QAAQ,CACb,WAAW,CAAC,QAAQ,CACpB,IAAI,CAAC,CAAC,UAAU,CAAC,CACjB,SAAS,CAAC,CAAC,UAAU,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAC3C,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACd,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YAC7B,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;gBAC3B,OAAM;YACR,CAAC;YACD,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;YACxC,CAAC;YACD,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAA;QAC5E,CAAC,CAAC,CACF,kBAAkB,CAAC,CAAC,GAAG,EAAE;YACvB,cAAc,CAAC,OAAO,GAAG,IAAI,CAAA;YAC7B,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;YACxC,CAAC;QACH,CAAC,CAAC,CACF,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACtB,cAAc,CAAC,OAAO,GAAG,KAAK,CAAA;YAC9B,MAAM,QAAQ,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAA;YAEtC,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;YACxC,CAAC;YACD,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,CAAA;QACtE,CAAC,CAAC,EACF,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/composite/input/select/ClearIndicator/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type ClearIndicatorProps, type GroupBase } from 'react-select';
+import type { SelectOption } from '../types';
+export declare const ClearIndicator: React.FC<ClearIndicatorProps<SelectOption, boolean, GroupBase<SelectOption>>>;

package/dist/ui/composite/input/select/ClearIndicator/index.jsx

@@ -0,0 +1,8 @@
+'use client';
+import ClearIcon from '@mui/icons-material/Clear';
+import React from 'react';
+import { components } from 'react-select';
+export const ClearIndicator = (props) => props.selectProps.required === null ? null : (<components.ClearIndicator {...props}>
+      <ClearIcon className='size-control-sm!'/>
+    </components.ClearIndicator>);
+//# sourceMappingURL=index.jsx.map

package/dist/ui/composite/input/select/ClearIndicator/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/ClearIndicator/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAA4B,UAAU,EAAkB,MAAM,cAAc,CAAA;AAInF,MAAM,CAAC,MAAM,cAAc,GAAkF,CAC3G,KAA0E,EAC1E,EAAE,CACF,KAAK,CAAC,WAAW,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3C,CAAC,UAAU,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC,CACnC;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,kBAAkB,EACzC;IAAA,EAAE,UAAU,CAAC,cAAc,CAAC,CAC7B,CAAA"}

package/dist/ui/composite/input/select/Control/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type ControlProps, type GroupBase } from 'react-select';
+import type { SelectOption } from '../types';
+export declare const Control: React.FC<ControlProps<SelectOption, boolean, GroupBase<SelectOption>>>;

package/dist/ui/composite/input/select/Control/index.jsx

@@ -0,0 +1,23 @@
+'use client';
+import classNames from 'classnames';
+import React from 'react';
+import { components } from 'react-select';
+import { BackgroundColorTypes, BorderColorTypes, BorderWidth, getBackgroundColorTypeClassName, getBorderColorTypeClassName, getRoundedClassName, Rounded, } from '../../../../theme';
+export const Control = (props) => {
+    const { children, ...rest } = props;
+    return (<components.Control {...rest}>
+      <div className={classNames('flex items-center w-full pl-control-padding-base pr-control-padding-md', getBackgroundColorTypeClassName(BackgroundColorTypes.default), getRoundedClassName(props.selectProps.rounded || Rounded.m), getBorderColorTypeClassName({
+            color: props.selectProps.error
+                ? BorderColorTypes.error
+                : props.isFocused
+                    ? BorderColorTypes.primary
+                    : BorderColorTypes.default,
+            container: true,
+            width: BorderWidth.base,
+            type: 'outline',
+        }))}>
+        {children}
+      </div>
+    </components.Control>);
+};
+//# sourceMappingURL=index.jsx.map

package/dist/ui/composite/input/select/Control/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/Control/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAqC,MAAM,cAAc,CAAA;AAE5E,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,+BAA+B,EAC/B,2BAA2B,EAC3B,mBAAmB,EACnB,OAAO,GACR,MAAM,mBAAmB,CAAA;AAG1B,MAAM,CAAC,MAAM,OAAO,GAA2E,CAC7F,KAAmE,EACnE,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACnC,OAAO,CACL,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,CAC3B;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,wEAAwE,EACxE,+BAA+B,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAC7D,mBAAmB,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,EAC3D,2BAA2B,CAAC;YAC1B,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK;gBAC5B,CAAC,CAAC,gBAAgB,CAAC,KAAK;gBACxB,CAAC,CAAC,KAAK,CAAC,SAAS;oBACf,CAAC,CAAC,gBAAgB,CAAC,OAAO;oBAC1B,CAAC,CAAC,gBAAgB,CAAC,OAAO;YAC9B,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,WAAW,CAAC,IAAI;YACvB,IAAI,EAAE,SAAS;SAChB,CAAC,CACH,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,UAAU,CAAC,OAAO,CAAC,CACtB,CAAA;AACH,CAAC,CAAA"}

package/dist/ui/composite/input/select/DropdownIndicator/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type DropdownIndicatorProps, type GroupBase } from 'react-select';
+import type { SelectOption } from '../types';
+export declare const DropdownIndicator: React.FC<DropdownIndicatorProps<SelectOption, boolean, GroupBase<SelectOption>>>;

package/dist/ui/composite/input/select/DropdownIndicator/index.jsx

@@ -0,0 +1,8 @@
+'use client';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import React from 'react';
+import { components } from 'react-select';
+export const DropdownIndicator = (props) => (<components.DropdownIndicator {...props}>
+    <ArrowDropDownIcon className='size-control-md!'/>
+  </components.DropdownIndicator>);
+//# sourceMappingURL=index.jsx.map

package/dist/ui/composite/input/select/DropdownIndicator/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/DropdownIndicator/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,iBAAiB,MAAM,mCAAmC,CAAA;AACjE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAA+C,MAAM,cAAc,CAAA;AAItF,MAAM,CAAC,MAAM,iBAAiB,GAAqF,CACjH,KAA6E,EAC7E,EAAE,CAAC,CACH,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,CACtC;IAAA,CAAC,iBAAiB,CAAC,SAAS,CAAC,kBAAkB,EACjD;EAAA,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAChC,CAAA"}

package/dist/ui/composite/input/select/GroupHeading/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type GroupBase, type GroupHeadingProps } from 'react-select';
+import type { SelectOption } from '../types';
+export declare const GroupHeading: React.FC<GroupHeadingProps<SelectOption, boolean, GroupBase<SelectOption>>>;

package/dist/ui/composite/input/select/GroupHeading/index.jsx

@@ -0,0 +1,9 @@
+'use client';
+import classNames from 'classnames';
+import React from 'react';
+import { components } from 'react-select';
+import { getTextColorTypeClassName, TextColorTypes } from '../../../../theme';
+export const GroupHeading = (props) => (<div className={classNames('font-semibold text-sm', getTextColorTypeClassName(TextColorTypes.main, false))}>
+    <components.GroupHeading {...props} className='cursor-default px-control-padding-base py-control-padding-md'/>
+  </div>);
+//# sourceMappingURL=index.jsx.map

package/dist/ui/composite/input/select/GroupHeading/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../../src/ui/composite/input/select/GroupHeading/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAA0C,MAAM,cAAc,CAAA;AAEjF,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAG7E,MAAM,CAAC,MAAM,YAAY,GAAgF,CACvG,KAAwE,EACxE,EAAE,CAAC,CACH,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,uBAAuB,EAAE,yBAAyB,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CACzG;IAAA,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,CAAC,SAAS,CAAC,8DAA8D,EAC9G;EAAA,EAAE,GAAG,CAAC,CACP,CAAA"}

package/dist/ui/composite/input/select/Input/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type GroupBase, type InputProps } from 'react-select';
+import type { SelectOption } from '../types';
+export declare const Input: React.FC<InputProps<SelectOption, boolean, GroupBase<SelectOption>>>;