@ya-accelerators/nextjs-framework 0.0.0

package/dist/ui/composite/input/address/map.jsx

@@ -0,0 +1,111 @@
+'use client';
+import LocationOnIcon from '@mui/icons-material/LocationOn';
+import classNames from 'classnames';
+import { useEffect, useRef, useState } from 'react';
+import { Component } from '../../../component';
+import { Rounded } from '../../../theme';
+export const GoogleMapPicker = ({ apiKey, initialLat = 35.6812, initialLng = 139.7671, onLocationSelect, rounded = Rounded.m, disabled = false, className, }) => {
+    const mapRef = useRef(null);
+    const [mapLoaded, setMapLoaded] = useState(false);
+    const [selectedLocation, setSelectedLocation] = useState(initialLat && initialLng ? { lat: initialLat, lng: initialLng } : null);
+    useEffect(() => {
+        if (!apiKey || mapLoaded)
+            return;
+        const script = document.createElement('script');
+        script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places`;
+        script.async = true;
+        script.defer = true;
+        script.onload = () => setMapLoaded(true);
+        document.head.appendChild(script);
+        return () => {
+            document.head.removeChild(script);
+        };
+    }, [apiKey, mapLoaded]);
+    useEffect(() => {
+        if (!mapLoaded || !mapRef.current || !window.google)
+            return;
+        const mapOptions = {
+            center: { lat: initialLat, lng: initialLng },
+            zoom: 15,
+            mapTypeControl: false,
+            streetViewControl: false,
+            fullscreenControl: false,
+        };
+        const map = new window.google.maps.Map(mapRef.current, mapOptions);
+        let marker = null;
+        if (selectedLocation) {
+            marker = new window.google.maps.Marker({
+                position: selectedLocation,
+                map,
+                draggable: true,
+            });
+            map.setCenter(selectedLocation);
+        }
+        window.google.maps.event.addListener(map, 'click', (e) => {
+            if (disabled)
+                return;
+            const clickedLocation = {
+                lat: e.latLng.lat(),
+                lng: e.latLng.lng(),
+            };
+            if (marker) {
+                marker.setPosition(clickedLocation);
+            }
+            else {
+                marker = new window.google.maps.Marker({
+                    position: clickedLocation,
+                    map,
+                    draggable: true,
+                });
+            }
+            setSelectedLocation(clickedLocation);
+            onLocationSelect(clickedLocation.lat, clickedLocation.lng);
+        });
+        if (marker) {
+            window.google.maps.event.addListener(marker, 'dragend', () => {
+                if (disabled)
+                    return;
+                const position = marker?.getPosition();
+                if (position && marker) {
+                    const newLocation = {
+                        lat: position.lat(),
+                        lng: position.lng(),
+                    };
+                    setSelectedLocation(newLocation);
+                    onLocationSelect(newLocation.lat, newLocation.lng);
+                }
+            });
+        }
+    }, [mapLoaded, mapRef, initialLat, initialLng, selectedLocation, onLocationSelect, disabled]);
+    const getRoundedClass = () => {
+        switch (rounded) {
+            case Rounded.none:
+                return '';
+            case Rounded.s:
+                return 'rounded-small';
+            case Rounded.m:
+                return 'rounded-medium';
+            case Rounded.l:
+                return 'rounded-large';
+            case Rounded.half:
+                return 'rounded-[50%]';
+            default:
+                return 'rounded-medium';
+        }
+    };
+    return (<div className={classNames('w-full', className)}>
+      {selectedLocation && (<div className='mb-control-padding-sm flex items-center justify-end'>
+          <LocationOnIcon className='text-primary mr-1'/>
+          <Component.Typography.Label>
+            {selectedLocation.lat.toFixed(6)}, {selectedLocation.lng.toFixed(6)}
+          </Component.Typography.Label>
+        </div>)}
+
+      <div className={classNames('h-64 w-full border border-gray-300', getRoundedClass())}>
+        {!apiKey ? (<div className='flex h-full items-center justify-center'>
+            <Component.Typography.Label>Google Maps APIキーが設定されていません</Component.Typography.Label>
+          </div>) : (<div ref={mapRef} className='h-full w-full'/>)}
+      </div>
+    </div>);
+};
+//# sourceMappingURL=map.jsx.map

package/dist/ui/composite/input/address/map.jsx.map

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

package/dist/ui/composite/input/address/utils.d.ts

@@ -0,0 +1,23 @@
+export interface AddressLookupResult {
+    zipCode: string;
+    region: string;
+    city: string;
+    line1: string;
+    lat?: number;
+    lng?: number;
+}
+export declare const lookupJapaneseAddress: (zipCode: string) => Promise<AddressLookupResult | null>;
+export declare const lookupInternationalAddress: (zipCode: string, countryCode: string) => Promise<AddressLookupResult | null>;
+export interface CountryAddressFormat {
+    labels: {
+        zipCode: string;
+        region: string;
+        city: string;
+        line1: string;
+        line2: string;
+        line3?: string;
+    };
+    order: Array<'zipCode' | 'region' | 'city' | 'line1' | 'line2' | 'line3'>;
+    required: Array<'zipCode' | 'region' | 'city' | 'line1' | 'line2' | 'line3'>;
+}
+export declare const getCountryAddressFormat: (countryCode: string, translate?: (key: string) => string) => CountryAddressFormat;

package/dist/ui/composite/input/address/utils.js

@@ -0,0 +1,63 @@
+'use client';
+export const lookupJapaneseAddress = async (zipCode) => {
+    try {
+        const response = await fetch(`https://zipcloud.ibsnet.co.jp/api/search?zipcode=${zipCode}`);
+        const data = await response.json();
+        if (data.results && data.results.length > 0) {
+            const result = data.results[0];
+            return {
+                zipCode,
+                region: result.address1, // 都道府県
+                city: result.address2, // 市区町村
+                line1: result.address3, // 町名
+                lat: undefined,
+                lng: undefined,
+            };
+        }
+        return null;
+    }
+    catch (error) {
+        console.error('Error looking up address:', error);
+        return null;
+    }
+};
+export const lookupInternationalAddress = async (zipCode, countryCode) => {
+    if (countryCode === 'JP') {
+        return lookupJapaneseAddress(zipCode);
+    }
+    return null;
+};
+export const getCountryAddressFormat = (countryCode, translate = (key) => key) => {
+    const japanFormat = {
+        labels: {
+            zipCode: translate('郵便番号'),
+            region: translate('都道府県'),
+            city: translate('市区町村'),
+            line1: translate('町名・番地'),
+            line2: translate('建物名・部屋番号'),
+        },
+        order: ['zipCode', 'region', 'city', 'line1', 'line2'],
+        required: ['zipCode', 'region', 'city', 'line1'],
+    };
+    const usFormat = {
+        labels: {
+            zipCode: translate('Zip Code'),
+            region: translate('State'),
+            city: translate('City'),
+            line1: translate('Street Address'),
+            line2: translate('Apt, Suite, etc.'),
+            line3: translate('Additional Info'),
+        },
+        order: ['line1', 'line2', 'city', 'region', 'zipCode', 'line3'],
+        required: ['line1', 'city', 'region', 'zipCode'],
+    };
+    switch (countryCode) {
+        case 'JP':
+            return japanFormat;
+        case 'US':
+            return usFormat;
+        default:
+            return japanFormat; // デフォルトとして日本のフォーマットを使用
+    }
+};
+//# sourceMappingURL=utils.js.map

package/dist/ui/composite/input/address/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/address/utils.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAWZ,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,EAAE,OAAe,EAAuC,EAAE;IAClG,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,oDAAoD,OAAO,EAAE,CAAC,CAAA;QAC3F,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;QAElC,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC5C,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YAC9B,OAAO;gBACL,OAAO;gBACP,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO;gBAChC,IAAI,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO;gBAC9B,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK;gBAC7B,GAAG,EAAE,SAAS;gBACd,GAAG,EAAE,SAAS;aACf,CAAA;QACH,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAA;QACjD,OAAO,IAAI,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,EAC7C,OAAe,EACf,WAAmB,EACkB,EAAE;IACvC,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,qBAAqB,CAAC,OAAO,CAAC,CAAA;IACvC,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAeD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,WAAmB,EACnB,YAAqC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAC3B,EAAE;IACxB,MAAM,WAAW,GAAyB;QACxC,MAAM,EAAE;YACN,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC;YAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC;YACzB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC;YACvB,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC;YACzB,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC;SAC7B;QACD,KAAK,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC;QACtD,QAAQ,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;KACjD,CAAA;IAED,MAAM,QAAQ,GAAyB;QACrC,MAAM,EAAE;YACN,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC;YAC9B,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC;YAC1B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC;YACvB,KAAK,EAAE,SAAS,CAAC,gBAAgB,CAAC;YAClC,KAAK,EAAE,SAAS,CAAC,kBAAkB,CAAC;YACpC,KAAK,EAAE,SAAS,CAAC,iBAAiB,CAAC;SACpC;QACD,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC;QAC/D,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC;KACjD,CAAA;IAED,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,IAAI;YACP,OAAO,WAAW,CAAA;QACpB,KAAK,IAAI;YACP,OAAO,QAAQ,CAAA;QACjB;YACE,OAAO,WAAW,CAAA,CAAC,uBAAuB;IAC9C,CAAC;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,22 @@
+export declare const 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;
+export declare const 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;

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

@@ -0,0 +1,38 @@
+'use client';
+import CheckBoxIcon from '@mui/icons-material/CheckBox';
+import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';
+import classNames from 'classnames';
+import { useTranslations } from 'next-intl';
+import { useState } from 'react';
+import { Component } from '../../../component';
+import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
+export const Checkbox = ({ orientation, name, options, defaultValue, onChange, disabled, error, }) => {
+    const [selected, setSelected] = useState(defaultValue ?? []);
+    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) => (<CheckboxItem key={i} name={name} checked={selected.includes(x.value)} onClick={() => {
+                if (selected.includes(x.value)) {
+                    const newSelected = selected.filter((z) => z !== x.value);
+                    setSelected(newSelected);
+                    onChange?.(newSelected);
+                }
+                else {
+                    const newSelected = [...selected, x.value];
+                    setSelected(newSelected);
+                    onChange?.(newSelected);
+                }
+            }} disabled={disabled === true || x.disabled === true} error={error} {...x}/>))}
+    </div>);
+};
+export const CheckboxItem = ({ name, checked, onClick, value, label, disabled, error, }) => {
+    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={disabled ? undefined : onClick}>
+      <input type='checkbox' name={name} value={value} checked={checked} onChange={() => { }} className='hidden'/>
+      {checked ? (<CheckBoxIcon className={classNames('size-control-base!', getTextColorTypeClassName(error ? TextColorTypes.error : TextColorTypes.primary, true))}/>) : (<CheckBoxOutlineBlankIcon className={classNames('size-control-base!', getTextColorTypeClassName(error ? TextColorTypes.error : TextColorTypes.disabled, true))}/>)}
+      <Component.Typography.Label container={true} className={classNames('text-sm', disabled ? 'cursor-default' : 'cursor-pointer')}>
+        {t(label)}
+      </Component.Typography.Label>
+    </fieldset>);
+};
+//# sourceMappingURL=index.jsx.map

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

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

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

