@choco-vanille/ui 1.19.0 → 1.20.1

package/dist/components/forms/checkbox/styles/Checkbox.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit24.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit46.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                            */
 var d = { root: "_1v8fbad0", indicator: "_1v8fbad1", checkIcon: "_1v8fbad2", indeterminateIcon: "_1v8fbad3", label: "_1v8fbad4" };
 export {

package/dist/components/forms/date-picker/DatePicker.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit98.css');require('../../../ui-kit100.css');require('../../../ui-kit60.css');require('../../../ui-kit59.css');require('../../../ui-kit2.css');require('../../../ui-kit89.css');require('../../../ui-kit82.css');require('../../../ui-kit17.css');require('../../../ui-kit43.css');require('../../../ui-kit95.css');require('../../../ui-kit28.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),R=require("../calendar/Calendar.cjs");;/* empty css                                           */;/* empty css                                                   */;/* empty css                                                                                  */;/* empty css                                                   */;/* empty css                                                        */;/* empty css                                                                                       */;/* empty css                                                                                     */const w=require("../text-field/TextField.cjs");require("../text-field/styles/TextField.css.cjs");;/* empty css                                               */;/* empty css                                                                 */;/* empty css                                                                     */;/* empty css                                                                                            */;/* empty css                                                                                            */const s=require("../../overlay/popover/Popover.cjs");require("../../overlay/popover/components/content/styles/PopoverContent.css.cjs");const K=require("../../actions/icon-button/IconButton.cjs");require("../../actions/icon-button/styles/IconButton.css.cjs");const M=require("./hooks/useDatePicker.hook.cjs"),i=require("./styles/DatePicker.css.cjs"),A=require("../../../resources/asset/CalendarIcon.svg.cjs"),q=require("../../../utils/cn.cjs"),r=require("react"),p=r.memo(({value:h,defaultValue:C,onChange:D,calendarProps:m,id:b,disabled:n,"aria-label":g,"aria-labelledby":E,calendarAriaLabel:P="Calendar",onKeyDown:l,...o})=>{const{selectedDate:t,inputValue:f,open:u,inputId:k,handleInputChange:x,handleInputKeyDown:c,handleCalendarSelect:y,setOpen:I}=M.useDatePicker({value:h,defaultValue:C,onChange:D,id:b}),d=r.useRef(null),S=r.useMemo(()=>t??new Date,[t]),T=r.useCallback(a=>{c(a),l?.(a)},[c,l]),_=r.useCallback(a=>{a.preventDefault()},[]),{className:j,...N}=m??{};return e.jsxs(s,{open:u,onOpenChange:I,children:[e.jsx(w,{...o,ref:d,id:k,type:"date",disabled:n,value:f,onChange:x,onKeyDown:T,className:q.cn(i.DATE_PICKER_STYLES.input,o.className),"aria-label":g,"aria-labelledby":E,"aria-haspopup":"dialog",endAction:e.jsx(s.Trigger,{children:e.jsx(K,{icon:A,"aria-label":"Open calendar",variant:"ghost",color:"primary",size:"sm",type:"button",disabled:n,onMouseDown:_})})}),e.jsx(s.Content,{side:"bottom",align:"end",className:i.DATE_PICKER_STYLES.content,"aria-label":P,initialFocus:!1,finalFocus:d,children:e.jsx(R,{mode:"single",selected:t,onSelect:y,disabled:n,className:q.cn(i.DATE_PICKER_STYLES.calendar,j),...N,defaultMonth:S,autoFocus:u})})]})});p.displayName="DatePicker";module.exports=p;
+"use strict";require('../../../ui-kit82.css');require('../../../ui-kit86.css');require('../../../ui-kit91.css');require('../../../ui-kit71.css');require('../../../ui-kit2.css');require('../../../ui-kit88.css');require('../../../ui-kit89.css');require('../../../ui-kit65.css');require('../../../ui-kit45.css');require('../../../ui-kit94.css');require('../../../ui-kit67.css');require('../../../ui-kit.css');const a=require("react/jsx-runtime"),w=require("../calendar/Calendar.cjs");;/* empty css                                           */;/* empty css                                                   */;/* empty css                                                                                  */;/* empty css                                                   */;/* empty css                                                        */;/* empty css                                                                                       */;/* empty css                                                                                     */const M=require("../text-field/TextField.cjs");require("../text-field/styles/TextField.css.cjs");;/* empty css                                               */;/* empty css                                                                 */;/* empty css                                                                     */;/* empty css                                                                                            */;/* empty css                                                                                            */const l=require("../../overlay/popover/Popover.cjs");require("../../overlay/popover/components/content/styles/PopoverContent.css.cjs");const v=require("../../actions/icon-button/IconButton.cjs");require("../../actions/icon-button/styles/IconButton.css.cjs");const K=require("./hooks/useDatePicker.hook.cjs"),d=require("./styles/DatePicker.css.cjs"),A=require("../../../resources/asset/CalendarIcon.svg.cjs"),q=require("../../../utils/cn.cjs"),r=require("react"),p=r.memo(({value:C,defaultValue:h,onChange:D,calendarProps:m,id:b,disabled:n,"aria-label":k,"aria-labelledby":g,calendarAriaLabel:f="Calendar",onKeyDown:i,...s})=>{const{selectedDate:t,inputValue:x,open:o,inputId:y,handleInputChange:I,handleInputKeyDown:u,handleCalendarSelect:P,setOpen:j}=K.useDatePicker({value:C,defaultValue:h,onChange:D,id:b}),c=r.useRef(null),E=r.useMemo(()=>t??new Date,[t]),N=r.useCallback(e=>{u(e),i?.(e)},[u,i]),R=r.useCallback(e=>{e.preventDefault()},[]),S=r.useCallback(e=>{e.preventDefault()},[]),{className:T,..._}=m??{};return a.jsxs(l,{open:o,onOpenChange:j,children:[a.jsx(M,{...s,ref:c,id:y,type:"date",disabled:n,value:x,onChange:I,onKeyDown:N,onClick:R,className:q.cn(d.DATE_PICKER_STYLES.input,s.className),"aria-label":k,"aria-labelledby":g,"aria-haspopup":"dialog",endAction:a.jsx(l.Trigger,{children:a.jsx(v,{icon:A,"aria-label":"Open calendar",variant:"ghost",color:"primary",size:"sm",type:"button",disabled:n,onMouseDown:S})})}),a.jsx(l.Content,{side:"bottom",align:"end",padding:"none","aria-label":f,initialFocus:!1,finalFocus:c,children:a.jsx(w,{mode:"single",selected:t,onSelect:P,disabled:n,className:q.cn(d.DATE_PICKER_STYLES.calendar,T),..._,defaultMonth:E,autoFocus:o})})]})});p.displayName="DatePicker";module.exports=p;
 //# sourceMappingURL=DatePicker.cjs.map

