@veracity/vui 3.2.0 → 4.0.0-floatinguitake3.2154362

package/dist/buttonToggleGroup/buttonToggleGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonToggleGroup.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAOa,OAAA,CAAA,KAAA,CAAA,iBAA4B,CAAA,CAAA;UAAA,yBAAsB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"buttonToggleGroup.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAOa,cAAA,iBAA4B,EAAA;UAAA,yBAAsB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/buttonToggleGroup/buttonToggleGroup.js

@@ -19,5 +19,5 @@ ButtonToggleGroup.displayName = "ButtonToggleGroup";
 
 //#endregion
 export { ButtonToggleGroup };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=buttonToggleGroup.js.map

package/dist/buttonToggleGroup/buttonToggleGroup.types.d.ts

@@ -12,4 +12,5 @@ type ButtonToggleGroupProps = ButtonGroupProps & ThemingProps<'ButtonToggleGroup
 };
 //#endregion
 export { ButtonToggleGroupProps };
+
 //# sourceMappingURL=buttonToggleGroup.types.d.ts.map

package/dist/buttonToggleGroup/buttonToggleGroup.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonToggleGroup.types.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAKY,sBAAA,CAAA,CAAA,CAAyB,mBACnC;;;EADU,cAAA,CAAA,CAAA,CAAA,OAAA;EAAyB,QAAA,CAAA,CAKvB,SALuB;CACnC"}
+{"version":3,"file":"buttonToggleGroup.types.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAKY,sBAAA,GAAyB,mBACnC;;;EADU,cAAA,CAAA,EAAA,OAAA;EAAyB,QAAA,EAKvB,SALuB;CACnC"}

package/dist/buttonToggleGroup/index.d.ts

@@ -1,2 +1,2 @@
 import { ButtonToggleGroupProps } from "./buttonToggleGroup.types.js";
-import { ButtonToggleGroup } from "./buttonToggleGroup.js";
+import { ButtonToggleGroup } from "./buttonToggleGroup.js";

package/dist/calendar/calendar.d.ts

@@ -7,4 +7,5 @@ import "../index.js";
 declare const Calendar: VuiComponent<"div", CalendarProps>;
 //#endregion
 export { Calendar };
+
 //# sourceMappingURL=calendar.d.ts.map

package/dist/calendar/calendar.js

