@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

package/dist/calendar/hooks/useCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","names":[],"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":";;;;;;;;;;;;;AAcA,MAAa,eAAe,EAC1B,YACA,eACA,OAAO,SACP,cACA,eAEgB;CAChB,MAAM,sBAAsB,cAAc,EAAE,YAAY,CAAC;CACzD,MAAM,oBAAoB,gBAAgB;EAAE;EAAe;EAAM,CAAC;AAElE,QAAO,cAAc;EACnB,MAAM,EAAE,aAAa,gBAAgB;EACrC,MAAM,EAAE,iBAAiB,qBAAqB,wBAAwB;EACtE,MAAM,EAAE,SAAS,cAAc,UAAU,kBAAkB,gBAAgB,SAAS;EAEpF,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;AAEJ,MAAI,MAAM,aAAa,EAAE;AACvB,cAAW,uBAAuB,cAAc,eAAe,EAAE;AACjE,aAAU,uBAAuB,cAAc,gBAAgB,GAAG,EAAE;AAEpE,kBAAe,uBAAuB,cAAc,gBAAgB,GAAG,EAAE;AACzE,iBAAc,uBAAuB,cAAc,eAAe,EAAE;GAEpE,MAAM,eAAe,SAAS,WAAW;GACzC,MAAM,cAAc,QAAQ,WAAW;AAGvC,sBAAmB,IAAI,KAAK,KAAK,IAAI,cAAc,eAAe,IAAI,aAAa,CAAC;AACpF,OAAI,iBAAiB,EAAG,oBAAmB,IAAI,KAAK,KAAK,IAAI,cAAc,eAAe,GAAM,CAAC;AAGjG,qBAAkB,IAAI,KAAK,KAAK,IAAI,cAAc,gBAAgB,GAAG,IAAI,YAAY,CAAC;AACtF,OAAI,gBAAgB,EAAG,mBAAkB,IAAI,KAAK,KAAK,IAAI,cAAc,gBAAgB,GAAG,EAAE,CAAC;YACtF,gBAAgB,EAAG,mBAAkB,IAAI,KAAK,KAAK,IAAI,cAAc,gBAAgB,GAAG,EAAE,CAAC;aAe3F,QAAQ,aAAa,EAAE;AAChC,sBAAmB,WAAW,uBAAuB,cAAc,GAAG,EAAE;AACxE,qBAAkB,UAAU,uBAAuB,cAAc,IAAI,GAAG;AACxE,kBAAe,uBAAuB,eAAe,GAAG,GAAG,EAAE;AAC7D,iBAAc,uBAAuB,eAAe,GAAG,IAAI,GAAG;SACzD;GACL,MAAM,qCAAoB,IAAI,MAAM,EAAC,gBAAgB,GAAG,YAAY;GACpE,MAAM,YAAY,oBAAoB;GAEtC,MAAM,YAAY,oBAAoB,KAAK,KAAK,YAAY,UAAU,GAAG;GACzE,MAAM,UAAU,YAAY,YAAY;AAExC,OAAI,cAAc,KAAM,oBAAmB,WAAW,uBAAuB,WAAW,GAAG,EAAE;OACxF,oBAAmB,WAAW,uBAAuB,WAAW,GAAG,EAAE;AAE1E,qBAAkB,UAAU,uBAAuB,SAAS,IAAI,GAAG;AACnE,kBAAe,uBAAuB,UAAU,GAAG,GAAG,EAAE;AACxD,iBAAc,uBAAuB,YAAY,GAAG,IAAI,GAAG;;EAG7D,MAAM,QAAoB,EAAE;EAE5B,IAAI,WAAW;AACf,KAAG;GACD,MAAM,WAAW,WAAW,YAAY,YAAY;GACpD,MAAM,UAAU,SAAS,0BAAU,IAAI,MAAM,CAAC;GAC9C,MAAM,EAAE,SAAS,aAAa,UAAU,iBAAiB,gBAAgB,YAAY;GAErF,IAAI,kBAAkB;AACtB,OAAI,QAAQ,aAAa,CAEvB,mBAAkB,uBAAuB,aAAa,cAAc,EAAE;YAC/D,OAAO,aAAa,CAE3B,mBAAkB,uBAAuB,aAAa,GAAG,EAAE;GAE7D,MAAM,aAAa,WAAW,mBAAmB,WAAW,cAAc,OAAO;GAGjF,MAAM,kBAAkB,QAAQ,KAAK,IAAI,uBAAuB,CAAC,aAAa,CAAC;GAG/E,MAAM,aAAa,uBAAuB,YAAY;GACtD,MAAM,cAAc,uBAAuB,YAAY;GAEvD,MAAM,UACJ,CAAC,QAAQ,KAAK,KACZ,CAAC,cAAc,eAAe,CAAC,uBAAuB,gBACrD,gBAAgB,CAAC,uBAAuB;GAE7C,MAAM,kBAAkB,QAAQ,KAAK,IAAI;GACzC,MAAM,iBAAiB,OAAO,KAAK,IAAI;GACvC,MAAM,eAAe,KAAK,KAAK,IAAI;GAEnC,MAAM,aAAa,CAAC,EAAE,mBAAmB,kBAAkB,gBAAgB;GAE3E,IAAI,mBAAmB;GACvB,IAAI,mBAAmB;AAEvB,OAAI,OAAO,aAAa,EAAE;AACxB,QAAI,iBAAkB,oBAAmB,uBAAuB,iBAAiB,gBAAgB,EAAE,GAAG,EAAE;AACxG,QAAI,iBAAkB,oBAAmB,uBAAuB,iBAAiB,gBAAgB,EAAE,GAAG,EAAE;;AAE1G,OAAI,QAAQ,aAAa,EAAE;AACzB,QAAI,iBACF,oBAAmB,uBACjB,iBAAiB,gBAAgB,EACjC,iBAAiB,aAAa,EAC9B,EACD;AACH,QAAI,iBACF,oBAAmB,uBACjB,iBAAiB,gBAAgB,EACjC,iBAAiB,aAAa,EAC9B,EACD;;GAGL,MAAM,WAAW,CAAC,KAAK,KAAK,IAAI,SAAS,UAAU,iBAAiB;GAEpE,IAAI;AACJ,OAAI,MAAM,aAAa,CAAE,WAAU,SAAS,UAAU,gBAAgB;YAC7D,QAAQ,aAAa,CAAE,WAAU,kBAAkB,UAAU,gBAAgB;OACjF,WAAU,SAAS,UAAU,gBAAgB;AAElD,SAAM,KAAK;IACT,MAAM;IACN;IACA;IACA,YAAY,WAAW,QAAQ;IAC/B;IACA;IACA;IACD,CAAC;AAEF,cAAW,YAAY,UAAU,aAAa;WACvC,YAAY;AAMrB,SAAO;GACL;GACA,cALmB,cAAc;GAMjC,cALmB,cAAc;GAMlC;IACA;EAAC;EAAY;EAAe;EAAM;EAAc;EAAS,CAAC"}
+{"version":3,"file":"useCalendar.js","names":[],"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__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.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__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=useSelectedDate.js.map

package/dist/calendar/theme.js

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

package/dist/calendar/utils.js

@@ -59,11 +59,11 @@ const processViewDate = (viewDate, direction, timeUnitMode, calendarItems) => {
 	const { utcYear, utcMonth } = getDateUTCValue(viewDate);
 	if (isDay(timeUnitMode)) return generateDateByUTCValue(utcYear, utcMonth + (direction === "next" ? 1 : -1));
 	if (isMonth(timeUnitMode)) return generateDateByUTCValue(utcYear + (direction === "next" ? 1 : -1), 0);
-	if (calendarItems) return generateDateByUTCValue(calendarItems[direction === "next" ? calendarItems.length - 1 : 0].date.getUTCFullYear() + (direction === "next" ? 1 : -viewYears), 0);
+	if (calendarItems) return generateDateByUTCValue(calendarItems[direction === "next" ? calendarItems.length - 1 : 0].date.getUTCFullYear() + (direction === "next" ? 1 : -12), 0);
 	return null;
 };
 
 //#endregion
 export { getNextDate, isDay, isExact, isFrom, isMonth, isRange, isTo, isYear, processSelectMonth, processSelectYear, processViewDate };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.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,MAAa,EAAE;AAI/F,QAAO"}

package/dist/card/card.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { CardProps } from "./card.types.js";
-import "../index.js";
-
 //#region src/card/card.d.ts
 /**
  * Displays static, partially interactive or fully interactive content, such as text, images or buttons.

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/card/card.tsx"],"mappings":";;;;;;;;;cAUa,IAAA,EAAI,YAAA,QAAA,SAAA"}
+{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/card/card.tsx"],"mappings":";;;;;;;cAUa,IAAA,EAAI,YAAA,QAAA,SAAA"}

package/dist/card/card.js

@@ -32,5 +32,5 @@ Card.displayName = "Card";
 
 //#endregion
 export { Card as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=card.js.map

package/dist/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":[],"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        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,MAAM,mBAAyB,gBAC3B;EACE,QAAQ;EACR,WAAW;EACX,gBAAgB;EAChB,SAAS;EACT,UAAU;EACV,YAAY;EACb,GACD,EAAE;AAEN,QAAO,oBAAC;EAAI,WAAW,GAAG,YAAY,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAkB,GAAI;GAAQ;EAC1G;AAEF,KAAK,cAAc"}
+{"version":3,"file":"card.js","names":[],"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        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,MAAM,mBAAyB,gBAC3B;EACE,QAAQ;EACR,WAAW;EACX,gBAAgB;EAChB,SAAS;EACT,UAAU;EACV,YAAY;EACb,GACD,EAAE;AAEN,QAAO,oBAAC,KAAD;EAAK,WAAW,GAAG,YAAY,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAAkB,GAAI;EAAQ;EAC1G;AAEF,KAAK,cAAc"}

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

@@ -1,7 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
 import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
-
 //#region src/card/card.types.d.ts
 type CardProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Card'> & {
   /** Makes card clickable and focusable with correct styling. */isInteractive?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"card.types.d.ts","names":[],"sources":["../../src/card/card.types.ts"],"mappings":";;;;;KAGY,SAAA,GAAY,IAAA,CAAK,QAAA,wBAC3B,YAAA;iEAEE,aAAA;AAAA"}
