@veracity/vui 3.2.0 → 4.0.0-alpha.366771.2601090922

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/index.js

@@ -0,0 +1,6 @@
+import { useBoundaries } from "./useBoundaries.js";
+import { useSelectedDate } from "./useSelectedDate.js";
+import { useCalendar } from "./useCalendar.js";
+import { useDefaultViewMonth } from "./useDefaultViewMonth.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

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

@@ -1,4 +1,5 @@
 import { generateDateByUTCValue, getDateUTCValue, sameDate, sameYear, sameYearSameMonth } from "../../utils/dates.js";
+import "../../utils/index.js";
 import { viewYears } from "../consts.js";
 import { getNextDate, isDay, isExact, isFrom, isMonth, isRange, isTo, isYear } from "../utils.js";
 import { useBoundaries } from "./useBoundaries.js";
@@ -115,5 +116,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/useCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","names":["calendarFirstDay: Date","calendarLastDay: Date","nextFirstDay: Date","prevLastDay: Date","firstDay: Date","lastDay: Date","items: TimeItem[]","current: boolean"],"sources":["../../../src/calendar/hooks/useCalendar.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { generateDateByUTCValue, getDateUTCValue, sameDate, sameYear, sameYearSameMonth } from '../../utils'\nimport type { MonthProps, TimeItem, TimeResult } from '../calendar.types'\nimport { viewYears } from '../consts'\nimport { getNextDate, isDay, isExact, isFrom, isMonth, isRange, isTo, isYear } from '../utils'\nimport { useBoundaries } from './useBoundaries'\nimport { useSelectedDate } from './useSelectedDate'\n\n/**\n * Main hook for doing calendar calculations\n * Calculates for all time unit modes: day, month and year\n * Depends on useBoundaries and useSelectedDate to do initial setup\n */\nexport const useCalendar = ({\n  boundaries,\n  selectedDates,\n  mode = 'exact',\n  timeUnitMode,\n  viewDate,\n  // fixedNumberOfWeeks,\n}: MonthProps) => {\n  const boundariesProcessed = useBoundaries({ boundaries })\n  const selectedProcessed = useSelectedDate({ selectedDates, mode })\n\n  return useMemo(() => {\n    const { maxDateTime, minDateTime } = boundariesProcessed\n    const { currentDateTime, maxSelectedDateTime, minSelectedDateTime } = selectedProcessed\n    const { utcYear: viewDateYear, utcMonth: viewDateMonth } = getDateUTCValue(viewDate)\n\n    let calendarFirstDay: Date\n    let calendarLastDay: Date\n    let nextFirstDay: Date\n    let prevLastDay: Date\n    let firstDay: Date\n    let lastDay: Date\n\n    if (isDay(timeUnitMode)) {\n      firstDay = generateDateByUTCValue(viewDateYear, viewDateMonth, 1)\n      lastDay = generateDateByUTCValue(viewDateYear, viewDateMonth + 1, 0)\n\n      nextFirstDay = generateDateByUTCValue(viewDateYear, viewDateMonth + 1, 1)\n      prevLastDay = generateDateByUTCValue(viewDateYear, viewDateMonth, 0)\n\n      const weekdayFirst = firstDay.getUTCDay()\n      const weekdayLast = lastDay.getUTCDay()\n\n      // Monday preceding the month (or first day of the month if it's on a Monday)\n      calendarFirstDay = new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - weekdayFirst))\n      if (weekdayFirst === 0) calendarFirstDay = new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - 7))\n\n      // Sunday after the month (or last day of the month if it's on a Sunday)\n      calendarLastDay = new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 8 - weekdayLast))\n      if (weekdayLast === 0) calendarLastDay = new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 1))\n      else if (weekdayLast === 1) calendarLastDay = new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 0))\n\n      // If calendar must contain constant number of weeks (6 weeks)\n      // Missing weeks will be added to the end of the month\n      // const numberOfWeeks = Math.round((+calendarLastDay - +calendarFirstDay) / (7 * 24 * 60 * 60 * 1000))\n\n      // if (fixedNumberOfWeeks) {\n      //   for (let week = numberOfWeeks; week < 6; week++) {\n      //     calendarLastDay = generateDateByUTCValue(\n      //       calendarLastDay.getUTCFullYear(),\n      //       calendarLastDay.getUTCMonth(),\n      //       calendarLastDay.getUTCDate() + 7,\n      //     )\n      //   }\n      // }\n    } else if (isMonth(timeUnitMode)) {\n      calendarFirstDay = firstDay = generateDateByUTCValue(viewDateYear, 0, 1)\n      calendarLastDay = lastDay = generateDateByUTCValue(viewDateYear, 11, 31)\n      nextFirstDay = generateDateByUTCValue(viewDateYear + 1, 0, 1)\n      prevLastDay = generateDateByUTCValue(viewDateYear - 1, 11, 31)\n    } else {\n      const calendarStartYear = new Date().getUTCFullYear() - viewYears / 2\n      const diffYears = calendarStartYear - viewDateYear\n\n      const startYear = calendarStartYear - Math.ceil(diffYears / viewYears) * viewYears\n      const endYear = startYear + viewYears - 1\n\n      if (startYear === 1753) calendarFirstDay = firstDay = generateDateByUTCValue(startYear, 0, 2)\n      else calendarFirstDay = firstDay = generateDateByUTCValue(startYear, 0, 1)\n\n      calendarLastDay = lastDay = generateDateByUTCValue(endYear, 11, 31)\n      nextFirstDay = generateDateByUTCValue(endYear + 1, 0, 1)\n      prevLastDay = generateDateByUTCValue(startYear - 1, 11, 31)\n    }\n\n    const items: TimeItem[] = []\n    // Loops between first and last date\n    let dateItem = calendarFirstDay\n    do {\n      const isHidden = dateItem < firstDay || dateItem >= lastDay\n      const isToday = sameDate(dateItem, new Date())\n      const { utcYear: minDateYear, utcMonth: minDateMonth } = getDateUTCValue(minDateTime)\n\n      let minUnitModeDate = minDateTime\n      if (isMonth(timeUnitMode))\n        // Need to compare with the first day of the month to decide if the month is disabled in the month overview\n        minUnitModeDate = generateDateByUTCValue(minDateYear, minDateMonth, 1)\n      else if (isYear(timeUnitMode))\n        // Need to compare with the first day of the year to decide if the year is disabled in the year overview\n        minUnitModeDate = generateDateByUTCValue(minDateYear, 0, 1)\n\n      const isDisabled = dateItem < minUnitModeDate || dateItem > maxDateTime ? true : false\n\n      // The calendar only select a single date\n      const isExactSelected = isExact(mode) && minSelectedDateTime && +dateItem === +minSelectedDateTime\n\n      // The calendar selects a range\n      const inRangeLow = minSelectedDateTime && dateItem >= minSelectedDateTime\n      const inRangeHigh = maxSelectedDateTime && dateItem <= maxSelectedDateTime\n\n      const inRange =\n        !isExact(mode) &&\n        ((!isDisabled && inRangeLow && (!maxSelectedDateTime || inRangeHigh)) ||\n          (inRangeHigh && (!minSelectedDateTime || inRangeLow)))\n\n      const isRangeSelected = isRange(mode) && inRange\n      const isFromSelected = isFrom(mode) && inRangeLow\n      const isToSelected = isTo(mode) && inRangeHigh\n\n      const isSelected = !!(isExactSelected || isFromSelected || isToSelected || isRangeSelected)\n\n      let maxSelectedCheck = maxSelectedDateTime\n      let minSelectedCheck = minSelectedDateTime\n\n      if (isYear(timeUnitMode)) {\n        if (maxSelectedCheck) maxSelectedCheck = generateDateByUTCValue(maxSelectedCheck.getUTCFullYear(), 0, 1)\n        if (minSelectedCheck) minSelectedCheck = generateDateByUTCValue(minSelectedCheck.getUTCFullYear(), 0, 1)\n      }\n      if (isMonth(timeUnitMode)) {\n        if (maxSelectedCheck)\n          maxSelectedCheck = generateDateByUTCValue(\n            maxSelectedCheck.getUTCFullYear(),\n            maxSelectedCheck.getUTCMonth(),\n            1,\n          )\n        if (minSelectedCheck)\n          minSelectedCheck = generateDateByUTCValue(\n            minSelectedCheck.getUTCFullYear(),\n            minSelectedCheck.getUTCMonth(),\n            1,\n          )\n      }\n\n      const boundary = !isTo(mode) && sameDate(dateItem, minSelectedCheck)\n\n      let current: boolean\n      if (isDay(timeUnitMode)) current = sameDate(dateItem, currentDateTime)\n      else if (isMonth(timeUnitMode)) current = sameYearSameMonth(dateItem, currentDateTime)\n      else current = sameYear(dateItem, currentDateTime)\n\n      items.push({\n        date: dateItem,\n        isHidden,\n        isToday,\n        isDisabled: boundary ? false : isDisabled,\n        isSelected,\n        boundary,\n        current,\n      })\n\n      dateItem = getNextDate(dateItem, timeUnitMode)\n    } while (dateItem <= calendarLastDay)\n\n    // Disables next/prev buttons\n    const prevDisabled = minDateTime > prevLastDay\n    const nextDisabled = maxDateTime < nextFirstDay\n\n    return {\n      items,\n      prevDisabled,\n      nextDisabled,\n    } as TimeResult\n  }, [boundaries, selectedDates, mode, timeUnitMode, viewDate])\n}\n"],"mappings":"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"}
+{"version":3,"file":"useCalendar.js","names":["calendarFirstDay: Date","calendarLastDay: Date","nextFirstDay: Date","prevLastDay: Date","firstDay: Date","lastDay: Date","items: TimeItem[]","current: boolean"],"sources":["../../../src/calendar/hooks/useCalendar.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { generateDateByUTCValue, getDateUTCValue, sameDate, sameYear, sameYearSameMonth } from '../../utils'\nimport type { MonthProps, TimeItem, TimeResult } from '../calendar.types'\nimport { viewYears } from '../consts'\nimport { getNextDate, isDay, isExact, isFrom, isMonth, isRange, isTo, isYear } from '../utils'\nimport { useBoundaries } from './useBoundaries'\nimport { useSelectedDate } from './useSelectedDate'\n\n/**\n * Main hook for doing calendar calculations\n * Calculates for all time unit modes: day, month and year\n * Depends on useBoundaries and useSelectedDate to do initial setup\n */\nexport const useCalendar = ({\n  boundaries,\n  selectedDates,\n  mode = 'exact',\n  timeUnitMode,\n  viewDate,\n  // fixedNumberOfWeeks,\n}: MonthProps) => {\n  const boundariesProcessed = useBoundaries({ boundaries })\n  const selectedProcessed = useSelectedDate({ selectedDates, mode })\n\n  return useMemo(() => {\n    const { maxDateTime, minDateTime } = boundariesProcessed\n    const { currentDateTime, maxSelectedDateTime, minSelectedDateTime } = selectedProcessed\n    const { utcYear: viewDateYear, utcMonth: viewDateMonth } = getDateUTCValue(viewDate)\n\n    let calendarFirstDay: Date\n    let calendarLastDay: Date\n    let nextFirstDay: Date\n    let prevLastDay: Date\n    let firstDay: Date\n    let lastDay: Date\n\n    if (isDay(timeUnitMode)) {\n      firstDay = generateDateByUTCValue(viewDateYear, viewDateMonth, 1)\n      lastDay = generateDateByUTCValue(viewDateYear, viewDateMonth + 1, 0)\n\n      nextFirstDay = generateDateByUTCValue(viewDateYear, viewDateMonth + 1, 1)\n      prevLastDay = generateDateByUTCValue(viewDateYear, viewDateMonth, 0)\n\n      const weekdayFirst = firstDay.getUTCDay()\n      const weekdayLast = lastDay.getUTCDay()\n\n      // Monday preceding the month (or first day of the month if it's on a Monday)\n      calendarFirstDay = new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - weekdayFirst))\n      if (weekdayFirst === 0) calendarFirstDay = new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - 7))\n\n      // Sunday after the month (or last day of the month if it's on a Sunday)\n      calendarLastDay = new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 8 - weekdayLast))\n      if (weekdayLast === 0) calendarLastDay = new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 1))\n      else if (weekdayLast === 1) calendarLastDay = new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 0))\n\n      // If calendar must contain constant number of weeks (6 weeks)\n      // Missing weeks will be added to the end of the month\n      // const numberOfWeeks = Math.round((+calendarLastDay - +calendarFirstDay) / (7 * 24 * 60 * 60 * 1000))\n\n      // if (fixedNumberOfWeeks) {\n      //   for (let week = numberOfWeeks; week < 6; week++) {\n      //     calendarLastDay = generateDateByUTCValue(\n      //       calendarLastDay.getUTCFullYear(),\n      //       calendarLastDay.getUTCMonth(),\n      //       calendarLastDay.getUTCDate() + 7,\n      //     )\n      //   }\n      // }\n    } else if (isMonth(timeUnitMode)) {\n      calendarFirstDay = firstDay = generateDateByUTCValue(viewDateYear, 0, 1)\n      calendarLastDay = lastDay = generateDateByUTCValue(viewDateYear, 11, 31)\n      nextFirstDay = generateDateByUTCValue(viewDateYear + 1, 0, 1)\n      prevLastDay = generateDateByUTCValue(viewDateYear - 1, 11, 31)\n    } else {\n      const calendarStartYear = new Date().getUTCFullYear() - viewYears / 2\n      const diffYears = calendarStartYear - viewDateYear\n\n      const startYear = calendarStartYear - Math.ceil(diffYears / viewYears) * viewYears\n      const endYear = startYear + viewYears - 1\n\n      if (startYear === 1753) calendarFirstDay = firstDay = generateDateByUTCValue(startYear, 0, 2)\n      else calendarFirstDay = firstDay = generateDateByUTCValue(startYear, 0, 1)\n\n      calendarLastDay = lastDay = generateDateByUTCValue(endYear, 11, 31)\n      nextFirstDay = generateDateByUTCValue(endYear + 1, 0, 1)\n      prevLastDay = generateDateByUTCValue(startYear - 1, 11, 31)\n    }\n\n    const items: TimeItem[] = []\n    // Loops between first and last date\n    let dateItem = calendarFirstDay\n    do {\n      const isHidden = dateItem < firstDay || dateItem >= lastDay\n      const isToday = sameDate(dateItem, new Date())\n      const { utcYear: minDateYear, utcMonth: minDateMonth } = getDateUTCValue(minDateTime)\n\n      let minUnitModeDate = minDateTime\n      if (isMonth(timeUnitMode))\n        // Need to compare with the first day of the month to decide if the month is disabled in the month overview\n        minUnitModeDate = generateDateByUTCValue(minDateYear, minDateMonth, 1)\n      else if (isYear(timeUnitMode))\n        // Need to compare with the first day of the year to decide if the year is disabled in the year overview\n        minUnitModeDate = generateDateByUTCValue(minDateYear, 0, 1)\n\n      const isDisabled = dateItem < minUnitModeDate || dateItem > maxDateTime ? true : false\n\n      // The calendar only select a single date\n      const isExactSelected = isExact(mode) && minSelectedDateTime && +dateItem === +minSelectedDateTime\n\n      // The calendar selects a range\n      const inRangeLow = minSelectedDateTime && dateItem >= minSelectedDateTime\n      const inRangeHigh = maxSelectedDateTime && dateItem <= maxSelectedDateTime\n\n      const inRange =\n        !isExact(mode) &&\n        ((!isDisabled && inRangeLow && (!maxSelectedDateTime || inRangeHigh)) ||\n          (inRangeHigh && (!minSelectedDateTime || inRangeLow)))\n\n      const isRangeSelected = isRange(mode) && inRange\n      const isFromSelected = isFrom(mode) && inRangeLow\n      const isToSelected = isTo(mode) && inRangeHigh\n\n      const isSelected = !!(isExactSelected || isFromSelected || isToSelected || isRangeSelected)\n\n      let maxSelectedCheck = maxSelectedDateTime\n      let minSelectedCheck = minSelectedDateTime\n\n      if (isYear(timeUnitMode)) {\n        if (maxSelectedCheck) maxSelectedCheck = generateDateByUTCValue(maxSelectedCheck.getUTCFullYear(), 0, 1)\n        if (minSelectedCheck) minSelectedCheck = generateDateByUTCValue(minSelectedCheck.getUTCFullYear(), 0, 1)\n      }\n      if (isMonth(timeUnitMode)) {\n        if (maxSelectedCheck)\n          maxSelectedCheck = generateDateByUTCValue(\n            maxSelectedCheck.getUTCFullYear(),\n            maxSelectedCheck.getUTCMonth(),\n            1,\n          )\n        if (minSelectedCheck)\n          minSelectedCheck = generateDateByUTCValue(\n            minSelectedCheck.getUTCFullYear(),\n            minSelectedCheck.getUTCMonth(),\n            1,\n          )\n      }\n\n      const boundary = !isTo(mode) && sameDate(dateItem, minSelectedCheck)\n\n      let current: boolean\n      if (isDay(timeUnitMode)) current = sameDate(dateItem, currentDateTime)\n      else if (isMonth(timeUnitMode)) current = sameYearSameMonth(dateItem, currentDateTime)\n      else current = sameYear(dateItem, currentDateTime)\n\n      items.push({\n        date: dateItem,\n        isHidden,\n        isToday,\n        isDisabled: boundary ? false : isDisabled,\n        isSelected,\n        boundary,\n        current,\n      })\n\n      dateItem = getNextDate(dateItem, timeUnitMode)\n    } while (dateItem <= calendarLastDay)\n\n    // Disables next/prev buttons\n    const prevDisabled = minDateTime > prevLastDay\n    const nextDisabled = maxDateTime < nextFirstDay\n\n    return {\n      items,\n      prevDisabled,\n      nextDisabled,\n    } as TimeResult\n  }, [boundaries, selectedDates, mode, timeUnitMode, viewDate])\n}\n"],"mappings":"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"}

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/index.js

@@ -0,0 +1,4 @@
+import { maxDateTimestamp, minDateTimestamp, months, monthsShort, viewYears, weekDays } from "./consts.js";
+import calendar_default, { Calendar } from "./calendar.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

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

@@ -1,4 +1,5 @@
 import { generateDateByUTCValue, getDateUTCValue, sameYear, sameYearSameMonth } from "../utils/dates.js";
+import "../utils/index.js";
 import { minDateTimestamp, viewYears } from "./consts.js";
 
 //#region src/calendar/utils.ts
@@ -65,5 +66,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/calendar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../src/calendar/utils.ts"],"sourcesContent":["import { generateDateByUTCValue, getDateUTCValue, sameYear, sameYearSameMonth } from '../utils'\nimport type { CalendarMode, DateRange, FlowDirection, TimeItem, TimeUnitMode } from './calendar.types'\nimport { minDateTimestamp, viewYears } from './consts'\n\nexport const isExact = (mode?: CalendarMode) => mode === 'exact'\nexport const isFrom = (mode?: CalendarMode) => mode === 'from'\nexport const isTo = (mode?: CalendarMode) => mode === 'to'\nexport const isRange = (mode?: CalendarMode) => mode === 'range'\n\nexport const isDay = (timeUnitMode?: TimeUnitMode) => timeUnitMode === 'day'\nexport const isMonth = (timeUnitMode?: TimeUnitMode) => timeUnitMode === 'month'\nexport const isYear = (timeUnitMode?: TimeUnitMode) => timeUnitMode === 'year'\n\n/**\n * Helper to get the next date item when iterating between two dates\n * @param date current date in the iteration\n * @param timeUnitMode time unit mode for day, month, year\n */\nexport const getNextDate = (date: Date, timeUnitMode?: TimeUnitMode) => {\n  const { utcYear, utcMonth, utcDate } = getDateUTCValue(date)\n  if (isDay(timeUnitMode)) return generateDateByUTCValue(utcYear, utcMonth, utcDate + 1)\n  if (isMonth(timeUnitMode)) return generateDateByUTCValue(utcYear, utcMonth + 1, utcDate)\n\n  return generateDateByUTCValue(utcYear + 1, utcMonth, utcDate)\n}\n\nexport const processSelectMonth = (clickedDate: Date, mode: CalendarMode, boundaries?: DateRange) => {\n  const date = clickedDate\n  const minDateTime = new Date(minDateTimestamp)\n  const { utcYear, utcMonth } = getDateUTCValue(clickedDate)\n  if (isTo(mode)) {\n    const selectDayInMonth = generateDateByUTCValue(utcYear, utcMonth + 1, 0).getUTCDate()\n\n    if (boundaries?.endDate && sameYearSameMonth(clickedDate, boundaries?.endDate)) return boundaries?.endDate\n\n    return generateDateByUTCValue(utcYear, utcMonth, selectDayInMonth)\n  }\n\n  if (isFrom(mode) && boundaries?.startDate && sameYearSameMonth(clickedDate, boundaries?.startDate))\n    return boundaries?.startDate\n\n  if (isExact(mode) && sameYear(clickedDate, minDateTime)) return minDateTime\n\n  return boundaries?.startDate && date < boundaries?.startDate ? boundaries.startDate : date\n}\n\n/**\n * Helper that calcs what new date we should set as viewDate when a year is clicked\n *\n * @param clickedDate date of year clicked\n * @param newDate pre-processed potential new view date\n * @param mode calendar mode\n * @param boundaries boundaries of date range\n */\nexport const processSelectYear = (clickedData: Date, mode: CalendarMode, boundaries?: DateRange) => {\n  const { utcYear, utcMonth } = getDateUTCValue(clickedData)\n  const minDateTime = new Date(minDateTimestamp)\n  const date = clickedData\n\n  if (isTo(mode)) {\n    const selectDayInMonth = generateDateByUTCValue(utcYear, utcMonth + 1, 0).getUTCDate()\n    const selectMonthInYear = 11\n\n    if (boundaries?.endDate && sameYear(clickedData, boundaries?.endDate)) return boundaries.endDate\n\n    return generateDateByUTCValue(clickedData.getUTCFullYear(), selectMonthInYear, selectDayInMonth)\n  }\n\n  if (isFrom(mode) && boundaries?.startDate && sameYear(clickedData, boundaries?.startDate)) return boundaries.startDate\n\n  if (isExact(mode) && sameYear(clickedData, minDateTime)) return minDateTime\n\n  return boundaries?.startDate && date < boundaries?.startDate ? boundaries.startDate : date\n}\n\nexport const processViewDate = (\n  viewDate: Date,\n  direction: FlowDirection,\n  timeUnitMode: TimeUnitMode,\n  calendarItems?: TimeItem[],\n) => {\n  const { utcYear, utcMonth } = getDateUTCValue(viewDate)\n  if (isDay(timeUnitMode)) {\n    const newMonth = generateDateByUTCValue(utcYear, utcMonth + (direction === 'next' ? 1 : -1))\n    return newMonth\n  }\n  if (isMonth(timeUnitMode)) {\n    const newMonth = generateDateByUTCValue(utcYear + (direction === 'next' ? 1 : -1), 0)\n    return newMonth\n  }\n\n  if (calendarItems) {\n    const date = calendarItems[direction === 'next' ? calendarItems.length - 1 : 0].date\n    const year = date.getUTCFullYear()\n    const newViewDate = generateDateByUTCValue(year + (direction === 'next' ? 1 : -viewYears), 0)\n    return newViewDate\n  }\n\n  return null\n}\n"],"mappings":";;;;AAIA,MAAa,WAAW,SAAwB,SAAS;AACzD,MAAa,UAAU,SAAwB,SAAS;AACxD,MAAa,QAAQ,SAAwB,SAAS;AACtD,MAAa,WAAW,SAAwB,SAAS;AAEzD,MAAa,SAAS,iBAAgC,iBAAiB;AACvE,MAAa,WAAW,iBAAgC,iBAAiB;AACzE,MAAa,UAAU,iBAAgC,iBAAiB;;;;;;AAOxE,MAAa,eAAe,MAAY,iBAAgC;CACtE,MAAM,EAAE,SAAS,UAAU,YAAY,gBAAgB,KAAK;AAC5D,KAAI,MAAM,aAAa,CAAE,QAAO,uBAAuB,SAAS,UAAU,UAAU,EAAE;AACtF,KAAI,QAAQ,aAAa,CAAE,QAAO,uBAAuB,SAAS,WAAW,GAAG,QAAQ;AAExF,QAAO,uBAAuB,UAAU,GAAG,UAAU,QAAQ;;AAG/D,MAAa,sBAAsB,aAAmB,MAAoB,eAA2B;CACnG,MAAM,OAAO;CACb,MAAM,cAAc,IAAI,KAAK,iBAAiB;CAC9C,MAAM,EAAE,SAAS,aAAa,gBAAgB,YAAY;AAC1D,KAAI,KAAK,KAAK,EAAE;EACd,MAAM,mBAAmB,uBAAuB,SAAS,WAAW,GAAG,EAAE,CAAC,YAAY;AAEtF,MAAI,YAAY,WAAW,kBAAkB,aAAa,YAAY,QAAQ,CAAE,QAAO,YAAY;AAEnG,SAAO,uBAAuB,SAAS,UAAU,iBAAiB;;AAGpE,KAAI,OAAO,KAAK,IAAI,YAAY,aAAa,kBAAkB,aAAa,YAAY,UAAU,CAChG,QAAO,YAAY;AAErB,KAAI,QAAQ,KAAK,IAAI,SAAS,aAAa,YAAY,CAAE,QAAO;AAEhE,QAAO,YAAY,aAAa,OAAO,YAAY,YAAY,WAAW,YAAY;;;;;;;;;;AAWxF,MAAa,qBAAqB,aAAmB,MAAoB,eAA2B;CAClG,MAAM,EAAE,SAAS,aAAa,gBAAgB,YAAY;CAC1D,MAAM,cAAc,IAAI,KAAK,iBAAiB;CAC9C,MAAM,OAAO;AAEb,KAAI,KAAK,KAAK,EAAE;EACd,MAAM,mBAAmB,uBAAuB,SAAS,WAAW,GAAG,EAAE,CAAC,YAAY;EACtF,MAAM,oBAAoB;AAE1B,MAAI,YAAY,WAAW,SAAS,aAAa,YAAY,QAAQ,CAAE,QAAO,WAAW;AAEzF,SAAO,uBAAuB,YAAY,gBAAgB,EAAE,mBAAmB,iBAAiB;;AAGlG,KAAI,OAAO,KAAK,IAAI,YAAY,aAAa,SAAS,aAAa,YAAY,UAAU,CAAE,QAAO,WAAW;AAE7G,KAAI,QAAQ,KAAK,IAAI,SAAS,aAAa,YAAY,CAAE,QAAO;AAEhE,QAAO,YAAY,aAAa,OAAO,YAAY,YAAY,WAAW,YAAY;;AAGxF,MAAa,mBACX,UACA,WACA,cACA,kBACG;CACH,MAAM,EAAE,SAAS,aAAa,gBAAgB,SAAS;AACvD,KAAI,MAAM,aAAa,CAErB,QADiB,uBAAuB,SAAS,YAAY,cAAc,SAAS,IAAI,IAAI;AAG9F,KAAI,QAAQ,aAAa,CAEvB,QADiB,uBAAuB,WAAW,cAAc,SAAS,IAAI,KAAK,EAAE;AAIvF,KAAI,cAIF,QADoB,uBAFP,cAAc,cAAc,SAAS,cAAc,SAAS,IAAI,GAAG,KAC9D,gBAAgB,IACiB,cAAc,SAAS,IAAI,CAAC,YAAY,EAAE;AAI/F,QAAO"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/calendar/utils.ts"],"sourcesContent":["import { generateDateByUTCValue, getDateUTCValue, sameYear, sameYearSameMonth } from '../utils'\nimport type { CalendarMode, DateRange, FlowDirection, TimeItem, TimeUnitMode } from './calendar.types'\nimport { minDateTimestamp, viewYears } from './consts'\n\nexport const isExact = (mode?: CalendarMode) => mode === 'exact'\nexport const isFrom = (mode?: CalendarMode) => mode === 'from'\nexport const isTo = (mode?: CalendarMode) => mode === 'to'\nexport const isRange = (mode?: CalendarMode) => mode === 'range'\n\nexport const isDay = (timeUnitMode?: TimeUnitMode) => timeUnitMode === 'day'\nexport const isMonth = (timeUnitMode?: TimeUnitMode) => timeUnitMode === 'month'\nexport const isYear = (timeUnitMode?: TimeUnitMode) => timeUnitMode === 'year'\n\n/**\n * Helper to get the next date item when iterating between two dates\n * @param date current date in the iteration\n * @param timeUnitMode time unit mode for day, month, year\n */\nexport const getNextDate = (date: Date, timeUnitMode?: TimeUnitMode) => {\n  const { utcYear, utcMonth, utcDate } = getDateUTCValue(date)\n  if (isDay(timeUnitMode)) return generateDateByUTCValue(utcYear, utcMonth, utcDate + 1)\n  if (isMonth(timeUnitMode)) return generateDateByUTCValue(utcYear, utcMonth + 1, utcDate)\n\n  return generateDateByUTCValue(utcYear + 1, utcMonth, utcDate)\n}\n\nexport const processSelectMonth = (clickedDate: Date, mode: CalendarMode, boundaries?: DateRange) => {\n  const date = clickedDate\n  const minDateTime = new Date(minDateTimestamp)\n  const { utcYear, utcMonth } = getDateUTCValue(clickedDate)\n  if (isTo(mode)) {\n    const selectDayInMonth = generateDateByUTCValue(utcYear, utcMonth + 1, 0).getUTCDate()\n\n    if (boundaries?.endDate && sameYearSameMonth(clickedDate, boundaries?.endDate)) return boundaries?.endDate\n\n    return generateDateByUTCValue(utcYear, utcMonth, selectDayInMonth)\n  }\n\n  if (isFrom(mode) && boundaries?.startDate && sameYearSameMonth(clickedDate, boundaries?.startDate))\n    return boundaries?.startDate\n\n  if (isExact(mode) && sameYear(clickedDate, minDateTime)) return minDateTime\n\n  return boundaries?.startDate && date < boundaries?.startDate ? boundaries.startDate : date\n}\n\n/**\n * Helper that calcs what new date we should set as viewDate when a year is clicked\n *\n * @param clickedDate date of year clicked\n * @param newDate pre-processed potential new view date\n * @param mode calendar mode\n * @param boundaries boundaries of date range\n */\nexport const processSelectYear = (clickedData: Date, mode: CalendarMode, boundaries?: DateRange) => {\n  const { utcYear, utcMonth } = getDateUTCValue(clickedData)\n  const minDateTime = new Date(minDateTimestamp)\n  const date = clickedData\n\n  if (isTo(mode)) {\n    const selectDayInMonth = generateDateByUTCValue(utcYear, utcMonth + 1, 0).getUTCDate()\n    const selectMonthInYear = 11\n\n    if (boundaries?.endDate && sameYear(clickedData, boundaries?.endDate)) return boundaries.endDate\n\n    return generateDateByUTCValue(clickedData.getUTCFullYear(), selectMonthInYear, selectDayInMonth)\n  }\n\n  if (isFrom(mode) && boundaries?.startDate && sameYear(clickedData, boundaries?.startDate)) return boundaries.startDate\n\n  if (isExact(mode) && sameYear(clickedData, minDateTime)) return minDateTime\n\n  return boundaries?.startDate && date < boundaries?.startDate ? boundaries.startDate : date\n}\n\nexport const processViewDate = (\n  viewDate: Date,\n  direction: FlowDirection,\n  timeUnitMode: TimeUnitMode,\n  calendarItems?: TimeItem[],\n) => {\n  const { utcYear, utcMonth } = getDateUTCValue(viewDate)\n  if (isDay(timeUnitMode)) {\n    const newMonth = generateDateByUTCValue(utcYear, utcMonth + (direction === 'next' ? 1 : -1))\n    return newMonth\n  }\n  if (isMonth(timeUnitMode)) {\n    const newMonth = generateDateByUTCValue(utcYear + (direction === 'next' ? 1 : -1), 0)\n    return newMonth\n  }\n\n  if (calendarItems) {\n    const date = calendarItems[direction === 'next' ? calendarItems.length - 1 : 0].date\n    const year = date.getUTCFullYear()\n    const newViewDate = generateDateByUTCValue(year + (direction === 'next' ? 1 : -viewYears), 0)\n    return newViewDate\n  }\n\n  return null\n}\n"],"mappings":";;;;;AAIA,MAAa,WAAW,SAAwB,SAAS;AACzD,MAAa,UAAU,SAAwB,SAAS;AACxD,MAAa,QAAQ,SAAwB,SAAS;AACtD,MAAa,WAAW,SAAwB,SAAS;AAEzD,MAAa,SAAS,iBAAgC,iBAAiB;AACvE,MAAa,WAAW,iBAAgC,iBAAiB;AACzE,MAAa,UAAU,iBAAgC,iBAAiB;;;;;;AAOxE,MAAa,eAAe,MAAY,iBAAgC;CACtE,MAAM,EAAE,SAAS,UAAU,YAAY,gBAAgB,KAAK;AAC5D,KAAI,MAAM,aAAa,CAAE,QAAO,uBAAuB,SAAS,UAAU,UAAU,EAAE;AACtF,KAAI,QAAQ,aAAa,CAAE,QAAO,uBAAuB,SAAS,WAAW,GAAG,QAAQ;AAExF,QAAO,uBAAuB,UAAU,GAAG,UAAU,QAAQ;;AAG/D,MAAa,sBAAsB,aAAmB,MAAoB,eAA2B;CACnG,MAAM,OAAO;CACb,MAAM,cAAc,IAAI,KAAK,iBAAiB;CAC9C,MAAM,EAAE,SAAS,aAAa,gBAAgB,YAAY;AAC1D,KAAI,KAAK,KAAK,EAAE;EACd,MAAM,mBAAmB,uBAAuB,SAAS,WAAW,GAAG,EAAE,CAAC,YAAY;AAEtF,MAAI,YAAY,WAAW,kBAAkB,aAAa,YAAY,QAAQ,CAAE,QAAO,YAAY;AAEnG,SAAO,uBAAuB,SAAS,UAAU,iBAAiB;;AAGpE,KAAI,OAAO,KAAK,IAAI,YAAY,aAAa,kBAAkB,aAAa,YAAY,UAAU,CAChG,QAAO,YAAY;AAErB,KAAI,QAAQ,KAAK,IAAI,SAAS,aAAa,YAAY,CAAE,QAAO;AAEhE,QAAO,YAAY,aAAa,OAAO,YAAY,YAAY,WAAW,YAAY;;;;;;;;;;AAWxF,MAAa,qBAAqB,aAAmB,MAAoB,eAA2B;CAClG,MAAM,EAAE,SAAS,aAAa,gBAAgB,YAAY;CAC1D,MAAM,cAAc,IAAI,KAAK,iBAAiB;CAC9C,MAAM,OAAO;AAEb,KAAI,KAAK,KAAK,EAAE;EACd,MAAM,mBAAmB,uBAAuB,SAAS,WAAW,GAAG,EAAE,CAAC,YAAY;EACtF,MAAM,oBAAoB;AAE1B,MAAI,YAAY,WAAW,SAAS,aAAa,YAAY,QAAQ,CAAE,QAAO,WAAW;AAEzF,SAAO,uBAAuB,YAAY,gBAAgB,EAAE,mBAAmB,iBAAiB;;AAGlG,KAAI,OAAO,KAAK,IAAI,YAAY,aAAa,SAAS,aAAa,YAAY,UAAU,CAAE,QAAO,WAAW;AAE7G,KAAI,QAAQ,KAAK,IAAI,SAAS,aAAa,YAAY,CAAE,QAAO;AAEhE,QAAO,YAAY,aAAa,OAAO,YAAY,YAAY,WAAW,YAAY;;AAGxF,MAAa,mBACX,UACA,WACA,cACA,kBACG;CACH,MAAM,EAAE,SAAS,aAAa,gBAAgB,SAAS;AACvD,KAAI,MAAM,aAAa,CAErB,QADiB,uBAAuB,SAAS,YAAY,cAAc,SAAS,IAAI,IAAI;AAG9F,KAAI,QAAQ,aAAa,CAEvB,QADiB,uBAAuB,WAAW,cAAc,SAAS,IAAI,KAAK,EAAE;AAIvF,KAAI,cAIF,QADoB,uBAFP,cAAc,cAAc,SAAS,cAAc,SAAS,IAAI,GAAG,KAC9D,gBAAgB,IACiB,cAAc,SAAS,IAAI,CAAC,YAAY,EAAE;AAI/F,QAAO"}

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