package/dist/components/forms/date-picker/DatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/forms/date-picker/DatePicker.tsx"],"sourcesContent":["import { Calendar } from '@components/forms/calendar'\r\nimport { TextField } from '@components/forms/text-field'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { useDatePicker } from '@components/forms/date-picker/hooks/useDatePicker.hook.ts'\r\nimport { DATE_PICKER_STYLES } from '@components/forms/date-picker/styles/DatePicker.css.ts'\r\nimport CalendarIcon from '@resources/asset/CalendarIcon.svg?react'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { DatePickerProps } from '@components/forms/date-picker/types/DatePicker.props.ts'\r\nimport { memo, useCallback, useMemo, useRef } from 'react'\r\n\r\n/**\r\n * A date picker that combines a native `type=\"date\"` text field with a\r\n * calendar popover.\r\n *\r\n * - Typing a valid `YYYY-MM-DD` date updates the calendar and calls `onChange`.\r\n * - Selecting a day in the calendar updates the input and closes the popover.\r\n * - Invalid or incomplete typed values are kept in the input but do not update\r\n *   the selected date until they become valid.\r\n * - Opening the popover focuses the selected day (or today), and closing it\r\n *   returns focus to the input.\r\n *\r\n * @example\r\n * ```tsx\r\n * const [date, setDate] = useState<Date | undefined>()\r\n * <DatePicker label=\"Pick a date\" value={date} onChange={setDate} />\r\n * ```\r\n */\r\nconst DatePicker = memo(\r\n    ({\r\n        value,\r\n        defaultValue,\r\n        onChange,\r\n        calendarProps,\r\n        id,\r\n        disabled,\r\n        'aria-label': ariaLabel,\r\n        'aria-labelledby': ariaLabelledBy,\r\n        calendarAriaLabel = 'Calendar',\r\n        onKeyDown,\r\n        ...textFieldProps\r\n    }: DatePickerProps) => {\r\n        const {\r\n            selectedDate,\r\n            inputValue,\r\n            open,\r\n            inputId,\r\n            handleInputChange,\r\n            handleInputKeyDown,\r\n            handleCalendarSelect,\r\n            setOpen,\r\n        } = useDatePicker({ value, defaultValue, onChange, id })\r\n\r\n        const inputRef = useRef<HTMLInputElement>(null)\r\n        const calendarDefaultMonth = useMemo(\r\n            () => selectedDate ?? new Date(),\r\n            [selectedDate],\r\n        )\r\n\r\n        const handleKeyDown = useCallback(\r\n            (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n                handleInputKeyDown(event)\r\n                onKeyDown?.(event)\r\n            },\r\n            [handleInputKeyDown, onKeyDown],\r\n        )\r\n\r\n        const handleCalendarButtonMouseDown = useCallback(\r\n            (event: React.MouseEvent<HTMLButtonElement>) => {\r\n                event.preventDefault()\r\n            },\r\n            [],\r\n        )\r\n\r\n        const { className: calendarClassName, ...restCalendarProps } =\r\n            calendarProps ?? {}\r\n\r\n        return (\r\n            <Popover\r\n                open={open}\r\n                onOpenChange={setOpen}\r\n            >\r\n                <TextField\r\n                    {...textFieldProps}\r\n                    ref={inputRef}\r\n                    id={inputId}\r\n                    type={'date'}\r\n                    disabled={disabled}\r\n                    value={inputValue}\r\n                    onChange={handleInputChange}\r\n                    onKeyDown={handleKeyDown}\r\n                    className={cn(DATE_PICKER_STYLES.input, textFieldProps.className)}\r\n                    aria-label={ariaLabel}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    aria-haspopup={'dialog'}\r\n                    endAction={\r\n                        <Popover.Trigger>\r\n                            <IconButton\r\n                                icon={CalendarIcon}\r\n                                aria-label={'Open calendar'}\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                type={'button'}\r\n                                disabled={disabled}\r\n                                onMouseDown={handleCalendarButtonMouseDown}\r\n                            />\r\n                        </Popover.Trigger>\r\n                    }\r\n                />\r\n\r\n                <Popover.Content\r\n                    side={'bottom'}\r\n                    align={'end'}\r\n                    className={DATE_PICKER_STYLES.content}\r\n                    aria-label={calendarAriaLabel}\r\n                    initialFocus={false}\r\n                    finalFocus={inputRef}\r\n                >\r\n                    <Calendar\r\n                        mode={'single'}\r\n                        selected={selectedDate}\r\n                        onSelect={handleCalendarSelect}\r\n                        disabled={disabled}\r\n                        className={cn(DATE_PICKER_STYLES.calendar, calendarClassName)}\r\n                        {...restCalendarProps}\r\n                        defaultMonth={calendarDefaultMonth}\r\n                        autoFocus={open}\r\n                    />\r\n                </Popover.Content>\r\n            </Popover>\r\n        )\r\n    },\r\n)\r\n\r\nDatePicker.displayName = 'DatePicker'\r\n\r\nexport default DatePicker\r\n"],"names":["DatePicker","memo","value","defaultValue","onChange","calendarProps","id","disabled","ariaLabel","ariaLabelledBy","calendarAriaLabel","onKeyDown","textFieldProps","selectedDate","inputValue","open","inputId","handleInputChange","handleInputKeyDown","handleCalendarSelect","setOpen","useDatePicker","inputRef","useRef","calendarDefaultMonth","useMemo","handleKeyDown","useCallback","event","handleCalendarButtonMouseDown","calendarClassName","restCalendarProps","jsxs","Popover","jsx","TextField","cn","DATE_PICKER_STYLES","IconButton","CalendarIcon","Calendar"],"mappings":"+mDA4BMA,EAAaC,EAAAA,KACf,CAAC,CACG,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,cAAAC,EACA,GAAAC,EACA,SAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,kBAAAC,EAAoB,WACpB,UAAAC,EACA,GAAGC,CAAA,IACgB,CACnB,KAAM,CACF,aAAAC,EACA,WAAAC,EACA,KAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,qBAAAC,EACA,QAAAC,CAAA,EACAC,EAAAA,cAAc,CAAE,MAAAnB,EAAO,aAAAC,EAAc,SAAAC,EAAU,GAAAE,EAAI,EAEjDgB,EAAWC,EAAAA,OAAyB,IAAI,EACxCC,EAAuBC,EAAAA,QACzB,IAAMZ,GAAgB,IAAI,KAC1B,CAACA,CAAY,CAAA,EAGXa,EAAgBC,EAAAA,YACjBC,GAAiD,CAC9CV,EAAmBU,CAAK,EACxBjB,IAAYiB,CAAK,CACrB,EACA,CAACV,EAAoBP,CAAS,CAAA,EAG5BkB,EAAgCF,EAAAA,YACjCC,GAA+C,CAC5CA,EAAM,eAAA,CACV,EACA,CAAA,CAAC,EAGC,CAAE,UAAWE,EAAmB,GAAGC,CAAA,EACrC1B,GAAiB,CAAA,EAErB,OACI2B,EAAAA,KAACC,EAAA,CACG,KAAAlB,EACA,aAAcK,EAEd,SAAA,CAAAc,EAAAA,IAACC,EAAA,CACI,GAAGvB,EACJ,IAAKU,EACL,GAAIN,EACJ,KAAM,OACN,SAAAT,EACA,MAAOO,EACP,SAAUG,EACV,UAAWS,EACX,UAAWU,EAAAA,GAAGC,EAAAA,mBAAmB,MAAOzB,EAAe,SAAS,EAChE,aAAYJ,EACZ,kBAAiBC,EACjB,gBAAe,SACf,UACIyB,EAAAA,IAACD,EAAQ,QAAR,CACG,SAAAC,EAAAA,IAACI,EAAA,CACG,KAAMC,EACN,aAAY,gBACZ,QAAS,QACT,MAAO,UACP,KAAM,KACN,KAAM,SACN,SAAAhC,EACA,YAAasB,CAAA,CAAA,CACjB,CACJ,CAAA,CAAA,EAIRK,EAAAA,IAACD,EAAQ,QAAR,CACG,KAAM,SACN,MAAO,MACP,UAAWI,EAAAA,mBAAmB,QAC9B,aAAY3B,EACZ,aAAc,GACd,WAAYY,EAEZ,SAAAY,EAAAA,IAACM,EAAA,CACG,KAAM,SACN,SAAU3B,EACV,SAAUM,EACV,SAAAZ,EACA,UAAW6B,EAAAA,GAAGC,qBAAmB,SAAUP,CAAiB,EAC3D,GAAGC,EACJ,aAAcP,EACd,UAAWT,CAAA,CAAA,CACf,CAAA,CACJ,CAAA,CAAA,CAGZ,CACJ,EAEAf,EAAW,YAAc"}
+{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/forms/date-picker/DatePicker.tsx"],"sourcesContent":["import { Calendar } from '@components/forms/calendar'\nimport { TextField } from '@components/forms/text-field'\nimport { Popover } from '@components/overlay/popover'\nimport { IconButton } from '@components/actions/icon-button'\nimport { useDatePicker } from '@components/forms/date-picker/hooks/useDatePicker.hook.ts'\nimport { DATE_PICKER_STYLES } from '@components/forms/date-picker/styles/DatePicker.css.ts'\nimport CalendarIcon from '@resources/asset/CalendarIcon.svg?react'\nimport { cn } from '@utils/cn.ts'\nimport type { DatePickerProps } from '@components/forms/date-picker/types/DatePicker.props.ts'\nimport { memo, useCallback, useMemo, useRef } from 'react'\n\n/**\n * A date picker that combines a native `type=\"date\"` text field with a\n * calendar popover.\n *\n * - Typing a valid `YYYY-MM-DD` date updates the calendar and calls `onChange`.\n * - Selecting a day in the calendar updates the input and closes the popover.\n * - Invalid or incomplete typed values are kept in the input but do not update\n *   the selected date until they become valid.\n * - Opening the popover focuses the selected day (or today), and closing it\n *   returns focus to the input.\n *\n * @example\n * ```tsx\n * const [date, setDate] = useState<Date | undefined>()\n * <DatePicker label=\"Pick a date\" value={date} onChange={setDate} />\n * ```\n */\nconst DatePicker = memo(\n    ({\n        value,\n        defaultValue,\n        onChange,\n        calendarProps,\n        id,\n        disabled,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        calendarAriaLabel = 'Calendar',\n        onKeyDown,\n        ...textFieldProps\n    }: DatePickerProps) => {\n        const {\n            selectedDate,\n            inputValue,\n            open,\n            inputId,\n            handleInputChange,\n            handleInputKeyDown,\n            handleCalendarSelect,\n            setOpen,\n        } = useDatePicker({ value, defaultValue, onChange, id })\n\n        const inputRef = useRef<HTMLInputElement>(null)\n        const calendarDefaultMonth = useMemo(\n            () => selectedDate ?? new Date(),\n            [selectedDate],\n        )\n\n        const handleKeyDown = useCallback(\n            (event: React.KeyboardEvent<HTMLInputElement>) => {\n                handleInputKeyDown(event)\n                onKeyDown?.(event)\n            },\n            [handleInputKeyDown, onKeyDown],\n        )\n\n        const handleInputClick = useCallback(\n            (event: React.MouseEvent<HTMLInputElement>) => {\n                // Stops mobile browsers from opening their native date picker.\n                event.preventDefault()\n            },\n            [],\n        )\n\n        const handleCalendarButtonMouseDown = useCallback(\n            (event: React.MouseEvent<HTMLButtonElement>) => {\n                event.preventDefault()\n            },\n            [],\n        )\n\n        const { className: calendarClassName, ...restCalendarProps } =\n            calendarProps ?? {}\n\n        return (\n            <Popover\n                open={open}\n                onOpenChange={setOpen}\n            >\n                <TextField\n                    {...textFieldProps}\n                    ref={inputRef}\n                    id={inputId}\n                    type={'date'}\n                    disabled={disabled}\n                    value={inputValue}\n                    onChange={handleInputChange}\n                    onKeyDown={handleKeyDown}\n                    onClick={handleInputClick}\n                    className={cn(DATE_PICKER_STYLES.input, textFieldProps.className)}\n                    aria-label={ariaLabel}\n                    aria-labelledby={ariaLabelledBy}\n                    aria-haspopup={'dialog'}\n                    endAction={\n                        <Popover.Trigger>\n                            <IconButton\n                                icon={CalendarIcon}\n                                aria-label={'Open calendar'}\n                                variant={'ghost'}\n                                color={'primary'}\n                                size={'sm'}\n                                type={'button'}\n                                disabled={disabled}\n                                onMouseDown={handleCalendarButtonMouseDown}\n                            />\n                        </Popover.Trigger>\n                    }\n                />\n\n                <Popover.Content\n                    side={'bottom'}\n                    align={'end'}\n                    padding={'none'}\n                    aria-label={calendarAriaLabel}\n                    initialFocus={false}\n                    finalFocus={inputRef}\n                >\n                    <Calendar\n                        mode={'single'}\n                        selected={selectedDate}\n                        onSelect={handleCalendarSelect}\n                        disabled={disabled}\n                        className={cn(DATE_PICKER_STYLES.calendar, calendarClassName)}\n                        {...restCalendarProps}\n                        defaultMonth={calendarDefaultMonth}\n                        autoFocus={open}\n                    />\n                </Popover.Content>\n            </Popover>\n        )\n    },\n)\n\nDatePicker.displayName = 'DatePicker'\n\nexport default DatePicker\n"],"names":["DatePicker","memo","value","defaultValue","onChange","calendarProps","id","disabled","ariaLabel","ariaLabelledBy","calendarAriaLabel","onKeyDown","textFieldProps","selectedDate","inputValue","open","inputId","handleInputChange","handleInputKeyDown","handleCalendarSelect","setOpen","useDatePicker","inputRef","useRef","calendarDefaultMonth","useMemo","handleKeyDown","useCallback","event","handleInputClick","handleCalendarButtonMouseDown","calendarClassName","restCalendarProps","jsxs","Popover","jsx","TextField","cn","DATE_PICKER_STYLES","IconButton","CalendarIcon","Calendar"],"mappings":"+mDA4BMA,EAAaC,EAAAA,KACf,CAAC,CACG,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,cAAAC,EACA,GAAAC,EACA,SAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,kBAAAC,EAAoB,WACpB,UAAAC,EACA,GAAGC,CAAA,IACgB,CACnB,KAAM,CACF,aAAAC,EACA,WAAAC,EACA,KAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,qBAAAC,EACA,QAAAC,CAAA,EACAC,EAAAA,cAAc,CAAE,MAAAnB,EAAO,aAAAC,EAAc,SAAAC,EAAU,GAAAE,EAAI,EAEjDgB,EAAWC,EAAAA,OAAyB,IAAI,EACxCC,EAAuBC,EAAAA,QACzB,IAAMZ,GAAgB,IAAI,KAC1B,CAACA,CAAY,CAAA,EAGXa,EAAgBC,EAAAA,YACjBC,GAAiD,CAC9CV,EAAmBU,CAAK,EACxBjB,IAAYiB,CAAK,CACrB,EACA,CAACV,EAAoBP,CAAS,CAAA,EAG5BkB,EAAmBF,EAAAA,YACpBC,GAA8C,CAE3CA,EAAM,eAAA,CACV,EACA,CAAA,CAAC,EAGCE,EAAgCH,EAAAA,YACjCC,GAA+C,CAC5CA,EAAM,eAAA,CACV,EACA,CAAA,CAAC,EAGC,CAAE,UAAWG,EAAmB,GAAGC,CAAA,EACrC3B,GAAiB,CAAA,EAErB,OACI4B,EAAAA,KAACC,EAAA,CACG,KAAAnB,EACA,aAAcK,EAEd,SAAA,CAAAe,EAAAA,IAACC,EAAA,CACI,GAAGxB,EACJ,IAAKU,EACL,GAAIN,EACJ,KAAM,OACN,SAAAT,EACA,MAAOO,EACP,SAAUG,EACV,UAAWS,EACX,QAASG,EACT,UAAWQ,EAAAA,GAAGC,EAAAA,mBAAmB,MAAO1B,EAAe,SAAS,EAChE,aAAYJ,EACZ,kBAAiBC,EACjB,gBAAe,SACf,UACI0B,EAAAA,IAACD,EAAQ,QAAR,CACG,SAAAC,EAAAA,IAACI,EAAA,CACG,KAAMC,EACN,aAAY,gBACZ,QAAS,QACT,MAAO,UACP,KAAM,KACN,KAAM,SACN,SAAAjC,EACA,YAAauB,CAAA,CAAA,CACjB,CACJ,CAAA,CAAA,EAIRK,EAAAA,IAACD,EAAQ,QAAR,CACG,KAAM,SACN,MAAO,MACP,QAAS,OACT,aAAYxB,EACZ,aAAc,GACd,WAAYY,EAEZ,SAAAa,EAAAA,IAACM,EAAA,CACG,KAAM,SACN,SAAU5B,EACV,SAAUM,EACV,SAAAZ,EACA,UAAW8B,EAAAA,GAAGC,qBAAmB,SAAUP,CAAiB,EAC3D,GAAGC,EACJ,aAAcR,EACd,UAAWT,CAAA,CAAA,CACf,CAAA,CACJ,CAAA,CAAA,CAGZ,CACJ,EAEAf,EAAW,YAAc"}

package/dist/components/forms/date-picker/DatePicker.js

@@ -1,29 +1,29 @@
-import { jsxs as E, jsx as e } from "react/jsx-runtime";
-import F from "../calendar/Calendar.js";
-import '../../../ui-kit98.css';import '../../../ui-kit100.css';import '../../../ui-kit60.css';import '../../../ui-kit59.css';import '../../../ui-kit2.css';import '../../../ui-kit89.css';import '../../../ui-kit82.css';import '../../../ui-kit17.css';import '../../../ui-kit43.css';import '../../../ui-kit95.css';import '../../../ui-kit28.css';import '../../../ui-kit.css';/* empty css                                         */
+import { jsxs as F, jsx as a } from "react/jsx-runtime";
+import K from "../calendar/Calendar.js";
+import '../../../ui-kit82.css';import '../../../ui-kit86.css';import '../../../ui-kit91.css';import '../../../ui-kit71.css';import '../../../ui-kit2.css';import '../../../ui-kit88.css';import '../../../ui-kit89.css';import '../../../ui-kit65.css';import '../../../ui-kit45.css';import '../../../ui-kit94.css';import '../../../ui-kit67.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                                 */
 /* empty css                                                                                */
 /* empty css                                                 */
 /* empty css                                                      */
 /* empty css                                                                                     */
 /* empty css                                                                                   */
-import K from "../text-field/TextField.js";
+import O from "../text-field/TextField.js";
 import "../text-field/styles/TextField.css.js";
 /* empty css                                             */
 /* empty css                                                               */
 /* empty css                                                                   */
 /* empty css                                                                                          */
 /* empty css                                                                                          */
-import r from "../../overlay/popover/Popover.js";
+import n from "../../overlay/popover/Popover.js";
 import "../../overlay/popover/components/content/styles/PopoverContent.css.js";
-import O from "../../actions/icon-button/IconButton.js";
+import R from "../../actions/icon-button/IconButton.js";
 import "../../actions/icon-button/styles/IconButton.css.js";
-import { useDatePicker as R } from "./hooks/useDatePicker.hook.js";
-import { DATE_PICKER_STYLES as n } from "./styles/DatePicker.css.js";
-import j from "../../../resources/asset/CalendarIcon.svg.js";
-import { cn as c } from "../../../utils/cn.js";
-import { memo as A, useRef as B, useMemo as _, useCallback as d } from "react";
-const z = A(
+import { useDatePicker as j } from "./hooks/useDatePicker.hook.js";
+import { DATE_PICKER_STYLES as c } from "./styles/DatePicker.css.js";
+import A from "../../../resources/asset/CalendarIcon.svg.js";
+import { cn as d } from "../../../utils/cn.js";
+import { memo as B, useRef as _, useMemo as z, useCallback as r } from "react";
+const L = B(
   ({
     value: u,
     defaultValue: f,
@@ -39,82 +39,88 @@ const z = A(
   }) => {
     const {
       selectedDate: t,
-      inputValue: N,
+      inputValue: I,
       open: m,
-      inputId: I,
-      handleInputChange: w,
+      inputId: k,
+      handleInputChange: N,
       handleInputKeyDown: p,
-      handleCalendarSelect: M,
-      setOpen: P
-    } = R({ value: u, defaultValue: f, onChange: h, id: D }), s = B(null), S = _(
+      handleCalendarSelect: v,
+      setOpen: w
+    } = j({ value: u, defaultValue: f, onChange: h, id: D }), s = _(null), M = z(
       () => t ?? /* @__PURE__ */ new Date(),
       [t]
-    ), k = d(
-      (a) => {
-        p(a), l?.(a);
+    ), P = r(
+      (e) => {
+        p(e), l?.(e);
       },
       [p, l]
-    ), v = d(
-      (a) => {
-        a.preventDefault();
+    ), S = r(
+      (e) => {
+        e.preventDefault();
       },
       []
-    ), { className: T, ...x } = C ?? {};
-    return /* @__PURE__ */ E(
-      r,
+    ), T = r(
+      (e) => {
+        e.preventDefault();
+      },
+      []
+    ), { className: x, ...E } = C ?? {};
+    return /* @__PURE__ */ F(
+      n,
       {
         open: m,
-        onOpenChange: P,
+        onOpenChange: w,
         children: [
-          /* @__PURE__ */ e(
-            K,
+          /* @__PURE__ */ a(
+            O,
             {
               ...i,
               ref: s,
-              id: I,
+              id: k,
               type: "date",
               disabled: o,
-              value: N,
-              onChange: w,
-              onKeyDown: k,
-              className: c(n.input, i.className),
+              value: I,
+              onChange: N,
+              onKeyDown: P,
+              onClick: S,
+              className: d(c.input, i.className),
               "aria-label": g,
               "aria-labelledby": b,
               "aria-haspopup": "dialog",
-              endAction: /* @__PURE__ */ e(r.Trigger, { children: /* @__PURE__ */ e(
-                O,
+              endAction: /* @__PURE__ */ a(n.Trigger, { children: /* @__PURE__ */ a(
+                R,
                 {
-                  icon: j,
+                  icon: A,
                   "aria-label": "Open calendar",
                   variant: "ghost",
                   color: "primary",
                   size: "sm",
                   type: "button",
                   disabled: o,
-                  onMouseDown: v
+                  onMouseDown: T
                 }
               ) })
             }
           ),
-          /* @__PURE__ */ e(
-            r.Content,
+          /* @__PURE__ */ a(
+            n.Content,
             {
               side: "bottom",
               align: "end",
-              className: n.content,
+              padding: "none",
               "aria-label": y,
               initialFocus: !1,
               finalFocus: s,
-              children: /* @__PURE__ */ e(
-                F,
+              children: /* @__PURE__ */ a(
+                K,
                 {
                   mode: "single",
                   selected: t,
-                  onSelect: M,
+                  onSelect: v,
                   disabled: o,
-                  className: c(n.calendar, T),
-                  ...x,
-                  defaultMonth: S,
+                  className: d(c.calendar, x),
+                  ...E,
+                  defaultMonth: M,
                   autoFocus: m
                 }
               )
@@ -125,8 +131,8 @@ const z = A(
     );
   }
 );
-z.displayName = "DatePicker";
+L.displayName = "DatePicker";
 export {
-  z as default
+  L as default
 };
 //# sourceMappingURL=DatePicker.js.map

package/dist/components/forms/date-picker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/forms/date-picker/DatePicker.tsx"],"sourcesContent":["import { Calendar } from '@components/forms/calendar'\r\nimport { TextField } from '@components/forms/text-field'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { useDatePicker } from '@components/forms/date-picker/hooks/useDatePicker.hook.ts'\r\nimport { DATE_PICKER_STYLES } from '@components/forms/date-picker/styles/DatePicker.css.ts'\r\nimport CalendarIcon from '@resources/asset/CalendarIcon.svg?react'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { DatePickerProps } from '@components/forms/date-picker/types/DatePicker.props.ts'\r\nimport { memo, useCallback, useMemo, useRef } from 'react'\r\n\r\n/**\r\n * A date picker that combines a native `type=\"date\"` text field with a\r\n * calendar popover.\r\n *\r\n * - Typing a valid `YYYY-MM-DD` date updates the calendar and calls `onChange`.\r\n * - Selecting a day in the calendar updates the input and closes the popover.\r\n * - Invalid or incomplete typed values are kept in the input but do not update\r\n *   the selected date until they become valid.\r\n * - Opening the popover focuses the selected day (or today), and closing it\r\n *   returns focus to the input.\r\n *\r\n * @example\r\n * ```tsx\r\n * const [date, setDate] = useState<Date | undefined>()\r\n * <DatePicker label=\"Pick a date\" value={date} onChange={setDate} />\r\n * ```\r\n */\r\nconst DatePicker = memo(\r\n    ({\r\n        value,\r\n        defaultValue,\r\n        onChange,\r\n        calendarProps,\r\n        id,\r\n        disabled,\r\n        'aria-label': ariaLabel,\r\n        'aria-labelledby': ariaLabelledBy,\r\n        calendarAriaLabel = 'Calendar',\r\n        onKeyDown,\r\n        ...textFieldProps\r\n    }: DatePickerProps) => {\r\n        const {\r\n            selectedDate,\r\n            inputValue,\r\n            open,\r\n            inputId,\r\n            handleInputChange,\r\n            handleInputKeyDown,\r\n            handleCalendarSelect,\r\n            setOpen,\r\n        } = useDatePicker({ value, defaultValue, onChange, id })\r\n\r\n        const inputRef = useRef<HTMLInputElement>(null)\r\n        const calendarDefaultMonth = useMemo(\r\n            () => selectedDate ?? new Date(),\r\n            [selectedDate],\r\n        )\r\n\r\n        const handleKeyDown = useCallback(\r\n            (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n                handleInputKeyDown(event)\r\n                onKeyDown?.(event)\r\n            },\r\n            [handleInputKeyDown, onKeyDown],\r\n        )\r\n\r\n        const handleCalendarButtonMouseDown = useCallback(\r\n            (event: React.MouseEvent<HTMLButtonElement>) => {\r\n                event.preventDefault()\r\n            },\r\n            [],\r\n        )\r\n\r\n        const { className: calendarClassName, ...restCalendarProps } =\r\n            calendarProps ?? {}\r\n\r\n        return (\r\n            <Popover\r\n                open={open}\r\n                onOpenChange={setOpen}\r\n            >\r\n                <TextField\r\n                    {...textFieldProps}\r\n                    ref={inputRef}\r\n                    id={inputId}\r\n                    type={'date'}\r\n                    disabled={disabled}\r\n                    value={inputValue}\r\n                    onChange={handleInputChange}\r\n                    onKeyDown={handleKeyDown}\r\n                    className={cn(DATE_PICKER_STYLES.input, textFieldProps.className)}\r\n                    aria-label={ariaLabel}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    aria-haspopup={'dialog'}\r\n                    endAction={\r\n                        <Popover.Trigger>\r\n                            <IconButton\r\n                                icon={CalendarIcon}\r\n                                aria-label={'Open calendar'}\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                type={'button'}\r\n                                disabled={disabled}\r\n                                onMouseDown={handleCalendarButtonMouseDown}\r\n                            />\r\n                        </Popover.Trigger>\r\n                    }\r\n                />\r\n\r\n                <Popover.Content\r\n                    side={'bottom'}\r\n                    align={'end'}\r\n                    className={DATE_PICKER_STYLES.content}\r\n                    aria-label={calendarAriaLabel}\r\n                    initialFocus={false}\r\n                    finalFocus={inputRef}\r\n                >\r\n                    <Calendar\r\n                        mode={'single'}\r\n                        selected={selectedDate}\r\n                        onSelect={handleCalendarSelect}\r\n                        disabled={disabled}\r\n                        className={cn(DATE_PICKER_STYLES.calendar, calendarClassName)}\r\n                        {...restCalendarProps}\r\n                        defaultMonth={calendarDefaultMonth}\r\n                        autoFocus={open}\r\n                    />\r\n                </Popover.Content>\r\n            </Popover>\r\n        )\r\n    },\r\n)\r\n\r\nDatePicker.displayName = 'DatePicker'\r\n\r\nexport default DatePicker\r\n"],"names":["DatePicker","memo","value","defaultValue","onChange","calendarProps","id","disabled","ariaLabel","ariaLabelledBy","calendarAriaLabel","onKeyDown","textFieldProps","selectedDate","inputValue","open","inputId","handleInputChange","handleInputKeyDown","handleCalendarSelect","setOpen","useDatePicker","inputRef","useRef","calendarDefaultMonth","useMemo","handleKeyDown","useCallback","event","handleCalendarButtonMouseDown","calendarClassName","restCalendarProps","jsxs","Popover","jsx","TextField","cn","DATE_PICKER_STYLES","IconButton","CalendarIcon","Calendar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,IAAaC;AAAA,EACf,CAAC;AAAA,IACG,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAcC;AAAA,IACd,mBAAmBC;AAAA,IACnB,mBAAAC,IAAoB;AAAA,IACpB,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACgB;AACnB,UAAM;AAAA,MACF,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,SAAAC;AAAA,IAAA,IACAC,EAAc,EAAE,OAAAnB,GAAO,cAAAC,GAAc,UAAAC,GAAU,IAAAE,GAAI,GAEjDgB,IAAWC,EAAyB,IAAI,GACxCC,IAAuBC;AAAA,MACzB,MAAMZ,KAAgB,oBAAI,KAAA;AAAA,MAC1B,CAACA,CAAY;AAAA,IAAA,GAGXa,IAAgBC;AAAA,MAClB,CAACC,MAAiD;AAC9C,QAAAV,EAAmBU,CAAK,GACxBjB,IAAYiB,CAAK;AAAA,MACrB;AAAA,MACA,CAACV,GAAoBP,CAAS;AAAA,IAAA,GAG5BkB,IAAgCF;AAAA,MAClC,CAACC,MAA+C;AAC5C,QAAAA,EAAM,eAAA;AAAA,MACV;AAAA,MACA,CAAA;AAAA,IAAC,GAGC,EAAE,WAAWE,GAAmB,GAAGC,EAAA,IACrC1B,KAAiB,CAAA;AAErB,WACI,gBAAA2B;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAAlB;AAAA,QACA,cAAcK;AAAA,QAEd,UAAA;AAAA,UAAA,gBAAAc;AAAA,YAACC;AAAA,YAAA;AAAA,cACI,GAAGvB;AAAA,cACJ,KAAKU;AAAA,cACL,IAAIN;AAAA,cACJ,MAAM;AAAA,cACN,UAAAT;AAAA,cACA,OAAOO;AAAA,cACP,UAAUG;AAAA,cACV,WAAWS;AAAA,cACX,WAAWU,EAAGC,EAAmB,OAAOzB,EAAe,SAAS;AAAA,cAChE,cAAYJ;AAAA,cACZ,mBAAiBC;AAAA,cACjB,iBAAe;AAAA,cACf,WACI,gBAAAyB,EAACD,EAAQ,SAAR,EACG,UAAA,gBAAAC;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAMC;AAAAA,kBACN,cAAY;AAAA,kBACZ,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,kBACN,MAAM;AAAA,kBACN,UAAAhC;AAAA,kBACA,aAAasB;AAAA,gBAAA;AAAA,cAAA,EACjB,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,UAIR,gBAAAK;AAAA,YAACD,EAAQ;AAAA,YAAR;AAAA,cACG,MAAM;AAAA,cACN,OAAO;AAAA,cACP,WAAWI,EAAmB;AAAA,cAC9B,cAAY3B;AAAA,cACZ,cAAc;AAAA,cACd,YAAYY;AAAA,cAEZ,UAAA,gBAAAY;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACG,MAAM;AAAA,kBACN,UAAU3B;AAAA,kBACV,UAAUM;AAAA,kBACV,UAAAZ;AAAA,kBACA,WAAW6B,EAAGC,EAAmB,UAAUP,CAAiB;AAAA,kBAC3D,GAAGC;AAAA,kBACJ,cAAcP;AAAA,kBACd,WAAWT;AAAA,gBAAA;AAAA,cAAA;AAAA,YACf;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEAf,EAAW,cAAc;"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/forms/date-picker/DatePicker.tsx"],"sourcesContent":["import { Calendar } from '@components/forms/calendar'\nimport { TextField } from '@components/forms/text-field'\nimport { Popover } from '@components/overlay/popover'\nimport { IconButton } from '@components/actions/icon-button'\nimport { useDatePicker } from '@components/forms/date-picker/hooks/useDatePicker.hook.ts'\nimport { DATE_PICKER_STYLES } from '@components/forms/date-picker/styles/DatePicker.css.ts'\nimport CalendarIcon from '@resources/asset/CalendarIcon.svg?react'\nimport { cn } from '@utils/cn.ts'\nimport type { DatePickerProps } from '@components/forms/date-picker/types/DatePicker.props.ts'\nimport { memo, useCallback, useMemo, useRef } from 'react'\n\n/**\n * A date picker that combines a native `type=\"date\"` text field with a\n * calendar popover.\n *\n * - Typing a valid `YYYY-MM-DD` date updates the calendar and calls `onChange`.\n * - Selecting a day in the calendar updates the input and closes the popover.\n * - Invalid or incomplete typed values are kept in the input but do not update\n *   the selected date until they become valid.\n * - Opening the popover focuses the selected day (or today), and closing it\n *   returns focus to the input.\n *\n * @example\n * ```tsx\n * const [date, setDate] = useState<Date | undefined>()\n * <DatePicker label=\"Pick a date\" value={date} onChange={setDate} />\n * ```\n */\nconst DatePicker = memo(\n    ({\n        value,\n        defaultValue,\n        onChange,\n        calendarProps,\n        id,\n        disabled,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        calendarAriaLabel = 'Calendar',\n        onKeyDown,\n        ...textFieldProps\n    }: DatePickerProps) => {\n        const {\n            selectedDate,\n            inputValue,\n            open,\n            inputId,\n            handleInputChange,\n            handleInputKeyDown,\n            handleCalendarSelect,\n            setOpen,\n        } = useDatePicker({ value, defaultValue, onChange, id })\n\n        const inputRef = useRef<HTMLInputElement>(null)\n        const calendarDefaultMonth = useMemo(\n            () => selectedDate ?? new Date(),\n            [selectedDate],\n        )\n\n        const handleKeyDown = useCallback(\n            (event: React.KeyboardEvent<HTMLInputElement>) => {\n                handleInputKeyDown(event)\n                onKeyDown?.(event)\n            },\n            [handleInputKeyDown, onKeyDown],\n        )\n\n        const handleInputClick = useCallback(\n            (event: React.MouseEvent<HTMLInputElement>) => {\n                // Stops mobile browsers from opening their native date picker.\n                event.preventDefault()\n            },\n            [],\n        )\n\n        const handleCalendarButtonMouseDown = useCallback(\n            (event: React.MouseEvent<HTMLButtonElement>) => {\n                event.preventDefault()\n            },\n            [],\n        )\n\n        const { className: calendarClassName, ...restCalendarProps } =\n            calendarProps ?? {}\n\n        return (\n            <Popover\n                open={open}\n                onOpenChange={setOpen}\n            >\n                <TextField\n                    {...textFieldProps}\n                    ref={inputRef}\n                    id={inputId}\n                    type={'date'}\n                    disabled={disabled}\n                    value={inputValue}\n                    onChange={handleInputChange}\n                    onKeyDown={handleKeyDown}\n                    onClick={handleInputClick}\n                    className={cn(DATE_PICKER_STYLES.input, textFieldProps.className)}\n                    aria-label={ariaLabel}\n                    aria-labelledby={ariaLabelledBy}\n                    aria-haspopup={'dialog'}\n                    endAction={\n                        <Popover.Trigger>\n                            <IconButton\n                                icon={CalendarIcon}\n                                aria-label={'Open calendar'}\n                                variant={'ghost'}\n                                color={'primary'}\n                                size={'sm'}\n                                type={'button'}\n                                disabled={disabled}\n                                onMouseDown={handleCalendarButtonMouseDown}\n                            />\n                        </Popover.Trigger>\n                    }\n                />\n\n                <Popover.Content\n                    side={'bottom'}\n                    align={'end'}\n                    padding={'none'}\n                    aria-label={calendarAriaLabel}\n                    initialFocus={false}\n                    finalFocus={inputRef}\n                >\n                    <Calendar\n                        mode={'single'}\n                        selected={selectedDate}\n                        onSelect={handleCalendarSelect}\n                        disabled={disabled}\n                        className={cn(DATE_PICKER_STYLES.calendar, calendarClassName)}\n                        {...restCalendarProps}\n                        defaultMonth={calendarDefaultMonth}\n                        autoFocus={open}\n                    />\n                </Popover.Content>\n            </Popover>\n        )\n    },\n)\n\nDatePicker.displayName = 'DatePicker'\n\nexport default DatePicker\n"],"names":["DatePicker","memo","value","defaultValue","onChange","calendarProps","id","disabled","ariaLabel","ariaLabelledBy","calendarAriaLabel","onKeyDown","textFieldProps","selectedDate","inputValue","open","inputId","handleInputChange","handleInputKeyDown","handleCalendarSelect","setOpen","useDatePicker","inputRef","useRef","calendarDefaultMonth","useMemo","handleKeyDown","useCallback","event","handleInputClick","handleCalendarButtonMouseDown","calendarClassName","restCalendarProps","jsxs","Popover","jsx","TextField","cn","DATE_PICKER_STYLES","IconButton","CalendarIcon","Calendar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,IAAaC;AAAA,EACf,CAAC;AAAA,IACG,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAcC;AAAA,IACd,mBAAmBC;AAAA,IACnB,mBAAAC,IAAoB;AAAA,IACpB,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACgB;AACnB,UAAM;AAAA,MACF,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,SAAAC;AAAA,IAAA,IACAC,EAAc,EAAE,OAAAnB,GAAO,cAAAC,GAAc,UAAAC,GAAU,IAAAE,GAAI,GAEjDgB,IAAWC,EAAyB,IAAI,GACxCC,IAAuBC;AAAA,MACzB,MAAMZ,KAAgB,oBAAI,KAAA;AAAA,MAC1B,CAACA,CAAY;AAAA,IAAA,GAGXa,IAAgBC;AAAA,MAClB,CAACC,MAAiD;AAC9C,QAAAV,EAAmBU,CAAK,GACxBjB,IAAYiB,CAAK;AAAA,MACrB;AAAA,MACA,CAACV,GAAoBP,CAAS;AAAA,IAAA,GAG5BkB,IAAmBF;AAAA,MACrB,CAACC,MAA8C;AAE3C,QAAAA,EAAM,eAAA;AAAA,MACV;AAAA,MACA,CAAA;AAAA,IAAC,GAGCE,IAAgCH;AAAA,MAClC,CAACC,MAA+C;AAC5C,QAAAA,EAAM,eAAA;AAAA,MACV;AAAA,MACA,CAAA;AAAA,IAAC,GAGC,EAAE,WAAWG,GAAmB,GAAGC,EAAA,IACrC3B,KAAiB,CAAA;AAErB,WACI,gBAAA4B;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAAnB;AAAA,QACA,cAAcK;AAAA,QAEd,UAAA;AAAA,UAAA,gBAAAe;AAAA,YAACC;AAAA,YAAA;AAAA,cACI,GAAGxB;AAAA,cACJ,KAAKU;AAAA,cACL,IAAIN;AAAA,cACJ,MAAM;AAAA,cACN,UAAAT;AAAA,cACA,OAAOO;AAAA,cACP,UAAUG;AAAA,cACV,WAAWS;AAAA,cACX,SAASG;AAAA,cACT,WAAWQ,EAAGC,EAAmB,OAAO1B,EAAe,SAAS;AAAA,cAChE,cAAYJ;AAAA,cACZ,mBAAiBC;AAAA,cACjB,iBAAe;AAAA,cACf,WACI,gBAAA0B,EAACD,EAAQ,SAAR,EACG,UAAA,gBAAAC;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACG,MAAMC;AAAAA,kBACN,cAAY;AAAA,kBACZ,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,kBACN,MAAM;AAAA,kBACN,UAAAjC;AAAA,kBACA,aAAauB;AAAA,gBAAA;AAAA,cAAA,EACjB,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,UAIR,gBAAAK;AAAA,YAACD,EAAQ;AAAA,YAAR;AAAA,cACG,MAAM;AAAA,cACN,OAAO;AAAA,cACP,SAAS;AAAA,cACT,cAAYxB;AAAA,cACZ,cAAc;AAAA,cACd,YAAYY;AAAA,cAEZ,UAAA,gBAAAa;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACG,MAAM;AAAA,kBACN,UAAU5B;AAAA,kBACV,UAAUM;AAAA,kBACV,UAAAZ;AAAA,kBACA,WAAW8B,EAAGC,EAAmB,UAAUP,CAAiB;AAAA,kBAC3D,GAAGC;AAAA,kBACJ,cAAcR;AAAA,kBACd,WAAWT;AAAA,gBAAA;AAAA,cAAA;AAAA,YACf;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEAf,EAAW,cAAc;"}

package/dist/components/forms/date-picker/styles/DatePicker.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit49.css');;/* empty css                                */var e={input:"_6hs4r90",content:"_6hs4r91",calendar:"_6hs4r92"};exports.DATE_PICKER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit41.css');;/* empty css                                */var e={input:"_6hs4r90",content:"_6hs4r91",calendar:"_6hs4r92"};exports.DATE_PICKER_STYLES=e;
 //# sourceMappingURL=DatePicker.css.cjs.map

package/dist/components/forms/date-picker/styles/DatePicker.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit49.css';/* empty css                              */
+import '../../../../ui-kit41.css';/* empty css                              */
 var t = { input: "_6hs4r90", content: "_6hs4r91", calendar: "_6hs4r92" };
 export {
   t as DATE_PICKER_STYLES

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/ImagePickerCropDialog.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit99.css');require('../../../../../ui-kit63.css');require('../../../../../ui-kit52.css');require('../../../../../ui-kit10.css');require('../../../../../ui-kit11.css');require('../../../../../ui-kit12.css');require('../../../../../ui-kit14.css');require('../../../../../ui-kit13.css');require('../../../../../ui-kit4.css');require('../../../../../ui-kit9.css');require('../../../../../ui-kit8.css');require('../../../../../ui-kit7.css');require('../../../../../ui-kit3.css');require('../../../../../ui-kit5.css');require('../../../../../ui-kit6.css');require('../../../../../ui-kit61.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),Z=require("react-easy-crop"),t=require("react"),g=require("../../../../actions/button/Button.cjs");require("../../../../actions/button/styles/Button.css.cjs");const v=require("../../../slider/Slider.cjs");;/* empty css                                                 */;/* empty css                                                 */const z=require("../../../_shared/components/helper-text/HelperText.cjs"),G=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");const L=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const q=require("./styles/ImagePickerCropDialog.css.cjs"),O=require("../../hooks/useImagePickerCrop.hook.cjs"),o=require("../../../../overlay/dialog/Dialog.cjs");;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                            */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                          */;/* empty css                                                                      */;/* empty css                                                            */;/* empty css                                                                                           */const C=require("../../constants/imagePickerShapes.const.cjs"),h=t.memo(({file:x,aspectRatio:i,shape:c,labels:r,onCancel:P,onConfirm:I})=>{const l=t.useId(),u=t.useId(),{imageUrl:d,crop:E,setCrop:S,zoom:p,setZoom:m,croppedAreaPixels:j,handleCropComplete:_,handleMediaLoaded:A,handleMediaError:D,isProcessing:a,cropError:s,handleConfirm:b}=O.useImagePickerCrop({file:x,cropErrorLabel:r.cropError,onConfirm:I}),y=n=>{!n&&!a&&P()},k=typeof i=="number"&&Number.isFinite(i)&&i>0?i:4/3,f=c===C.IMAGE_PICKER_SHAPES.circle?"round":"rect",M=c===C.IMAGE_PICKER_SHAPES.rounded?q.IMAGE_PICKER_CROP_DIALOG_STYLES.roundedCropArea:void 0;return e.jsx(o.Dialog,{open:!0,onOpenChange:y,children:e.jsxs(o.Dialog.Content,{size:"lg","aria-labelledby":l,"aria-describedby":s?u:void 0,children:[e.jsx(o.Dialog.Header,{title:r.crop,titleProps:{id:l},showCloseButton:!1}),e.jsx(o.Dialog.Body,{padding:"lg",children:e.jsxs(L,{flexDirection:"column",gap:"md",children:[e.jsx(G,{className:q.IMAGE_PICKER_CROP_DIALOG_STYLES.viewport,children:d&&e.jsx(Z,{image:d,crop:E,zoom:p,aspect:k,minZoom:1,maxZoom:3,zoomSpeed:.1,cropShape:f,showGrid:!0,roundCropAreaPixels:!0,onCropChange:S,onZoomChange:m,onCropComplete:_,onMediaLoaded:A,mediaProps:{onError:D},cropperProps:{role:"group","aria-label":r.cropArea},classes:{cropAreaClassName:M}})}),e.jsx(v.Slider,{label:r.zoom,value:p,min:1,max:3,step:.1,showValue:!0,onValueChange:n=>{typeof n=="number"&&m(n)}}),s&&e.jsx(z,{id:u,hasError:!0,children:s})]})}),e.jsxs(o.Dialog.Footer,{children:[e.jsx(o.Dialog.Close,{children:e.jsx(g,{type:"button",label:r.cancel,variant:"outlined",color:"primary",disabled:a})}),e.jsx(g,{type:"button",label:r.apply,variant:"contained",color:"primary",disabled:!j||a,onClick:b})]})]})})});h.displayName="ImagePicker.CropDialog";exports.ImagePickerCropDialog=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit78.css');require('../../../../../ui-kit26.css');require('../../../../../ui-kit25.css');require('../../../../../ui-kit13.css');require('../../../../../ui-kit9.css');require('../../../../../ui-kit5.css');require('../../../../../ui-kit7.css');require('../../../../../ui-kit4.css');require('../../../../../ui-kit14.css');require('../../../../../ui-kit6.css');require('../../../../../ui-kit12.css');require('../../../../../ui-kit10.css');require('../../../../../ui-kit3.css');require('../../../../../ui-kit11.css');require('../../../../../ui-kit8.css');require('../../../../../ui-kit63.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),Z=require("react-easy-crop"),t=require("react"),g=require("../../../../actions/button/Button.cjs");require("../../../../actions/button/styles/Button.css.cjs");const v=require("../../../slider/Slider.cjs");;/* empty css                                                 */;/* empty css                                                 */const z=require("../../../_shared/components/helper-text/HelperText.cjs"),G=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");const L=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const q=require("./styles/ImagePickerCropDialog.css.cjs"),O=require("../../hooks/useImagePickerCrop.hook.cjs"),o=require("../../../../overlay/dialog/Dialog.cjs");;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                            */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                          */;/* empty css                                                                      */;/* empty css                                                            */;/* empty css                                                                                           */const C=require("../../constants/imagePickerShapes.const.cjs"),h=t.memo(({file:x,aspectRatio:i,shape:c,labels:r,onCancel:P,onConfirm:I})=>{const l=t.useId(),u=t.useId(),{imageUrl:d,crop:E,setCrop:S,zoom:p,setZoom:m,croppedAreaPixels:j,handleCropComplete:_,handleMediaLoaded:A,handleMediaError:D,isProcessing:a,cropError:s,handleConfirm:b}=O.useImagePickerCrop({file:x,cropErrorLabel:r.cropError,onConfirm:I}),y=n=>{!n&&!a&&P()},k=typeof i=="number"&&Number.isFinite(i)&&i>0?i:4/3,f=c===C.IMAGE_PICKER_SHAPES.circle?"round":"rect",M=c===C.IMAGE_PICKER_SHAPES.rounded?q.IMAGE_PICKER_CROP_DIALOG_STYLES.roundedCropArea:void 0;return e.jsx(o.Dialog,{open:!0,onOpenChange:y,children:e.jsxs(o.Dialog.Content,{size:"lg","aria-labelledby":l,"aria-describedby":s?u:void 0,children:[e.jsx(o.Dialog.Header,{title:r.crop,titleProps:{id:l},showCloseButton:!1}),e.jsx(o.Dialog.Body,{padding:"lg",children:e.jsxs(L,{flexDirection:"column",gap:"md",children:[e.jsx(G,{className:q.IMAGE_PICKER_CROP_DIALOG_STYLES.viewport,children:d&&e.jsx(Z,{image:d,crop:E,zoom:p,aspect:k,minZoom:1,maxZoom:3,zoomSpeed:.1,cropShape:f,showGrid:!0,roundCropAreaPixels:!0,onCropChange:S,onZoomChange:m,onCropComplete:_,onMediaLoaded:A,mediaProps:{onError:D},cropperProps:{role:"group","aria-label":r.cropArea},classes:{cropAreaClassName:M}})}),e.jsx(v.Slider,{label:r.zoom,value:p,min:1,max:3,step:.1,showValue:!0,onValueChange:n=>{typeof n=="number"&&m(n)}}),s&&e.jsx(z,{id:u,hasError:!0,children:s})]})}),e.jsxs(o.Dialog.Footer,{children:[e.jsx(o.Dialog.Close,{children:e.jsx(g,{type:"button",label:r.cancel,variant:"outlined",color:"primary",disabled:a})}),e.jsx(g,{type:"button",label:r.apply,variant:"contained",color:"primary",disabled:!j||a,onClick:b})]})]})})});h.displayName="ImagePicker.CropDialog";exports.ImagePickerCropDialog=h;
 //# sourceMappingURL=ImagePickerCropDialog.cjs.map

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/ImagePickerCropDialog.js

@@ -4,7 +4,7 @@ import { memo as k, useId as u } from "react";
 import h from "../../../../actions/button/Button.js";
 import "../../../../actions/button/styles/Button.css.js";
 import { Slider as w } from "../../../slider/Slider.js";
-import '../../../../../ui-kit99.css';import '../../../../../ui-kit63.css';import '../../../../../ui-kit52.css';import '../../../../../ui-kit10.css';import '../../../../../ui-kit11.css';import '../../../../../ui-kit12.css';import '../../../../../ui-kit14.css';import '../../../../../ui-kit13.css';import '../../../../../ui-kit4.css';import '../../../../../ui-kit9.css';import '../../../../../ui-kit8.css';import '../../../../../ui-kit7.css';import '../../../../../ui-kit3.css';import '../../../../../ui-kit5.css';import '../../../../../ui-kit6.css';import '../../../../../ui-kit61.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit78.css';import '../../../../../ui-kit26.css';import '../../../../../ui-kit25.css';import '../../../../../ui-kit13.css';import '../../../../../ui-kit9.css';import '../../../../../ui-kit5.css';import '../../../../../ui-kit7.css';import '../../../../../ui-kit4.css';import '../../../../../ui-kit14.css';import '../../../../../ui-kit6.css';import '../../../../../ui-kit12.css';import '../../../../../ui-kit10.css';import '../../../../../ui-kit3.css';import '../../../../../ui-kit11.css';import '../../../../../ui-kit8.css';import '../../../../../ui-kit63.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                               */
 import B from "../../../_shared/components/helper-text/HelperText.js";
 import G from "../../../../layout/box/Box.js";

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/styles/ImagePickerCropDialog.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit169.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                           */var e={viewport:"_1ntw4980",roundedCropArea:"_1ntw4981"};exports.IMAGE_PICKER_CROP_DIALOG_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit171.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                           */var e={viewport:"_1ntw4980",roundedCropArea:"_1ntw4981"};exports.IMAGE_PICKER_CROP_DIALOG_STYLES=e;
 //# sourceMappingURL=ImagePickerCropDialog.css.cjs.map

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/styles/ImagePickerCropDialog.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit169.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit171.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                         */
 var t = { viewport: "_1ntw4980", roundedCropArea: "_1ntw4981" };
 export {

package/dist/components/forms/image-picker/styles/ImagePicker.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit66.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={root:"_8x2wlj1",wrapper:"_8x2wlj2",preview:e.createRuntimeFn({defaultClassName:"_8x2wlj3",variantClassNames:{shape:{square:"_8x2wlj4",rounded:"_8x2wlj5",circle:"_8x2wlj6"}},defaultVariants:{shape:"rounded"},compoundVariants:[]}),empty:"_8x2wlj7",emptyIcon:"_8x2wlj8",emptyText:"_8x2wlj9",image:"_8x2wlja",scrim:"_8x2wljb",scrimText:"_8x2wljc",removeButton:e.createRuntimeFn({defaultClassName:"_8x2wljd",variantClassNames:{shape:{square:"_8x2wlje",rounded:"_8x2wljf",circle:"_8x2wljg"}},defaultVariants:{shape:"rounded"},compoundVariants:[]}),actions:"_8x2wljh",visuallyHidden:"_8x2wlji",input:"_8x2wljj"};exports.IMAGE_PICKER_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit55.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={root:"_8x2wlj1",wrapper:"_8x2wlj2",preview:e.createRuntimeFn({defaultClassName:"_8x2wlj3",variantClassNames:{shape:{square:"_8x2wlj4",rounded:"_8x2wlj5",circle:"_8x2wlj6"}},defaultVariants:{shape:"rounded"},compoundVariants:[]}),empty:"_8x2wlj7",emptyIcon:"_8x2wlj8",emptyText:"_8x2wlj9",image:"_8x2wlja",scrim:"_8x2wljb",scrimText:"_8x2wljc",removeButton:e.createRuntimeFn({defaultClassName:"_8x2wljd",variantClassNames:{shape:{square:"_8x2wlje",rounded:"_8x2wljf",circle:"_8x2wljg"}},defaultVariants:{shape:"rounded"},compoundVariants:[]}),actions:"_8x2wljh",visuallyHidden:"_8x2wlji",input:"_8x2wljj"};exports.IMAGE_PICKER_STYLES=a;
 //# sourceMappingURL=ImagePicker.css.cjs.map

package/dist/components/forms/image-picker/styles/ImagePicker.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit66.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit55.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                               */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = { root: "_8x2wlj1", wrapper: "_8x2wlj2", preview: a({ defaultClassName: "_8x2wlj3", variantClassNames: { shape: { square: "_8x2wlj4", rounded: "_8x2wlj5", circle: "_8x2wlj6" } }, defaultVariants: { shape: "rounded" }, compoundVariants: [] }), empty: "_8x2wlj7", emptyIcon: "_8x2wlj8", emptyText: "_8x2wlj9", image: "_8x2wlja", scrim: "_8x2wljb", scrimText: "_8x2wljc", removeButton: a({ defaultClassName: "_8x2wljd", variantClassNames: { shape: { square: "_8x2wlje", rounded: "_8x2wljf", circle: "_8x2wljg" } }, defaultVariants: { shape: "rounded" }, compoundVariants: [] }), actions: "_8x2wljh", visuallyHidden: "_8x2wlji", input: "_8x2wljj" };

package/dist/components/forms/index.d.ts

@@ -11,5 +11,6 @@ export * from './slider';
 export * from './switch';
 export * from './text-area';
 export * from './text-field';
+export * from './time-picker';
 export * from './number-field';
 export * from './_shared';

package/dist/components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit129.css');;/* empty css                                      */var e={group:"c0w2cl0"};exports.NUMBER_FIELD_INPUT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit133.css');;/* empty css                                      */var e={group:"c0w2cl0"};exports.NUMBER_FIELD_INPUT_STYLES=e;
 //# sourceMappingURL=NumberFieldInput.css.cjs.map

package/dist/components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit129.css';/* empty css                                    */
+import '../../../../../../ui-kit133.css';/* empty css                                    */
 var o = { group: "c0w2cl0" };
 export {
   o as NUMBER_FIELD_INPUT_STYLES

package/dist/components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit162.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                         */var e={group:"_1sbt75z0",button:"_1sbt75z1",icon:"_1sbt75z2"};exports.NUMBER_FIELD_STEPPERS_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit169.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                         */var e={group:"_1sbt75z0",button:"_1sbt75z1",icon:"_1sbt75z2"};exports.NUMBER_FIELD_STEPPERS_STYLES=e;
 //# sourceMappingURL=NumberFieldSteppers.css.cjs.map

package/dist/components/forms/number-field/components/number-field-steppers/styles/NumberFieldSteppers.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit162.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit169.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                       */
 var _ = { group: "_1sbt75z0", button: "_1sbt75z1", icon: "_1sbt75z2" };
 export {

package/dist/components/forms/number-field/styles/NumberField.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit15.css');;/* empty css                                 */var e={root:"_1g01svz0"};exports.NUMBER_FIELD_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit32.css');;/* empty css                                 */var e={root:"_1g01svz0"};exports.NUMBER_FIELD_STYLES=e;
 //# sourceMappingURL=NumberField.css.cjs.map

package/dist/components/forms/number-field/styles/NumberField.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit15.css';/* empty css                               */
+import '../../../../ui-kit32.css';/* empty css                               */
 var r = { root: "_1g01svz0" };
 export {
   r as NUMBER_FIELD_STYLES

package/dist/components/forms/radio-group/components/radio-item/styles/RadioItem.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit86.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                               */var e={root:"_57s3sx0",indicator:"_57s3sx1",label:"_57s3sx2"};exports.RADIO_ITEM_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit106.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                               */var e={root:"_57s3sx0",indicator:"_57s3sx1",label:"_57s3sx2"};exports.RADIO_ITEM_STYLES=e;
 //# sourceMappingURL=RadioItem.css.cjs.map

package/dist/components/forms/radio-group/components/radio-item/styles/RadioItem.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit86.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit106.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                             */
 var s = { root: "_57s3sx0", indicator: "_57s3sx1", label: "_57s3sx2" };
 export {

package/dist/components/forms/rich-text-editor/RichTextEditor.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit60.css');require('../../../ui-kit59.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const G=require("react/jsx-runtime"),t=require("react"),k=require("./components/alignment-group/AlignmentGroup.cjs"),y=require("./components/block-format-group/BlockFormatGroup.cjs"),U=require("./components/editor-field/EditorField.cjs"),A=require("./components/helper-text/HelperText.cjs"),F=require("./components/history-group/HistoryGroup.cjs"),H=require("./components/history-group/Undo.cjs"),D=require("./components/history-group/Redo.cjs"),g=require("./components/image-group/ImageGroup.cjs"),C=require("./components/link-group/LinkGroup.cjs"),O=require("./components/link-group/SetLink.cjs"),f=require("./components/link-group/UnsetLink.cjs"),v=require("./components/lists-group/ListsGroup.cjs"),B=require("./components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                 */;/* empty css                                                                     */const N=require("./components/read-only-field/ReadOnlyField.cjs"),j=require("./components/text-appearance-group/TextAppearanceGroup.cjs"),X=require("./components/text-style-group/TextStyleGroup.cjs"),r=require("./components/text-style-group/TextStyleAction.cjs"),M=require("./components/toolbar/Toolbar.cjs"),P=require("./components/toolbar-groups/ToolbarGroups.cjs"),Y=require("./components/toolbar-group/ToolbarGroup.cjs"),J=require("./components/toolbar-separator/ToolbarSeparator.cjs"),V=require("./context/RichTextEditor.context.cjs"),z=require("../../../utils/cn.cjs"),K=require("./constants/richTextEmptyDocument.const.cjs"),Q=require("./constants/richTextEditorDefaultLabels.const.cjs"),W=require("./styles/RichTextEditor.css.cjs"),Z=require("./hooks/useRichTextEditor.hook.cjs"),e=t.memo(({value:i,defaultValue:n,onValueChange:R,onImageUpload:_,label:s,helperText:c,error:u,placeholder:m,disabled:l=!1,readOnly:T=!1,required:a=!1,width:d,className:I,name:L,labels:S,"aria-label":q,"aria-labelledby":p,children:b})=>{const x=t.useId(),E=t.useId(),o=Z.useRichTextEditor({value:i,defaultValue:n,onValueChange:R,disabled:l,readOnly:T,required:a,label:s,placeholder:m,error:u,helperText:c,labelId:x,helperId:E,ariaLabel:q,ariaLabelledBy:p}),h={editor:o,disabled:l,readOnly:T,onImageUpload:_,label:s,helperText:c,error:u,ariaLabel:q,ariaLabelledBy:p,labelId:x,helperId:E,name:L,required:a,renderedValue:o?.getJSON()??i??n??K.EMPTY_RICH_TEXT_DOCUMENT,labels:{...Q.RICH_TEXT_EDITOR_DEFAULT_LABELS,...S}};return o?G.jsx(V.RichTextEditorContext.Provider,{value:h,children:G.jsx("div",{className:z.cn(W.RICH_TEXT_EDITOR_STYLES.root,I),style:d!==void 0?{width:d}:void 0,children:b})}):null});e.displayName="RichTextEditor";e.Label=B;e.EditorField=U;e.ReadOnlyField=N;e.HelperText=A;e.Toolbar=M;e.ToolbarGroups=P;e.ToolbarGroup=Y;e.ToolbarSeparator=J;e.HistoryGroup=F;e.Undo=H;e.Redo=D;e.TextStyleGroup=X;e.Bold=r.Bold;e.Italic=r.Italic;e.Underline=r.Underline;e.Strike=r.Strike;e.TextAppearanceGroup=j;e.LinkGroup=C;e.SetLink=O;e.UnsetLink=f;e.BlockFormatGroup=y;e.ListsGroup=v;e.AlignmentGroup=k;e.ImageGroup=g;module.exports=e;
+"use strict";require('../../../ui-kit91.css');require('../../../ui-kit71.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const G=require("react/jsx-runtime"),t=require("react"),k=require("./components/alignment-group/AlignmentGroup.cjs"),y=require("./components/block-format-group/BlockFormatGroup.cjs"),U=require("./components/editor-field/EditorField.cjs"),A=require("./components/helper-text/HelperText.cjs"),F=require("./components/history-group/HistoryGroup.cjs"),H=require("./components/history-group/Undo.cjs"),D=require("./components/history-group/Redo.cjs"),g=require("./components/image-group/ImageGroup.cjs"),C=require("./components/link-group/LinkGroup.cjs"),O=require("./components/link-group/SetLink.cjs"),f=require("./components/link-group/UnsetLink.cjs"),v=require("./components/lists-group/ListsGroup.cjs"),B=require("./components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                 */;/* empty css                                                                     */const N=require("./components/read-only-field/ReadOnlyField.cjs"),j=require("./components/text-appearance-group/TextAppearanceGroup.cjs"),X=require("./components/text-style-group/TextStyleGroup.cjs"),r=require("./components/text-style-group/TextStyleAction.cjs"),M=require("./components/toolbar/Toolbar.cjs"),P=require("./components/toolbar-groups/ToolbarGroups.cjs"),Y=require("./components/toolbar-group/ToolbarGroup.cjs"),J=require("./components/toolbar-separator/ToolbarSeparator.cjs"),V=require("./context/RichTextEditor.context.cjs"),z=require("../../../utils/cn.cjs"),K=require("./constants/richTextEmptyDocument.const.cjs"),Q=require("./constants/richTextEditorDefaultLabels.const.cjs"),W=require("./styles/RichTextEditor.css.cjs"),Z=require("./hooks/useRichTextEditor.hook.cjs"),e=t.memo(({value:i,defaultValue:n,onValueChange:R,onImageUpload:_,label:s,helperText:c,error:u,placeholder:m,disabled:l=!1,readOnly:T=!1,required:a=!1,width:d,className:I,name:L,labels:S,"aria-label":q,"aria-labelledby":p,children:b})=>{const x=t.useId(),E=t.useId(),o=Z.useRichTextEditor({value:i,defaultValue:n,onValueChange:R,disabled:l,readOnly:T,required:a,label:s,placeholder:m,error:u,helperText:c,labelId:x,helperId:E,ariaLabel:q,ariaLabelledBy:p}),h={editor:o,disabled:l,readOnly:T,onImageUpload:_,label:s,helperText:c,error:u,ariaLabel:q,ariaLabelledBy:p,labelId:x,helperId:E,name:L,required:a,renderedValue:o?.getJSON()??i??n??K.EMPTY_RICH_TEXT_DOCUMENT,labels:{...Q.RICH_TEXT_EDITOR_DEFAULT_LABELS,...S}};return o?G.jsx(V.RichTextEditorContext.Provider,{value:h,children:G.jsx("div",{className:z.cn(W.RICH_TEXT_EDITOR_STYLES.root,I),style:d!==void 0?{width:d}:void 0,children:b})}):null});e.displayName="RichTextEditor";e.Label=B;e.EditorField=U;e.ReadOnlyField=N;e.HelperText=A;e.Toolbar=M;e.ToolbarGroups=P;e.ToolbarGroup=Y;e.ToolbarSeparator=J;e.HistoryGroup=F;e.Undo=H;e.Redo=D;e.TextStyleGroup=X;e.Bold=r.Bold;e.Italic=r.Italic;e.Underline=r.Underline;e.Strike=r.Strike;e.TextAppearanceGroup=j;e.LinkGroup=C;e.SetLink=O;e.UnsetLink=f;e.BlockFormatGroup=y;e.ListsGroup=v;e.AlignmentGroup=k;e.ImageGroup=g;module.exports=e;
 //# sourceMappingURL=RichTextEditor.cjs.map

package/dist/components/forms/rich-text-editor/RichTextEditor.js

@@ -13,7 +13,7 @@ import v from "./components/link-group/SetLink.js";
 import B from "./components/link-group/UnsetLink.js";
 import D from "./components/lists-group/ListsGroup.js";
 import N from "./components/rich-text-editor-label/RichTextEditorLabel.js";
-import '../../../ui-kit60.css';import '../../../ui-kit59.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit91.css';import '../../../ui-kit71.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                               */
 /* empty css                                                                   */

package/dist/components/forms/rich-text-editor/RichTextEditorField.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit60.css');require('../../../ui-kit59.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),c=require("react"),l=require("./RichTextEditor.cjs"),d=require("./components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                 */;/* empty css                                                                     */const o=require("./components/editor-field/EditorField.cjs"),a=require("./components/helper-text/HelperText.cjs"),u=require("./components/read-only-field/ReadOnlyField.cjs"),x=require("./components/toolbar/Toolbar.cjs"),q=require("./components/toolbar-groups/ToolbarGroups.cjs"),n=c.memo(r=>{const t=r.label,i=r.readOnly??!1,s=e.jsxs(e.Fragment,{children:[t&&e.jsx(d,{disabled:i?!1:r.disabled,children:t}),i?e.jsx(u,{}):e.jsxs(e.Fragment,{children:[e.jsx(x,{children:e.jsx(q,{})}),e.jsx(o,{})]}),e.jsx(a,{})]});return t!==void 0||r["aria-label"]!==void 0?e.jsx(l,{...r,readOnly:i,children:s}):e.jsx(l,{...r,readOnly:i,children:s})});n.displayName="RichTextEditorField";module.exports=n;
+"use strict";require('../../../ui-kit91.css');require('../../../ui-kit71.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),c=require("react"),l=require("./RichTextEditor.cjs"),d=require("./components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                 */;/* empty css                                                                     */const o=require("./components/editor-field/EditorField.cjs"),a=require("./components/helper-text/HelperText.cjs"),u=require("./components/read-only-field/ReadOnlyField.cjs"),x=require("./components/toolbar/Toolbar.cjs"),q=require("./components/toolbar-groups/ToolbarGroups.cjs"),n=c.memo(r=>{const t=r.label,i=r.readOnly??!1,s=e.jsxs(e.Fragment,{children:[t&&e.jsx(d,{disabled:i?!1:r.disabled,children:t}),i?e.jsx(u,{}):e.jsxs(e.Fragment,{children:[e.jsx(x,{children:e.jsx(q,{})}),e.jsx(o,{})]}),e.jsx(a,{})]});return t!==void 0||r["aria-label"]!==void 0?e.jsx(l,{...r,readOnly:i,children:s}):e.jsx(l,{...r,readOnly:i,children:s})});n.displayName="RichTextEditorField";module.exports=n;
 //# sourceMappingURL=RichTextEditorField.cjs.map

package/dist/components/forms/rich-text-editor/RichTextEditorField.js

@@ -2,7 +2,7 @@ import { jsxs as l, Fragment as m, jsx as r } from "react/jsx-runtime";
 import { memo as a } from "react";
 import d from "./RichTextEditor.js";
 import n from "./components/rich-text-editor-label/RichTextEditorLabel.js";
-import '../../../ui-kit60.css';import '../../../ui-kit59.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit91.css';import '../../../ui-kit71.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                               */
 /* empty css                                                                   */

package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit73.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),s=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const l=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */require("../../../../overlay/dropdown-menu/index.cjs");const d=require("react"),g=require("../../../../../resources/asset/AlignCenterIcon.svg.cjs"),p=require("../../../../../resources/asset/AlignJustifyIcon.svg.cjs"),c=require("../../../../../resources/asset/AlignLeftIcon.svg.cjs"),h=require("../../../../../resources/asset/AlignRightIcon.svg.cjs"),j=require("../../context/RichTextEditor.context.cjs"),y=require("./styles/AlignmentGroup.css.cjs"),o=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),x=({presentation:f="menu"})=>{const{editor:n,disabled:r,labels:t}=j.useRichTextEditorContext(),[u,m]=d.useState(!1);if(!n)return null;const a=n.getAttributes("paragraph").textAlign??n.getAttributes("heading").textAlign??"left";return e.jsx("div",{className:y.ALIGNMENT_GROUP_STYLES.root,role:"group","aria-label":t.alignmentGroup,children:f==="inline"?e.jsxs(e.Fragment,{children:[e.jsx(l,{content:t.alignLeft,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(s,{type:"button",icon:c,"aria-label":t.alignLeft,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("left").run()})}),e.jsx(l,{content:t.alignCenter,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(s,{type:"button",icon:g,"aria-label":t.alignCenter,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("center").run()})}),e.jsx(l,{content:t.alignRight,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(s,{type:"button",icon:h,"aria-label":t.alignRight,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("right").run()})}),e.jsx(l,{content:t.justify,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(s,{type:"button",icon:p,"aria-label":t.justify,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("justify").run()})})]}):e.jsxs(o,{modal:!1,open:u,onOpenChange:m,children:[e.jsx(l,{content:t.alignmentTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(o.Trigger,{children:e.jsx(s,{type:"button",icon:c,"aria-label":t.alignmentTrigger,variant:"ghost",color:"primary",size:"sm",active:u,disabled:r})})}),e.jsxs(o.Content,{"aria-label":t.alignmentOptions,children:[e.jsx(o.Item,{label:t.alignLeft,startIcon:c,active:a==="left",onClick:()=>n.chain().focus().setTextAlign("left").run()}),e.jsx(o.Item,{label:t.alignCenter,startIcon:g,active:a==="center",onClick:()=>n.chain().focus().setTextAlign("center").run()}),e.jsx(o.Item,{label:t.alignRight,startIcon:h,active:a==="right",onClick:()=>n.chain().focus().setTextAlign("right").run()}),e.jsx(o.Item,{label:t.justify,startIcon:p,active:a==="justify",onClick:()=>n.chain().focus().setTextAlign("justify").run()})]})]})})};x.displayName="RichTextEditor.AlignmentGroup";module.exports=x;
+"use strict";require('../../../../../ui-kit22.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),s=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const l=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */require("../../../../overlay/dropdown-menu/index.cjs");const d=require("react"),g=require("../../../../../resources/asset/AlignCenterIcon.svg.cjs"),p=require("../../../../../resources/asset/AlignJustifyIcon.svg.cjs"),c=require("../../../../../resources/asset/AlignLeftIcon.svg.cjs"),h=require("../../../../../resources/asset/AlignRightIcon.svg.cjs"),j=require("../../context/RichTextEditor.context.cjs"),y=require("./styles/AlignmentGroup.css.cjs"),o=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),x=({presentation:f="menu"})=>{const{editor:n,disabled:r,labels:t}=j.useRichTextEditorContext(),[u,m]=d.useState(!1);if(!n)return null;const a=n.getAttributes("paragraph").textAlign??n.getAttributes("heading").textAlign??"left";return e.jsx("div",{className:y.ALIGNMENT_GROUP_STYLES.root,role:"group","aria-label":t.alignmentGroup,children:f==="inline"?e.jsxs(e.Fragment,{children:[e.jsx(l,{content:t.alignLeft,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(s,{type:"button",icon:c,"aria-label":t.alignLeft,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("left").run()})}),e.jsx(l,{content:t.alignCenter,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(s,{type:"button",icon:g,"aria-label":t.alignCenter,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("center").run()})}),e.jsx(l,{content:t.alignRight,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(s,{type:"button",icon:h,"aria-label":t.alignRight,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("right").run()})}),e.jsx(l,{content:t.justify,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(s,{type:"button",icon:p,"aria-label":t.justify,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("justify").run()})})]}):e.jsxs(o,{modal:!1,open:u,onOpenChange:m,children:[e.jsx(l,{content:t.alignmentTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(o.Trigger,{children:e.jsx(s,{type:"button",icon:c,"aria-label":t.alignmentTrigger,variant:"ghost",color:"primary",size:"sm",active:u,disabled:r})})}),e.jsxs(o.Content,{"aria-label":t.alignmentOptions,children:[e.jsx(o.Item,{label:t.alignLeft,startIcon:c,active:a==="left",onClick:()=>n.chain().focus().setTextAlign("left").run()}),e.jsx(o.Item,{label:t.alignCenter,startIcon:g,active:a==="center",onClick:()=>n.chain().focus().setTextAlign("center").run()}),e.jsx(o.Item,{label:t.alignRight,startIcon:h,active:a==="right",onClick:()=>n.chain().focus().setTextAlign("right").run()}),e.jsx(o.Item,{label:t.justify,startIcon:p,active:a==="justify",onClick:()=>n.chain().focus().setTextAlign("justify").run()})]})]})})};x.displayName="RichTextEditor.AlignmentGroup";module.exports=x;
 //# sourceMappingURL=AlignmentGroup.cjs.map

package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.js

@@ -3,7 +3,7 @@ import a from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import l from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit73.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit22.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import "../../../../overlay/dropdown-menu/index.js";
 import { useState as b } from "react";

package/dist/components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit141.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                    */var e={root:"_1hfg1yn0"};exports.ALIGNMENT_GROUP_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit131.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                    */var e={root:"_1hfg1yn0"};exports.ALIGNMENT_GROUP_STYLES=e;
 //# sourceMappingURL=AlignmentGroup.css.cjs.map

package/dist/components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit141.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit131.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                  */
 var t = { root: "_1hfg1yn0" };
 export {