@@ -0,0 +1,19 @@
+import 'react-datepicker/dist/react-datepicker.css';
+import { Rounded } from '../../../theme';
+export declare const DatePicker: (props: Parameters<typeof DatePickerImpl>[0]) => import("react").JSX.Element;
+declare const DatePickerImpl: ({ name, rounded, placement, defaultValue, value, min, max, onChange, disabled, className, required, error, autoFocus, }: {
+    name: string;
+    rounded?: 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;
+export {};

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

@@ -0,0 +1,100 @@
+'use client';
+import 'react-datepicker/dist/react-datepicker.css';
+import ClearIcon from '@mui/icons-material/Clear';
+import NavigateBeforeOutlinedIcon from '@mui/icons-material/NavigateBeforeOutlined';
+import NavigateNextOutlinedIcon from '@mui/icons-material/NavigateNextOutlined';
+import classNames from 'classnames';
+import { enUS, ja } from 'date-fns/locale';
+import { forwardRef, useMemo, useState } from 'react';
+import RDatePicker, { registerLocale } from 'react-datepicker';
+import { useDateFormat } from '../../../../hooks/date';
+import { Component } from '../../../component';
+import { Rounded, TextColorTypes } from '../../../theme';
+import { Text } from '../text';
+registerLocale('ja-JP', ja);
+registerLocale('en-US', enUS);
+export const DatePicker = (props) => {
+    const { name, value, ...rest } = props;
+    const key = useMemo(() => `${name}-${value?.toISOString()}`, [name, value]);
+    return <DatePickerImpl {...rest} key={key} name={name} value={value}/>;
+};
+const DatePickerImpl = ({ name, rounded = Rounded.m, placement, defaultValue, value, min, max, onChange, disabled, className, required, error, autoFocus, }) => {
+    const { toLocalISOString, toDateString, dataFormat } = useDateFormat();
+    const [date, setDate] = useState(() => {
+        const dateToUse = value ?? defaultValue;
+        if (dateToUse) {
+            return new Date(dateToUse.getFullYear(), dateToUse.getMonth(), dateToUse.getDate());
+        }
+        return undefined;
+    });
+    const [onFocus, setOnFocus] = useState(autoFocus ?? false);
+    return (<div className={classNames('flex w-full min-w-[100px] cursor-pointer', className)}>
+      <input className='absolute size-0 opacity-0' name={name} value={date ? toLocalISOString(date) : ''} onChange={() => { }} required={required}/>
+      <div className='relative w-full'>
+        <RDatePicker portalId='portal' wrapperClassName='w-full' selected={date} minDate={min ?? undefined} maxDate={max ?? undefined} onChange={(e) => {
+            if (e) {
+                const localDate = new Date(e.getFullYear(), e.getMonth(), e.getDate());
+                setDate(localDate);
+                onChange?.(localDate);
+            }
+            else {
+                setDate(undefined);
+                onChange?.(undefined);
+            }
+            const hiddenInput = document.querySelector(`input[name="${name}"]`);
+            if (hiddenInput) {
+                const event = new Event('change', { bubbles: true });
+                hiddenInput.dispatchEvent(event);
+            }
+        }} placeholderText={toDateString(new Date())} dateFormat={dataFormat} renderCustomHeader={({ date, changeYear, changeMonth, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, }) => (<CustomCalendarHeader date={date} changeYear={changeYear} changeMonth={changeMonth} decreaseMonth={decreaseMonth} increaseMonth={increaseMonth} prevMonthButtonDisabled={prevMonthButtonDisabled} nextMonthButtonDisabled={nextMonthButtonDisabled} minYear={min?.getFullYear()} maxYear={max?.getFullYear()}/>)} onCalendarOpen={() => setOnFocus(true)} onCalendarClose={() => setOnFocus(false)} customInput={<CustomInput value={toDateString(date)} focused={onFocus} rounded={rounded} disabled={disabled} error={error}/>} popperPlacement={placement} disabled={disabled} required={false}/>
+        {required !== true && date && (<div className='p-control-padding-base absolute top-0 right-0 bottom-0 flex items-center justify-center'>
+            <ClearIcon className='bg-transparent! size-control-sm! cursor-pointer!' onClick={() => {
+                setDate(undefined);
+                onChange?.(undefined);
+                const hiddenInput = document.querySelector(`input[name="${name}"]`);
+                if (hiddenInput) {
+                    const event = new Event('change', { bubbles: true });
+                    hiddenInput.dispatchEvent(event);
+                }
+            }}/>
+          </div>)}
+      </div>
+    </div>);
+};
+const CustomInput = forwardRef(({ value, focused, rounded, disabled, error, placeholder, onClick, }, ref) => {
+    return (<div className='w-full' onClick={onClick}>
+        <Text key={value} name='' autoComplete='off' focused={focused} rounded={rounded} disabled={disabled} inputClassName='pointer-events-none caret-transparent' required={false} isClearable={false} error={error} placeholder={placeholder} value={value} readOnly={true} ref={ref}/>
+      </div>);
+});
+CustomInput.displayName = 'CustomInput';
+const CustomCalendarHeader = ({ date, changeYear, changeMonth, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, minYear, maxYear, }) => {
+    const { toString } = useDateFormat();
+    const years = useMemo(() => [...Array((maxYear ?? new Date().getFullYear() + 50) - (minYear ?? 1970) + 1)].map((_, i) => (minYear ?? 1970) + i), [minYear, maxYear]);
+    const handleYearChange = (e) => {
+        const year = Number(e.target.value);
+        changeYear(year);
+    };
+    const handleMonthChange = (e) => {
+        const month = Number(e.target.value);
+        changeMonth(month);
+    };
+    return (<div className='flex flex-col'>
+      <div className='flex items-center justify-between'>
+        <Component.Button variant='text' className='bg-transparent!' icon={NavigateBeforeOutlinedIcon} color={TextColorTypes.sub} onClick={decreaseMonth} disabled={prevMonthButtonDisabled}/>
+        <div className='flex items-center justify-center'>
+          <select key={`year-${date.getFullYear()}`} defaultValue={date.getFullYear()} onChange={handleYearChange}>
+            {years.map((year) => (<option key={year} value={year}>
+                {year}
+              </option>))}
+          </select>
+          <select key={`month-${date.getMonth()}`} defaultValue={date.getMonth()} onChange={handleMonthChange}>
+            {Array.from({ length: 12 }, (_, index) => toString(new Date(date.getFullYear(), index), { month: 'long' })).map((month, index) => (<option key={month} value={index}>
+                {month}
+              </option>))}
+          </select>
+        </div>
+        <Component.Button variant='text' className='bg-transparent!' icon={NavigateNextOutlinedIcon} color={TextColorTypes.sub} onClick={increaseMonth} disabled={nextMonthButtonDisabled}/>
+      </div>
+    </div>);
+};
+//# sourceMappingURL=index.jsx.map

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

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

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

@@ -0,0 +1,14 @@
+import type { ComponentProps } from 'react';
+import { DatePicker } from '../datePicker';
+export declare const DateRange: ({ defaultValue, name, disabled, error, stepDays, onChange, ...props }: Omit<ComponentProps<typeof DatePicker>, "defaultValue" | "onChange"> & {
+    defaultValue?: {
+        start?: Date;
+        end?: Date;
+    };
+    error?: boolean;
+    stepDays?: number;
+    onChange?: (value: {
+        start?: Date;
+        end?: Date;
+    }) => void;
+}) => import("react").JSX.Element;

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

@@ -0,0 +1,46 @@
+'use client';
+import { useCallback, useState } from 'react';
+import { Component } from '../../../component';
+import { DatePicker } from '../datePicker';
+export const DateRange = ({ defaultValue, name, disabled, error, stepDays = 0, onChange, ...props }) => {
+    const [startDate, setStartDate] = useState(defaultValue?.start);
+    const [endDate, setEndDate] = useState(defaultValue?.end);
+    const handleStartDateChange = useCallback((newStartDate) => {
+        setStartDate(newStartDate);
+        if (!newStartDate) {
+            return;
+        }
+        const minEndDate = new Date(newStartDate.getTime() + stepDays * 24 * 60 * 60 * 1000);
+        if (!endDate || endDate.getTime() < minEndDate.getTime()) {
+            setEndDate(minEndDate);
+        }
+    }, [endDate, stepDays]);
+    const handleEndDateChange = useCallback((newEndDate) => {
+        if (startDate) {
+            const minEndDate = new Date(startDate.getTime() + stepDays * 24 * 60 * 60 * 1000);
+            if (newEndDate && newEndDate.getTime() < minEndDate.getTime()) {
+                setEndDate(minEndDate);
+            }
+            else {
+                setEndDate(newEndDate);
+            }
+        }
+        else {
+            setEndDate(newEndDate);
+        }
+    }, [startDate, stepDays]);
+    return (<div className='gap-control-padding-base flex items-center'>
+      <DatePicker {...props} name={`${name}StartAt`} value={startDate} onChange={(e) => {
+            handleStartDateChange(e);
+            onChange?.({ start: e });
+        }} disabled={disabled} error={error}/>
+      <Component.Typography.P container={true} disabled={disabled} className='text-sm'>
+        〜
+      </Component.Typography.P>
+      <DatePicker {...props} name={`${name}EndAt`} value={endDate} min={startDate ? new Date(startDate.getTime() + stepDays * 24 * 60 * 60 * 1000) : undefined} onChange={(e) => {
+            handleEndDateChange(e);
+            onChange?.({ end: e });
+        }} disabled={disabled} error={error}/>
+    </div>);
+};
+//# sourceMappingURL=index.jsx.map

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

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

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

@@ -0,0 +1,15 @@
+import type { SelectInstance } from 'react-select';
+import type { SelectOption } from '../select/types';
+export declare const 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<SelectInstance<SelectOption, boolean> | null>;
+}) => import("react").JSX.Element;

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

