@veracity/vui 3.0.0-beta.5 → 3.0.0-beta.7

package/dist/buttonToggleGroup/buttonToggleGroup.d.ts

@@ -0,0 +1,14 @@
+import { ButtonToggleGroupProps } from "./buttonToggleGroup.types.js";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/buttonToggleGroup/buttonToggleGroup.d.ts
+/**
+ * Organizes layout and display of multiple buttons. Based on ButtonGroup and should be used to toggle options.
+ */
+declare const ButtonToggleGroup: {
+  (props: ButtonToggleGroupProps): react_jsx_runtime12.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { ButtonToggleGroup };
+//# sourceMappingURL=buttonToggleGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buttonToggleGroup.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAOa,cAAA,iBAUZ,EAAA;EAAA,CAAA,KAAA,EAVwC,sBAUxC,CAAA,EAV8D,mBAAA,CAAA,GAAA,CAAA,OAU9D;aAVwC,EAAA,MAAA"}

package/dist/buttonToggleGroup/buttonToggleGroup.js

@@ -0,0 +1,2 @@
+import{dimmedBorderColor as e}from"../utils/consts.js";import{cs as t}from"../utils/styles.js";import n from"../buttonGroup/buttonGroup.js";import{jsx as r}from"react/jsx-runtime";const i=i=>{let{className:a,isDimmedBorder:o}=i;return r(n,{className:t(`vui-buttonToggleGroup`,a),innerBorderColor:o?e:``,...i})};i.displayName=`ButtonToggleGroup`;export{i as ButtonToggleGroup};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=buttonToggleGroup.js.map

package/dist/buttonToggleGroup/buttonToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonToggleGroup.js","names":["ButtonGroup"],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"sourcesContent":["import ButtonGroup from '../buttonGroup'\nimport { cs, dimmedBorderColor } from '../utils'\nimport type { ButtonToggleGroupProps } from './buttonToggleGroup.types'\n\n/**\n * Organizes layout and display of multiple buttons. Based on ButtonGroup and should be used to toggle options.\n */\nexport const ButtonToggleGroup = (props: ButtonToggleGroupProps) => {\n  const { className, isDimmedBorder } = props\n\n  return (\n    <ButtonGroup\n      className={cs('vui-buttonToggleGroup', className)}\n      innerBorderColor={isDimmedBorder ? dimmedBorderColor : ''}\n      {...props}\n    />\n  )\n}\n\nButtonToggleGroup.displayName = 'ButtonToggleGroup'\nexport default ButtonToggleGroup\n"],"mappings":"oLAOA,MAAa,EAAqB,GAAkC,CAClE,GAAM,CAAE,YAAW,kBAAmB,EAEtC,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,wBAAyB,EAAU,CACjD,iBAAkB,EAAiB,EAAoB,GACvD,GAAI,GACJ,EAIN,EAAkB,YAAc"}

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

@@ -0,0 +1,14 @@
+import { ThemingProps } from "../theme/types.js";
+import { ButtonGroupProps } from "../buttonGroup/buttonGroup.types.js";
+import { ReactNode } from "react";
+
+//#region src/buttonToggleGroup/buttonToggleGroup.types.d.ts
+type ButtonToggleGroupProps = ButtonGroupProps & ThemingProps<'ButtonToggleGroup'> & {
+  className?: string;
+  /** Sets dimmed borders to the buttons. */
+  isDimmedBorder?: boolean;
+  children: ReactNode;
+};
+//#endregion
+export { ButtonToggleGroupProps };
+//# sourceMappingURL=buttonToggleGroup.types.d.ts.map

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

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

package/dist/calendar/calendar.d.ts

@@ -0,0 +1,9 @@
+import { VuiComponent } from "../core/vui.js";
+import { CalendarProps } from "./calendar.types.js";
+
+//#region src/calendar/calendar.d.ts
+/** Displays calendar. */
+declare const Calendar: VuiComponent<"div", CalendarProps>;
+//#endregion
+export { Calendar };
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","names":[],"sources":["../../src/calendar/calendar.tsx"],"sourcesContent":[],"mappings":";;;;;cAqBa,8BAAQ"}

package/dist/calendar/calendar.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{DayPicker as a}from"./components/dayPicker.js";import{isDay as o,isExact as s,isFrom as c,isMonth as l,isTo as u,isYear as d,processSelectMonth as f,processSelectYear as p,processViewDate as m}from"./utils.js";import{CalendarHeader as h}from"./components/calendarHeader.js";import{MonthPicker as g}from"./components/monthPicker.js";import{YearPicker as _}from"./components/yearPicker.js";import{useCalendar as v}from"./hooks/useCalendar.js";import{useDefaultViewMonth as y}from"./hooks/useDefaultViewMonth.js";import{useEffect as b,useRef as x,useState as S}from"react";import{jsx as C,jsxs as w}from"react/jsx-runtime";const T=r((r,T)=>{let{boundaries:E,className:D,fixedNumberOfWeeks:O=!1,disabled:k,isStartDate:A,mode:j,onSelectDates:M,selectedDates:N,...P}=t(r),F=n(`Calendar`,r),I=x(c(j)||s(j)?N?.startDate:N?.endDate);b(()=>{I.current=c(j)||s(j)?N?.startDate:N?.endDate,I.current&&H(I.current)},[N]);let L=x(null),R=y({boundaries:E,selectedDate:I.current,isStartDate:A}),[z,B]=S(`day`),[V,H]=S(R),U=e=>{let t=m(V,e,z,L?.current?.items);t&&H(t)},W=e=>()=>{q(e),H(e)},G=e=>()=>{let t=f(e,j,E);q(t),H(t),B(`day`)},K=e=>()=>{let t=p(e,j,E);q(t),H(t),B(`month`)},q=e=>{let t={...N};t&&(u(j)?t.endDate=e:t.startDate=e),e&&!k&&M&&M(t)},J=L.current=v({boundaries:E,mode:j,selectedDates:N,timeUnitMode:z,viewDate:V,fixedNumberOfWeeks:O});return w(i,{className:e(`vui-calendar`,D),column:!0,cursor:`default`,minW:280,position:`relative`,ref:T,w:`fit-content`,...F,...P,children:[C(h,{nextDisabled:J.nextDisabled,onChangeViewItem:U,onSetTimeUnitMode:e=>B(e),prevDisabled:J.prevDisabled,timeUnitMode:z,viewMonth:V}),o(z)&&C(a,{calendar:J,onSelectDay:W}),l(z)&&C(g,{calendar:J,onSelectMonth:G}),d(z)&&C(_,{calendar:J,onSelectYear:K})]})});T.displayName=`Calendar`;var E=T;export{T as Calendar,E as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=calendar.js.map

package/dist/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","names":["dateRange: DateRange","Box","mode"],"sources":["../../src/calendar/calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { CalendarProps, DateRange, FlowDirection, TimeResult, TimeUnitMode } from './calendar.types'\nimport { CalendarHeader, DayPicker, MonthPicker, YearPicker } from './components'\nimport { useCalendar, useDefaultViewMonth } from './hooks'\nimport {\n  isDay,\n  isExact,\n  isFrom,\n  isMonth,\n  isTo,\n  isYear,\n  processSelectMonth,\n  processSelectYear,\n  processViewDate,\n} from './utils'\n\n/** Displays calendar. */\nexport const Calendar = vui<'div', CalendarProps>((props, ref) => {\n  const {\n    boundaries,\n    className,\n    fixedNumberOfWeeks = false,\n    disabled,\n    isStartDate,\n    mode,\n    onSelectDates,\n    selectedDates,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('Calendar', props)\n\n  const currentDateRef = useRef(isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate)\n\n  /**\n   * Effect to reset viewDate when selectedDates changes (onReset)\n   */\n  useEffect(() => {\n    currentDateRef.current = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate\n    currentDateRef.current && setViewDate(currentDateRef.current)\n  }, [selectedDates])\n\n  const calendarRef = useRef<TimeResult | null>(null)\n\n  const defaultViewMonth = useDefaultViewMonth({\n    boundaries,\n    selectedDate: currentDateRef.current,\n    isStartDate,\n  })\n\n  const [timeUnitMode, setTimeUnitMode] = useState<TimeUnitMode>('day')\n  const [viewDate, setViewDate] = useState<Date>(defaultViewMonth)\n\n  /**\n   * Handles clicking next/prev in header\n   */\n  const onChangeViewItem = (direction: FlowDirection) => {\n    const newViewMonth = processViewDate(viewDate, direction, timeUnitMode, calendarRef?.current?.items)\n    newViewMonth && setViewDate(newViewMonth)\n  }\n\n  /**\n   * Handles clicking on a day\n   */\n  const onSelectDay = (clickedDate: Date) => () => {\n    updateDateState(clickedDate)\n    setViewDate(clickedDate)\n  }\n\n  /**\n   * Handles clicking on a month\n   */\n  const onSelectMonth = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectMonth(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('day')\n  }\n\n  /**\n   * Handles clicking on a year\n   */\n  const onSelectYear = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectYear(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('month')\n  }\n\n  /**\n   * Send update date to parent component\n   */\n  const updateDateState = (newDate: Date) => {\n    const dateRange: DateRange = { ...selectedDates }\n\n    if (dateRange) {\n      if (isTo(mode)) dateRange.endDate = newDate\n      else dateRange.startDate = newDate\n    }\n\n    if (newDate && !disabled) onSelectDates && onSelectDates(dateRange)\n  }\n\n  const calendar = (calendarRef.current = useCalendar({\n    boundaries,\n    mode,\n    selectedDates,\n    timeUnitMode,\n    viewDate,\n    fixedNumberOfWeeks,\n  }))\n\n  return (\n    <Box\n      className={cs('vui-calendar', className)}\n      column\n      cursor=\"default\"\n      minW={280}\n      position=\"relative\"\n      ref={ref}\n      w=\"fit-content\"\n      {...styles}\n      {...rest}\n    >\n      <CalendarHeader\n        nextDisabled={calendar.nextDisabled}\n        onChangeViewItem={onChangeViewItem}\n        onSetTimeUnitMode={(mode: TimeUnitMode) => setTimeUnitMode(mode)}\n        prevDisabled={calendar.prevDisabled}\n        timeUnitMode={timeUnitMode}\n        viewMonth={viewDate}\n      />\n      {isDay(timeUnitMode) && <DayPicker calendar={calendar} onSelectDay={onSelectDay} />}\n      {isMonth(timeUnitMode) && <MonthPicker calendar={calendar} onSelectMonth={onSelectMonth} />}\n      {isYear(timeUnitMode) && <YearPicker calendar={calendar} onSelectYear={onSelectYear} />}\n    </Box>\n  )\n})\n\nCalendar.displayName = 'Calendar'\n\nexport default Calendar\n"],"mappings":"qyBAqBA,MAAa,EAAW,GAA2B,EAAO,IAAQ,CAChE,GAAM,CACJ,aACA,YACA,qBAAqB,GACrB,WACA,cACA,OACA,gBACA,gBACA,GAAG,GACD,EAAiB,EAAM,CACrB,EAAS,EAAe,WAAY,EAAM,CAE1C,EAAiB,EAAO,EAAO,EAAK,EAAI,EAAQ,EAAK,CAAG,GAAe,UAAY,GAAe,QAAQ,CAKhH,MAAgB,CACd,EAAe,QAAU,EAAO,EAAK,EAAI,EAAQ,EAAK,CAAG,GAAe,UAAY,GAAe,QACnG,EAAe,SAAW,EAAY,EAAe,QAAQ,EAC5D,CAAC,EAAc,CAAC,CAEnB,IAAM,EAAc,EAA0B,KAAK,CAE7C,EAAmB,EAAoB,CAC3C,aACA,aAAc,EAAe,QAC7B,cACD,CAAC,CAEI,CAAC,EAAc,GAAmB,EAAuB,MAAM,CAC/D,CAAC,EAAU,GAAe,EAAe,EAAiB,CAK1D,EAAoB,GAA6B,CACrD,IAAM,EAAe,EAAgB,EAAU,EAAW,EAAc,GAAa,SAAS,MAAM,CACpG,GAAgB,EAAY,EAAa,EAMrC,EAAe,OAA4B,CAC/C,EAAgB,EAAY,CAC5B,EAAY,EAAY,EAMpB,EAAiB,OAA4B,CACjD,IAAM,EAAmB,EAAmB,EAAa,EAAM,EAAW,CAC1E,EAAgB,EAAiB,CACjC,EAAY,EAAiB,CAC7B,EAAgB,MAAM,EAMlB,EAAgB,OAA4B,CAChD,IAAM,EAAmB,EAAkB,EAAa,EAAM,EAAW,CACzE,EAAgB,EAAiB,CACjC,EAAY,EAAiB,CAC7B,EAAgB,QAAQ,EAMpB,EAAmB,GAAkB,CACzC,IAAMA,EAAuB,CAAE,GAAG,EAAe,CAE7C,IACE,EAAK,EAAK,CAAE,EAAU,QAAU,EAC/B,EAAU,UAAY,GAGzB,GAAW,CAAC,GAAU,GAAiB,EAAc,EAAU,EAG/D,EAAY,EAAY,QAAU,EAAY,CAClD,aACA,OACA,gBACA,eACA,WACA,qBACD,CAAC,CAEF,OACE,EAACC,EAAAA,CACC,UAAW,EAAG,eAAgB,EAAU,CACxC,OAAA,GACA,OAAO,UACP,KAAM,IACN,SAAS,WACJ,MACL,EAAE,cACF,GAAI,EACJ,GAAI,YAEJ,EAAC,EAAA,CACC,aAAc,EAAS,aACL,mBAClB,kBAAoB,GAAuB,EAAgBC,EAAK,CAChE,aAAc,EAAS,aACT,eACd,UAAW,GACX,CACD,EAAM,EAAa,EAAI,EAAC,EAAA,CAAoB,WAAuB,eAAe,CAClF,EAAQ,EAAa,EAAI,EAAC,EAAA,CAAsB,WAAyB,iBAAiB,CAC1F,EAAO,EAAa,EAAI,EAAC,EAAA,CAAqB,WAAwB,gBAAgB,GACnF,EAER,CAEF,EAAS,YAAc,WAEvB,IAAA,EAAe"}

package/dist/calendar/calendar.styles.js

@@ -0,0 +1,56 @@
+import{th as e}from"../core/theme.js";import{css as t,styled as n}from"../core/styled.js";import r from"../box/box.js";import i from"../link/link.js";const a=t`
+  background-color: ${e.color(`seaBlue.main`)};
+  color: white !important;
+  border-radius: 0;
+`,o=t`
+  background-color: ${e.color(`seaBlue.main`)};
+  color: white !important;
+  border-radius: 0;
+`,s=t`
+  background-color: ${e.color(`sandstone.97`)} !important;
+  color: ${e.color(`sandstone.55`)} !important;
+  cursor: not-allowed;
+`,c=t`
+  color: ${e.color(`sandstone.55`)} !important;
+`,l=t`
+  border: 1px solid ${e.color(`seaBlue.main`)};
+`,u=t`
+  background-color: ${e.color(`skyBlue.85`)};
+  color: ${e.color(`seaBlue.main`)};
+  border-radius: 0;
+`,d=t`
+  background-color: ${e.color(`skyBlue.85`)};
+  border-radius: 0;
+  color: white;
+`,f=n(i)`
+  aspect-ratio: 1;
+  border: 0;
+  cursor: pointer;
+  height: 100%;
+  justify-content: center;
+  text-decoration: none;
+  width: 100%;
+
+  ${e=>e.isHidden&&c}
+  ${e=>e.isToday&&l}
+  ${e=>e.isDisabled&&s}
+    ${e=>e.isSelected&&d}
+    ${e=>e.boundary&&a}
+    ${e=>e.current&&o}
+
+    &:hover {
+    color: inherit;
+    text-decoration: none;
+
+    ${e=>!e.isDisabled&&u}
+  }
+`,p=n(r)`
+  align-items: center;
+  column-gap: 0;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-template-rows: repeat(4, 62px);
+  justify-items: center;
+  row-gap: 0;
+`;export{f as CalendarItem,p as CalendarItemsContainer};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=calendar.styles.js.map

package/dist/calendar/calendar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.styles.js","names":["Link","Box"],"sources":["../../src/calendar/calendar.styles.ts"],"sourcesContent":["import Box from '../box'\nimport { css, styled, th } from '../core'\nimport Link from '../link'\nimport type { ItemProps } from './calendar.types'\n\nexport const boundary = css`\n  background-color: ${th.color('seaBlue.main')};\n  color: white !important;\n  border-radius: 0;\n`\n\nexport const current = css`\n  background-color: ${th.color('seaBlue.main')};\n  color: white !important;\n  border-radius: 0;\n`\n\nexport const isDisabled = css`\n  background-color: ${th.color('sandstone.97')} !important;\n  color: ${th.color('sandstone.55')} !important;\n  cursor: not-allowed;\n`\n\nexport const isHidden = css`\n  color: ${th.color('sandstone.55')} !important;\n`\n\nexport const isToday = css`\n  border: 1px solid ${th.color('seaBlue.main')};\n`\n\nexport const hover = css`\n  background-color: ${th.color('skyBlue.85')};\n  color: ${th.color('seaBlue.main')};\n  border-radius: 0;\n`\n\nexport const isSelected = css`\n  background-color: ${th.color('skyBlue.85')};\n  border-radius: 0;\n  color: white;\n`\n\nexport const CalendarItem = styled(Link)<ItemProps>`\n  aspect-ratio: 1;\n  border: 0;\n  cursor: pointer;\n  height: 100%;\n  justify-content: center;\n  text-decoration: none;\n  width: 100%;\n\n  ${p => p.isHidden && isHidden}\n  ${p => p.isToday && isToday}\n  ${p => p.isDisabled && isDisabled}\n    ${p => p.isSelected && isSelected}\n    ${p => p.boundary && boundary}\n    ${p => p.current && current}\n\n    &:hover {\n    color: inherit;\n    text-decoration: none;\n\n    ${p => !p.isDisabled && hover}\n  }\n`\n\nexport const CalendarItemsContainer = styled(Box)`\n  align-items: center;\n  column-gap: 0;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: repeat(4, 62px);\n  justify-items: center;\n  row-gap: 0;\n`\n"],"mappings":"sJAKA,MAAa,EAAW,CAAG;sBACL,EAAG,MAAM,eAAe,CAAC;;;EAKlC,EAAU,CAAG;sBACJ,EAAG,MAAM,eAAe,CAAC;;;EAKlC,EAAa,CAAG;sBACP,EAAG,MAAM,eAAe,CAAC;WACpC,EAAG,MAAM,eAAe,CAAC;;EAIvB,EAAW,CAAG;WAChB,EAAG,MAAM,eAAe,CAAC;EAGvB,EAAU,CAAG;sBACJ,EAAG,MAAM,eAAe,CAAC;EAGlC,EAAQ,CAAG;sBACF,EAAG,MAAM,aAAa,CAAC;WAClC,EAAG,MAAM,eAAe,CAAC;;EAIvB,EAAa,CAAG;sBACP,EAAG,MAAM,aAAa,CAAC;;;EAKhC,EAAe,EAAOA,EAAK;;;;;;;;;IASpC,GAAK,EAAE,UAAY,EAAS;IAC5B,GAAK,EAAE,SAAW,EAAQ;IAC1B,GAAK,EAAE,YAAc,EAAW;MAC9B,GAAK,EAAE,YAAc,EAAW;MAChC,GAAK,EAAE,UAAY,EAAS;MAC5B,GAAK,EAAE,SAAW,EAAQ;;;;;;MAM1B,GAAK,CAAC,EAAE,YAAc,EAAM;;EAIrB,EAAyB,EAAOC,EAAI"}

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

@@ -0,0 +1,85 @@
+import { ThemingProps } from "../theme/types.js";
+import { BoxProps } from "../box/box.types.js";
+
+//#region src/calendar/calendar.types.d.ts
+interface DateRange {
+  startDate?: Date;
+  endDate?: Date;
+}
+type FlowDirection = 'next' | 'prev';
+/**
+ * Mode for this calendar
+ * Should it handle from date, to date or single date mode
+ */
+type CalendarMode = 'exact' | 'from' | 'to' | 'range';
+interface DefaultViewMonthProps {
+  boundaries?: DateRange;
+  isStartDate?: boolean;
+  selectedDate?: Date;
+}
+interface MonthProps {
+  boundaries?: DateRange;
+  fixedNumberOfWeeks?: boolean;
+  mode: CalendarMode;
+  selectedDates?: DateRange;
+  timeUnitMode?: TimeUnitMode;
+  viewDate: Date;
+}
+type ItemProps = {
+  boundary?: boolean;
+  current?: boolean;
+  isDisabled?: boolean;
+  isHidden?: boolean;
+  isToday?: boolean;
+  isSelected?: boolean;
+};
+/**
+ * Single time item like day in a month, month in a year and year in multiple years
+ */
+interface TimeItem {
+  /** item is at the edge for a range, marking either start or end of it */
+  boundary: boolean;
+  /** item is clicked and selected by the user */
+  current: boolean;
+  /** the actual time item */
+  date: Date;
+  /** disabled because out of bounds */
+  isDisabled: boolean;
+  /** item should be hidden, for days we hide days that are not in the current month,
+   * but still are rendered due to weekDays */
+  isHidden: boolean;
+  /** item is in the selected range between two dates */
+  isSelected: boolean;
+  /** the date is today*/
+  isToday: boolean;
+}
+/**
+ * All the date items in a view and whether next/prev button should be disabled
+ */
+interface TimeResult {
+  items: TimeItem[];
+  nextDisabled: boolean;
+  prevDisabled: boolean;
+}
+/**
+ * Time mode for calendar, display days in month, months in year or years in multiple years
+ */
+type TimeUnitMode = 'day' | 'month' | 'year';
+type CalendarProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Calendar'> & {
+  /** Allowed range to select from */
+  boundaries?: DateRange;
+  className?: string;
+  disabled?: boolean;
+  /** Including always 6 weeks into a month (used to have stable height in the calendar) */
+  fixedNumberOfWeeks?: boolean;
+  isStartDate?: boolean;
+  /** Calendar select mode: 'exact' | 'from' | 'to' | 'range' @default 'exact' */
+  mode: CalendarMode;
+  /** On selecting a day */
+  onSelectDates?: (value: DateRange) => void;
+  /** Selected date */
+  selectedDates?: DateRange;
+};
+//#endregion
+export { CalendarMode, CalendarProps, DateRange, DefaultViewMonthProps, FlowDirection, ItemProps, MonthProps, TimeItem, TimeResult, TimeUnitMode };
+//# sourceMappingURL=calendar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.types.d.ts","names":[],"sources":["../../src/calendar/calendar.types.ts"],"sourcesContent":[],"mappings":";;;;UAGiB,SAAA;cACH;EADG,OAAA,CAAA,EAEL,IAFc;;AACZ,KAIF,aAAA,GAJE,MAAA,GAAA,MAAA;;;AAId;AAMA;AAEiB,KAFL,YAAA,GAEK,OAAqB,GAAA,MAAA,GAAA,IAAA,GAAA,OAAA;AAAA,UAArB,qBAAA,CAAqB;YACvB,CAAA,EAAA,SAAA;aAEE,CAAA,EAAA,OAAA;EAAI,YAAA,CAAA,EAAJ,IAAI;AAGrB;AAA2B,UAAV,UAAA,CAAU;YACZ,CAAA,EAAA,SAAA;oBAEP,CAAA,EAAA,OAAA;MACU,EADV,YACU;eACD,CAAA,EADC,SACD;cACL,CAAA,EADK,YACL;EAAI,QAAA,EAAJ,IAAI;AAGhB;AAYiB,KAZL,SAAA,GAYa;EAqBR,QAAA,CAAA,EAAA,OAAU;EASf,OAAA,CAAA,EAAA,OAAY;EAEZ,UAAA,CAAA,EAAA,OAAa;EAAA,QAAA,CAAA,EAAA,OAAA;SAAQ,CAAA,EAAA,OAAA;YAAL,CAAA,EAAA,OAAA;;;;;AAcR,UA9CH,QAAA,CA8CG;EAAS;;;;;QAxCrB;;;;;;;;;;;;;;UAeS,UAAA;SACR;;;;;;;KAQG,YAAA;KAEA,aAAA,GAAgB,KAAK,gCAC/B;;eAEe;;;;;;;QAOP;;0BAEkB;;kBAER"}

package/dist/calendar/components/calendarHeader.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../../utils/styles.js";import t from"../../box/box.js";import{IconButton as n}from"../../button/buttons.js";import{TimeUnitHeader as r}from"./timeUnitHeader.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({nextDisabled:o,onChangeViewItem:s,onSetTimeUnitMode:c,prevDisabled:l,timeUnitMode:u,viewMonth:d})=>a(t,{borderBottom:`1px solid lightgray`,centerV:!0,className:e(`vui-calendar-header`),children:[i(t,{className:`vui-calendar-header-left`,children:i(r,{onSetTimeUnitMode:c,timeUnitMode:u,viewMonth:d})}),a(t,{className:`vui-calendar-header-right`,flex:`1`,justify:`flex-end`,children:[i(n,{"aria-label":`previous`,className:`icon`,disabled:l,h:40,icon:`uiChevronLeft`,onClick:()=>s(`prev`),size:`sm`,w:40}),i(n,{"aria-label":`next`,className:`icon`,disabled:o,h:40,icon:`uiChevronRight`,onClick:()=>s(`next`),size:`sm`,w:40})]})]});export{o as CalendarHeader};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=calendarHeader.js.map

package/dist/calendar/components/calendarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarHeader.js","names":["CalendarHeader: FC<Props>","Box"],"sources":["../../../src/calendar/components/calendarHeader.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport Box from '../../box'\nimport { IconButton } from '../../button'\nimport { cs } from '../../utils'\nimport type { FlowDirection, TimeUnitMode } from '../calendar.types'\nimport { TimeUnitHeader } from './timeUnitHeader'\n\ntype Props = {\n  nextDisabled?: boolean\n  onChangeViewItem: (direction: FlowDirection) => void\n  onSetTimeUnitMode: (mode: TimeUnitMode) => void\n  prevDisabled?: boolean\n  timeUnitMode: TimeUnitMode\n  viewMonth: Date\n}\n\nconst size = 40\n\n/**\n * Header for the calendar\n */\nexport const CalendarHeader: FC<Props> = ({\n  nextDisabled,\n  onChangeViewItem,\n  onSetTimeUnitMode,\n  prevDisabled,\n  timeUnitMode,\n  viewMonth,\n}) => (\n  <Box borderBottom=\"1px solid lightgray\" centerV className={cs('vui-calendar-header')}>\n    <Box className=\"vui-calendar-header-left\">\n      <TimeUnitHeader onSetTimeUnitMode={onSetTimeUnitMode} timeUnitMode={timeUnitMode} viewMonth={viewMonth} />\n    </Box>\n    <Box className=\"vui-calendar-header-right\" flex=\"1\" justify=\"flex-end\">\n      <IconButton\n        aria-label=\"previous\"\n        className=\"icon\"\n        disabled={prevDisabled}\n        h={size}\n        icon=\"uiChevronLeft\"\n        onClick={() => onChangeViewItem('prev')}\n        size=\"sm\"\n        w={size}\n      />\n      <IconButton\n        aria-label=\"next\"\n        className=\"icon\"\n        disabled={nextDisabled}\n        h={size}\n        icon=\"uiChevronRight\"\n        onClick={() => onChangeViewItem('next')}\n        size=\"sm\"\n        w={size}\n      />\n    </Box>\n  </Box>\n)\n"],"mappings":"uOAiBA,MAKaA,GAA6B,CACxC,eACA,mBACA,oBACA,eACA,eACA,eAEA,EAACC,EAAAA,CAAI,aAAa,sBAAsB,QAAA,GAAQ,UAAW,EAAG,sBAAsB,WAClF,EAACA,EAAAA,CAAI,UAAU,oCACb,EAAC,EAAA,CAAkC,oBAAiC,eAAyB,aAAa,EACtG,CACN,EAACA,EAAAA,CAAI,UAAU,4BAA4B,KAAK,IAAI,QAAQ,qBAC1D,EAAC,EAAA,CACC,aAAW,WACX,UAAU,OACV,SAAU,EACV,EAAG,GACH,KAAK,gBACL,YAAe,EAAiB,OAAO,CACvC,KAAK,KACL,EAAG,IACH,CACF,EAAC,EAAA,CACC,aAAW,OACX,UAAU,OACV,SAAU,EACV,EAAG,GACH,KAAK,iBACL,YAAe,EAAiB,OAAO,CACvC,KAAK,KACL,EAAG,IACH,CAAA,EACE,CAAA,EACF"}

package/dist/calendar/components/dayPicker.js

@@ -0,0 +1,15 @@
+import{cs as e}from"../../utils/styles.js";import{th as t}from"../../core/theme.js";import{styled as n}from"../../core/styled.js";import r from"../../box/box.js";import{CalendarItem as i,CalendarItemsContainer as a}from"../calendar.styles.js";import{weekDays as o}from"../consts.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=n(i)`
+  aspect-ratio: 1;
+  position: relative;
+  font-size: 14px;
+  font-weight: 500;
+  width: 40px;
+  height: 40px;
+  color: ${t.color(`seaBlue.main`)};
+  display: inline-flex;
+  align-items: center;
+`,u=n(a)`
+  grid-template-columns:     repeat(7, 1fr);
+  grid- template-rows: auto;
+`,d=({calendar:t,onSelectDay:n})=>c(u,{className:e(`vui-day-picker`),mt:1,wrap:!0,children:[o.map((e,t)=>s(r,{border:0,className:`dayHeader`,color:`seaBlue.main`,fontSize:16,fontWeight:500,children:e},`week-day-${t}`)),t.items.map(t=>s(l,{className:e(`vui-day-item`),onClick:!t.isDisabled&&n?.(t.date)||void 0,...t,children:t.date.getUTCDate()},t.date.getTime()))]});export{d as DayPicker};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=dayPicker.js.map

package/dist/calendar/components/dayPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dayPicker.js","names":["Box"],"sources":["../../../src/calendar/components/dayPicker.tsx"],"sourcesContent":["import Box from '../../box'\nimport { styled, th } from '../../core'\nimport { cs } from '../../utils'\nimport { CalendarItem, CalendarItemsContainer } from '../calendar.styles'\nimport type { ItemProps, TimeResult } from '../calendar.types'\nimport { weekDays } from '../consts'\n\ntype DayPickerProps = {\n  calendar: TimeResult\n  onSelectDay?: (date: Date) => void\n}\n\nconst DayItem = styled(CalendarItem)<ItemProps>`\n  aspect-ratio: 1;\n  position: relative;\n  font-size: 14px;\n  font-weight: 500;\n  width: 40px;\n  height: 40px;\n  color: ${th.color('seaBlue.main')};\n  display: inline-flex;\n  align-items: center;\n`\n\nconst DaysContainer = styled(CalendarItemsContainer)`\n  grid-template-columns:     repeat(7, 1fr);\n  grid- template-rows: auto;\n`\n\nexport const DayPicker = ({ calendar, onSelectDay }: DayPickerProps) => (\n  <DaysContainer className={cs('vui-day-picker')} mt={1} wrap>\n    {weekDays.map((day, index) => (\n      <Box\n        border={0}\n        className=\"dayHeader\"\n        color=\"seaBlue.main\"\n        fontSize={16}\n        fontWeight={500}\n        key={`week-day-${index}`}\n      >\n        {day}\n      </Box>\n    ))}\n    {calendar.items.map(item => (\n      <DayItem\n        className={cs('vui-day-item')}\n        key={item.date.getTime()}\n        onClick={(!item.isDisabled && onSelectDay?.(item.date)) || undefined}\n        {...item}\n      >\n        {item.date.getUTCDate()}\n      </DayItem>\n    ))}\n  </DaysContainer>\n)\n"],"mappings":"6UAYA,MAAM,EAAU,EAAO,EAAa;;;;;;;WAOzB,EAAG,MAAM,eAAe,CAAC;;;EAK9B,EAAgB,EAAO,EAAuB;;;EAKvC,GAAa,CAAE,WAAU,iBACpC,EAAC,EAAA,CAAc,UAAW,EAAG,iBAAiB,CAAE,GAAI,EAAG,KAAA,aACpD,EAAS,KAAK,EAAK,IAClB,EAACA,EAAAA,CACC,OAAQ,EACR,UAAU,YACV,MAAM,eACN,SAAU,GACV,WAAY,aAGX,GAFI,YAAY,IAGb,CACN,CACD,EAAS,MAAM,IAAI,GAClB,EAAC,EAAA,CACC,UAAW,EAAG,eAAe,CAE7B,QAAU,CAAC,EAAK,YAAc,IAAc,EAAK,KAAK,EAAK,IAAA,GAC3D,GAAI,WAEH,EAAK,KAAK,YAAY,EAJlB,EAAK,KAAK,SAAS,CAKhB,CACV,CAAA,EACY"}

package/dist/calendar/components/monthPicker.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../../utils/styles.js";import{CalendarItem as t,CalendarItemsContainer as n}from"../calendar.styles.js";import{monthsShort as r}from"../consts.js";import{jsx as i}from"react/jsx-runtime";const a=({calendar:a,onSelectMonth:o})=>i(n,{className:e(`vui-month-picker`),gridTemplateRows:`repeat(4, 65px)`,children:a.items.map(e=>i(t,{fontWeight:500,onClick:!e.isDisabled&&o&&o(e.date)||void 0,...e,children:r[e.date.getUTCMonth()]},e.date.getTime()))});export{a as MonthPicker};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=monthPicker.js.map

package/dist/calendar/components/monthPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monthPicker.js","names":["MonthItem"],"sources":["../../../src/calendar/components/monthPicker.tsx"],"sourcesContent":["import { cs } from '../../utils'\nimport { CalendarItem as MonthItem, CalendarItemsContainer } from '../calendar.styles'\nimport type { TimeResult } from '../calendar.types'\nimport { monthsShort } from '../consts'\n\ntype MonthPickerProps = {\n  calendar: TimeResult\n  onSelectMonth?: (date: Date) => void\n}\n\nexport const MonthPicker = ({ calendar, onSelectMonth }: MonthPickerProps) => (\n  <CalendarItemsContainer className={cs('vui-month-picker')} gridTemplateRows=\"repeat(4, 65px)\">\n    {calendar.items.map(item => (\n      <MonthItem\n        fontWeight={500}\n        key={item.date.getTime()}\n        onClick={(!item.isDisabled && onSelectMonth && onSelectMonth(item.date)) || undefined}\n        {...item}\n      >\n        {monthsShort[item.date.getUTCMonth()]}\n      </MonthItem>\n    ))}\n  </CalendarItemsContainer>\n)\n"],"mappings":"+MAUA,MAAa,GAAe,CAAE,WAAU,mBACtC,EAAC,EAAA,CAAuB,UAAW,EAAG,mBAAmB,CAAE,iBAAiB,2BACzE,EAAS,MAAM,IAAI,GAClB,EAACA,EAAAA,CACC,WAAY,IAEZ,QAAU,CAAC,EAAK,YAAc,GAAiB,EAAc,EAAK,KAAK,EAAK,IAAA,GAC5E,GAAI,WAEH,EAAY,EAAK,KAAK,aAAa,GAJ/B,EAAK,KAAK,SAAS,CAKd,CACZ,EACqB"}

package/dist/calendar/components/timeUnitHeader.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../../utils/styles.js";import{Box as t}from"../../box/box.js";import{Button as n}from"../../button/button.js";import{months as r}from"../consts.js";import{isDay as i,isMonth as a,isYear as o}from"../utils.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";const u=({onSetTimeUnitMode:u,timeUnitMode:d,viewMonth:f})=>l(t,{center:!0,className:e(`vui-time-unit-header`),cursor:`pointer`,flex:`1`,justify:`start`,children:[i(d)&&l(s,{children:[c(n,{fontSize:16,h:40,onClick:()=>u(`month`),variant:`tertiaryDark`,children:r[f.getUTCMonth()]}),c(n,{fontSize:16,h:40,onClick:()=>u(`year`),variant:`tertiaryDark`,children:f.getUTCFullYear()})]}),a(d)&&c(n,{fontSize:16,h:40,onClick:()=>u(`year`),variant:`tertiaryDark`,children:f.getUTCFullYear()}),o(d)&&c(n,{fontSize:16,h:40,onClick:()=>u(`day`),variant:`tertiaryDark`,children:`Year`})]});export{u as TimeUnitHeader};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=timeUnitHeader.js.map

package/dist/calendar/components/timeUnitHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeUnitHeader.js","names":["TimeUnitHeader: FC<TimeUnitHeaderProps>"],"sources":["../../../src/calendar/components/timeUnitHeader.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport { Box } from '../../box'\nimport { Button } from '../../button'\nimport { cs } from '../../utils'\nimport type { TimeUnitMode } from '../calendar.types'\nimport { months } from '../consts'\nimport { isDay, isMonth, isYear } from '../utils'\n\nconst h = 40\nconst fontSize = 16\n\ntype TimeUnitHeaderProps = {\n  onSetTimeUnitMode: (mode: TimeUnitMode) => void\n  timeUnitMode: TimeUnitMode\n  viewMonth: Date\n}\n\n/**\n * Displays the header title with the month and year being viewed\n */\nexport const TimeUnitHeader: FC<TimeUnitHeaderProps> = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {\n  return (\n    <Box center className={cs('vui-time-unit-header')} cursor=\"pointer\" flex=\"1\" justify=\"start\">\n      {isDay(timeUnitMode) && (\n        <>\n          <Button fontSize={fontSize} h={h} onClick={() => onSetTimeUnitMode('month')} variant=\"tertiaryDark\">\n            {months[viewMonth.getUTCMonth()]}\n          </Button>\n          <Button fontSize={fontSize} h={h} onClick={() => onSetTimeUnitMode('year')} variant=\"tertiaryDark\">\n            {viewMonth.getUTCFullYear()}\n          </Button>\n        </>\n      )}\n      {isMonth(timeUnitMode) && (\n        <Button fontSize={fontSize} h={h} onClick={() => onSetTimeUnitMode('year')} variant=\"tertiaryDark\">\n          {viewMonth.getUTCFullYear()}\n        </Button>\n      )}\n      {isYear(timeUnitMode) && (\n        <Button fontSize={fontSize} h={h} onClick={() => onSetTimeUnitMode('day')} variant=\"tertiaryDark\">\n          Year\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"mappings":"qSASA,MAYaA,GAA2C,CAAE,oBAAmB,eAAc,eAEvF,EAAC,EAAA,CAAI,OAAA,GAAO,UAAW,EAAG,uBAAuB,CAAE,OAAO,UAAU,KAAK,IAAI,QAAQ,kBAClF,EAAM,EAAa,EAClB,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAiB,YAAa,KAAG,YAAe,EAAkB,QAAQ,CAAE,QAAQ,wBAClF,EAAO,EAAU,aAAa,GACxB,CACT,EAAC,EAAA,CAAiB,YAAa,KAAG,YAAe,EAAkB,OAAO,CAAE,QAAQ,wBACjF,EAAU,gBAAgB,EACpB,CAAA,CAAA,CACR,CAEJ,EAAQ,EAAa,EACpB,EAAC,EAAA,CAAiB,YAAa,KAAG,YAAe,EAAkB,OAAO,CAAE,QAAQ,wBACjF,EAAU,gBAAgB,EACpB,CAEV,EAAO,EAAa,EACnB,EAAC,EAAA,CAAiB,YAAa,KAAG,YAAe,EAAkB,MAAM,CAAE,QAAQ,wBAAe,QAEzF,GAEP"}

package/dist/calendar/components/yearPicker.js

@@ -0,0 +1,2 @@
+import{CalendarItem as e,CalendarItemsContainer as t}from"../calendar.styles.js";import{jsx as n}from"react/jsx-runtime";const r=({calendar:r,onSelectYear:i})=>n(t,{className:`vui-year-picker`,children:r.items.map(t=>n(e,{fontWeight:500,onClick:!t.isDisabled&&i?.(t.date)||void 0,...t,children:t.date.getUTCFullYear()},t.date.getTime()))});export{r as YearPicker};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=yearPicker.js.map

package/dist/calendar/components/yearPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yearPicker.js","names":["YearItem"],"sources":["../../../src/calendar/components/yearPicker.tsx"],"sourcesContent":["import { CalendarItem as YearItem, CalendarItemsContainer } from '../calendar.styles'\nimport type { TimeResult } from '../calendar.types'\n\ntype YearPickerProps = {\n  calendar: TimeResult\n  onSelectYear?: (date: Date) => void\n}\n\nexport const YearPicker = ({ calendar, onSelectYear }: YearPickerProps) => (\n  <CalendarItemsContainer className=\"vui-year-picker\">\n    {calendar.items.map(item => (\n      <YearItem\n        fontWeight={500}\n        key={item.date.getTime()}\n        onClick={(!item.isDisabled && onSelectYear?.(item.date)) || undefined}\n        {...item}\n      >\n        {item.date.getUTCFullYear()}\n      </YearItem>\n    ))}\n  </CalendarItemsContainer>\n)\n"],"mappings":"yHAQA,MAAa,GAAc,CAAE,WAAU,kBACrC,EAAC,EAAA,CAAuB,UAAU,2BAC/B,EAAS,MAAM,IAAI,GAClB,EAACA,EAAAA,CACC,WAAY,IAEZ,QAAU,CAAC,EAAK,YAAc,IAAe,EAAK,KAAK,EAAK,IAAA,GAC5D,GAAI,WAEH,EAAK,KAAK,gBAAgB,EAJtB,EAAK,KAAK,SAAS,CAKf,CACX,EACqB"}

package/dist/calendar/consts.d.ts

@@ -0,0 +1,10 @@
+//#region src/calendar/consts.d.ts
+declare const viewYears = 12;
+declare const maxDateTimestamp = "9000-12-31T23:59:59Z";
+declare const minDateTimestamp = "1753-01-02T00:00:00Z";
+declare const months: string[];
+declare const monthsShort: string[];
+declare const weekDays: string[];
+//#endregion
+export { maxDateTimestamp, minDateTimestamp, months, monthsShort, viewYears, weekDays };
+//# sourceMappingURL=consts.d.ts.map

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

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

package/dist/calendar/consts.js

@@ -0,0 +1,2 @@
+const e=12,t=`9000-12-31T23:59:59Z`,n=`1753-01-02T00:00:00Z`,r=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],i=[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],a=[`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`,`Su`];export{t as maxDateTimestamp,n as minDateTimestamp,r as months,i as monthsShort,e as viewYears,a as weekDays};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=consts.js.map

package/dist/calendar/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/calendar/consts.ts"],"sourcesContent":["export const viewYears = 12\n\nexport const maxDateTimestamp = '9000-12-31T23:59:59Z'\n\nexport const minDateTimestamp = '1753-01-02T00:00:00Z'\n\nexport const months = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n]\n\nexport const monthsShort = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']\n\nexport const weekDays = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su']\n"],"mappings":"AAAA,MAAa,EAAY,GAEZ,EAAmB,uBAEnB,EAAmB,uBAEnB,EAAS,CACpB,UACA,WACA,QACA,QACA,MACA,OACA,OACA,SACA,YACA,UACA,WACA,WACD,CAEY,EAAc,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAM,CAElG,EAAW,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAK"}

package/dist/calendar/hooks/useBoundaries.js

@@ -0,0 +1,2 @@
+import{maxDateTimestamp as e,minDateTimestamp as t}from"../consts.js";const n=({boundaries:n})=>{let r=new Date(t),i=new Date(e),a=n?.startDate||r;return{maxDateTime:n?.endDate||i,minDateTime:a}};export{n as useBoundaries};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=useBoundaries.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBoundaries.js","names":[],"sources":["../../../src/calendar/hooks/useBoundaries.ts"],"sourcesContent":["import type { DateRange } from '../calendar.types'\nimport { maxDateTimestamp, minDateTimestamp } from '../consts'\n\n/**\n * Calculates boundaries for max/min dates allowed\n * Memoized so it will only recalculate when the boundaries changes\n */\nexport const useBoundaries = ({ boundaries }: { boundaries?: DateRange }) => {\n  const min = new Date(minDateTimestamp)\n  const max = new Date(maxDateTimestamp)\n\n  const minDateTime = boundaries?.startDate || min\n  const maxDateTime = boundaries?.endDate || max\n\n  return { maxDateTime, minDateTime }\n}\n"],"mappings":"sEAOA,MAAa,GAAiB,CAAE,gBAA6C,CAC3E,IAAM,EAAM,IAAI,KAAK,EAAiB,CAChC,EAAM,IAAI,KAAK,EAAiB,CAEhC,EAAc,GAAY,WAAa,EAG7C,MAAO,CAAE,YAFW,GAAY,SAAW,EAErB,cAAa"}

package/dist/calendar/hooks/useCalendar.js

@@ -0,0 +1,2 @@
+import{generateDateByUTCValue as e,getDateUTCValue as t,sameDate as n,sameYear as r,sameYearSameMonth as i}from"../../utils/dates.js";import{viewYears as a}from"../consts.js";import{getNextDate as o,isDay as s,isExact as c,isFrom as l,isMonth as u,isRange as d,isTo as f,isYear as p}from"../utils.js";import{useBoundaries as m}from"./useBoundaries.js";import{useSelectedDate as h}from"./useSelectedDate.js";import{useMemo as g}from"react";const _=({boundaries:_,selectedDates:v,mode:y=`exact`,timeUnitMode:b,viewDate:x,fixedNumberOfWeeks:S})=>{let C=m({boundaries:_}),w=h({selectedDates:v,mode:y});return g(()=>{let{maxDateTime:m,minDateTime:h}=C,{currentDateTime:g,maxSelectedDateTime:_,minSelectedDateTime:v}=w,{utcYear:T,utcMonth:E}=t(x),D,O,k,A,j,M;if(s(b)){j=e(T,E,1),M=e(T,E+1,0),k=e(T,E+1,1),A=e(T,E,0);let t=j.getUTCDay(),n=M.getUTCDay();D=t===0?new Date(Date.UTC(T,E,-5)):new Date(Date.UTC(T,E,2-t)),O=n===0?new Date(Date.UTC(T,E+1,0)):new Date(Date.UTC(T,E+1,8-n));let r=Math.round((O-+D)/(10080*60*1e3));if(S)for(let t=r;t<6;t++)O=e(O.getUTCFullYear(),O.getUTCMonth(),O.getUTCDate()+7)}else if(u(b))D=j=e(T,0,1),O=M=e(T,11,31),k=e(T+1,0,1),A=e(T-1,11,31);else{let t=new Date().getUTCFullYear()-a/2,n=t-T,r=t-Math.ceil(n/a)*a,i=r+a-1;D=j=r===1753?e(r,0,2):e(r,0,1),O=M=e(i,11,31),k=e(i+1,0,1),A=e(r-1,11,31)}let N=[],P=D;do{let a=P<j||P>=M,x=n(P,new Date),{utcYear:S,utcMonth:C}=t(h),w=h;u(b)?w=e(S,C,1):p(b)&&(w=e(S,0,1));let T=P<w||P>m,E=c(y)&&v&&+P==+v,D=v&&P>=v,O=_&&P<=_,k=!c(y)&&(!T&&D&&(!_||O)||O&&(!v||D)),A=d(y)&&k,F=l(y)&&D,I=f(y)&&O,L=!!(E||F||I||A),R=_,z=v;p(b)&&(R&&=e(R.getUTCFullYear(),0,1),z&&=e(z.getUTCFullYear(),0,1)),u(b)&&(R&&=e(R.getUTCFullYear(),R.getUTCMonth(),1),z&&=e(z.getUTCFullYear(),z.getUTCMonth(),1));let B=!f(y)&&n(P,z),V=s(b)?n(P,g):u(b)?i(P,g):r(P,g);N.push({date:P,isHidden:a,isToday:x,isDisabled:B?!1:T,isSelected:L,boundary:B,current:V}),P=o(P,b)}while(P<=O);return{items:N,prevDisabled:h>A,nextDisabled:m<k}},[_,v,y,b,x])};export{_ as useCalendar};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=useCalendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendar.js","names":["calendarFirstDay: Date","calendarLastDay: Date","nextFirstDay: Date","prevLastDay: Date","firstDay: Date","lastDay: Date","items: TimeItem[]","current: boolean"],"sources":["../../../src/calendar/hooks/useCalendar.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { generateDateByUTCValue, getDateUTCValue, sameDate, sameYear, sameYearSameMonth } from '../../utils'\nimport type { MonthProps, TimeItem, TimeResult } from '../calendar.types'\nimport { viewYears } from '../consts'\nimport { getNextDate, isDay, isExact, isFrom, isMonth, isRange, isTo, isYear } from '../utils'\nimport { useBoundaries } from './useBoundaries'\nimport { useSelectedDate } from './useSelectedDate'\n\n/**\n * Main hook for doing calendar calculations\n * Calculates for all time unit modes: day, month and year\n * Depends on useBoundaries and useSelectedDate to do initial setup\n */\nexport const useCalendar = ({\n  boundaries,\n  selectedDates,\n  mode = 'exact',\n  timeUnitMode,\n  viewDate,\n  fixedNumberOfWeeks,\n}: MonthProps) => {\n  const boundariesProcessed = useBoundaries({ boundaries })\n  const selectedProcessed = useSelectedDate({ selectedDates, mode })\n\n  return useMemo(() => {\n    const { maxDateTime, minDateTime } = boundariesProcessed\n    const { currentDateTime, maxSelectedDateTime, minSelectedDateTime } = selectedProcessed\n    const { utcYear: viewDateYear, utcMonth: viewDateMonth } = getDateUTCValue(viewDate)\n\n    let calendarFirstDay: Date\n    let calendarLastDay: Date\n    let nextFirstDay: Date\n    let prevLastDay: Date\n    let firstDay: Date\n    let lastDay: Date\n\n    if (isDay(timeUnitMode)) {\n      firstDay = generateDateByUTCValue(viewDateYear, viewDateMonth, 1)\n      lastDay = generateDateByUTCValue(viewDateYear, viewDateMonth + 1, 0) // lastDay\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 =\n        weekdayFirst === 0\n          ? new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - 7))\n          : new Date(Date.UTC(viewDateYear, viewDateMonth, 2 - weekdayFirst))\n\n      // Sunday after the month (or last day of the month if it's on a Sunday)\n      calendarLastDay =\n        weekdayLast === 0\n          ? new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 0))\n          : new Date(Date.UTC(viewDateYear, viewDateMonth + 1, 8 - weekdayLast))\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      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\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":"ubAcA,MAAa,GAAe,CAC1B,aACA,gBACA,OAAO,QACP,eACA,WACA,wBACgB,CAChB,IAAM,EAAsB,EAAc,CAAE,aAAY,CAAC,CACnD,EAAoB,EAAgB,CAAE,gBAAe,OAAM,CAAC,CAElE,OAAO,MAAc,CACnB,GAAM,CAAE,cAAa,eAAgB,EAC/B,CAAE,kBAAiB,sBAAqB,uBAAwB,EAChE,CAAE,QAAS,EAAc,SAAU,GAAkB,EAAgB,EAAS,CAEhFA,EACAC,EACAC,EACAC,EACAC,EACAC,EAEJ,GAAI,EAAM,EAAa,CAAE,CACvB,EAAW,EAAuB,EAAc,EAAe,EAAE,CACjE,EAAU,EAAuB,EAAc,EAAgB,EAAG,EAAE,CAEpE,EAAe,EAAuB,EAAc,EAAgB,EAAG,EAAE,CACzE,EAAc,EAAuB,EAAc,EAAe,EAAE,CAEpE,IAAM,EAAe,EAAS,WAAW,CACnC,EAAc,EAAQ,WAAW,CAGvC,EACE,IAAiB,EACb,IAAI,KAAK,KAAK,IAAI,EAAc,EAAe,GAAM,CAAC,CACtD,IAAI,KAAK,KAAK,IAAI,EAAc,EAAe,EAAI,EAAa,CAAC,CAGvE,EACE,IAAgB,EACZ,IAAI,KAAK,KAAK,IAAI,EAAc,EAAgB,EAAG,EAAE,CAAC,CACtD,IAAI,KAAK,KAAK,IAAI,EAAc,EAAgB,EAAG,EAAI,EAAY,CAAC,CAI1E,IAAM,EAAgB,KAAK,OAAQ,EAAkB,CAAC,IAAqB,MAAc,GAAK,KAAM,CACpG,GAAI,EACF,IAAK,IAAI,EAAO,EAAe,EAAO,EAAG,IACvC,EAAkB,EAChB,EAAgB,gBAAgB,CAChC,EAAgB,aAAa,CAC7B,EAAgB,YAAY,CAAG,EAChC,SAGI,EAAQ,EAAa,CAC9B,EAAmB,EAAW,EAAuB,EAAc,EAAG,EAAE,CACxE,EAAkB,EAAU,EAAuB,EAAc,GAAI,GAAG,CACxE,EAAe,EAAuB,EAAe,EAAG,EAAG,EAAE,CAC7D,EAAc,EAAuB,EAAe,EAAG,GAAI,GAAG,KACzD,CACL,IAAM,EAAoB,IAAI,MAAM,CAAC,gBAAgB,CAAG,EAAY,EAC9D,EAAY,EAAoB,EAEhC,EAAY,EAAoB,KAAK,KAAK,EAAY,EAAU,CAAG,EACnE,EAAU,EAAY,EAAY,EAExC,AACK,EADL,AACwB,EADpB,IAAc,KAAoC,EAAuB,EAAW,EAAG,EAAE,CAC1D,EAAuB,EAAW,EAAG,EAAE,CAE1E,EAAkB,EAAU,EAAuB,EAAS,GAAI,GAAG,CACnE,EAAe,EAAuB,EAAU,EAAG,EAAG,EAAE,CACxD,EAAc,EAAuB,EAAY,EAAG,GAAI,GAAG,CAG7D,IAAMC,EAAoB,EAAE,CAGxB,EAAW,EACf,EAAG,CACD,IAAM,EAAW,EAAW,GAAY,GAAY,EAC9C,EAAU,EAAS,EAAU,IAAI,KAAO,CACxC,CAAE,QAAS,EAAa,SAAU,GAAiB,EAAgB,EAAY,CAEjF,EAAkB,EAClB,EAAQ,EAAa,CAEvB,EAAkB,EAAuB,EAAa,EAAc,EAAE,CAC/D,EAAO,EAAa,GAE3B,EAAkB,EAAuB,EAAa,EAAG,EAAE,EAE7D,IAAM,EAAa,EAAW,GAAmB,EAAW,EAGtD,EAAkB,EAAQ,EAAK,EAAI,GAAuB,CAAC,GAAa,CAAC,EAGzE,EAAa,GAAuB,GAAY,EAChD,EAAc,GAAuB,GAAY,EAEjD,EACJ,CAAC,EAAQ,EAAK,GACZ,CAAC,GAAc,IAAe,CAAC,GAAuB,IACrD,IAAgB,CAAC,GAAuB,IAEvC,EAAkB,EAAQ,EAAK,EAAI,EACnC,EAAiB,EAAO,EAAK,EAAI,EACjC,EAAe,EAAK,EAAK,EAAI,EAE7B,EAAa,CAAC,EAAE,GAAmB,GAAkB,GAAgB,GAEvE,EAAmB,EACnB,EAAmB,EAEnB,EAAO,EAAa,GACtB,AAAsB,IAAmB,EAAuB,EAAiB,gBAAgB,CAAE,EAAG,EAAE,CACxG,AAAsB,IAAmB,EAAuB,EAAiB,gBAAgB,CAAE,EAAG,EAAE,EAEtG,EAAQ,EAAa,GACvB,AACE,IAAmB,EACjB,EAAiB,gBAAgB,CACjC,EAAiB,aAAa,CAC9B,EACD,CACH,AACE,IAAmB,EACjB,EAAiB,gBAAgB,CACjC,EAAiB,aAAa,CAC9B,EACD,EAGL,IAAM,EAAW,CAAC,EAAK,EAAK,EAAI,EAAS,EAAU,EAAiB,CAEhEC,EACA,EAAM,EAAa,CAAY,EAAS,EAAU,EAAgB,CAC7D,EAAQ,EAAa,CAAY,EAAkB,EAAU,EAAgB,CACvE,EAAS,EAAU,EAAgB,CAElD,EAAM,KAAK,CACT,KAAM,EACN,WACA,UACA,WAAY,EAAW,GAAQ,EAC/B,aACA,WACA,UACD,CAAC,CAEF,EAAW,EAAY,EAAU,EAAa,OACvC,GAAY,GAMrB,MAAO,CACL,QACA,aALmB,EAAc,EAMjC,aALmB,EAAc,EAMlC,EACA,CAAC,EAAY,EAAe,EAAM,EAAc,EAAS,CAAC"}

package/dist/calendar/hooks/useDefaultViewMonth.js

@@ -0,0 +1,2 @@
+const e=({boundaries:e,selectedDate:t,isStartDate:n})=>{if(t)return t;let r=new Date;return e?e.endDate&&r>e.endDate&&!n?e.endDate:e.startDate&&r>e.startDate&&n?e.startDate:r:r};export{e as useDefaultViewMonth};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=useDefaultViewMonth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultViewMonth.js","names":[],"sources":["../../../src/calendar/hooks/useDefaultViewMonth.ts"],"sourcesContent":["import type { DefaultViewMonthProps } from '../calendar.types'\n\n/**\n * Calculates the default view date, either using selected date, current date or boundaries\n * Used when initializing, after that viewDate will be set\n * Memoized so will only recalculate when boundaries or selectedDate changes\n */\nexport const useDefaultViewMonth = ({ boundaries, selectedDate, isStartDate }: DefaultViewMonthProps) => {\n  if (selectedDate) return selectedDate\n\n  const currentDate = new Date()\n  if (!boundaries) return currentDate\n\n  if (boundaries.endDate && currentDate > boundaries.endDate && !isStartDate) return boundaries.endDate\n  if (boundaries.startDate && currentDate > boundaries.startDate && isStartDate) return boundaries.startDate\n\n  return currentDate\n}\n"],"mappings":"AAOA,MAAa,GAAuB,CAAE,aAAY,eAAc,iBAAyC,CACvG,GAAI,EAAc,OAAO,EAEzB,IAAM,EAAc,IAAI,KAMxB,OALK,EAED,EAAW,SAAW,EAAc,EAAW,SAAW,CAAC,EAAoB,EAAW,QAC1F,EAAW,WAAa,EAAc,EAAW,WAAa,EAAoB,EAAW,UAE1F,EALiB"}

package/dist/calendar/hooks/useSelectedDate.js

@@ -0,0 +1,2 @@
+import{isExact as e,isFrom as t}from"../utils.js";const n=({selectedDates:n,mode:r})=>{let i=t(r)||e(r)?n?.startDate:n?.endDate,a=n?.startDate||void 0,o=n?.endDate||void 0;return{currentDateTime:i,maxSelectedDateTime:o,minSelectedDateTime:a}};export{n as useSelectedDate};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=useSelectedDate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectedDate.js","names":[],"sources":["../../../src/calendar/hooks/useSelectedDate.ts"],"sourcesContent":["import type { CalendarMode, DateRange } from '../calendar.types'\nimport { isExact, isFrom } from '../utils'\n\n/**\n * Calculate the selected dates\n * If we are in single calendar mode, will use the startDate as selected date\n * Memoized so will only recalculate when selectedDates or mode changes\n */\nexport const useSelectedDate = ({ selectedDates, mode }: { mode: CalendarMode; selectedDates?: DateRange }) => {\n  const currentDateTime = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate\n\n  const minSelectedDateTime = selectedDates?.startDate || undefined\n  const maxSelectedDateTime = selectedDates?.endDate || undefined\n\n  return {\n    currentDateTime,\n    maxSelectedDateTime,\n    minSelectedDateTime,\n  }\n}\n"],"mappings":"kDAQA,MAAa,GAAmB,CAAE,gBAAe,UAA8D,CAC7G,IAAM,EAAkB,EAAO,EAAK,EAAI,EAAQ,EAAK,CAAG,GAAe,UAAY,GAAe,QAE5F,EAAsB,GAAe,WAAa,IAAA,GAClD,EAAsB,GAAe,SAAW,IAAA,GAEtD,MAAO,CACL,kBACA,sBACA,sBACD"}

package/dist/calendar/theme.js

@@ -0,0 +1,2 @@
+var e={baseStyle:{},defaultProps:{},sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=theme.js.map

package/dist/calendar/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/calendar/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {}\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AAQA,IAAA,EAAe,CACb,UATgB,EAAE,CAUlB,aARmB,EAAE,CASrB,MAPY,EAAE,CAQd,SANe,EAAE,CAOlB"}

package/dist/calendar/utils.js

@@ -0,0 +1,2 @@
+import{generateDateByUTCValue as e,getDateUTCValue as t,sameYear as n,sameYearSameMonth as r}from"../utils/dates.js";import{minDateTimestamp as i,viewYears as a}from"./consts.js";const o=e=>e===`exact`,s=e=>e===`from`,c=e=>e===`to`,l=e=>e===`range`,u=e=>e===`day`,d=e=>e===`month`,f=e=>e===`year`,p=(n,r)=>{let{utcYear:i,utcMonth:a,utcDate:o}=t(n);return u(r)?e(i,a,o+1):d(r)?e(i,a+1,o):e(i+1,a,o)},m=(a,l,u)=>{let d=a,f=new Date(i),{utcYear:p,utcMonth:m}=t(a);if(c(l)){let t=e(p,m+1,0).getUTCDate();return u?.endDate&&r(a,u?.endDate)?u?.endDate:e(p,m,t)}return s(l)&&u?.startDate&&r(a,u?.startDate)?u?.startDate:o(l)&&n(a,f)?f:u?.startDate&&d<u?.startDate?u.startDate:d},h=(r,a,l)=>{let{utcYear:u,utcMonth:d}=t(r),f=new Date(i),p=r;if(c(a)){let t=e(u,d+1,0).getUTCDate();return l?.endDate&&n(r,l?.endDate)?l.endDate:e(r.getUTCFullYear(),11,t)}return s(a)&&l?.startDate&&n(r,l?.startDate)?l.startDate:o(a)&&n(r,f)?f:l?.startDate&&p<l?.startDate?l.startDate:p},g=(n,r,i,o)=>{let{utcYear:s,utcMonth:c}=t(n);if(u(i))return e(s,c+(r===`next`?1:-1));if(d(i))return e(s+(r===`next`?1:-1),0);if(o){let t=o[r===`next`?o.length-1:0].date.getUTCFullYear();return e(t+(r===`next`?1:-a),0)}return null};export{p as getNextDate,u as isDay,o as isExact,s as isFrom,d as isMonth,l as isRange,c as isTo,f as isYear,m as processSelectMonth,h as processSelectYear,g as processViewDate};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=utils.js.map

package/dist/calendar/utils.js.map

@@ -0,0 +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":"mLAIA,MAAa,EAAW,GAAwB,IAAS,QAC5C,EAAU,GAAwB,IAAS,OAC3C,EAAQ,GAAwB,IAAS,KACzC,EAAW,GAAwB,IAAS,QAE5C,EAAS,GAAgC,IAAiB,MAC1D,EAAW,GAAgC,IAAiB,QAC5D,EAAU,GAAgC,IAAiB,OAO3D,GAAe,EAAY,IAAgC,CACtE,GAAM,CAAE,UAAS,WAAU,WAAY,EAAgB,EAAK,CAI5D,OAHI,EAAM,EAAa,CAAS,EAAuB,EAAS,EAAU,EAAU,EAAE,CAClF,EAAQ,EAAa,CAAS,EAAuB,EAAS,EAAW,EAAG,EAAQ,CAEjF,EAAuB,EAAU,EAAG,EAAU,EAAQ,EAGlD,GAAsB,EAAmB,EAAoB,IAA2B,CACnG,IAAM,EAAO,EACP,EAAc,IAAI,KAAK,EAAiB,CACxC,CAAE,UAAS,YAAa,EAAgB,EAAY,CAC1D,GAAI,EAAK,EAAK,CAAE,CACd,IAAM,EAAmB,EAAuB,EAAS,EAAW,EAAG,EAAE,CAAC,YAAY,CAItF,OAFI,GAAY,SAAW,EAAkB,EAAa,GAAY,QAAQ,CAAS,GAAY,QAE5F,EAAuB,EAAS,EAAU,EAAiB,CAQpE,OALI,EAAO,EAAK,EAAI,GAAY,WAAa,EAAkB,EAAa,GAAY,UAAU,CACzF,GAAY,UAEjB,EAAQ,EAAK,EAAI,EAAS,EAAa,EAAY,CAAS,EAEzD,GAAY,WAAa,EAAO,GAAY,UAAY,EAAW,UAAY,GAW3E,GAAqB,EAAmB,EAAoB,IAA2B,CAClG,GAAM,CAAE,UAAS,YAAa,EAAgB,EAAY,CACpD,EAAc,IAAI,KAAK,EAAiB,CACxC,EAAO,EAEb,GAAI,EAAK,EAAK,CAAE,CACd,IAAM,EAAmB,EAAuB,EAAS,EAAW,EAAG,EAAE,CAAC,YAAY,CAKtF,OAFI,GAAY,SAAW,EAAS,EAAa,GAAY,QAAQ,CAAS,EAAW,QAElF,EAAuB,EAAY,gBAAgB,CAAE,GAAmB,EAAiB,CAOlG,OAJI,EAAO,EAAK,EAAI,GAAY,WAAa,EAAS,EAAa,GAAY,UAAU,CAAS,EAAW,UAEzG,EAAQ,EAAK,EAAI,EAAS,EAAa,EAAY,CAAS,EAEzD,GAAY,WAAa,EAAO,GAAY,UAAY,EAAW,UAAY,GAG3E,GACX,EACA,EACA,EACA,IACG,CACH,GAAM,CAAE,UAAS,YAAa,EAAgB,EAAS,CACvD,GAAI,EAAM,EAAa,CAErB,OADiB,EAAuB,EAAS,GAAY,IAAc,OAAS,EAAI,IAAI,CAG9F,GAAI,EAAQ,EAAa,CAEvB,OADiB,EAAuB,GAAW,IAAc,OAAS,EAAI,IAAK,EAAE,CAIvF,GAAI,EAAe,CAEjB,IAAM,EADO,EAAc,IAAc,OAAS,EAAc,OAAS,EAAI,GAAG,KAC9D,gBAAgB,CAElC,OADoB,EAAuB,GAAQ,IAAc,OAAS,EAAI,CAAC,GAAY,EAAE,CAI/F,OAAO"}

package/dist/card/card.d.ts

@@ -0,0 +1,13 @@
+import { VuiComponent } from "../core/vui.js";
+import { CardProps } from "./card.types.js";
+
+//#region src/card/card.d.ts
+
+/**
+ * Displays static, partially interactive or fully interactive content, such as text, images or buttons.
+ * Supports use cases like a single card or multiple tiles.
+ */
+declare const Card: VuiComponent<"div", CardProps>;
+//#endregion
+export { Card };
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/card/card.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAUA;AAkBE,cAlBW,IAkBX,cAAA,CAAA,KAAA,EAlBe,SAkBf,CAAA"}

package/dist/card/card.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{jsx as a}from"react/jsx-runtime";const o=r((r,o)=>{let{className:s,isInteractive:c=r.onClick!==void 0,...l}=t(r),u=n(`Card`,r),d=c?{cursor:`pointer`,focusRing:2,hoverRingColor:`seaBlue.main`,hoverShadow:`3`,outline:`none`,tabIndex:0,userSelect:`none`}:{};return a(i,{className:e(`vui-card`,s),ref:o,...u,...d,...l})});o.displayName=`Card`;export{o as Card};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=card.js.map

package/dist/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":["interactiveProps: Dict","Box"],"sources":["../../src/card/card.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport type { Dict } from '../utils'\nimport { cs } from '../utils'\nimport type { CardProps } from './card.types'\n\n/**\n * Displays static, partially interactive or fully interactive content, such as text, images or buttons.\n * Supports use cases like a single card or multiple tiles.\n */\nexport const Card = vui<'div', CardProps>((props, ref) => {\n  const { className, isInteractive = props.onClick !== undefined, ...rest } = omitThemingProps(props)\n\n  const styles = useStyleConfig('Card', props)\n\n  const interactiveProps: Dict = isInteractive\n    ? {\n        cursor: 'pointer',\n        focusRing: 2,\n        hoverRingColor: 'seaBlue.main',\n        hoverShadow: '3',\n        outline: 'none',\n        tabIndex: 0,\n        userSelect: 'none',\n      }\n    : {}\n\n  return <Box className={cs('vui-card', className)} ref={ref} {...styles} {...interactiveProps} {...rest} />\n})\n\nCard.displayName = 'Card'\nexport default Card\n"],"mappings":"0NAUA,MAAa,EAAO,GAAuB,EAAO,IAAQ,CACxD,GAAM,CAAE,YAAW,gBAAgB,EAAM,UAAY,IAAA,GAAW,GAAG,GAAS,EAAiB,EAAM,CAE7F,EAAS,EAAe,OAAQ,EAAM,CAEtCA,EAAyB,EAC3B,CACE,OAAQ,UACR,UAAW,EACX,eAAgB,eAChB,YAAa,IACb,QAAS,OACT,SAAU,EACV,WAAY,OACb,CACD,EAAE,CAEN,OAAO,EAACC,EAAAA,CAAI,UAAW,EAAG,WAAY,EAAU,CAAO,MAAK,GAAI,EAAQ,GAAI,EAAkB,GAAI,GAAQ,EAC1G,CAEF,EAAK,YAAc"}

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

@@ -0,0 +1,11 @@
+import { ThemingProps } from "../theme/types.js";
+import { BoxProps } from "../box/box.types.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;
+};
+//#endregion
+export { CardProps };
+//# sourceMappingURL=card.types.d.ts.map

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

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

package/dist/card/theme.js

@@ -0,0 +1,2 @@
+var e={baseStyle:{bg:`white`,borderRadius:0,ring:1,ringColor:`transparent`,shadow:`2`},defaultProps:{},sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=theme.js.map

package/dist/card/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/card/theme.ts"],"sourcesContent":["const baseStyle = {\n  bg: 'white',\n  borderRadius: 0,\n  ring: 1,\n  ringColor: 'transparent',\n  shadow: '2',\n}\n\nconst defaultProps = {}\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AAcA,IAAA,EAAe,CACb,UAfgB,CAChB,GAAI,QACJ,aAAc,EACd,KAAM,EACN,UAAW,cACX,OAAQ,IACT,CAUC,aARmB,EAAE,CASrB,MAPY,EAAE,CAQd,SANe,EAAE,CAOlB"}

package/dist/chat/chat.d.ts

@@ -0,0 +1,17 @@
+import { VuiComponent } from "../core/vui.js";
+import { ChatProps } from "./chat.types.js";
+import { ChatInput } from "./chatInput.js";
+import { ChatMessage } from "./chatMessage.js";
+
+//#region src/chat/chat.d.ts
+
+/**
+ * Displays a chat interface with messages and actions.
+ */
+declare const Chat: VuiComponent<"div", ChatProps> & {
+  Message: typeof ChatMessage;
+  Input: typeof ChatInput;
+};
+//#endregion
+export { Chat };
+//# sourceMappingURL=chat.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","names":[],"sources":["../../src/chat/chat.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAcA;AAsEC,cAtEY,IAsEZ,EAHK,YAGL,CAAA,KAAA,EAHyB,SAGzB,CAAA,GAAA;SAHyB,EAAA,OACR,WADQ;OAApB,EAAA,OAEU,SAFV"}

package/dist/chat/chat.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{Tag as a}from"../tag/tag.js";import o from"./chatInput.js";import s from"./chatMessage.js";import{useEffect as c,useRef as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=r((r,f)=>{let{className:p,children:m,inputStatus:h=`default`,messages:g,helpText:_,maxTextareaHeight:v=120,processingMessage:y,suggestions:b,onNewTopicClick:x,onSuggestionClick:S,onSend:C,onStop:w,...T}=t(r),E=n(`Chat`,r),D=l(null);return c(()=>D.current?.scrollIntoView({behavior:`smooth`}),[g,m]),d(i,{className:e(`vui-chat`,p),ref:f,...E.chat,h:`100%`,justifyContent:`space-between`,...T,children:[d(i,{className:e(`vui-chat-messages`),...E?.messages,children:[g?.length?g.map((e,t)=>u(s,{...e},t)):m,u(`div`,{ref:D})]}),d(i,{column:!0,children:[!!b?.length&&u(i,{className:e(`vui-chat-suggestions`),...E?.suggestions,mb:`24px`,mt:`8px`,children:b?.map(e=>u(a,{cursor:h===`default`?`pointer`:void 0,disabled:h!==`default`,mb:`6px`,ml:`6px`,onClick:()=>S?.(e),children:e},e))}),u(o,{helpText:_,maxTextareaHeight:v,onNewTopicClick:x,onSend:C,onStop:w,processingMessage:y,status:h})]})]})});f.Message=s,f.Input=o,f.displayName=`Chat`;export{f as Chat};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=chat.js.map

package/dist/chat/chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.js","names":["Box","ChatMessage","ChatInput"],"sources":["../../src/chat/chat.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Tag } from '../tag'\nimport { cs } from '../utils'\nimport type { ChatProps } from './chat.types'\nimport ChatInput from './chatInput'\nimport ChatMessage from './chatMessage'\n\n/**\n * Displays a chat interface with messages and actions.\n */\nexport const Chat = vui<'div', ChatProps>((props, ref) => {\n  const {\n    className,\n    children,\n    inputStatus = 'default',\n    messages,\n    helpText,\n    maxTextareaHeight = 120,\n    processingMessage,\n    suggestions,\n    onNewTopicClick,\n    onSuggestionClick,\n    onSend,\n    onStop,\n    ...rest\n  } = omitThemingProps(props)\n\n  const styles = useStyleConfig('Chat', props)\n\n  const messagesEndRef = useRef<HTMLDivElement>(null)\n\n  const scrollDown = () => messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })\n\n  useEffect(scrollDown, [messages, children])\n\n  return (\n    <Box\n      className={cs('vui-chat', className)}\n      ref={ref}\n      {...styles.chat}\n      h=\"100%\"\n      justifyContent=\"space-between\"\n      {...rest}\n    >\n      <Box className={cs('vui-chat-messages')} {...styles?.messages}>\n        {messages?.length ? messages.map((message, key) => <ChatMessage key={key} {...message} />) : children}\n        <div ref={messagesEndRef} />\n      </Box>\n      <Box column>\n        {!!suggestions?.length && (\n          <Box className={cs('vui-chat-suggestions')} {...styles?.suggestions} mb=\"24px\" mt=\"8px\">\n            {suggestions?.map(suggestion => (\n              <Tag\n                cursor={inputStatus === 'default' ? 'pointer' : undefined}\n                disabled={inputStatus !== 'default'}\n                key={suggestion}\n                mb=\"6px\"\n                ml=\"6px\"\n                onClick={() => onSuggestionClick?.(suggestion)}\n              >\n                {suggestion}\n              </Tag>\n            ))}\n          </Box>\n        )}\n        <ChatInput\n          helpText={helpText}\n          maxTextareaHeight={maxTextareaHeight}\n          onNewTopicClick={onNewTopicClick}\n          onSend={onSend}\n          onStop={onStop}\n          processingMessage={processingMessage}\n          status={inputStatus}\n        />\n      </Box>\n    </Box>\n  )\n}) as VuiComponent<'div', ChatProps> & {\n  Message: typeof ChatMessage\n  Input: typeof ChatInput\n}\n\nChat.Message = ChatMessage\nChat.Input = ChatInput\nChat.displayName = 'Chat'\nexport default Chat\n"],"mappings":"oXAcA,MAAa,EAAO,GAAuB,EAAO,IAAQ,CACxD,GAAM,CACJ,YACA,WACA,cAAc,UACd,WACA,WACA,oBAAoB,IACpB,oBACA,cACA,kBACA,oBACA,SACA,SACA,GAAG,GACD,EAAiB,EAAM,CAErB,EAAS,EAAe,OAAQ,EAAM,CAEtC,EAAiB,EAAuB,KAAK,CAMnD,OAFA,MAFyB,EAAe,SAAS,eAAe,CAAE,SAAU,SAAU,CAAC,CAEjE,CAAC,EAAU,EAAS,CAAC,CAGzC,EAACA,EAAAA,CACC,UAAW,EAAG,WAAY,EAAU,CAC/B,MACL,GAAI,EAAO,KACX,EAAE,OACF,eAAe,gBACf,GAAI,YAEJ,EAACA,EAAAA,CAAI,UAAW,EAAG,oBAAoB,CAAE,GAAI,GAAQ,mBAClD,GAAU,OAAS,EAAS,KAAK,EAAS,IAAQ,EAACC,EAAAA,CAAsB,GAAI,EAAA,CAAT,EAAoB,CAAC,CAAG,EAC7F,EAAC,MAAA,CAAI,IAAK,EAAA,CAAkB,CAAA,EACxB,CACN,EAACD,EAAAA,CAAI,OAAA,aACF,CAAC,CAAC,GAAa,QACd,EAACA,EAAAA,CAAI,UAAW,EAAG,uBAAuB,CAAE,GAAI,GAAQ,YAAa,GAAG,OAAO,GAAG,eAC/E,GAAa,IAAI,GAChB,EAAC,EAAA,CACC,OAAQ,IAAgB,UAAY,UAAY,IAAA,GAChD,SAAU,IAAgB,UAE1B,GAAG,MACH,GAAG,MACH,YAAe,IAAoB,EAAW,UAE7C,GALI,EAMD,CACN,EACE,CAER,EAACE,EAAAA,CACW,WACS,oBACF,kBACT,SACA,SACW,oBACnB,OAAQ,GACR,CAAA,EACE,CAAA,EACF,EAER,CAKF,EAAK,QAAUD,EACf,EAAK,MAAQC,EACb,EAAK,YAAc"}

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

@@ -0,0 +1,58 @@
+import { ThemingProps } from "../theme/types.js";
+import { BoxProps } from "../box/box.types.js";
+import { ButtonProps } from "../button/button.types.js";
+import { MessageProps } from "../message/message.types.js";
+
+//#region src/chat/chat.types.d.ts
+type ChatInputStatus = 'default' | 'processing' | 'disabled';
+type ChatProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Chat'> & {
+  /** Status of the chat input @default 'default' */
+  inputStatus?: ChatInputStatus;
+  /** An array of chat messages */
+  messages?: MessageProps[];
+  /** Optional string indicating a help text under the input */
+  helpText?: string;
+  /** Max height for the textarea @default 120 */
+  maxTextareaHeight?: number;
+  /** Optional string indicating a message being processed */
+  processingMessage?: string;
+  /** An array of suggestion strings */
+  suggestions?: string[];
+  /** Callback function for when a new topic is clicked */
+  onNewTopicClick?: () => void;
+  /** Callback function for when a suggestion is clicked */
+  onSuggestionClick?: (suggestion: string) => void;
+  /** Optional callback function for sending a message */
+  onSend?: (message: string) => void;
+  /** Optional callback function for stopping an action */
+  onStop?: () => void;
+};
+type ChatInputProps = Omit<BoxProps, 'size' | 'variant'> & {
+  /** Placeholder text for the input */
+  placeholder?: string;
+  /** Status of the chat input */
+  status?: ChatInputStatus;
+  /** Optional string indicating a help text */
+  helpText?: string;
+  /** Max height for the textarea @default 120 */
+  maxTextareaHeight?: number;
+  /** @default 'Generating message' */
+  processingMessage?: string;
+  /** Callback function for when a new topic is clicked */
+  onNewTopicClick?: () => void;
+  /** Optional callback function for sending a message */
+  onSend?: (message: string) => void;
+  /** Optional callback function for stopping an action */
+  onStop?: () => void;
+};
+type ChatInputButtonProps = Omit<ButtonProps, 'size'> & {
+  /** Status of the chat input */
+  status?: ChatInputStatus;
+  /** Callback function for sending a message */
+  onSend?: () => void;
+  /** Callback function for stopping an action */
+  onStop?: () => void;
+};
+//#endregion
+export { ChatInputButtonProps, ChatInputProps, ChatInputStatus, ChatProps };
+//# sourceMappingURL=chat.types.d.ts.map