@@ -15,7 +15,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/calendar/calendar.tsx
 /** Displays calendar. */
 const Calendar = vui((props, ref) => {
-	const { boundaries, className, fixedNumberOfWeeks = false, disabled, isStartDate, mode, onSelectDates, selectedDates,...rest } = omitThemingProps(props);
+	const { boundaries, className, fixedNumberOfWeeks = false, disabled, isStartDate, mode, onSelectDates, selectedDates, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Calendar", props);
 	const currentDateRef = useRef(isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate);
 	/**
@@ -121,5 +121,5 @@ var calendar_default = Calendar;
 
 //#endregion
 export { Calendar, calendar_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=calendar.js.map

package/dist/calendar/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","names":["dateRange: DateRange","Box","mode"],"sources":["../../src/calendar/calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { CalendarProps, DateRange, FlowDirection, TimeResult, TimeUnitMode } from './calendar.types'\nimport { CalendarHeader, DayPicker, MonthPicker, YearPicker } from './components'\nimport { useCalendar, useDefaultViewMonth } from './hooks'\nimport {\n  isDay,\n  isExact,\n  isFrom,\n  isMonth,\n  isTo,\n  isYear,\n  processSelectMonth,\n  processSelectYear,\n  processViewDate,\n} from './utils'\n\n/** Displays calendar. */\nexport const Calendar = vui<'div', CalendarProps>((props, ref) => {\n  const {\n    boundaries,\n    className,\n    fixedNumberOfWeeks = false,\n    disabled,\n    isStartDate,\n    mode,\n    onSelectDates,\n    selectedDates,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('Calendar', props)\n\n  const currentDateRef = useRef(isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate)\n\n  /**\n   * Effect to reset viewDate when selectedDates changes (onReset)\n   */\n  useEffect(() => {\n    currentDateRef.current = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate\n    currentDateRef.current && setViewDate(currentDateRef.current)\n  }, [selectedDates])\n\n  const calendarRef = useRef<TimeResult | null>(null)\n\n  const defaultViewMonth = useDefaultViewMonth({\n    boundaries,\n    selectedDate: currentDateRef.current,\n    isStartDate,\n  })\n\n  const [timeUnitMode, setTimeUnitMode] = useState<TimeUnitMode>('day')\n  const [viewDate, setViewDate] = useState<Date>(defaultViewMonth)\n\n  /**\n   * Handles clicking next/prev in header\n   */\n  const onChangeViewItem = (direction: FlowDirection) => {\n    const newViewMonth = processViewDate(viewDate, direction, timeUnitMode, calendarRef?.current?.items)\n    newViewMonth && setViewDate(newViewMonth)\n  }\n\n  /**\n   * Handles clicking on a day\n   */\n  const onSelectDay = (clickedDate: Date) => () => {\n    updateDateState(clickedDate)\n    setViewDate(clickedDate)\n  }\n\n  /**\n   * Handles clicking on a month\n   */\n  const onSelectMonth = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectMonth(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('day')\n  }\n\n  /**\n   * Handles clicking on a year\n   */\n  const onSelectYear = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectYear(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('month')\n  }\n\n  /**\n   * Send update date to parent component\n   */\n  const updateDateState = (newDate: Date) => {\n    const dateRange: DateRange = { ...selectedDates }\n\n    if (dateRange) {\n      if (isTo(mode)) dateRange.endDate = newDate\n      else dateRange.startDate = newDate\n    }\n\n    if (newDate && !disabled) onSelectDates && onSelectDates(dateRange)\n  }\n\n  const calendar = (calendarRef.current = useCalendar({\n    boundaries,\n    mode,\n    selectedDates,\n    timeUnitMode,\n    viewDate,\n    fixedNumberOfWeeks,\n  }))\n\n  return (\n    <Box\n      className={cs('vui-calendar', className)}\n      column\n      cursor=\"default\"\n      minW={280}\n      position=\"relative\"\n      ref={ref}\n      w=\"fit-content\"\n      {...styles}\n      {...rest}\n    >\n      <CalendarHeader\n        nextDisabled={calendar.nextDisabled}\n        onChangeViewItem={onChangeViewItem}\n        onSetTimeUnitMode={(mode: TimeUnitMode) => setTimeUnitMode(mode)}\n        prevDisabled={calendar.prevDisabled}\n        timeUnitMode={timeUnitMode}\n        viewMonth={viewDate}\n      />\n      {isDay(timeUnitMode) && <DayPicker calendar={calendar} onSelectDay={onSelectDay} />}\n      {isMonth(timeUnitMode) && <MonthPicker calendar={calendar} onSelectMonth={onSelectMonth} />}\n      {isYear(timeUnitMode) && <YearPicker calendar={calendar} onSelectYear={onSelectYear} />}\n    </Box>\n  )\n})\n\nCalendar.displayName = 'Calendar'\n\nexport default Calendar\n"],"mappings":";;;;;;;;;;;;;;;;AAqBA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,YACA,WACA,qBAAqB,OACrB,UACA,aACA,MACA,eACA,cACA,GAAG,SACD,iBAAiB,MAAM;CAC3B,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,MAAM,iBAAiB,OAAO,OAAO,KAAK,IAAI,QAAQ,KAAK,GAAG,eAAe,YAAY,eAAe,QAAQ;;;;AAKhH,iBAAgB;AACd,iBAAe,UAAU,OAAO,KAAK,IAAI,QAAQ,KAAK,GAAG,eAAe,YAAY,eAAe;AACnG,iBAAe,WAAW,YAAY,eAAe,QAAQ;IAC5D,CAAC,cAAc,CAAC;CAEnB,MAAM,cAAc,OAA0B,KAAK;CAEnD,MAAM,mBAAmB,oBAAoB;EAC3C;EACA,cAAc,eAAe;EAC7B;EACD,CAAC;CAEF,MAAM,CAAC,cAAc,mBAAmB,SAAuB,MAAM;CACrE,MAAM,CAAC,UAAU,eAAe,SAAe,iBAAiB;;;;CAKhE,MAAM,oBAAoB,cAA6B;EACrD,MAAM,eAAe,gBAAgB,UAAU,WAAW,cAAc,aAAa,SAAS,MAAM;AACpG,kBAAgB,YAAY,aAAa;;;;;CAM3C,MAAM,eAAe,sBAA4B;AAC/C,kBAAgB,YAAY;AAC5B,cAAY,YAAY;;;;;CAM1B,MAAM,iBAAiB,sBAA4B;EACjD,MAAM,mBAAmB,mBAAmB,aAAa,MAAM,WAAW;AAC1E,kBAAgB,iBAAiB;AACjC,cAAY,iBAAiB;AAC7B,kBAAgB,MAAM;;;;;CAMxB,MAAM,gBAAgB,sBAA4B;EAChD,MAAM,mBAAmB,kBAAkB,aAAa,MAAM,WAAW;AACzE,kBAAgB,iBAAiB;AACjC,cAAY,iBAAiB;AAC7B,kBAAgB,QAAQ;;;;;CAM1B,MAAM,mBAAmB,YAAkB;EACzC,MAAMA,YAAuB,EAAE,GAAG,eAAe;AAEjD,MAAI,UACF,KAAI,KAAK,KAAK,CAAE,WAAU,UAAU;MAC/B,WAAU,YAAY;AAG7B,MAAI,WAAW,CAAC,SAAU,kBAAiB,cAAc,UAAU;;CAGrE,MAAM,WAAY,YAAY,UAAU,YAAY;EAClD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,qBAACC;EACC,WAAW,GAAG,gBAAgB,UAAU;EACxC;EACA,QAAO;EACP,MAAM;EACN,UAAS;EACJ;EACL,GAAE;EACF,GAAI;EACJ,GAAI;;GAEJ,oBAAC;IACC,cAAc,SAAS;IACL;IAClB,oBAAoB,WAAuB,gBAAgBC,OAAK;IAChE,cAAc,SAAS;IACT;IACd,WAAW;KACX;GACD,MAAM,aAAa,IAAI,oBAAC;IAAoB;IAAuB;KAAe;GAClF,QAAQ,aAAa,IAAI,oBAAC;IAAsB;IAAyB;KAAiB;GAC1F,OAAO,aAAa,IAAI,oBAAC;IAAqB;IAAwB;KAAgB;;GACnF;EAER;AAEF,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"calendar.js","names":["dateRange: DateRange","Box","mode"],"sources":["../../src/calendar/calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { CalendarProps, DateRange, FlowDirection, TimeResult, TimeUnitMode } from './calendar.types'\nimport { CalendarHeader, DayPicker, MonthPicker, YearPicker } from './components'\nimport { useCalendar, useDefaultViewMonth } from './hooks'\nimport {\n  isDay,\n  isExact,\n  isFrom,\n  isMonth,\n  isTo,\n  isYear,\n  processSelectMonth,\n  processSelectYear,\n  processViewDate,\n} from './utils'\n\n/** Displays calendar. */\nexport const Calendar = vui<'div', CalendarProps>((props, ref) => {\n  const {\n    boundaries,\n    className,\n    fixedNumberOfWeeks = false,\n    disabled,\n    isStartDate,\n    mode,\n    onSelectDates,\n    selectedDates,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('Calendar', props)\n\n  const currentDateRef = useRef(isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate)\n\n  /**\n   * Effect to reset viewDate when selectedDates changes (onReset)\n   */\n  useEffect(() => {\n    currentDateRef.current = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate\n    currentDateRef.current && setViewDate(currentDateRef.current)\n  }, [selectedDates])\n\n  const calendarRef = useRef<TimeResult | null>(null)\n\n  const defaultViewMonth = useDefaultViewMonth({\n    boundaries,\n    selectedDate: currentDateRef.current,\n    isStartDate,\n  })\n\n  const [timeUnitMode, setTimeUnitMode] = useState<TimeUnitMode>('day')\n  const [viewDate, setViewDate] = useState<Date>(defaultViewMonth)\n\n  /**\n   * Handles clicking next/prev in header\n   */\n  const onChangeViewItem = (direction: FlowDirection) => {\n    const newViewMonth = processViewDate(viewDate, direction, timeUnitMode, calendarRef?.current?.items)\n    newViewMonth && setViewDate(newViewMonth)\n  }\n\n  /**\n   * Handles clicking on a day\n   */\n  const onSelectDay = (clickedDate: Date) => () => {\n    updateDateState(clickedDate)\n    setViewDate(clickedDate)\n  }\n\n  /**\n   * Handles clicking on a month\n   */\n  const onSelectMonth = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectMonth(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('day')\n  }\n\n  /**\n   * Handles clicking on a year\n   */\n  const onSelectYear = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectYear(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('month')\n  }\n\n  /**\n   * Send update date to parent component\n   */\n  const updateDateState = (newDate: Date) => {\n    const dateRange: DateRange = { ...selectedDates }\n\n    if (dateRange) {\n      if (isTo(mode)) dateRange.endDate = newDate\n      else dateRange.startDate = newDate\n    }\n\n    if (newDate && !disabled) onSelectDates && onSelectDates(dateRange)\n  }\n\n  const calendar = (calendarRef.current = useCalendar({\n    boundaries,\n    mode,\n    selectedDates,\n    timeUnitMode,\n    viewDate,\n    fixedNumberOfWeeks,\n  }))\n\n  return (\n    <Box\n      className={cs('vui-calendar', className)}\n      column\n      cursor=\"default\"\n      minW={280}\n      position=\"relative\"\n      ref={ref}\n      w=\"fit-content\"\n      {...styles}\n      {...rest}\n    >\n      <CalendarHeader\n        nextDisabled={calendar.nextDisabled}\n        onChangeViewItem={onChangeViewItem}\n        onSetTimeUnitMode={(mode: TimeUnitMode) => setTimeUnitMode(mode)}\n        prevDisabled={calendar.prevDisabled}\n        timeUnitMode={timeUnitMode}\n        viewMonth={viewDate}\n      />\n      {isDay(timeUnitMode) && <DayPicker calendar={calendar} onSelectDay={onSelectDay} />}\n      {isMonth(timeUnitMode) && <MonthPicker calendar={calendar} onSelectMonth={onSelectMonth} />}\n      {isYear(timeUnitMode) && <YearPicker calendar={calendar} onSelectYear={onSelectYear} />}\n    </Box>\n  )\n})\n\nCalendar.displayName = 'Calendar'\n\nexport default Calendar\n"],"mappings":";;;;;;;;;;;;;;;;AAqBA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,YACA,WACA,qBAAqB,OACrB,UACA,aACA,MACA,eACA,eACA,GAAG,SACD,iBAAiB,MAAM;CAC3B,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,MAAM,iBAAiB,OAAO,OAAO,KAAK,IAAI,QAAQ,KAAK,GAAG,eAAe,YAAY,eAAe,QAAQ;;;;AAKhH,iBAAgB;AACd,iBAAe,UAAU,OAAO,KAAK,IAAI,QAAQ,KAAK,GAAG,eAAe,YAAY,eAAe;AACnG,iBAAe,WAAW,YAAY,eAAe,QAAQ;IAC5D,CAAC,cAAc,CAAC;CAEnB,MAAM,cAAc,OAA0B,KAAK;CAEnD,MAAM,mBAAmB,oBAAoB;EAC3C;EACA,cAAc,eAAe;EAC7B;EACD,CAAC;CAEF,MAAM,CAAC,cAAc,mBAAmB,SAAuB,MAAM;CACrE,MAAM,CAAC,UAAU,eAAe,SAAe,iBAAiB;;;;CAKhE,MAAM,oBAAoB,cAA6B;EACrD,MAAM,eAAe,gBAAgB,UAAU,WAAW,cAAc,aAAa,SAAS,MAAM;AACpG,kBAAgB,YAAY,aAAa;;;;;CAM3C,MAAM,eAAe,sBAA4B;AAC/C,kBAAgB,YAAY;AAC5B,cAAY,YAAY;;;;;CAM1B,MAAM,iBAAiB,sBAA4B;EACjD,MAAM,mBAAmB,mBAAmB,aAAa,MAAM,WAAW;AAC1E,kBAAgB,iBAAiB;AACjC,cAAY,iBAAiB;AAC7B,kBAAgB,MAAM;;;;;CAMxB,MAAM,gBAAgB,sBAA4B;EAChD,MAAM,mBAAmB,kBAAkB,aAAa,MAAM,WAAW;AACzE,kBAAgB,iBAAiB;AACjC,cAAY,iBAAiB;AAC7B,kBAAgB,QAAQ;;;;;CAM1B,MAAM,mBAAmB,YAAkB;EACzC,MAAMA,YAAuB,EAAE,GAAG,eAAe;AAEjD,MAAI,UACF,KAAI,KAAK,KAAK,CAAE,WAAU,UAAU;MAC/B,WAAU,YAAY;AAG7B,MAAI,WAAW,CAAC,SAAU,kBAAiB,cAAc,UAAU;;CAGrE,MAAM,WAAY,YAAY,UAAU,YAAY;EAClD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,qBAACC;EACC,WAAW,GAAG,gBAAgB,UAAU;EACxC;EACA,QAAO;EACP,MAAM;EACN,UAAS;EACJ;EACL,GAAE;EACF,GAAI;EACJ,GAAI;;GAEJ,oBAAC;IACC,cAAc,SAAS;IACL;IAClB,oBAAoB,WAAuB,gBAAgBC,OAAK;IAChE,cAAc,SAAS;IACT;IACd,WAAW;KACX;GACD,MAAM,aAAa,IAAI,oBAAC;IAAoB;IAAuB;KAAe;GAClF,QAAQ,aAAa,IAAI,oBAAC;IAAsB;IAAyB;KAAiB;GAC1F,OAAO,aAAa,IAAI,oBAAC;IAAqB;IAAwB;KAAgB;;GACnF;EAER;AAEF,SAAS,cAAc;AAEvB,uBAAe"}

package/dist/calendar/calendar.styles.js

@@ -70,5 +70,5 @@ const CalendarItemsContainer = styled(box_default)`
 
 //#endregion
 export { CalendarItem, CalendarItemsContainer };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=calendar.styles.js.map

package/dist/calendar/calendar.types.d.ts

@@ -83,4 +83,5 @@ type CalendarProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Calendar
 };
 //#endregion
 export { CalendarMode, CalendarProps, DateRange, DefaultViewMonthProps, FlowDirection, ItemProps, MonthProps, TimeItem, TimeResult, TimeUnitMode };
+
 //# sourceMappingURL=calendar.types.d.ts.map

package/dist/calendar/calendar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.types.d.ts","names":[],"sources":["../../src/calendar/calendar.types.ts"],"sourcesContent":[],"mappings":";;;;;UAGiB,SAAA;cACH;YACF;AAFZ;AAKY,IAAA,CAAA,aAAA,CAAA,CAAA,CAAa,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA;AAMzB,CAAA,CAAA;AAEA,CAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA;AAMA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA;;AAGQ,IAAA,CAXI,YAAA,CAAA,CAAA,CAWJ,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA;AACU,SAAA,CAVD,qBAAA,CAUC;EACD,UAAA,CAAA,CAAA,CAVF,SAUE;EACL,WAAA,CAAA,CAAA,CAAA,OAAA;EAAI,YAAA,CAAA,CAAA,CATC,IASD;AAGhB;AAYiB,SAAA,CArBA,UAAA,CA2BT;EAeS,UAAA,CAAA,CAAA,CAzCF,SAyCY;EASf,kBAAY,CAAA,CAAA,CAAA,OAAA;EAEZ,IAAA,CAAA,CAlDJ,YAkDiB;EAAQ,aAAA,CAAA,CAAA,CAjDf,SAiDe;EAAL,YAAA,CAAA,CAAA,CAhDX,YAgDW;EAC1B,QAAA,CAAA,CAhDU,IAgDV;;AASQ,IAAA,CAtDE,SAAA,CAAA,CAAA,CAsDF;EAEkB,QAAA,CAAA,CAAA,CAAA,OAAA;EAER,OAAA,CAAA,CAAA,CAAA,OAAA;EAAS,UAAA,CAAA,CAAA,CAAA,OAAA;;;;;;;;UA9CZ,QAAA;;;;;;QAMT;;;;;;;;;;;;;;UAeS,UAAA;SACR;;;;;;;KAQG,YAAA,CAAA,CAAA;KAEA,aAAA,CAAA,CAAA,CAAgB,KAAK,gCAC/B;;eAEe;;;;;;;QAOP;;0BAEkB;;kBAER"}
+{"version":3,"file":"calendar.types.d.ts","names":[],"sources":["../../src/calendar/calendar.types.ts"],"sourcesContent":[],"mappings":";;;;;UAGiB,SAAA;cACH;YACF;AAFZ;AAKY,KAAA,aAAA,GAAa,MAAA,GAAA,MAAA;AAMzB;AAEA;AAMA;;AAGQ,KAXI,YAAA,GAWJ,OAAA,GAAA,MAAA,GAAA,IAAA,GAAA,OAAA;AACU,UAVD,qBAAA,CAUC;EACD,UAAA,CAAA,EAVF,SAUE;EACL,WAAA,CAAA,EAAA,OAAA;EAAI,YAAA,CAAA,EATC,IASD;AAGhB;AAYiB,UArBA,UAAA,CA2BT;EAeS,UAAA,CAAA,EAzCF,SAyCY;EASf,kBAAY,CAAA,EAAA,OAAA;EAEZ,IAAA,EAlDJ,YAkDiB;EAAQ,aAAA,CAAA,EAjDf,SAiDe;EAAL,YAAA,CAAA,EAhDX,YAgDW;EAC1B,QAAA,EAhDU,IAgDV;;AASQ,KAtDE,SAAA,GAsDF;EAEkB,QAAA,CAAA,EAAA,OAAA;EAER,OAAA,CAAA,EAAA,OAAA;EAAS,UAAA,CAAA,EAAA,OAAA;;;;;;;;UA9CZ,QAAA;;;;;;QAMT;;;;;;;;;;;;;;UAeS,UAAA;SACR;;;;;;;KAQG,YAAA;KAEA,aAAA,GAAgB,KAAK,gCAC/B;;eAEe;;;;;;;QAOP;;0BAEkB;;kBAER"}

package/dist/calendar/components/calendarHeader.js

@@ -48,5 +48,5 @@ const CalendarHeader = ({ nextDisabled, onChangeViewItem, onSetTimeUnitMode, pre
 
 //#endregion
 export { CalendarHeader };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=calendarHeader.js.map

package/dist/calendar/components/dayPicker.js

@@ -47,5 +47,5 @@ const DayPicker = ({ calendar, onSelectDay }) => /* @__PURE__ */ jsxs(DaysContai
 
 //#endregion
 export { DayPicker };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=dayPicker.js.map

package/dist/calendar/components/monthPicker.js

@@ -19,5 +19,5 @@ const MonthPicker = ({ calendar, onSelectMonth }) => /* @__PURE__ */ jsx(Calenda
 
 //#endregion
 export { MonthPicker };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=monthPicker.js.map

package/dist/calendar/components/timeUnitHeader.js

@@ -61,5 +61,5 @@ const TimeUnitHeader = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {
 
 //#endregion
 export { TimeUnitHeader };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=timeUnitHeader.js.map

package/dist/calendar/components/yearPicker.js

@@ -16,5 +16,5 @@ const YearPicker = ({ calendar, onSelectYear }) => /* @__PURE__ */ jsx(CalendarI
 
 //#endregion
 export { YearPicker };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=yearPicker.js.map

package/dist/calendar/consts.d.ts

@@ -7,4 +7,5 @@ declare const monthsShort: string[];
 declare const weekDays: string[];
 //#endregion
 export { maxDateTimestamp, minDateTimestamp, months, monthsShort, viewYears, weekDays };
+
 //# sourceMappingURL=consts.d.ts.map

package/dist/calendar/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/calendar/consts.ts"],"sourcesContent":[],"mappings":";cAAa,SAAA,CAAA,CAAA;AAAA,OAAA,CAAA,KAAA,CAEA,gBAAA,CAAA,CAAA,CAFS,CAAA,IAAA,CAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA;AAET,OAAA,CAAA,KAAA,CAEA,gBAAA,CAAA,CAAA,CAFgB,CAAA,IAAA,CAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA;AAEhB,OAAA,CAAA,KAAA,CAEA,MAFgB,CAAA,CAAA,MAAA,CAAA,CAAA;AAEhB,OAAA,CAAA,KAAA,CAeA,WAFZ,CAAA,CAAA,MAAA,CAAA,CAAA;AAEY,OAAA,CAAA,KAAA,CAEA,QAFkG,CAAA,CAAA,MAAA,CAAA,CAAA"}
+{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/calendar/consts.ts"],"sourcesContent":[],"mappings":";cAAa,SAAA;AAAA,cAEA,gBAAA,GAFS,sBAAA;AAET,cAEA,gBAAA,GAFgB,sBAAA;AAEhB,cAEA,MAFgB,EAAA,MAAA,EAAA;AAEhB,cAeA,WAFZ,EAAA,MAAA,EAAA;AAEY,cAEA,QAFkG,EAAA,MAAA,EAAA"}

package/dist/calendar/consts.js

@@ -42,5 +42,5 @@ const weekDays = [
 
 //#endregion
 export { maxDateTimestamp, minDateTimestamp, months, monthsShort, viewYears, weekDays };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/calendar/hooks/useBoundaries.js

@@ -17,5 +17,5 @@ const useBoundaries = ({ boundaries }) => {
 
 //#endregion
 export { useBoundaries };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=useBoundaries.js.map

package/dist/calendar/hooks/useCalendar.js

@@ -115,5 +115,5 @@ const useCalendar = ({ boundaries, selectedDates, mode = "exact", timeUnitMode,
 
 //#endregion
 export { useCalendar };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=useCalendar.js.map

package/dist/calendar/hooks/useDefaultViewMonth.js

@@ -15,5 +15,5 @@ const useDefaultViewMonth = ({ boundaries, selectedDate, isStartDate }) => {
 
 //#endregion
 export { useDefaultViewMonth };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=useDefaultViewMonth.js.map

package/dist/calendar/hooks/useSelectedDate.js

@@ -18,5 +18,5 @@ const useSelectedDate = ({ selectedDates, mode }) => {
 
 //#endregion
 export { useSelectedDate };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=useSelectedDate.js.map

package/dist/calendar/index.d.ts

@@ -1,3 +1,3 @@
 import { CalendarMode, CalendarProps, DateRange, DefaultViewMonthProps, FlowDirection, ItemProps, MonthProps, TimeItem, TimeResult, TimeUnitMode } from "./calendar.types.js";
 import { Calendar } from "./calendar.js";
-import { maxDateTimestamp, minDateTimestamp, months, monthsShort, viewYears, weekDays } from "./consts.js";
+import { maxDateTimestamp, minDateTimestamp, months, monthsShort, viewYears, weekDays } from "./consts.js";

package/dist/calendar/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/calendar/utils.js

@@ -65,5 +65,5 @@ const processViewDate = (viewDate, direction, timeUnitMode, calendarItems) => {
 
 //#endregion
 export { getNextDate, isDay, isExact, isFrom, isMonth, isRange, isTo, isYear, processSelectMonth, processSelectYear, processViewDate };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=utils.js.map

package/dist/card/card.d.ts

@@ -10,4 +10,5 @@ import "../index.js";
 declare const Card: VuiComponent<"div", CardProps>;
 //#endregion
 export { Card };
+
 //# sourceMappingURL=card.d.ts.map

package/dist/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/card/card.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAUa,OAAA,CAAA,KAAA,CAAA,IAAI,CAAA,CAAA,YAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SAAA,CAAA"}
+{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/card/card.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAUa,cAAA,IAAI,EAAA,YAAA,CAAA,KAAA,EAAA,SAAA,CAAA"}

package/dist/card/card.js

@@ -10,7 +10,7 @@ import { jsx } from "react/jsx-runtime";
 * Supports use cases like a single card or multiple tiles.
 */
 const Card = vui((props, ref) => {
-	const { className, isInteractive = props.onClick !== void 0,...rest } = omitThemingProps(props);
+	const { className, isInteractive = props.onClick !== void 0, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Card", props);
 	const interactiveProps = isInteractive ? {
 		cursor: "pointer",
@@ -33,5 +33,5 @@ Card.displayName = "Card";
 
 //#endregion
 export { Card };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=card.js.map

package/dist/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":["interactiveProps: Dict","Box"],"sources":["../../src/card/card.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport type { Dict } from '../utils'\nimport { cs } from '../utils'\nimport type { CardProps } from './card.types'\n\n/**\n * Displays static, partially interactive or fully interactive content, such as text, images or buttons.\n * Supports use cases like a single card or multiple tiles.\n */\nexport const Card = vui<'div', CardProps>((props, ref) => {\n  const { className, isInteractive = props.onClick !== undefined, ...rest } = omitThemingProps(props)\n\n  const styles = useStyleConfig('Card', props)\n\n  const interactiveProps: Dict = isInteractive\n    ? {\n        cursor: 'pointer',\n        focusRing: 2,\n        hoverRingColor: 'seaBlue.main',\n        hoverShadow: '3',\n        outline: 'none',\n        tabIndex: 0,\n        userSelect: 'none',\n      }\n    : {}\n\n  return <Box className={cs('vui-card', className)} ref={ref} {...styles} {...interactiveProps} {...rest} />\n})\n\nCard.displayName = 'Card'\nexport default Card\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,WAAW,gBAAgB,MAAM,YAAY,OAAW,GAAG,SAAS,iBAAiB,MAAM;CAEnG,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAMA,mBAAyB,gBAC3B;EACE,QAAQ;EACR,WAAW;EACX,gBAAgB;EAChB,aAAa;EACb,SAAS;EACT,UAAU;EACV,YAAY;EACb,GACD,EAAE;AAEN,QAAO,oBAACC;EAAI,WAAW,GAAG,YAAY,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAkB,GAAI;GAAQ;EAC1G;AAEF,KAAK,cAAc"}
+{"version":3,"file":"card.js","names":["interactiveProps: Dict","Box"],"sources":["../../src/card/card.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport type { Dict } from '../utils'\nimport { cs } from '../utils'\nimport type { CardProps } from './card.types'\n\n/**\n * Displays static, partially interactive or fully interactive content, such as text, images or buttons.\n * Supports use cases like a single card or multiple tiles.\n */\nexport const Card = vui<'div', CardProps>((props, ref) => {\n  const { className, isInteractive = props.onClick !== undefined, ...rest } = omitThemingProps(props)\n\n  const styles = useStyleConfig('Card', props)\n\n  const interactiveProps: Dict = isInteractive\n    ? {\n        cursor: 'pointer',\n        focusRing: 2,\n        hoverRingColor: 'seaBlue.main',\n        hoverShadow: '3',\n        outline: 'none',\n        tabIndex: 0,\n        userSelect: 'none',\n      }\n    : {}\n\n  return <Box className={cs('vui-card', className)} ref={ref} {...styles} {...interactiveProps} {...rest} />\n})\n\nCard.displayName = 'Card'\nexport default Card\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EAAE,WAAW,gBAAgB,MAAM,YAAY,QAAW,GAAG,SAAS,iBAAiB,MAAM;CAEnG,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAMA,mBAAyB,gBAC3B;EACE,QAAQ;EACR,WAAW;EACX,gBAAgB;EAChB,aAAa;EACb,SAAS;EACT,UAAU;EACV,YAAY;EACb,GACD,EAAE;AAEN,QAAO,oBAACC;EAAI,WAAW,GAAG,YAAY,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAkB,GAAI;GAAQ;EAC1G;AAEF,KAAK,cAAc"}

package/dist/card/card.types.d.ts

@@ -9,4 +9,5 @@ type CardProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Card'> & {
 };
 //#endregion
 export { CardProps };
+
 //# sourceMappingURL=card.types.d.ts.map

package/dist/card/card.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.types.d.ts","names":[],"sources":["../../src/card/card.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,SAAA,CAAA,CAAA,CAAY,KAAK,gCAC3B;;;AADF,CAAA"}
+{"version":3,"file":"card.types.d.ts","names":[],"sources":["../../src/card/card.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,SAAA,GAAY,KAAK,gCAC3B;;;AADF,CAAA"}

package/dist/card/index.d.ts

@@ -1,2 +1,2 @@
 import { CardProps } from "./card.types.js";
-import { Card } from "./card.js";
+import { Card } from "./card.js";

package/dist/card/theme.js

@@ -18,5 +18,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/chat/chat.d.ts

@@ -14,4 +14,5 @@ declare const Chat: VuiComponent<"div", ChatProps> & {
 };
 //#endregion
 export { Chat };
+
 //# sourceMappingURL=chat.d.ts.map

package/dist/chat/chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.d.ts","names":[],"sources":["../../src/chat/chat.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAca,OAAA,CAAA,KAAA,CAAA,IAsEZ,CAAA,CAHK,YAGL,CAAA,CAAA,GAAA,CAAA,CAAA,CAHyB,SAGzB,CAAA,CAAA,CAAA,CAAA;EAHyB,OAAA,CAAA,CAAA,MAAA,CACR,WADQ;EAApB,KAAA,CAAA,CAAA,MAAA,CAEU,SAFV;CACY"}
+{"version":3,"file":"chat.d.ts","names":[],"sources":["../../src/chat/chat.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAca,cAAA,IAsEZ,EAHK,YAGL,CAAA,KAAA,EAHyB,SAGzB,CAAA,GAAA;EAHyB,OAAA,EAAA,OACR,WADQ;EAApB,KAAA,EAAA,OAEU,SAFV;CACY"}

package/dist/chat/chat.js

@@ -13,7 +13,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Displays a chat interface with messages and actions.
 */
 const Chat = vui((props, ref) => {
-	const { className, children, inputStatus = "default", messages, helpText, maxTextareaHeight = 120, processingMessage, suggestions, onNewTopicClick, onSuggestionClick, onSend, onStop,...rest } = omitThemingProps(props);
+	const { className, children, inputStatus = "default", messages, helpText, maxTextareaHeight = 120, processingMessage, suggestions, onNewTopicClick, onSuggestionClick, onSend, onStop, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Chat", props);
 	const messagesEndRef = useRef(null);
 	const scrollDown = () => messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
@@ -62,5 +62,5 @@ Chat.displayName = "Chat";
 
 //#endregion
 export { Chat };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=chat.js.map

package/dist/chat/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","names":["Box","ChatMessage","ChatInput"],"sources":["../../src/chat/chat.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Tag } from '../tag'\nimport { cs } from '../utils'\nimport type { ChatProps } from './chat.types'\nimport ChatInput from './chatInput'\nimport ChatMessage from './chatMessage'\n\n/**\n * Displays a chat interface with messages and actions.\n */\nexport const Chat = vui<'div', ChatProps>((props, ref) => {\n  const {\n    className,\n    children,\n    inputStatus = 'default',\n    messages,\n    helpText,\n    maxTextareaHeight = 120,\n    processingMessage,\n    suggestions,\n    onNewTopicClick,\n    onSuggestionClick,\n    onSend,\n    onStop,\n    ...rest\n  } = omitThemingProps(props)\n\n  const styles = useStyleConfig('Chat', props)\n\n  const messagesEndRef = useRef<HTMLDivElement>(null)\n\n  const scrollDown = () => messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })\n\n  useEffect(scrollDown, [messages, children])\n\n  return (\n    <Box\n      className={cs('vui-chat', className)}\n      ref={ref}\n      {...styles.chat}\n      h=\"100%\"\n      justifyContent=\"space-between\"\n      {...rest}\n    >\n      <Box className={cs('vui-chat-messages')} {...styles?.messages}>\n        {messages?.length ? messages.map((message, key) => <ChatMessage key={key} {...message} />) : children}\n        <div ref={messagesEndRef} />\n      </Box>\n      <Box column>\n        {!!suggestions?.length && (\n          <Box className={cs('vui-chat-suggestions')} {...styles?.suggestions} mb=\"24px\" mt=\"8px\">\n            {suggestions?.map(suggestion => (\n              <Tag\n                cursor={inputStatus === 'default' ? 'pointer' : undefined}\n                disabled={inputStatus !== 'default'}\n                key={suggestion}\n                mb=\"6px\"\n                ml=\"6px\"\n                onClick={() => onSuggestionClick?.(suggestion)}\n              >\n                {suggestion}\n              </Tag>\n            ))}\n          </Box>\n        )}\n        <ChatInput\n          helpText={helpText}\n          maxTextareaHeight={maxTextareaHeight}\n          onNewTopicClick={onNewTopicClick}\n          onSend={onSend}\n          onStop={onStop}\n          processingMessage={processingMessage}\n          status={inputStatus}\n        />\n      </Box>\n    </Box>\n  )\n}) as VuiComponent<'div', ChatProps> & {\n  Message: typeof ChatMessage\n  Input: typeof ChatInput\n}\n\nChat.Message = ChatMessage\nChat.Input = ChatInput\nChat.displayName = 'Chat'\nexport default Chat\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EACJ,WACA,UACA,cAAc,WACd,UACA,UACA,oBAAoB,KACpB,mBACA,aACA,iBACA,mBACA,QACA,OACA,GAAG,SACD,iBAAiB,MAAM;CAE3B,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,iBAAiB,OAAuB,KAAK;CAEnD,MAAM,mBAAmB,eAAe,SAAS,eAAe,EAAE,UAAU,UAAU,CAAC;AAEvF,WAAU,YAAY,CAAC,UAAU,SAAS,CAAC;AAE3C,QACE,qBAACA;EACC,WAAW,GAAG,YAAY,UAAU;EAC/B;EACL,GAAI,OAAO;EACX,GAAE;EACF,gBAAe;EACf,GAAI;aAEJ,qBAACA;GAAI,WAAW,GAAG,oBAAoB;GAAE,GAAI,QAAQ;cAClD,UAAU,SAAS,SAAS,KAAK,SAAS,QAAQ,oBAACC,uBAAsB,GAAI,WAAT,IAAoB,CAAC,GAAG,UAC7F,oBAAC,SAAI,KAAK,iBAAkB;IACxB,EACN,qBAACD;GAAI;cACF,CAAC,CAAC,aAAa,UACd,oBAACA;IAAI,WAAW,GAAG,uBAAuB;IAAE,GAAI,QAAQ;IAAa,IAAG;IAAO,IAAG;cAC/E,aAAa,KAAI,eAChB,oBAAC;KACC,QAAQ,gBAAgB,YAAY,YAAY;KAChD,UAAU,gBAAgB;KAE1B,IAAG;KACH,IAAG;KACH,eAAe,oBAAoB,WAAW;eAE7C;OALI,WAMD,CACN;KACE,EAER,oBAACE;IACW;IACS;IACF;IACT;IACA;IACW;IACnB,QAAQ;KACR;IACE;GACF;EAER;AAKF,KAAK,UAAUD;AACf,KAAK,QAAQC;AACb,KAAK,cAAc"}
+{"version":3,"file":"chat.js","names":["Box","ChatMessage","ChatInput"],"sources":["../../src/chat/chat.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Tag } from '../tag'\nimport { cs } from '../utils'\nimport type { ChatProps } from './chat.types'\nimport ChatInput from './chatInput'\nimport ChatMessage from './chatMessage'\n\n/**\n * Displays a chat interface with messages and actions.\n */\nexport const Chat = vui<'div', ChatProps>((props, ref) => {\n  const {\n    className,\n    children,\n    inputStatus = 'default',\n    messages,\n    helpText,\n    maxTextareaHeight = 120,\n    processingMessage,\n    suggestions,\n    onNewTopicClick,\n    onSuggestionClick,\n    onSend,\n    onStop,\n    ...rest\n  } = omitThemingProps(props)\n\n  const styles = useStyleConfig('Chat', props)\n\n  const messagesEndRef = useRef<HTMLDivElement>(null)\n\n  const scrollDown = () => messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })\n\n  useEffect(scrollDown, [messages, children])\n\n  return (\n    <Box\n      className={cs('vui-chat', className)}\n      ref={ref}\n      {...styles.chat}\n      h=\"100%\"\n      justifyContent=\"space-between\"\n      {...rest}\n    >\n      <Box className={cs('vui-chat-messages')} {...styles?.messages}>\n        {messages?.length ? messages.map((message, key) => <ChatMessage key={key} {...message} />) : children}\n        <div ref={messagesEndRef} />\n      </Box>\n      <Box column>\n        {!!suggestions?.length && (\n          <Box className={cs('vui-chat-suggestions')} {...styles?.suggestions} mb=\"24px\" mt=\"8px\">\n            {suggestions?.map(suggestion => (\n              <Tag\n                cursor={inputStatus === 'default' ? 'pointer' : undefined}\n                disabled={inputStatus !== 'default'}\n                key={suggestion}\n                mb=\"6px\"\n                ml=\"6px\"\n                onClick={() => onSuggestionClick?.(suggestion)}\n              >\n                {suggestion}\n              </Tag>\n            ))}\n          </Box>\n        )}\n        <ChatInput\n          helpText={helpText}\n          maxTextareaHeight={maxTextareaHeight}\n          onNewTopicClick={onNewTopicClick}\n          onSend={onSend}\n          onStop={onStop}\n          processingMessage={processingMessage}\n          status={inputStatus}\n        />\n      </Box>\n    </Box>\n  )\n}) as VuiComponent<'div', ChatProps> & {\n  Message: typeof ChatMessage\n  Input: typeof ChatInput\n}\n\nChat.Message = ChatMessage\nChat.Input = ChatInput\nChat.displayName = 'Chat'\nexport default Chat\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAa,OAAO,KAAuB,OAAO,QAAQ;CACxD,MAAM,EACJ,WACA,UACA,cAAc,WACd,UACA,UACA,oBAAoB,KACpB,mBACA,aACA,iBACA,mBACA,QACA,QACA,GAAG,SACD,iBAAiB,MAAM;CAE3B,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,iBAAiB,OAAuB,KAAK;CAEnD,MAAM,mBAAmB,eAAe,SAAS,eAAe,EAAE,UAAU,UAAU,CAAC;AAEvF,WAAU,YAAY,CAAC,UAAU,SAAS,CAAC;AAE3C,QACE,qBAACA;EACC,WAAW,GAAG,YAAY,UAAU;EAC/B;EACL,GAAI,OAAO;EACX,GAAE;EACF,gBAAe;EACf,GAAI;aAEJ,qBAACA;GAAI,WAAW,GAAG,oBAAoB;GAAE,GAAI,QAAQ;cAClD,UAAU,SAAS,SAAS,KAAK,SAAS,QAAQ,oBAACC,uBAAsB,GAAI,WAAT,IAAoB,CAAC,GAAG,UAC7F,oBAAC,SAAI,KAAK,iBAAkB;IACxB,EACN,qBAACD;GAAI;cACF,CAAC,CAAC,aAAa,UACd,oBAACA;IAAI,WAAW,GAAG,uBAAuB;IAAE,GAAI,QAAQ;IAAa,IAAG;IAAO,IAAG;cAC/E,aAAa,KAAI,eAChB,oBAAC;KACC,QAAQ,gBAAgB,YAAY,YAAY;KAChD,UAAU,gBAAgB;KAE1B,IAAG;KACH,IAAG;KACH,eAAe,oBAAoB,WAAW;eAE7C;OALI,WAMD,CACN;KACE,EAER,oBAACE;IACW;IACS;IACF;IACT;IACA;IACW;IACnB,QAAQ;KACR;IACE;GACF;EAER;AAKF,KAAK,UAAUD;AACf,KAAK,QAAQC;AACb,KAAK,cAAc"}

package/dist/chat/chat.types.d.ts

@@ -58,4 +58,5 @@ type ChatInputButtonProps = Omit<ButtonProps, 'size'> & {
 };
 //#endregion
 export { ChatInputButtonProps, ChatInputProps, ChatInputStatus, ChatProps };
+
 //# sourceMappingURL=chat.types.d.ts.map

package/dist/chat/chat.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.types.d.ts","names":[],"sources":["../../src/chat/chat.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;KAKY,eAAA,CAAA,CAAA;KAEA,SAAA,CAAA,CAAA,CAAY,KAAK,gCAC3B;;gBAEgB;;EALN,QAAA,CAAA,CAAA,CAOG,YAPY,CAAA,CAAA;EAEf,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,MAAA,CAAA,UAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA;EAAiB,QAAA,CAAA,CAAA,CAAA,MAAA;EAAL,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA;EACtB,iBAAA,CAAA,CAAA,CAAA,MAAA;EAEgB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,MAAA,CAAA,UAAA,CAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA;EAEH,iBAAA,CAAA,CAAA,CAAA,MAAA;EAAY,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,UAAA,CAAA,OAAA,CAAA,CAAA;EAmBf,WAAA,CAAA,CAAA,CAAA,MAAc,CAAA,CAAA;EAAQ,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;EAAL,eAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAIlB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;EAAe,iBAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAed,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;EAA4B,MAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAL,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA;EAExB,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;CAAe;KArBd,cAAA,CAAA,CAAA,CAAiB,KAAK;;;;WAIvB;;;;;;;;;;;;;;KAeC,oBAAA,CAAA,CAAA,CAAuB,KAAK;;WAE7B"}
+{"version":3,"file":"chat.types.d.ts","names":[],"sources":["../../src/chat/chat.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;KAKY,eAAA;KAEA,SAAA,GAAY,KAAK,gCAC3B;;gBAEgB;;EALN,QAAA,CAAA,EAOG,YAPY,EAAA;EAEf;EAAiB,QAAA,CAAA,EAAA,MAAA;EAAL;EACtB,iBAAA,CAAA,EAAA,MAAA;EAEgB;EAEH,iBAAA,CAAA,EAAA,MAAA;EAAY;EAmBf,WAAA,CAAA,EAAA,MAAc,EAAA;EAAQ;EAAL,eAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAIlB;EAAe,iBAAA,CAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAed;EAA4B,MAAA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAL;EAExB,MAAA,CAAA,EAAA,GAAA,GAAA,IAAA;CAAe;KArBd,cAAA,GAAiB,KAAK;;;;WAIvB;;;;;;;;;;;;;;KAeC,oBAAA,GAAuB,KAAK;;WAE7B"}

package/dist/chat/chatInput.d.ts

@@ -9,4 +9,5 @@ import "../index.js";
 declare const ChatInput: VuiComponent<"input", ChatInputProps>;
 //#endregion
 export { ChatInput };
+
 //# sourceMappingURL=chatInput.d.ts.map

package/dist/chat/chatInput.js

@@ -39,7 +39,7 @@ const CustomTextarea = styled.textareaBox`
 * Displays a chat input interface.
 */
 const ChatInput = vui((props, ref) => {
-	const { helpText, placeholder = "Type your message", status = "default", maxTextareaHeight = 120, processingMessage = "Generating message", onNewTopicClick, onSend, onStop,...rest } = props;
+	const { helpText, placeholder = "Type your message", status = "default", maxTextareaHeight = 120, processingMessage = "Generating message", onNewTopicClick, onSend, onStop, ...rest } = props;
 	const [value, setValue] = useState("");
 	const styles = useStyleConfig("Chat", props);
 	useEffect(() => {
@@ -132,5 +132,5 @@ var chatInput_default = ChatInput;
 
 //#endregion
 export { ChatInput, chatInput_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=chatInput.js.map

package/dist/chat/chatInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatInput.js","names":["Box","Button","Icon","ChatInputButton","HelpText"],"sources":["../../src/chat/chatInput.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react'\nimport { useEffect, useState } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { inputColors } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport { cs } from '../utils'\nimport type { ChatInputProps } from './chat.types'\nimport type { ChatInputStatus } from './chat.types'\nimport ChatInputButton from './chatInputButton'\n\nconst CustomTextarea = styled.textareaBox`\n  border-radius: none;\n  border-width: 0;\n  outline: none;\n  padding: 0 8px;\n  resize: none;\n  transition-duration: 0;\n  width: 100%;\n  min-height: 1.5em;\n  overflow-y: hidden;\n\n  &::placeholder {\n    padding-top: 8px;\n  }\n\n  /* Disabled state styles */\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n  }\n`\n/**\n * Displays a chat input interface.\n */\nexport const ChatInput = vui<'input', ChatInputProps>((props, ref) => {\n  const {\n    helpText,\n    placeholder = 'Type your message',\n    status = 'default',\n    maxTextareaHeight = 120,\n    processingMessage = 'Generating message',\n    onNewTopicClick,\n    onSend,\n    onStop,\n    ...rest\n  } = props\n\n  const [value, setValue] = useState<string>('')\n  const styles = useStyleConfig('Chat', props)\n\n  useEffect(() => {\n    if (status === 'default') setValue('')\n  }, [status])\n\n  const onKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter' && e.ctrlKey) {\n      e.stopPropagation()\n      if (value?.length && status === 'default') onSend?.(value)\n    }\n\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      if (status === 'processing') onStop?.()\n    }\n  }\n\n  const handleTextareaChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const textarea = e.target\n    textarea.placeholder = ''\n\n    // Dynamically adjust the height of the textarea\n\n    if (textarea.scrollHeight <= maxTextareaHeight) {\n      textarea.style.height = 'auto'\n      textarea.style.maxHeight = 'auto'\n      textarea.style.height = `${textarea.scrollHeight}px`\n      textarea.style.maxHeight = `${textarea.scrollHeight}px`\n      textarea.style.lineHeight = '2.2'\n    }\n\n    if (status === 'default') setValue(textarea.value)\n  }\n\n  const isDisabled = status === 'disabled'\n\n  return (\n    <Box className={cs('vui-chat-input')} justifyContent=\"space-between\" ref={ref} {...styles?.input} {...rest}>\n      {!!onNewTopicClick && status === 'default' && (\n        <Button animation=\"fadeUp\" icon=\"uiPlus\" mr={1} onClick={() => onNewTopicClick?.()} />\n      )}\n      {status === 'processing' ? (\n        <Box borderColor={inputColors.border} borderWidth={1} center justifyContent=\"flex-start\" py={0.5} w=\"100%\">\n          <Icon mx={1} name=\"uiSpinnerThird\" pathFill={['blue.40', 'blue.60']} size=\"lg\" variant=\"spinning\" />\n          <Box>{processingMessage}</Box>\n        </Box>\n      ) : (\n        <Box animation=\"fadeUp\" border=\"0\" column outline=\"none\" w=\"100%\">\n          <Box\n            borderColor={inputColors.border}\n            borderWidth={1}\n            center\n            focusWithinRingColor={inputColors.focus}\n            justifyContent=\"flex-start\"\n            position=\"relative\"\n            w=\"100%\"\n          >\n            <CustomTextarea\n              disabled={isDisabled}\n              onChange={handleTextareaChange}\n              onFocus={handleTextareaChange}\n              onKeyDown={onKeyDown as any}\n              placeholder={placeholder}\n              value={value}\n            />\n            <ChatInputButton\n              disabled={!value?.length}\n              h=\"100%\"\n              onSend={() => {\n                if (value?.length) onSend?.(value)\n              }}\n              onStop={onStop}\n              status={status as ChatInputStatus}\n            />\n          </Box>\n          {!!helpText && <HelpText>{helpText}</HelpText>}\n        </Box>\n      )}\n    </Box>\n  )\n})\n\nChatInput.displayName = 'ChatInput'\nexport default ChatInput\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,iBAAiB,OAAO,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BzC,MAAa,YAAY,KAA8B,OAAO,QAAQ;CACpE,MAAM,EACJ,UACA,cAAc,qBACd,SAAS,WACT,oBAAoB,KACpB,oBAAoB,sBACpB,iBACA,QACA,OACA,GAAG,SACD;CAEJ,MAAM,CAAC,OAAO,YAAY,SAAiB,GAAG;CAC9C,MAAM,SAAS,eAAe,QAAQ,MAAM;AAE5C,iBAAgB;AACd,MAAI,WAAW,UAAW,UAAS,GAAG;IACrC,CAAC,OAAO,CAAC;CAEZ,MAAM,aAAa,MAAuC;AACxD,MAAI,EAAE,QAAQ,WAAW,EAAE,SAAS;AAClC,KAAE,iBAAiB;AACnB,OAAI,OAAO,UAAU,WAAW,UAAW,UAAS,MAAM;;AAG5D,MAAI,EAAE,QAAQ,UAAU;AACtB,KAAE,iBAAiB;AACnB,OAAI,WAAW,aAAc,WAAU;;;CAI3C,MAAM,wBAAwB,MAA8C;EAC1E,MAAM,WAAW,EAAE;AACnB,WAAS,cAAc;AAIvB,MAAI,SAAS,gBAAgB,mBAAmB;AAC9C,YAAS,MAAM,SAAS;AACxB,YAAS,MAAM,YAAY;AAC3B,YAAS,MAAM,SAAS,GAAG,SAAS,aAAa;AACjD,YAAS,MAAM,YAAY,GAAG,SAAS,aAAa;AACpD,YAAS,MAAM,aAAa;;AAG9B,MAAI,WAAW,UAAW,UAAS,SAAS,MAAM;;CAGpD,MAAM,aAAa,WAAW;AAE9B,QACE,qBAACA;EAAI,WAAW,GAAG,iBAAiB;EAAE,gBAAe;EAAqB;EAAK,GAAI,QAAQ;EAAO,GAAI;aACnG,CAAC,CAAC,mBAAmB,WAAW,aAC/B,oBAACC;GAAO,WAAU;GAAS,MAAK;GAAS,IAAI;GAAG,eAAe,mBAAmB;IAAI,EAEvF,WAAW,eACV,qBAACD;GAAI,aAAa,YAAY;GAAQ,aAAa;GAAG;GAAO,gBAAe;GAAa,IAAI;GAAK,GAAE;cAClG,oBAACE;IAAK,IAAI;IAAG,MAAK;IAAiB,UAAU,CAAC,WAAW,UAAU;IAAE,MAAK;IAAK,SAAQ;KAAa,EACpG,oBAACF,yBAAK,oBAAwB;IAC1B,GAEN,qBAACA;GAAI,WAAU;GAAS,QAAO;GAAI;GAAO,SAAQ;GAAO,GAAE;cACzD,qBAACA;IACC,aAAa,YAAY;IACzB,aAAa;IACb;IACA,sBAAsB,YAAY;IAClC,gBAAe;IACf,UAAS;IACT,GAAE;eAEF,oBAAC;KACC,UAAU;KACV,UAAU;KACV,SAAS;KACE;KACE;KACN;MACP,EACF,oBAACG;KACC,UAAU,CAAC,OAAO;KAClB,GAAE;KACF,cAAc;AACZ,UAAI,OAAO,OAAQ,UAAS,MAAM;;KAE5B;KACA;MACR;KACE,EACL,CAAC,CAAC,YAAY,oBAACC,8BAAU,WAAoB;IAC1C;GAEJ;EAER;AAEF,UAAU,cAAc;AACxB,wBAAe"}
+{"version":3,"file":"chatInput.js","names":["Box","Button","Icon","ChatInputButton","HelpText"],"sources":["../../src/chat/chatInput.tsx"],"sourcesContent":["import type { KeyboardEvent } from 'react'\nimport { useEffect, useState } from 'react'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { inputColors } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport { cs } from '../utils'\nimport type { ChatInputProps } from './chat.types'\nimport type { ChatInputStatus } from './chat.types'\nimport ChatInputButton from './chatInputButton'\n\nconst CustomTextarea = styled.textareaBox`\n  border-radius: none;\n  border-width: 0;\n  outline: none;\n  padding: 0 8px;\n  resize: none;\n  transition-duration: 0;\n  width: 100%;\n  min-height: 1.5em;\n  overflow-y: hidden;\n\n  &::placeholder {\n    padding-top: 8px;\n  }\n\n  /* Disabled state styles */\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n  }\n`\n/**\n * Displays a chat input interface.\n */\nexport const ChatInput = vui<'input', ChatInputProps>((props, ref) => {\n  const {\n    helpText,\n    placeholder = 'Type your message',\n    status = 'default',\n    maxTextareaHeight = 120,\n    processingMessage = 'Generating message',\n    onNewTopicClick,\n    onSend,\n    onStop,\n    ...rest\n  } = props\n\n  const [value, setValue] = useState<string>('')\n  const styles = useStyleConfig('Chat', props)\n\n  useEffect(() => {\n    if (status === 'default') setValue('')\n  }, [status])\n\n  const onKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter' && e.ctrlKey) {\n      e.stopPropagation()\n      if (value?.length && status === 'default') onSend?.(value)\n    }\n\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      if (status === 'processing') onStop?.()\n    }\n  }\n\n  const handleTextareaChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const textarea = e.target\n    textarea.placeholder = ''\n\n    // Dynamically adjust the height of the textarea\n\n    if (textarea.scrollHeight <= maxTextareaHeight) {\n      textarea.style.height = 'auto'\n      textarea.style.maxHeight = 'auto'\n      textarea.style.height = `${textarea.scrollHeight}px`\n      textarea.style.maxHeight = `${textarea.scrollHeight}px`\n      textarea.style.lineHeight = '2.2'\n    }\n\n    if (status === 'default') setValue(textarea.value)\n  }\n\n  const isDisabled = status === 'disabled'\n\n  return (\n    <Box className={cs('vui-chat-input')} justifyContent=\"space-between\" ref={ref} {...styles?.input} {...rest}>\n      {!!onNewTopicClick && status === 'default' && (\n        <Button animation=\"fadeUp\" icon=\"uiPlus\" mr={1} onClick={() => onNewTopicClick?.()} />\n      )}\n      {status === 'processing' ? (\n        <Box borderColor={inputColors.border} borderWidth={1} center justifyContent=\"flex-start\" py={0.5} w=\"100%\">\n          <Icon mx={1} name=\"uiSpinnerThird\" pathFill={['blue.40', 'blue.60']} size=\"lg\" variant=\"spinning\" />\n          <Box>{processingMessage}</Box>\n        </Box>\n      ) : (\n        <Box animation=\"fadeUp\" border=\"0\" column outline=\"none\" w=\"100%\">\n          <Box\n            borderColor={inputColors.border}\n            borderWidth={1}\n            center\n            focusWithinRingColor={inputColors.focus}\n            justifyContent=\"flex-start\"\n            position=\"relative\"\n            w=\"100%\"\n          >\n            <CustomTextarea\n              disabled={isDisabled}\n              onChange={handleTextareaChange}\n              onFocus={handleTextareaChange}\n              onKeyDown={onKeyDown as any}\n              placeholder={placeholder}\n              value={value}\n            />\n            <ChatInputButton\n              disabled={!value?.length}\n              h=\"100%\"\n              onSend={() => {\n                if (value?.length) onSend?.(value)\n              }}\n              onStop={onStop}\n              status={status as ChatInputStatus}\n            />\n          </Box>\n          {!!helpText && <HelpText>{helpText}</HelpText>}\n        </Box>\n      )}\n    </Box>\n  )\n})\n\nChatInput.displayName = 'ChatInput'\nexport default ChatInput\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,iBAAiB,OAAO,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BzC,MAAa,YAAY,KAA8B,OAAO,QAAQ;CACpE,MAAM,EACJ,UACA,cAAc,qBACd,SAAS,WACT,oBAAoB,KACpB,oBAAoB,sBACpB,iBACA,QACA,QACA,GAAG,SACD;CAEJ,MAAM,CAAC,OAAO,YAAY,SAAiB,GAAG;CAC9C,MAAM,SAAS,eAAe,QAAQ,MAAM;AAE5C,iBAAgB;AACd,MAAI,WAAW,UAAW,UAAS,GAAG;IACrC,CAAC,OAAO,CAAC;CAEZ,MAAM,aAAa,MAAuC;AACxD,MAAI,EAAE,QAAQ,WAAW,EAAE,SAAS;AAClC,KAAE,iBAAiB;AACnB,OAAI,OAAO,UAAU,WAAW,UAAW,UAAS,MAAM;;AAG5D,MAAI,EAAE,QAAQ,UAAU;AACtB,KAAE,iBAAiB;AACnB,OAAI,WAAW,aAAc,WAAU;;;CAI3C,MAAM,wBAAwB,MAA8C;EAC1E,MAAM,WAAW,EAAE;AACnB,WAAS,cAAc;AAIvB,MAAI,SAAS,gBAAgB,mBAAmB;AAC9C,YAAS,MAAM,SAAS;AACxB,YAAS,MAAM,YAAY;AAC3B,YAAS,MAAM,SAAS,GAAG,SAAS,aAAa;AACjD,YAAS,MAAM,YAAY,GAAG,SAAS,aAAa;AACpD,YAAS,MAAM,aAAa;;AAG9B,MAAI,WAAW,UAAW,UAAS,SAAS,MAAM;;CAGpD,MAAM,aAAa,WAAW;AAE9B,QACE,qBAACA;EAAI,WAAW,GAAG,iBAAiB;EAAE,gBAAe;EAAqB;EAAK,GAAI,QAAQ;EAAO,GAAI;aACnG,CAAC,CAAC,mBAAmB,WAAW,aAC/B,oBAACC;GAAO,WAAU;GAAS,MAAK;GAAS,IAAI;GAAG,eAAe,mBAAmB;IAAI,EAEvF,WAAW,eACV,qBAACD;GAAI,aAAa,YAAY;GAAQ,aAAa;GAAG;GAAO,gBAAe;GAAa,IAAI;GAAK,GAAE;cAClG,oBAACE;IAAK,IAAI;IAAG,MAAK;IAAiB,UAAU,CAAC,WAAW,UAAU;IAAE,MAAK;IAAK,SAAQ;KAAa,EACpG,oBAACF,yBAAK,oBAAwB;IAC1B,GAEN,qBAACA;GAAI,WAAU;GAAS,QAAO;GAAI;GAAO,SAAQ;GAAO,GAAE;cACzD,qBAACA;IACC,aAAa,YAAY;IACzB,aAAa;IACb;IACA,sBAAsB,YAAY;IAClC,gBAAe;IACf,UAAS;IACT,GAAE;eAEF,oBAAC;KACC,UAAU;KACV,UAAU;KACV,SAAS;KACE;KACE;KACN;MACP,EACF,oBAACG;KACC,UAAU,CAAC,OAAO;KAClB,GAAE;KACF,cAAc;AACZ,UAAI,OAAO,OAAQ,UAAS,MAAM;;KAE5B;KACA;MACR;KACE,EACL,CAAC,CAAC,YAAY,oBAACC,8BAAU,WAAoB;IAC1C;GAEJ;EAER;AAEF,UAAU,cAAc;AACxB,wBAAe"}

package/dist/chat/chatInputButton.js

@@ -26,5 +26,5 @@ var chatInputButton_default = ChatInputButton;
 
 //#endregion
 export { chatInputButton_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=chatInputButton.js.map

package/dist/chat/chatMessage.d.ts

@@ -10,4 +10,5 @@ import "../index.js";
 declare const ChatMessage: VuiComponent<"div", MessageProps>;
 //#endregion
 export { ChatMessage };
+
 //# sourceMappingURL=chatMessage.d.ts.map

package/dist/chat/chatMessage.js

@@ -14,7 +14,7 @@ const defaultAvatar = {
 */
 const ChatMessage = vui((props, ref) => {
 	const styles = useStyleConfig("Chat", props);
-	const { avatar = defaultAvatar,...rest } = props;
+	const { avatar = defaultAvatar, ...rest } = props;
 	return /* @__PURE__ */ jsx(message_default, {
 		avatar,
 		className: cs("vui-chat-message"),
@@ -30,5 +30,5 @@ var chatMessage_default = ChatMessage;
 
 //#endregion
 export { ChatMessage, chatMessage_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=chatMessage.js.map

package/dist/chat/chatMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatMessage.js","names":["defaultAvatar: AvatarProps","Message"],"sources":["../../src/chat/chatMessage.tsx"],"sourcesContent":["import type { AvatarProps } from '../avatar'\nimport { useStyleConfig, vui } from '../core'\nimport type { MessageProps } from '../message'\nimport Message from '../message'\nimport { cs } from '../utils'\n\nconst defaultAvatar: AvatarProps = {\n  variant: 'solidDarkBlue',\n  icon: 'brandVeracity',\n}\n\n/**\n * Displays a chat interface with messages and actions.\n */\nexport const ChatMessage = vui<'div', MessageProps>((props, ref) => {\n  const styles = useStyleConfig('Chat', props)\n  const { avatar = defaultAvatar, ...rest } = props\n\n  return (\n    <Message\n      avatar={avatar}\n      className={cs('vui-chat-message')}\n      h=\"100%\"\n      my=\"16px\"\n      ref={ref}\n      {...styles?.message}\n      {...rest}\n    />\n  )\n})\n\nChatMessage.displayName = 'ChatMessage'\nexport default ChatMessage\n"],"mappings":";;;;;;;AAMA,MAAMA,gBAA6B;CACjC,SAAS;CACT,MAAM;CACP;;;;AAKD,MAAa,cAAc,KAA0B,OAAO,QAAQ;CAClE,MAAM,SAAS,eAAe,QAAQ,MAAM;CAC5C,MAAM,EAAE,SAAS,cAAe,GAAG,SAAS;AAE5C,QACE,oBAACC;EACS;EACR,WAAW,GAAG,mBAAmB;EACjC,GAAE;EACF,IAAG;EACE;EACL,GAAI,QAAQ;EACZ,GAAI;GACJ;EAEJ;AAEF,YAAY,cAAc;AAC1B,0BAAe"}
+{"version":3,"file":"chatMessage.js","names":["defaultAvatar: AvatarProps","Message"],"sources":["../../src/chat/chatMessage.tsx"],"sourcesContent":["import type { AvatarProps } from '../avatar'\nimport { useStyleConfig, vui } from '../core'\nimport type { MessageProps } from '../message'\nimport Message from '../message'\nimport { cs } from '../utils'\n\nconst defaultAvatar: AvatarProps = {\n  variant: 'solidDarkBlue',\n  icon: 'brandVeracity',\n}\n\n/**\n * Displays a chat interface with messages and actions.\n */\nexport const ChatMessage = vui<'div', MessageProps>((props, ref) => {\n  const styles = useStyleConfig('Chat', props)\n  const { avatar = defaultAvatar, ...rest } = props\n\n  return (\n    <Message\n      avatar={avatar}\n      className={cs('vui-chat-message')}\n      h=\"100%\"\n      my=\"16px\"\n      ref={ref}\n      {...styles?.message}\n      {...rest}\n    />\n  )\n})\n\nChatMessage.displayName = 'ChatMessage'\nexport default ChatMessage\n"],"mappings":";;;;;;;AAMA,MAAMA,gBAA6B;CACjC,SAAS;CACT,MAAM;CACP;;;;AAKD,MAAa,cAAc,KAA0B,OAAO,QAAQ;CAClE,MAAM,SAAS,eAAe,QAAQ,MAAM;CAC5C,MAAM,EAAE,SAAS,eAAe,GAAG,SAAS;AAE5C,QACE,oBAACC;EACS;EACR,WAAW,GAAG,mBAAmB;EACjC,GAAE;EACF,IAAG;EACE;EACL,GAAI,QAAQ;EACZ,GAAI;GACJ;EAEJ;AAEF,YAAY,cAAc;AAC1B,0BAAe"}

package/dist/chat/index.d.ts

@@ -1,4 +1,4 @@
 import { ChatInputButtonProps, ChatInputProps, ChatInputStatus, ChatProps } from "./chat.types.js";
 import { ChatInput } from "./chatInput.js";
 import { ChatMessage } from "./chatMessage.js";
-import { Chat } from "./chat.js";
+import { Chat } from "./chat.js";

package/dist/chat/theme.js

@@ -29,5 +29,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/checkbox/checkbox.d.ts

@@ -17,10 +17,10 @@ import { ColorProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightP
 import { VuiComponent } from "../core/vui.js";
 import { CheckboxProps, CheckboxStyleProps } from "./checkbox.types.js";
 import "../index.js";
-import * as styled_components15 from "styled-components";
+import * as styled_components66 from "styled-components";
 
 //#region src/checkbox/checkbox.d.ts
-declare const CheckboxBase: styled_components15.StyledComponent<"label", styled_components15.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & CheckboxStyleProps, never>;
+declare const CheckboxBase: styled_components66.StyledComponent<"label", styled_components66.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & CheckboxStyleProps, never>;
 /**
  * Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.
  * Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.
@@ -28,4 +28,5 @@ declare const CheckboxBase: styled_components15.StyledComponent<"label", styled_
 declare const Checkbox: VuiComponent<"span", CheckboxProps>;
 //#endregion
 export { Checkbox, CheckboxBase };
+
 //# sourceMappingURL=checkbox.d.ts.map

package/dist/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../src/checkbox/checkbox.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../src/checkbox/checkbox.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAgCa,cAAY,mBAAA,CAAA,yBAqBxB,mBAAA,CArBwB,YAAA,EAAA,cAAA,GAAA,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA;;;;;cA2BZ,UAAQ,qBAAA"}

package/dist/checkbox/checkbox.js

@@ -57,15 +57,15 @@ const CheckboxBase = styled.labelBox`
 * Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.
 */
 const Checkbox = vui((props, ref) => {
-	const { defaultValue: groupDefaultValue,...checkboxGroupProps } = useCheckboxGroupContext() ?? {};
+	const { defaultValue: groupDefaultValue, ...checkboxGroupProps } = useCheckboxGroupContext() ?? {};
 	const mergedProps = {
 		...checkboxGroupProps,
 		...props
 	};
-	const { checked, children, className, defaultChecked = groupDefaultValue !== void 0 ? groupDefaultValue.includes(props.value) : void 0, disabled: disabled$1, icon: iconProp = "uiCheckboxUnselected", iconChecked = "uiCheckboxSelected", iconIndeterminate = "uiCheckboxIndeterminate", id, inputProps, inputRef, isIndeterminate, label, name, onChange: onChangeProp, required, value,...rest } = omitThemingProps(mergedProps);
+	const { checked, children, className, defaultChecked = groupDefaultValue !== void 0 ? groupDefaultValue.includes(props.value) : void 0, disabled: disabled$1, icon: iconProp = "uiCheckboxUnselected", iconChecked = "uiCheckboxSelected", iconIndeterminate = "uiCheckboxIndeterminate", id, inputProps, inputRef, isIndeterminate, label, name, onChange: onChangeProp, required, value, ...rest } = omitThemingProps(mergedProps);
 	const [isChecked, setIsChecked] = useState(defaultChecked);
 	const styles = useStyleConfig("Checkbox", mergedProps);
-	const { color: controlColor, hoverColor,...controlStyles } = styles.control;
+	const { color: controlColor, hoverColor, ...controlStyles } = styles.control;
 	const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp;
 	const controlMr = children || label ? 1 : 0;
 	const color = isChecked || isIndeterminate ? checkboxColors.checked : controlColor;
@@ -126,5 +126,5 @@ Checkbox.displayName = "Checkbox";
 
 //#endregion
 export { Checkbox, CheckboxBase };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=checkbox.js.map