@@ -1,7 +1,10 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/card/card.tsx
@@ -10,7 +13,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 +36,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/index.js

@@ -0,0 +1,3 @@
+import { Card } from "./card.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

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

@@ -1,8 +1,12 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import { Tag } from "../tag/tag.js";
+import "../tag/index.js";
 import chatInput_default from "./chatInput.js";
 import chatMessage_default from "./chatMessage.js";
 import { useEffect, useRef } from "react";
@@ -13,7 +17,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 +66,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

@@ -1,8 +1,8 @@
 import { ThemingProps } from "../theme/types.js";
-import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
 import { ButtonProps } from "../button/button.types.js";
 import "../button/index.js";
+import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 import { MessageProps } from "../message/message.types.js";
 import "../message/index.js";
 
@@ -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

@@ -1,11 +1,16 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { inputColors } from "../input/consts.js";
 import { useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
 import icon_default from "../icon/icon.js";
+import "../icon/index.js";
 import button_default from "../button/button.js";
+import "../button/index.js";
+import "../core/index.js";
 import helpText_default from "../input/helpText.js";
 import chatInputButton_default from "./chatInputButton.js";
 import { useEffect, useState } from "react";
@@ -39,7 +44,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 +137,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

@@ -1,6 +1,8 @@
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import { Button } from "../button/button.js";
+import "../button/index.js";
+import "../core/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/chat/chatInputButton.tsx
@@ -26,5 +28,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/chatInputButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatInputButton.js","names":[],"sources":["../../src/chat/chatInputButton.tsx"],"sourcesContent":["import { Button } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport type { ChatInputButtonProps } from './chat.types'\n\n/**\n *  Displays a chat input button.\n */\nexport const ChatInputButton = vui<'button', ChatInputButtonProps>((props, ref) => {\n  const styles = useStyleConfig('Chat', props)\n\n  const { status = 'default', onSend, onStop } = props\n\n  const icon = status === 'processing' && onStop ? 'falStopCircle' : 'falChevronCircleRight'\n\n  return (\n    <Button\n      disabled={status === 'disabled' || (status === 'processing' && !onStop)}\n      h=\"100%\"\n      icon={icon}\n      ml={1}\n      onClick={() => (status === 'processing' ? onStop?.() : onSend?.())}\n      ref={ref}\n      variant=\"tertiaryDark\"\n      {...styles?.inputButton}\n    />\n  )\n})\n\nChatInputButton.displayName = 'ChatInputButton'\nexport default ChatInputButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,kBAAkB,KAAqC,OAAO,QAAQ;CACjF,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,EAAE,SAAS,WAAW,QAAQ,WAAW;AAI/C,QACE,oBAAC;EACC,UAAU,WAAW,cAAe,WAAW,gBAAgB,CAAC;EAChE,GAAE;EACF,MANS,WAAW,gBAAgB,SAAS,kBAAkB;EAO/D,IAAI;EACJ,eAAgB,WAAW,eAAe,UAAU,GAAG,UAAU;EAC5D;EACL,SAAQ;EACR,GAAI,QAAQ;GACZ;EAEJ;AAEF,gBAAgB,cAAc;AAC9B,8BAAe"}
+{"version":3,"file":"chatInputButton.js","names":[],"sources":["../../src/chat/chatInputButton.tsx"],"sourcesContent":["import { Button } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport type { ChatInputButtonProps } from './chat.types'\n\n/**\n *  Displays a chat input button.\n */\nexport const ChatInputButton = vui<'button', ChatInputButtonProps>((props, ref) => {\n  const styles = useStyleConfig('Chat', props)\n\n  const { status = 'default', onSend, onStop } = props\n\n  const icon = status === 'processing' && onStop ? 'falStopCircle' : 'falChevronCircleRight'\n\n  return (\n    <Button\n      disabled={status === 'disabled' || (status === 'processing' && !onStop)}\n      h=\"100%\"\n      icon={icon}\n      ml={1}\n      onClick={() => (status === 'processing' ? onStop?.() : onSend?.())}\n      ref={ref}\n      variant=\"tertiaryDark\"\n      {...styles?.inputButton}\n    />\n  )\n})\n\nChatInputButton.displayName = 'ChatInputButton'\nexport default ChatInputButton\n"],"mappings":";;;;;;;;;;;AAOA,MAAa,kBAAkB,KAAqC,OAAO,QAAQ;CACjF,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,EAAE,SAAS,WAAW,QAAQ,WAAW;AAI/C,QACE,oBAAC;EACC,UAAU,WAAW,cAAe,WAAW,gBAAgB,CAAC;EAChE,GAAE;EACF,MANS,WAAW,gBAAgB,SAAS,kBAAkB;EAO/D,IAAI;EACJ,eAAgB,WAAW,eAAe,UAAU,GAAG,UAAU;EAC5D;EACL,SAAQ;EACR,GAAI,QAAQ;GACZ;EAEJ;AAEF,gBAAgB,cAAc;AAC9B,8BAAe"}

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

@@ -1,7 +1,10 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import message_default from "../message/message.js";
+import "../message/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/chat/chatMessage.tsx
@@ -14,7 +17,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 +33,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/index.js

@@ -0,0 +1,5 @@
+import { ChatInput } from "./chatInput.js";
+import { ChatMessage } from "./chatMessage.js";
+import { Chat } from "./chat.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

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_components17 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_components17.StyledComponent<"label", styled_components17.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"}