+{"version":3,"file":"card.types.d.ts","names":[],"sources":["../../src/card/card.types.ts"],"mappings":";;;KAGY,SAAA,GAAY,IAAA,CAAK,QAAA,wBAC3B,YAAA;iEAEE,aAAA;AAAA"}

package/dist/card/theme.js

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

package/dist/chat/chat.d.ts

@@ -1,5 +1,4 @@
 import { VuiComponent } from "../core/vui.js";
-import "../core/index.js";
 import { ChatProps } from "./chat.types.js";
 import { ChatInput } from "./chatInput.js";
 import { ChatMessage } from "./chatMessage.js";

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

@@ -1 +1 @@
-{"version":3,"file":"chat.d.ts","names":[],"sources":["../../src/chat/chat.tsx"],"mappings":";;;;;;;;;;cAca,IAAA,EAmEP,YAAA,QAAoB,SAAA;EACxB,OAAA,SAAgB,WAAA;EAChB,KAAA,SAAc,SAAA;AAAA"}
+{"version":3,"file":"chat.d.ts","names":[],"sources":["../../src/chat/chat.tsx"],"mappings":";;;;;;;;;cAca,IAAA,EAmEP,YAAA,QAAoB,SAAA;EACxB,OAAA,SAAgB,WAAA;EAChB,KAAA,SAAc,SAAA;AAAA"}

package/dist/chat/chat.js