@@ -0,0 +1,74 @@
+'use client';
+import { useState } from 'react';
+import { DatePicker } from '../datePicker';
+import { TimePicker } from '../timePicker';
+export const DateTimePicker = ({ name, defaultValue, value, min, max, onChange, disabled, required, error, stepMinutes, timeSelectRef, }) => {
+    const [dateTime, setDateTime] = useState(() => {
+        const dateToUse = value ?? defaultValue;
+        if (dateToUse === undefined) {
+            return undefined;
+        }
+        const ret = new Date(dateToUse);
+        ret.setSeconds(0);
+        ret.setMilliseconds(0);
+        const step = stepMinutes ?? 30;
+        if (step > 0) {
+            const m = ret.getMinutes();
+            const rounded = Math.round(m / step) * step;
+            ret.setMinutes(rounded);
+        }
+        return ret;
+    });
+    return (<>
+      <input className='absolute size-0 opacity-0' name={name} value={dateTime?.toISOString() ?? ''} onChange={() => { }} required={required}/>
+      <div className='gap-control-padding-base flex w-full items-center'>
+        <div className='flex-3'>
+          <DatePicker name='' key={`date-${dateTime?.toISOString()}`} value={dateTime} min={min} max={max} onChange={(e) => {
+            if (!e) {
+                setDateTime(undefined);
+                return;
+            }
+            const ret = new Date(dateTime?.getTime() ?? new Date().getTime());
+            if (!dateTime) {
+                ret.setHours(0);
+                ret.setMinutes(0);
+                ret.setSeconds(0);
+                ret.setMilliseconds(0);
+            }
+            ret.setFullYear(e.getFullYear());
+            ret.setMonth(e.getMonth());
+            ret.setDate(e.getDate());
+            setDateTime(ret);
+            onChange?.(ret);
+        }} disabled={disabled} required={required} error={error}/>
+        </div>
+        <div className='flex-2'>
+          <TimePicker name='' key={`time-${dateTime?.toISOString()}`} value={dateTime
+            ? `${dateTime.getHours().toString().padStart(2, '0')}:${dateTime.getMinutes().toString().padStart(2, '0')}`
+            : undefined} min={min && dateTime && min.toDateString() === dateTime.toDateString()
+            ? `${min.getHours().toString().padStart(2, '0')}:${min.getMinutes().toString().padStart(2, '0')}`
+            : undefined} max={max && dateTime && max.toDateString() === dateTime.toDateString()
+            ? `${max.getHours().toString().padStart(2, '0')}:${max.getMinutes().toString().padStart(2, '0')}`
+            : undefined} onChange={(e) => {
+            if (!e) {
+                setDateTime(undefined);
+                return;
+            }
+            const d = e.split(':');
+            const ret = new Date(dateTime?.getTime() ?? new Date().getTime());
+            if (!dateTime) {
+                ret.setHours(0);
+                ret.setMinutes(0);
+                ret.setSeconds(0);
+                ret.setMilliseconds(0);
+            }
+            ret.setHours(Number(d[0]));
+            ret.setMinutes(Number(d[1]));
+            setDateTime(ret);
+            onChange?.(ret);
+        }} disabled={disabled} required={required} error={error} stepMinutes={stepMinutes} selectRef={timeSelectRef}/>
+        </div>
+      </div>
+    </>);
+};
+//# sourceMappingURL=index.jsx.map

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

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

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

@@ -0,0 +1,14 @@
+import type { ComponentProps } from 'react';
+import { DateTimePicker } from '../dateTimePicker';
+export declare const DateTimeRange: ({ defaultValue, name, disabled, error, stepMinutes, onChange, ...props }: Omit<ComponentProps<typeof DateTimePicker>, "defaultValue" | "onChange"> & {
+    defaultValue?: {
+        start?: Date;
+        end?: Date;
+    };
+    error?: boolean;
+    stepMinutes?: number;
+    onChange?: (value: {
+        start?: Date;
+        end?: Date;
+    }) => void;
+}) => import("react").JSX.Element;