@@ -62,5 +62,5 @@ Chat.displayName = "Chat";
 
 //#endregion
 export { Chat as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=chat.js.map

package/dist/chat/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","names":[],"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,qBAAC;EACC,WAAW,GAAG,YAAY,UAAU;EAC/B;EACL,GAAI,OAAO;EACX,GAAE;EACF,gBAAe;EACf,GAAI;aAEJ,qBAAC;GAAI,WAAW,GAAG,oBAAoB;GAAE,GAAI,QAAQ;cAClD,UAAU,SAAS,SAAS,KAAK,SAAS,QAAQ,oBAAC,eAAsB,GAAI,WAAT,IAAoB,CAAC,GAAG,UAC7F,oBAAC,SAAI,KAAK,iBAAkB;IACxB,EACN,qBAAC;GAAI;cACF,CAAC,CAAC,aAAa,UACd,oBAAC;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,oBAAC;IACW;IACS;IACF;IACT;IACA;IACW;IACnB,QAAQ;KACR;IACE;GACF;EAER;AAKF,KAAK,UAAU;AACf,KAAK,QAAQ;AACb,KAAK,cAAc"}
+{"version":3,"file":"chat.js","names":[],"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,qBAAC,KAAD;EACE,WAAW,GAAG,YAAY,UAAU;EAC/B;EACL,GAAI,OAAO;EACX,GAAE;EACF,gBAAe;EACf,GAAI;YANN,CAQE,qBAAC,KAAD;GAAK,WAAW,GAAG,oBAAoB;GAAE,GAAI,QAAQ;aAArD,CACG,UAAU,SAAS,SAAS,KAAK,SAAS,QAAQ,oBAAC,aAAD,EAAuB,GAAI,SAAW,EAApB,IAAoB,CAAC,GAAG,UAC7F,oBAAC,OAAD,EAAK,KAAK,gBAAkB,EACxB;MACN,qBAAC,KAAD;GAAK;aAAL,CACG,CAAC,CAAC,aAAa,UACd,oBAAC,KAAD;IAAK,WAAW,GAAG,uBAAuB;IAAE,GAAI,QAAQ;IAAa,IAAG;IAAO,IAAG;cAC/E,aAAa,KAAI,eAChB,oBAAC,KAAD;KACE,QAAQ,gBAAgB,YAAY,YAAY;KAChD,UAAU,gBAAgB;KAE1B,IAAG;KACH,IAAG;KACH,eAAe,oBAAoB,WAAW;eAE7C;KACG,EANC,WAMD,CACN;IACE,GAER,oBAAC,WAAD;IACY;IACS;IACF;IACT;IACA;IACW;IACnB,QAAQ;IACR,EACE;KACF;;EAER;AAKF,KAAK,UAAU;AACf,KAAK,QAAQ;AACb,KAAK,cAAc"}

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

@@ -1,11 +1,7 @@
 import { ThemingProps } from "../theme/types.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";
-
 //#region src/chat/chat.types.d.ts
 type ChatInputStatus = 'default' | 'processing' | 'disabled';
 type ChatProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Chat'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"chat.types.d.ts","names":[],"sources":["../../src/chat/chat.types.ts"],"mappings":";;;;;;;;;KAKY,eAAA;AAAA,KAEA,SAAA,GAAY,IAAA,CAAK,QAAA,wBAC3B,YAAA;oDAEE,WAAA,GAAc,eAAA;EAEd,QAAA,GAAW,YAAA,IAPY;EASvB,QAAA,WATuB;EAWvB,iBAAA,WATQ;EAWR,iBAAA;EAEA,WAAA,aAboB;EAepB,eAAA,eAZc;EAcd,iBAAA,IAAqB,UAAA,mBAZE;EAcvB,MAAA,IAAU,OAAA,mBAnBU;EAqBpB,MAAA;AAAA;AAAA,KAGQ,cAAA,GAAiB,IAAA,CAAK,QAAA;EArBhB,qCAuBhB,WAAA,WArBa;EAuBb,MAAA,GAAS,eAAA,EAnBP;EAqBF,QAAA,WAjBE;EAmBF,iBAAA,WAfE;EAiBF,iBAAA,WAfE;EAiBF,eAAA,eAfE;EAiBF,MAAA,IAAU,OAAA,mBAjBF;EAmBR,MAAA;AAAA;AAAA,KAGU,oBAAA,GAAuB,IAAA,CAAK,WAAA;EAnBN,+BAqBhC,MAAA,GAAS,eAAA,EAjBA;EAmBT,MAAA,eAnBwB;EAqBxB,MAAA;AAAA"}
+{"version":3,"file":"chat.types.d.ts","names":[],"sources":["../../src/chat/chat.types.ts"],"mappings":";;;;;KAKY,eAAA;AAAA,KAEA,SAAA,GAAY,IAAA,CAAK,QAAA,wBAC3B,YAAA;oDAEE,WAAA,GAAc,eAAA;EAEd,QAAA,GAAW,YAAA,IAPH;EASR,QAAA;EAEA,iBAAA,WAXuB;EAavB,iBAAA,WAXiB;EAajB,WAAA,aAbyB;EAezB,eAAA,eAdF;EAgBE,iBAAA,IAAqB,UAAA,mBAZV;EAcX,MAAA,IAAU,OAAA,mBAda;EAgBvB,MAAA;AAAA;AAAA,KAGQ,cAAA,GAAiB,IAAA,CAAK,QAAA;EArB9B,qCAuBF,WAAA,WArBE;EAuBF,MAAA,GAAS,eAAA,EArBP;EAuBF,QAAA,WAnBE;EAqBF,iBAAA,WAjBE;EAmBF,iBAAA,WAjBuB;EAmBvB,eAAA,eAjBY;EAmBZ,MAAA,IAAU,OAAA,mBAjBF;EAmBR,MAAA;AAAA;AAAA,KAGU,oBAAA,GAAuB,IAAA,CAAK,WAAA;iCAEtC,MAAA,GAAS,eAAA,EArBkB;EAuB3B,MAAA,eAnBwB;EAqBxB,MAAA;AAAA"}

package/dist/chat/chatInput.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { ChatInputProps } from "./chat.types.js";
-import "../index.js";
-
 //#region src/chat/chatInput.d.ts
 /**
  * Displays a chat input interface.

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

@@ -1 +1 @@
-{"version":3,"file":"chatInput.d.ts","names":[],"sources":["../../src/chat/chatInput.tsx"],"mappings":";;;;;;;;cAwCa,SAAA,EAAS,YAAA,UAAA,cAAA"}
+{"version":3,"file":"chatInput.d.ts","names":[],"sources":["../../src/chat/chatInput.tsx"],"mappings":";;;;;;cAwCa,SAAA,EAAS,YAAA,UAAA,cAAA"}

package/dist/chat/chatInput.js

@@ -131,5 +131,5 @@ ChatInput.displayName = "ChatInput";
 
 //#endregion
 export { ChatInput as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=chatInput.js.map

package/dist/chat/chatInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatInput.js","names":[],"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,qBAAC;EAAI,WAAW,GAAG,iBAAiB;EAAE,gBAAe;EAAqB;EAAK,GAAI,QAAQ;EAAO,GAAI;aACnG,CAAC,CAAC,mBAAmB,WAAW,aAC/B,oBAAC;GAAO,WAAU;GAAS,MAAK;GAAS,IAAI;GAAG,eAAe,mBAAmB;IAAI,EAEvF,WAAW,eACV,qBAAC;GAAI,aAAa,YAAY;GAAQ,aAAa;GAAG;GAAO,gBAAe;GAAa,IAAI;GAAK,GAAE;cAClG,oBAAC;IAAK,IAAI;IAAG,MAAK;IAAiB,UAAU,CAAC,WAAW,UAAU;IAAE,MAAK;IAAK,SAAQ;KAAa,EACpG,oBAAC,iBAAK,oBAAwB;IAC1B,GAEN,qBAAC;GAAI,WAAU;GAAS,QAAO;GAAI;GAAO,SAAQ;GAAO,GAAE;cACzD,qBAAC;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,oBAAC;KACC,UAAU,CAAC,OAAO;KAClB,GAAE;KACF,cAAc;AACZ,UAAI,OAAO,OAAQ,UAAS,MAAM;;KAE5B;KACA;MACR;KACE,EACL,CAAC,CAAC,YAAY,oBAAC,sBAAU,WAAoB;IAC1C;GAEJ;EAER;AAEF,UAAU,cAAc"}
+{"version":3,"file":"chatInput.js","names":[],"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,qBAAC,KAAD;EAAK,WAAW,GAAG,iBAAiB;EAAE,gBAAe;EAAqB;EAAK,GAAI,QAAQ;EAAO,GAAI;YAAtG,CACG,CAAC,CAAC,mBAAmB,WAAW,aAC/B,oBAAC,QAAD;GAAQ,WAAU;GAAS,MAAK;GAAS,IAAI;GAAG,eAAe,mBAAmB;GAAI,GAEvF,WAAW,eACV,qBAAC,KAAD;GAAK,aAAa,YAAY;GAAQ,aAAa;GAAG;GAAO,gBAAe;GAAa,IAAI;GAAK,GAAE;aAApG,CACE,oBAAC,MAAD;IAAM,IAAI;IAAG,MAAK;IAAiB,UAAU,CAAC,WAAW,UAAU;IAAE,MAAK;IAAK,SAAQ;IAAa,GACpG,oBAAC,KAAD,YAAM,mBAAwB,EAC1B;OAEN,qBAAC,KAAD;GAAK,WAAU;GAAS,QAAO;GAAI;GAAO,SAAQ;GAAO,GAAE;aAA3D,CACE,qBAAC,KAAD;IACE,aAAa,YAAY;IACzB,aAAa;IACb;IACA,sBAAsB,YAAY;IAClC,gBAAe;IACf,UAAS;IACT,GAAE;cAPJ,CASE,oBAAC,gBAAD;KACE,UAAU;KACV,UAAU;KACV,SAAS;KACE;KACE;KACN;KACP,GACF,oBAAC,iBAAD;KACE,UAAU,CAAC,OAAO;KAClB,GAAE;KACF,cAAc;AACZ,UAAI,OAAO,OAAQ,UAAS,MAAM;;KAE5B;KACA;KACR,EACE;OACL,CAAC,CAAC,YAAY,oBAAC,UAAD,YAAW,UAAoB,EAC1C;KAEJ;;EAER;AAEF,UAAU,cAAc"}

package/dist/chat/chatInputButton.js

@@ -17,7 +17,8 @@ const ChatInputButton = vui((props, ref) => {
 		ml: 1,
 		onClick: () => status === "processing" ? onStop?.() : onSend?.(),
 		ref,
-		variant: "tertiaryDark",
+		variant: "tertiary",
+		intent: "brand",
 		...styles?.inputButton
 	});
 });
@@ -25,5 +26,5 @@ ChatInputButton.displayName = "ChatInputButton";
 
 //#endregion
 export { ChatInputButton as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.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"}
+{"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=\"tertiary\"\n      intent=\"brand\"\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,QAAD;EACE,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,QAAO;EACP,GAAI,QAAQ;EACZ;EAEJ;AAEF,gBAAgB,cAAc"}

package/dist/chat/chatMessage.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { MessageProps } from "../message/message.types.js";
-import "../message/index.js";
-import "../index.js";
-
 //#region src/chat/chatMessage.d.ts
 /**
  * Displays a chat interface with messages and actions.

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

@@ -1 +1 @@
-{"version":3,"file":"chatMessage.d.ts","names":[],"sources":["../../src/chat/chatMessage.tsx"],"mappings":";;;;;;;;;cAca,WAAA,EAAW,YAAA,QAAA,YAAA"}
+{"version":3,"file":"chatMessage.d.ts","names":[],"sources":["../../src/chat/chatMessage.tsx"],"mappings":";;;;;;cAca,WAAA,EAAW,YAAA,QAAA,YAAA"}

package/dist/chat/chatMessage.js

@@ -29,5 +29,5 @@ ChatMessage.displayName = "ChatMessage";
 
 //#endregion
 export { ChatMessage as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=chatMessage.js.map

package/dist/chat/chatMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatMessage.js","names":[],"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,MAAM,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,oBAAC;EACS;EACR,WAAW,GAAG,mBAAmB;EACjC,GAAE;EACF,IAAG;EACE;EACL,GAAI,QAAQ;EACZ,GAAI;GACJ;EAEJ;AAEF,YAAY,cAAc"}
+{"version":3,"file":"chatMessage.js","names":[],"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,MAAM,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,oBAAC,SAAD;EACU;EACR,WAAW,GAAG,mBAAmB;EACjC,GAAE;EACF,IAAG;EACE;EACL,GAAI,QAAQ;EACZ,GAAI;EACJ;EAEJ;AAEF,YAAY,cAAc"}

package/dist/chat/theme.js

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

package/dist/checkbox/checkbox.d.ts

@@ -1,26 +1,9 @@
-import { AnimationProps } from "../system/animations.js";
-import { BackgroundColorProps } from "../system/backgrounds.js";
-import { BorderBottomColorProps, BorderBottomProps, BorderBottomWidthProps, BorderColorProps, BorderLeftColorProps, BorderLeftProps, BorderLeftWidthProps, BorderProps, BorderRadiusProps, BorderRightColorProps, BorderRightProps, BorderRightWidthProps, BorderStyleProps, BorderTopColorProps, BorderTopProps, BorderTopWidthProps, BorderWidthProps, DivideColorProps, DivideStyleProps, DivideXProps, DivideXReverseProps, DivideYProps, DivideYReverseProps, OutlineColorProps, OutlineProps, OutlineStyleProps, OutlineWidthProps, RingColorProps, RingProps } from "../system/borders.js";
-import { IsTruncatedProps, MaxLinesProps, WordBreakProps } from "../system/custom.js";
-import { BoxShadowProps, OpacityProps, TextShadowProps } from "../system/effects.js";
-import { BottomProps, BoxSizingProps, DisplayProps, FloatProps, LeftProps, ObjectFitProps, OverflowProps, OverflowXProps, OverflowYProps, OverscrollBehaviorProps, PositionProps, RightProps, TopProps, VisibilityProps, ZIndexProps } from "../system/layout.js";
-import { AlignContentProps, AlignItemsProps, AlignSelfProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, OrderProps } from "../system/flexboxes.js";
-import { AppearanceProps, CursorProps, PointerEventsProps, ResizeProps, UserSelectProps } from "../system/interactivity.js";
-import { HeightProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, WidthProps } from "../system/sizing.js";
-import { MarginBottomProps, MarginLeftProps, MarginProps, MarginRightProps, MarginTopProps, MarginXProps, MarginYProps, PaddingBottomProps, PaddingLeftProps, PaddingProps, PaddingRightProps, PaddingTopProps, PaddingXProps, PaddingYProps, SpaceXProps, SpaceXReverseProps, SpaceYProps, SpaceYReverseProps } from "../system/space.js";
-import { ColProps, RowProps } from "../system/flexboxGrids.js";
-import { ColumnGapProps, GapProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, RowGapProps } from "../system/grids.js";
-import { BorderCollapseProps, TableLayoutProps } from "../system/tables.js";
-import { RotateProps, ScaleProps, ScaleXProps, ScaleYProps, SkewXProps, SkewYProps, TransformOriginProps, TransformProps, TranslateXProps, TranslateYProps } from "../system/transforms.js";
-import { TransitionDelayProps, TransitionDurationProps, TransitionPropertyProps, TransitionProps, TransitionTimingFunctionProps } from "../system/transitions.js";
-import { ColorProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, LetterSpacingProps, LineHeightProps, ListStylePositionProps, ListStyleTypeProps, TextAlignProps, TextDecorationProps, TextOverflowProps, TextTransformProps, VerticalAlignProps, WhiteSpaceProps } from "../system/typography.js";
 import { VuiComponent } from "../core/vui.js";
 import { CheckboxProps, CheckboxStyleProps } from "./checkbox.types.js";
-import "../index.js";
-import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/checkbox/checkbox.d.ts
-declare const CheckboxBase: styled_components0.StyledComponent<"label", styled_components0.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_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<any, CheckboxStyleProps>> & string;
 /**
  * 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.

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../src/checkbox/checkbox.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAgCa,YAAA,EAAY,kBAAA,CAAA,eAAA,UAqBxB,kBAAA,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,kBAAA;;;;;cA2BZ,QAAA,EAAQ,YAAA,SAAA,aAAA"}
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../src/checkbox/checkbox.tsx"],"mappings":";;;;;cAgCa,YAAA,EAAY,6BAAA,CAAA,oBAAA,QAAA,6BAAA,CAAA,UAAA,MAAA,kBAAA;;;;;cA2BZ,QAAA,EAAQ,YAAA,SAAA,aAAA"}

package/dist/checkbox/checkbox.js

@@ -126,5 +126,5 @@ Checkbox.displayName = "Checkbox";
 
 //#endregion
 export { CheckboxBase, Checkbox as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=checkbox.js.map

package/dist/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":[],"sources":["../../src/checkbox/checkbox.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { omitThemingProps, styled, th, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport type { CheckboxProps, CheckboxStyleProps } from './checkbox.types'\nimport { checkboxColors, disabled } from './consts'\nimport { useCheckboxGroupContext } from './context'\n\nconst CheckboxControl = styled.spanBox`\n  border-radius: none;\n  display: inline-flex;\n  flex-shrink: 0;\n  position: relative;\n  transition-duration: fast;\n`\n\nconst CheckboxInput = styled.input`\n  cursor: inherit;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n`\n\nexport const CheckboxBase = styled.labelBox<CheckboxStyleProps>`\n  cursor: pointer;\n  display: inline-flex;\n  width: fit-content;\n\n  &:not([aria-disabled='true']):hover .vui-checkboxControl {\n    color: ${p => th.color(p.controlHoverColor)};\n  }\n\n  .vui-checkboxControl:focus-within {\n    color: ${checkboxColors.focus};\n  }\n\n  &[aria-disabled='true'] {\n    color: ${disabled.text};\n    cursor: not-allowed;\n\n    .vui-checkboxControl {\n      color: ${disabled.icon};\n    }\n  }\n`\n\n/**\n * Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.\n * Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.\n */\nexport const Checkbox = vui<'span', CheckboxProps>((props, ref) => {\n  const { defaultValue: groupDefaultValue, ...checkboxGroupProps } = useCheckboxGroupContext() ?? {}\n\n  const mergedProps = { ...checkboxGroupProps, ...props }\n  const {\n    checked,\n    children,\n    className,\n    defaultChecked = groupDefaultValue !== undefined ? groupDefaultValue.includes(props.value) : undefined,\n    disabled,\n    icon: iconProp = 'uiCheckboxUnselected',\n    iconChecked = 'uiCheckboxSelected',\n    iconIndeterminate = 'uiCheckboxIndeterminate',\n    id,\n    inputProps,\n    inputRef,\n    isIndeterminate,\n    label,\n    name,\n    onChange: onChangeProp,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n  const [isChecked, setIsChecked] = useState(defaultChecked)\n  const styles = useStyleConfig('Checkbox', mergedProps)\n  const { color: controlColor, hoverColor, ...controlStyles } = styles.control\n\n  const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp\n  const controlMr = children || label ? 1 : 0\n  const color = isChecked || isIndeterminate ? checkboxColors.checked : controlColor\n  const controlHoverColor = hoverColor ? hoverColor : checkboxColors.hover\n  const isLongLabel = label && label?.length >= 60\n\n  useEffect(() => {\n    checked !== undefined && setIsChecked(checked)\n  }, [checked])\n\n  const onChange = (e: ChangeEvent) => {\n    if (checked === undefined) setIsChecked(e.target.checked)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <CheckboxBase\n      alignItems={isLongLabel ? 'flex-start' : 'center'}\n      className={cs('vui-checkbox', className)}\n      controlHoverColor={controlHoverColor}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <CheckboxControl\n        bg=\"white\"\n        className=\"vui-checkboxControl\"\n        color={color}\n        focusWithinRing={3}\n        mr={controlMr}\n        role=\"none\"\n        {...controlStyles}\n      >\n        <CheckboxInput\n          className=\"vui-checkboxInput\"\n          onChange={onChange}\n          ref={inputRef}\n          type=\"checkbox\"\n          {...{ checked, defaultChecked, disabled, id, name, required, value }}\n          {...inputProps}\n        />\n        <Icon className=\"vui-checkboxIcon\" h=\"100%\" name={icon} w=\"100%\" />\n      </CheckboxControl>\n\n      {children ??\n        (label && (\n          <T className=\"vui-checkboxLabel\" lineHeight={isLongLabel ? '26px' : 'normal'} {...styles.label}>\n            {label}\n          </T>\n        ))}\n    </CheckboxBase>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\nexport default Checkbox\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,kBAAkB,OAAO,OAAO;;;;;;;AAQtC,MAAM,gBAAgB,OAAO,KAAK;;;;;;;;;;;;AAalC,MAAa,eAAe,OAAO,QAA4B;;;;;;cAMlD,MAAK,GAAG,MAAM,EAAE,kBAAkB,CAAC;;;;aAInC,eAAe,MAAM;;;;aAIrB,SAAS,KAAK;;;;eAIZ,SAAS,KAAK;;;;;;;;AAS7B,MAAa,WAAW,KAA4B,OAAO,QAAQ;CACjE,MAAM,EAAE,cAAc,mBAAmB,GAAG,uBAAuB,yBAAyB,IAAI,EAAE;CAElG,MAAM,cAAc;EAAE,GAAG;EAAoB,GAAG;EAAO;CACvD,MAAM,EACJ,SACA,UACA,WACA,iBAAiB,sBAAsB,SAAY,kBAAkB,SAAS,MAAM,MAAM,GAAG,QAC7F,UACA,MAAM,WAAW,wBACjB,cAAc,sBACd,oBAAoB,2BACpB,IACA,YACA,UACA,iBACA,OACA,MACA,UAAU,cACV,UACA,OACA,GAAG,SACD,iBAAiB,YAAY;CACjC,MAAM,CAAC,WAAW,gBAAgB,SAAS,eAAe;CAC1D,MAAM,SAAS,eAAe,YAAY,YAAY;CACtD,MAAM,EAAE,OAAO,cAAc,YAAY,GAAG,kBAAkB,OAAO;CAErE,MAAM,OAAO,kBAAkB,oBAAoB,YAAY,cAAc;CAC7E,MAAM,YAAY,YAAY,QAAQ,IAAI;CAC1C,MAAM,QAAQ,aAAa,kBAAkB,eAAe,UAAU;CACtE,MAAM,oBAAoB,aAAa,aAAa,eAAe;CACnE,MAAM,cAAc,SAAS,OAAO,UAAU;AAE9C,iBAAgB;AACd,cAAY,UAAa,aAAa,QAAQ;IAC7C,CAAC,QAAQ,CAAC;CAEb,MAAM,YAAY,MAAmB;AACnC,MAAI,YAAY,OAAW,cAAa,EAAE,OAAO,QAAQ;AACzD,iBAAe,EAAE;;CAGnB,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;AAEF,QACE,qBAAC;EACC,YAAY,cAAc,eAAe;EACzC,WAAW,GAAG,gBAAgB,UAAU;EACrB;EACd;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;aAEJ,qBAAC;GACC,IAAG;GACH,WAAU;GACH;GACP,iBAAiB;GACjB,IAAI;GACJ,MAAK;GACL,GAAI;cAEJ,oBAAC;IACC,WAAU;IACA;IACV,KAAK;IACL,MAAK;IACC;IAAS;IAAgB;IAAU;IAAI;IAAM;IAAU;IAC7D,GAAI;KACJ,EACF,oBAAC;IAAK,WAAU;IAAmB,GAAE;IAAO,MAAM;IAAM,GAAE;KAAS;IACnD,EAEjB,aACE,SACC,oBAAC;GAAE,WAAU;GAAoB,YAAY,cAAc,SAAS;GAAU,GAAI,OAAO;aACtF;IACC;GAEK;EAEjB;AAEF,SAAS,cAAc"}
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../src/checkbox/checkbox.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { omitThemingProps, styled, th, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport type { CheckboxProps, CheckboxStyleProps } from './checkbox.types'\nimport { checkboxColors, disabled } from './consts'\nimport { useCheckboxGroupContext } from './context'\n\nconst CheckboxControl = styled.spanBox`\n  border-radius: none;\n  display: inline-flex;\n  flex-shrink: 0;\n  position: relative;\n  transition-duration: fast;\n`\n\nconst CheckboxInput = styled.input`\n  cursor: inherit;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n`\n\nexport const CheckboxBase = styled.labelBox<CheckboxStyleProps>`\n  cursor: pointer;\n  display: inline-flex;\n  width: fit-content;\n\n  &:not([aria-disabled='true']):hover .vui-checkboxControl {\n    color: ${p => th.color(p.controlHoverColor)};\n  }\n\n  .vui-checkboxControl:focus-within {\n    color: ${checkboxColors.focus};\n  }\n\n  &[aria-disabled='true'] {\n    color: ${disabled.text};\n    cursor: not-allowed;\n\n    .vui-checkboxControl {\n      color: ${disabled.icon};\n    }\n  }\n`\n\n/**\n * Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.\n * Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.\n */\nexport const Checkbox = vui<'span', CheckboxProps>((props, ref) => {\n  const { defaultValue: groupDefaultValue, ...checkboxGroupProps } = useCheckboxGroupContext() ?? {}\n\n  const mergedProps = { ...checkboxGroupProps, ...props }\n  const {\n    checked,\n    children,\n    className,\n    defaultChecked = groupDefaultValue !== undefined ? groupDefaultValue.includes(props.value) : undefined,\n    disabled,\n    icon: iconProp = 'uiCheckboxUnselected',\n    iconChecked = 'uiCheckboxSelected',\n    iconIndeterminate = 'uiCheckboxIndeterminate',\n    id,\n    inputProps,\n    inputRef,\n    isIndeterminate,\n    label,\n    name,\n    onChange: onChangeProp,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n  const [isChecked, setIsChecked] = useState(defaultChecked)\n  const styles = useStyleConfig('Checkbox', mergedProps)\n  const { color: controlColor, hoverColor, ...controlStyles } = styles.control\n\n  const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp\n  const controlMr = children || label ? 1 : 0\n  const color = isChecked || isIndeterminate ? checkboxColors.checked : controlColor\n  const controlHoverColor = hoverColor ? hoverColor : checkboxColors.hover\n  const isLongLabel = label && label?.length >= 60\n\n  useEffect(() => {\n    checked !== undefined && setIsChecked(checked)\n  }, [checked])\n\n  const onChange = (e: ChangeEvent) => {\n    if (checked === undefined) setIsChecked(e.target.checked)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <CheckboxBase\n      alignItems={isLongLabel ? 'flex-start' : 'center'}\n      className={cs('vui-checkbox', className)}\n      controlHoverColor={controlHoverColor}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <CheckboxControl\n        bg=\"white\"\n        className=\"vui-checkboxControl\"\n        color={color}\n        focusWithinRing={3}\n        mr={controlMr}\n        role=\"none\"\n        {...controlStyles}\n      >\n        <CheckboxInput\n          className=\"vui-checkboxInput\"\n          onChange={onChange}\n          ref={inputRef}\n          type=\"checkbox\"\n          {...{ checked, defaultChecked, disabled, id, name, required, value }}\n          {...inputProps}\n        />\n        <Icon className=\"vui-checkboxIcon\" h=\"100%\" name={icon} w=\"100%\" />\n      </CheckboxControl>\n\n      {children ??\n        (label && (\n          <T className=\"vui-checkboxLabel\" lineHeight={isLongLabel ? '26px' : 'normal'} {...styles.label}>\n            {label}\n          </T>\n        ))}\n    </CheckboxBase>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\nexport default Checkbox\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,kBAAkB,OAAO,OAAO;;;;;;;AAQtC,MAAM,gBAAgB,OAAO,KAAK;;;;;;;;;;;;AAalC,MAAa,eAAe,OAAO,QAA4B;;;;;;cAMlD,MAAK,GAAG,MAAM,EAAE,kBAAkB,CAAC;;;;aAInC,eAAe,MAAM;;;;aAIrB,SAAS,KAAK;;;;eAIZ,SAAS,KAAK;;;;;;;;AAS7B,MAAa,WAAW,KAA4B,OAAO,QAAQ;CACjE,MAAM,EAAE,cAAc,mBAAmB,GAAG,uBAAuB,yBAAyB,IAAI,EAAE;CAElG,MAAM,cAAc;EAAE,GAAG;EAAoB,GAAG;EAAO;CACvD,MAAM,EACJ,SACA,UACA,WACA,iBAAiB,sBAAsB,SAAY,kBAAkB,SAAS,MAAM,MAAM,GAAG,QAC7F,UACA,MAAM,WAAW,wBACjB,cAAc,sBACd,oBAAoB,2BACpB,IACA,YACA,UACA,iBACA,OACA,MACA,UAAU,cACV,UACA,OACA,GAAG,SACD,iBAAiB,YAAY;CACjC,MAAM,CAAC,WAAW,gBAAgB,SAAS,eAAe;CAC1D,MAAM,SAAS,eAAe,YAAY,YAAY;CACtD,MAAM,EAAE,OAAO,cAAc,YAAY,GAAG,kBAAkB,OAAO;CAErE,MAAM,OAAO,kBAAkB,oBAAoB,YAAY,cAAc;CAC7E,MAAM,YAAY,YAAY,QAAQ,IAAI;CAC1C,MAAM,QAAQ,aAAa,kBAAkB,eAAe,UAAU;CACtE,MAAM,oBAAoB,aAAa,aAAa,eAAe;CACnE,MAAM,cAAc,SAAS,OAAO,UAAU;AAE9C,iBAAgB;AACd,cAAY,UAAa,aAAa,QAAQ;IAC7C,CAAC,QAAQ,CAAC;CAEb,MAAM,YAAY,MAAmB;AACnC,MAAI,YAAY,OAAW,cAAa,EAAE,OAAO,QAAQ;AACzD,iBAAe,EAAE;;CAGnB,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;AAEF,QACE,qBAAC,cAAD;EACE,YAAY,cAAc,eAAe;EACzC,WAAW,GAAG,gBAAgB,UAAU;EACrB;EACd;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;YAPN,CASE,qBAAC,iBAAD;GACE,IAAG;GACH,WAAU;GACH;GACP,iBAAiB;GACjB,IAAI;GACJ,MAAK;GACL,GAAI;aAPN,CASE,oBAAC,eAAD;IACE,WAAU;IACA;IACV,KAAK;IACL,MAAK;IACC;IAAS;IAAgB;IAAU;IAAI;IAAM;IAAU;IAC7D,GAAI;IACJ,GACF,oBAAC,MAAD;IAAM,WAAU;IAAmB,GAAE;IAAO,MAAM;IAAM,GAAE;IAAS,EACnD;MAEjB,aACE,SACC,oBAAC,GAAD;GAAG,WAAU;GAAoB,YAAY,cAAc,SAAS;GAAU,GAAI,OAAO;aACtF;GACC,GAEK;;EAEjB;AAEF,SAAS,cAAc"}

package/dist/checkbox/checkbox.types.d.ts

@@ -1,10 +1,7 @@
 import { ChangeEventHandler, FocusEventHandler } from "../utils/types.js";
-import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";
-import "../icon/index.js";
 import { HTMLAttributes } from "react";
 
 //#region src/checkbox/checkbox.types.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.types.d.ts","names":[],"sources":["../../src/checkbox/checkbox.types.ts"],"mappings":";;;;;;;;;;KAOY,aAAA,GAAgB,WAAA,GAC1B,YAAA;uDAEE,OAAA;EAEA,WAAA,wBALQ;EAOR,QAAA;EAEA,IAAA,GAAO,QAAA,EART;EAUE,WAAA,GAAc,QAAA,EAAA;EAEd,iBAAA,GAAoB,QAAA,EAEQ;EAA5B,UAAA,GAAa,cAAA,CAAe,gBAAA,GAEM;EAAlC,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAQzB;EANT,eAAA,YAUU;EARV,KAAA,WAQ2B;EAN3B,IAAA,WAtBF;EAwBE,MAAA,GAAS,iBAAA,EApBT;EAsBA,QAAA,GAAW,kBAAA,EAlBX;EAoBA,OAAA,GAAU,iBAAA,EAlBV;EAoBA,QAAA,YAlBA;EAoBA,KAAA;AAAA;AAAA,KAGQ,kBAAA;EArBoB,gEAuB9B,iBAAA;AAAA"}
+{"version":3,"file":"checkbox.types.d.ts","names":[],"sources":["../../src/checkbox/checkbox.types.ts"],"mappings":";;;;;;;KAOY,aAAA,GAAgB,WAAA,GAC1B,YAAA;uDAEE,OAAA;EAEA,WAAA;EAEA,QAAA,YAPqB;EASrB,IAAA,GAAO,QAAA,EATiB;EAWxB,WAAA,GAAc,QAAA,EAFP;EAIP,iBAAA,GAAoB,QAAA,EAAA;EAEpB,UAAA,GAAa,cAAA,CAAe,gBAAA,GAAf;EAEb,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAAvB;EAEX,eAAA,YAQW;EANX,KAAA,WAQ2B;EAN3B,IAAA,WAvBwB;EAyBxB,MAAA,GAAS,iBAAA,EAtBT;EAwBA,QAAA,GAAW,kBAAA,EApBX;EAsBA,OAAA,GAAU,iBAAA,EApBH;EAsBP,QAAA,YApBc;EAsBd,KAAA;AAAA;AAAA,KAGQ,kBAAA;EArBK,gEAuBf,iBAAA;AAAA"}

package/dist/checkbox/checkboxGroup.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { CheckboxGroupProps } from "./checkboxGroup.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/checkbox/checkboxGroup.d.ts
-declare const CheckboxGroupBase: styled_components0.StyledComponent<"div", styled_components0.DefaultTheme, SystemProps, never>;
+declare const CheckboxGroupBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /**
  * Organizes layout and display of multiple checkboxes as a row or column.
  * Exposes some props to the children via context.

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

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.tsx"],"mappings":";;;;;;;cAOa,iBAAA,EAAiB,kBAAA,CAAA,eAAA,QAG7B,kBAAA,CAH6B,YAAA,EAAA,WAAA;;;;;cASjB,aAAA,EAAa,YAAA,QAAA,kBAAA"}
+{"version":3,"file":"checkboxGroup.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.tsx"],"mappings":";;;;;;cAOa,iBAAA,EAAiB,6BAAA,CAAA,oBAAA,QAG7B,kBAAA,CAH6B,QAAA;;;;;cASjB,aAAA,EAAa,YAAA,QAAA,kBAAA"}

package/dist/checkbox/checkboxGroup.js

@@ -51,5 +51,5 @@ CheckboxGroup.displayName = "CheckboxGroup";
 
 //#endregion
 export { CheckboxGroupBase, CheckboxGroup as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=checkboxGroup.js.map

package/dist/checkbox/checkboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.js","names":[],"sources":["../../src/checkbox/checkboxGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { CheckboxGroupProps } from './checkboxGroup.types'\nimport { CheckboxGroupProvider } from './context'\n\nexport const CheckboxGroupBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n`\n\n/**\n * Organizes layout and display of multiple checkboxes as a row or column.\n * Exposes some props to the children via context.\n */\nexport const CheckboxGroup = vui<'div', CheckboxGroupProps>((props, ref) => {\n  const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant, ...rest } = props\n\n  const context = useMemo(\n    () => filterUndefined({ defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant }),\n    [defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    flexDirection: isRow ? 'row' : undefined,\n  } as const)\n\n  return (\n    <CheckboxGroupProvider value={context}>\n      <CheckboxGroupBase className={cs('vui-checkboxGroup', className)} ref={ref} {...aliasedProps} {...rest} />\n    </CheckboxGroupProvider>\n  )\n})\n\nCheckboxGroup.displayName = 'CheckboxGroup'\n\nexport default CheckboxGroup\n"],"mappings":";;;;;;;;;AAOA,MAAa,oBAAoB,OAAO,MAAM;;;;;;;;AAS9C,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,cAAc,UAAU,OAAO,MAAM,QAAQ,UAAU,SAAS,MAAM,SAAS,GAAG,SAAS;CAE9G,MAAM,UAAU,cACR,gBAAgB;EAAE;EAAc;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAM;EAAS,CAAC,EACjG;EAAC;EAAc;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAM;EAAQ,CACzE;CAED,MAAM,eAAe,gBAAgB,EACnC,eAAe,QAAQ,QAAQ,QAChC,CAAU;AAEX,QACE,oBAAC;EAAsB,OAAO;YAC5B,oBAAC;GAAkB,WAAW,GAAG,qBAAqB,UAAU;GAAO;GAAK,GAAI;GAAc,GAAI;IAAQ;GACpF;EAE1B;AAEF,cAAc,cAAc"}
+{"version":3,"file":"checkboxGroup.js","names":[],"sources":["../../src/checkbox/checkboxGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { CheckboxGroupProps } from './checkboxGroup.types'\nimport { CheckboxGroupProvider } from './context'\n\nexport const CheckboxGroupBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n`\n\n/**\n * Organizes layout and display of multiple checkboxes as a row or column.\n * Exposes some props to the children via context.\n */\nexport const CheckboxGroup = vui<'div', CheckboxGroupProps>((props, ref) => {\n  const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant, ...rest } = props\n\n  const context = useMemo(\n    () => filterUndefined({ defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant }),\n    [defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    flexDirection: isRow ? 'row' : undefined,\n  } as const)\n\n  return (\n    <CheckboxGroupProvider value={context}>\n      <CheckboxGroupBase className={cs('vui-checkboxGroup', className)} ref={ref} {...aliasedProps} {...rest} />\n    </CheckboxGroupProvider>\n  )\n})\n\nCheckboxGroup.displayName = 'CheckboxGroup'\n\nexport default CheckboxGroup\n"],"mappings":";;;;;;;;;AAOA,MAAa,oBAAoB,OAAO,MAAM;;;;;;;;AAS9C,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,cAAc,UAAU,OAAO,MAAM,QAAQ,UAAU,SAAS,MAAM,SAAS,GAAG,SAAS;CAE9G,MAAM,UAAU,cACR,gBAAgB;EAAE;EAAc;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAM;EAAS,CAAC,EACjG;EAAC;EAAc;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAM;EAAQ,CACzE;CAED,MAAM,eAAe,gBAAgB,EACnC,eAAe,QAAQ,QAAQ,QAChC,CAAU;AAEX,QACE,oBAAC,uBAAD;EAAuB,OAAO;YAC5B,oBAAC,mBAAD;GAAmB,WAAW,GAAG,qBAAqB,UAAU;GAAO;GAAK,GAAI;GAAc,GAAI;GAAQ;EACpF;EAE1B;AAEF,cAAc,cAAc"}

package/dist/checkbox/checkboxGroup.types.d.ts

@@ -1,9 +1,6 @@
 import { ChangeEventHandler, FocusEventHandler } from "../utils/types.js";
-import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
-
 //#region src/checkbox/checkboxGroup.types.d.ts
 type CheckboxGroupProps = SystemProps & ThemingProps<'Checkbox'> & {
   /** Deprecated. Please use variant instead. @deprecated  */colorScheme?: 'blue' | 'prussian'; /** Passes the prop to each checkbox. */

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

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.types.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.types.ts"],"mappings":";;;;;;;KAIY,kBAAA,GAAqB,WAAA,GAC/B,YAAA;6DAEE,WAAA;EAEA,QAAA,YAL0B;EAO1B,KAAA,YAP6B;EAS7B,IAAA,WAES;EAAT,MAAA,GAAS,iBAAA,EAIC;EAFV,QAAA,GAAW,kBAAA,EAEgB;EAA3B,OAAA,GAAU,iBAAA;AAAA"}
+{"version":3,"file":"checkboxGroup.types.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.types.ts"],"mappings":";;;;KAIY,kBAAA,GAAqB,WAAA,GAC/B,YAAA;6DAEE,WAAA;EAEA,QAAA,YALQ;EAOR,KAAA;EAEA,IAAA,WARF;EAUE,MAAA,GAAS,iBAAA,EAEE;EAAX,QAAA,GAAW,kBAAA,EAEgB;EAA3B,OAAA,GAAU,iBAAA;AAAA"}

package/dist/checkbox/consts.js

@@ -12,5 +12,5 @@ const disabled = {
 
 //#endregion
 export { checkboxColors, disabled };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/checkbox/context.d.ts

@@ -1,5 +1,4 @@
 import { Dict } from "../utils/types.js";
-import "../utils/index.js";
 import * as react from "react";
 
 //#region src/checkbox/context.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/checkbox/context.ts"],"mappings":";;;;;cAGO,qBAAA,EAAqB,KAAA,CAAA,QAAA,CAAA,IAAA,GAAE,uBAAA,QAAuB,IAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/checkbox/context.ts"],"mappings":";;;;cAGO,qBAAA,EAAqB,KAAA,CAAA,QAAA,CAAA,IAAA,GAAE,uBAAA,QAAuB,IAAA"}

package/dist/checkbox/context.js

@@ -5,5 +5,5 @@ const [CheckboxGroupProvider, useCheckboxGroupContext] = createContext({ isOptio
 
 //#endregion
 export { CheckboxGroupProvider, useCheckboxGroupContext };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/checkbox/theme.js

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