@veracity/vui 5.4.0-alpha.manual.2609080740 → 5.4.0

package/dist/copyToClipboard/copyToClipboard.types.d.ts

@@ -6,16 +6,18 @@ import { IconProp } from "../icon/icon.types.js";
 import "../icon/index.js";
 //#region src/copyToClipboard/copyToClipboard.types.d.ts
 type CopyToClipboardValueProps = {
-  /** Text string to copy and include in feedback labels. */
-  label: string;
-  /** @deprecated Use `label` instead. */
+  /** Text string to copy. */
+  value: string;
+  /** @deprecated Use `value` instead. */
   copyText?: string;
 } | {
-  label?: never;
-  /** @deprecated Use `label` instead. */
+  value?: never;
+  /** @deprecated Use `value` instead. */
   copyText: string;
 };
 type CopyToClipboardProps = SystemProps & ThemingProps<'Button'> & CopyToClipboardValueProps & {
+  /** Text used in the tooltip and accessible action label. Empty strings default to `value` or `copyText`. */
+  label?: string;
   /** Icon @default uiCopy  */
   icon?: IconProp;
   /** Button size @default "sm" */

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

@@ -1 +1 @@
-{"version":3,"file":"copyToClipboard.types.d.ts","names":[],"sources":["../../src/copyToClipboard/copyToClipboard.types.ts"],"mappings":";;;;;;;KAIK;;EAGC;;EAEA;;EAGA;;EAEA;;KAGM,uBAAuB,cACjC,yBACA;;EAEE,OAAO;;EAEP;;EAEA"}
+{"version":3,"file":"copyToClipboard.types.d.ts","names":[],"sources":["../../src/copyToClipboard/copyToClipboard.types.ts"],"mappings":";;;;;;;KAIK;;EAGC;;EAEA;;EAGA;;EAEA;;KAGM,uBAAuB,cACjC,yBACA;;EAEE;;EAEA,OAAO;;EAEP;;EAEA"}

package/dist/copyToClipboard/useCopyToClipboard.js

@@ -15,5 +15,5 @@ const useCopyToClipboard = (copyText, { showToast } = { showToast: true }) => {
 
 //#endregion
 export { useCopyToClipboard };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=useCopyToClipboard.js.map

package/dist/core/consts.js

@@ -11,5 +11,5 @@ const cdnUrls = {
 
 //#endregion
 export { cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=consts.js.map

package/dist/core/links.js

@@ -75,5 +75,5 @@ function useLoadLinks(env, isLoggedIn) {
 
 //#endregion
 export { LinksProvider, getLoggedInLink, useLinks, useLoadLinks };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=links.js.map

package/dist/core/media.js

@@ -70,5 +70,5 @@ function useBetween(minWidth, maxWidth) {
 
 //#endregion
 export { RenderOnScreen, mediaBetween, mediaDown, mediaUp, useBetween, useDown, useUp, useViewportWidth };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=media.js.map

package/dist/core/styled.js

@@ -59,5 +59,5 @@ const styled = createStyled(system);
 
 //#endregion
 export { createGlobalStyle$1 as createGlobalStyle, css$1 as css, styled as default, styled, v };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=styled.js.map

package/dist/core/theme.js

@@ -60,5 +60,5 @@ function useTheme$1() {
 
 //#endregion
 export { extendTheme, omitThemingProps, th$1 as th, useStyleConfig, useTh, useTheme$1 as useTheme };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/core/vui.js

@@ -13,5 +13,5 @@ function vui(component, config) {
 
 //#endregion
 export { vui as default, vui };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=vui.js.map

package/dist/core/vuiProvider/animations.js

@@ -84,5 +84,5 @@ const spin = `
 
 //#endregion
 export { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=animations.js.map

package/dist/core/vuiProvider/consts.js

@@ -684,5 +684,5 @@ ${vuiTypographyTokens}
 
 //#endregion
 export { noScrollClass, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiTypographyTokens, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=consts.js.map

package/dist/core/vuiProvider/context.js

@@ -5,5 +5,5 @@ const [VuiContextProvider, useVuiContext] = createContext({ isOptional: true });
 
 //#endregion
 export { VuiContextProvider, useVuiContext };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=context.js.map

package/dist/core/vuiProvider/fontFaces.js

@@ -162,5 +162,5 @@ var fontFaces_default = `
 
 //#endregion
 export { fontFaces_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=fontFaces.js.map

package/dist/core/vuiProvider/globalStyle.js

@@ -132,5 +132,5 @@ function generateCSSVariables() {
 
 //#endregion
 export { globalStyle_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=globalStyle.js.map

package/dist/core/vuiProvider/notifyOffline.js

@@ -20,5 +20,5 @@ var notifyOffline_default = memo(NotifyOffline);
 
 //#endregion
 export { notifyOffline_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=notifyOffline.js.map

package/dist/core/vuiProvider/reducers.js

@@ -12,5 +12,5 @@ const genericReducer = (state, action) => state = action;
 
 //#endregion
 export { genericReducer, toastsReducer };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=reducers.js.map

package/dist/core/vuiProvider/resetCSS.js

@@ -177,5 +177,5 @@ var resetCSS_default = createGlobalStyle`
 
 //#endregion
 export { resetCSS_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=resetCSS.js.map

package/dist/core/vuiProvider/useBodyScrollLock.js

@@ -20,5 +20,5 @@ const useBodyScrollLock = () => {
 
 //#endregion
 export { useBodyScrollLock };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=useBodyScrollLock.js.map

package/dist/core/vuiProvider/useOfflineMode.js

@@ -18,5 +18,5 @@ const useOfflineMode = () => {
 
 //#endregion
 export { useOfflineMode };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=useOfflineMode.js.map

package/dist/core/vuiProvider/vuiProvider.js

@@ -45,5 +45,5 @@ const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = de
 
 //#endregion
 export { VuiProvider as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=vuiProvider.js.map

package/dist/datePicker/dateInput.js

@@ -83,5 +83,5 @@ const DateInput = ({ initialDate, onChange, onValidate, setValidateStatus, autoF
 
 //#endregion
 export { DateInput };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=dateInput.js.map

package/dist/datePicker/datePicker.js

@@ -162,9 +162,9 @@ const DatePicker = vui((props, ref) => {
 	});
 });
 DatePicker.TriggerButton = DatePickerTriggerButton;
-DatePicker.displayName = "Date Picker";
+DatePicker.displayName = "DatePicker";
 
 //#endregion
 export { DatePicker, DatePicker as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=datePicker.js.map

package/dist/datePicker/datePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePicker.js","names":[],"sources":["../../src/datePicker/datePicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { DateRange } from '../calendar'\nimport type { VuiComponent } from '../core'\nimport type { DatePickerProps } from './datePicker.types'\n\nimport Box from '../box'\nimport Button, { LineButton } from '../button'\nimport Calendar, { maxDateTimestamp, minDateTimestamp } from '../calendar'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport Popover from '../popover'\nimport { cs } from '../utils'\nimport { DateInput } from './dateInput'\nimport { DatePickerTriggerButton } from './datePickerTriggerButton'\n\n/** Select or input a date. */\nexport const DatePicker = vui<'span', DatePickerProps>((props, ref) => {\n  const {\n    autoOpened,\n    boundaries,\n    popupPosition,\n    placement,\n    selectedDate: selectedDateProps,\n    showClearButton,\n    showDateInput = true,\n    slotBottom,\n    slotTop,\n    onSelected,\n    children,\n    className,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('DatePicker', props)\n\n  const [selectedDate, setSelectedDate] = useState<Date | undefined>(selectedDateProps)\n  const [isOpen, setIsOpen] = useState(!selectedDateProps && !!autoOpened)\n  const [isInvalidInputDate, setIsInvalidInputDate] = useState(showDateInput)\n  const [isInvalidSelectedDate, setIsInvalidSelectedDate] = useState(!selectedDate)\n  const [isClearButtonVisible, setIsClearButtonVisible] = useState(!!(showClearButton && selectedDateProps))\n  const initialDateRef = useRef<Date | undefined>(selectedDateProps)\n\n  const isStartDateInRange = (date: Date) =>\n    !!boundaries?.startDate && !!date ? date.getTime() - boundaries.startDate.getTime() >= 0 : true\n\n  const isEndDateInRange = (date: Date) =>\n    !!boundaries?.endDate && !!date ? date.getTime() - boundaries.endDate.getTime() <= 0 : true\n\n  const isValidDateRange = (date: Date) => {\n    const minDateTime = new Date(minDateTimestamp)\n    const maxDateTime = new Date(maxDateTimestamp)\n    return date >= minDateTime && date <= maxDateTime\n  }\n\n  useEffect(() => {\n    if (!isOpen) {\n      setSelectedDate(selectedDateProps)\n      setIsClearButtonVisible(!!(showClearButton && selectedDateProps))\n      initialDateRef.current = selectedDateProps\n    }\n  }, [isOpen, selectedDateProps, showClearButton])\n\n  useEffect(() => {\n    setIsInvalidSelectedDate(\n      (selectedDate && !isStartDateInRange(selectedDate)) ||\n        (selectedDate && !isEndDateInRange(selectedDate)) ||\n        (selectedDate && !isValidDateRange(selectedDate)) ||\n        !selectedDate,\n    )\n  }, [selectedDate])\n\n  const onApplyDates = useCallback(\n    (date?: Date, close?: () => void) => {\n      onSelected?.(date)\n      initialDateRef.current = date\n      setIsClearButtonVisible(!!(showClearButton && date))\n      close?.()\n    },\n    [onSelected, showClearButton],\n  )\n\n  const onClear = useCallback(\n    (close?: () => void) => {\n      setSelectedDate(undefined)\n      onSelected?.(undefined)\n      close?.()\n    },\n    [onSelected],\n  )\n\n  const handlePopoverOpen = useCallback(() => setIsOpen(true), [])\n  const handlePopoverClose = useCallback(() => setIsOpen(false), [])\n\n  const selectDate = (range: DateRange) => setSelectedDate(range?.startDate)\n\n  const onDateInputValidate = useCallback(\n    (date?: Date): string => {\n      const minDateTime = new Date(minDateTimestamp)\n      const maxDateTime = new Date(maxDateTimestamp)\n\n      if (date) {\n        const conditions: [boolean, string][] = [\n          [isNaN(date.getTime()), 'Supported format is YYYY-MM-DD'],\n          [date < minDateTime, 'Invalid date, the minimum date time is 1753-01-02'],\n          [date > maxDateTime, 'Invalid date, the maximum date time is 9000-12-31'],\n          [!!boundaries?.startDate && date.getTime() - boundaries.startDate.getTime() < 0, 'Invalid date'],\n          [!!boundaries?.endDate && date.getTime() - boundaries.endDate.getTime() > 0, 'Invalid date'],\n        ]\n        const [validateErrorPair] = conditions.filter(([result]) => result)\n\n        if (validateErrorPair) {\n          const [_, message] = validateErrorPair\n          setIsInvalidInputDate(true)\n          return message\n        }\n      }\n      return ''\n    },\n    [boundaries],\n  )\n\n  const onDateInputChange = useCallback((date?: Date) => setSelectedDate(date), [])\n  const onDateInputValidateStatus = useCallback((inValid: boolean) => setIsInvalidInputDate(!inValid), [])\n\n  return (\n    <Box className={cs('vui-datePicker', className)} position=\"relative\" ref={ref} {...styles} {...rest}>\n      <Popover\n        defaultIsOpen={!selectedDateProps && autoOpened}\n        onClose={handlePopoverClose}\n        onOpen={handlePopoverOpen}\n        placement={placement ? placement : popupPosition === 'right' ? 'bottom-end' : undefined}\n      >\n        {({ close }) => (\n          <>\n            <Popover.Trigger as={Box}>{children}</Popover.Trigger>\n            <Popover.Content column>\n              {!!slotTop && <Box px={2}>{slotTop}</Box>}\n              {showDateInput && (\n                <Box display=\"block\" mt={2} mx={2}>\n                  <DateInput\n                    autoFocus\n                    initialDate={selectedDate}\n                    onChange={onDateInputChange}\n                    onValidate={onDateInputValidate}\n                    setValidateStatus={onDateInputValidateStatus}\n                  />\n                </Box>\n              )}\n              <Box mx={2} my={1}>\n                <Calendar\n                  boundaries={boundaries ?? { startDate: undefined, endDate: undefined }}\n                  fixedNumberOfWeeks\n                  fontWeight={500}\n                  minH={200}\n                  mode=\"exact\"\n                  onSelectDates={range => selectDate(range)}\n                  selectedDates={{ startDate: selectedDate, endDate: undefined }}\n                  w=\"100%\"\n                />\n              </Box>\n              <Box alignItems=\"center\" flex={1} ml=\"auto\" pb={2} px={2}>\n                {isClearButtonVisible && (\n                  <LineButton flex={1} onClick={() => onClear(close)} size=\"md\">\n                    Clear\n                  </LineButton>\n                )}\n                <Button\n                  disabled={isInvalidSelectedDate || isInvalidInputDate}\n                  flex={1}\n                  ml={isClearButtonVisible ? 1 : 0}\n                  onClick={() => onApplyDates(selectedDate, close)}\n                  size=\"md\"\n                >\n                  Apply\n                </Button>\n              </Box>\n              {!!slotBottom && <Box px={2}>{slotBottom}</Box>}\n            </Popover.Content>\n          </>\n        )}\n      </Popover>\n    </Box>\n  )\n}) as VuiComponent<'span', DatePickerProps> & {\n  TriggerButton: typeof DatePickerTriggerButton\n}\n\nDatePicker.TriggerButton = DatePickerTriggerButton\nDatePicker.displayName = 'Date Picker'\n\nexport default DatePicker\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAa,aAAa,KAA8B,OAAO,QAAQ;CACrE,MAAM,EACJ,YACA,YACA,eACA,WACA,cAAc,mBACd,iBACA,gBAAgB,MAChB,YACA,SACA,YACA,UACA,WACA,GAAG,SACD,iBAAiB,KAAK;CAC1B,MAAM,SAAS,eAAe,cAAc,KAAK;CAEjD,MAAM,CAAC,cAAc,mBAAmB,SAA2B,iBAAiB;CACpF,MAAM,CAAC,QAAQ,aAAa,SAAS,CAAC,qBAAqB,CAAC,CAAC,UAAU;CACvE,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,aAAa;CAC1E,MAAM,CAAC,uBAAuB,4BAA4B,SAAS,CAAC,YAAY;CAChF,MAAM,CAAC,sBAAsB,2BAA2B,SAAS,CAAC,EAAE,mBAAmB,kBAAkB;CACzG,MAAM,iBAAiB,OAAyB,iBAAiB;CAEjE,MAAM,sBAAsB,SAC1B,CAAC,CAAC,YAAY,aAAa,CAAC,CAAC,OAAO,KAAK,QAAQ,IAAI,WAAW,UAAU,QAAQ,KAAK,IAAI;CAE7F,MAAM,oBAAoB,SACxB,CAAC,CAAC,YAAY,WAAW,CAAC,CAAC,OAAO,KAAK,QAAQ,IAAI,WAAW,QAAQ,QAAQ,KAAK,IAAI;CAEzF,MAAM,oBAAoB,SAAe;EACvC,MAAM,cAAc,IAAI,KAAK,gBAAgB;EAC7C,MAAM,cAAc,IAAI,KAAK,gBAAgB;EAC7C,OAAO,QAAQ,eAAe,QAAQ;CACxC;CAEA,gBAAgB;EACd,IAAI,CAAC,QAAQ;GACX,gBAAgB,iBAAiB;GACjC,wBAAwB,CAAC,EAAE,mBAAmB,kBAAkB;GAChE,eAAe,UAAU;EAC3B;CACF,GAAG;EAAC;EAAQ;EAAmB;CAAe,CAAC;CAE/C,gBAAgB;EACd,yBACG,gBAAgB,CAAC,mBAAmB,YAAY,KAC9C,gBAAgB,CAAC,iBAAiB,YAAY,KAC9C,gBAAgB,CAAC,iBAAiB,YAAY,KAC/C,CAAC,YACL;CACF,GAAG,CAAC,YAAY,CAAC;CAEjB,MAAM,eAAe,aAClB,MAAa,UAAuB;EACnC,aAAa,IAAI;EACjB,eAAe,UAAU;EACzB,wBAAwB,CAAC,EAAE,mBAAmB,KAAK;EACnD,QAAQ;CACV,GACA,CAAC,YAAY,eAAe,CAC9B;CAEA,MAAM,UAAU,aACb,UAAuB;EACtB,gBAAgB,MAAS;EACzB,aAAa,MAAS;EACtB,QAAQ;CACV,GACA,CAAC,UAAU,CACb;CAEA,MAAM,oBAAoB,kBAAkB,UAAU,IAAI,GAAG,CAAC,CAAC;CAC/D,MAAM,qBAAqB,kBAAkB,UAAU,KAAK,GAAG,CAAC,CAAC;CAEjE,MAAM,cAAc,UAAqB,gBAAgB,OAAO,SAAS;CAEzE,MAAM,sBAAsB,aACzB,SAAwB;EACvB,MAAM,cAAc,IAAI,KAAK,gBAAgB;EAC7C,MAAM,cAAc,IAAI,KAAK,gBAAgB;EAE7C,IAAI,MAAM;GAQR,MAAM,CAAC,qBAAqB;IAN1B,CAAC,MAAM,KAAK,QAAQ,CAAC,GAAG,gCAAgC;IACxD,CAAC,OAAO,aAAa,mDAAmD;IACxE,CAAC,OAAO,aAAa,mDAAmD;IACxE,CAAC,CAAC,CAAC,YAAY,aAAa,KAAK,QAAQ,IAAI,WAAW,UAAU,QAAQ,IAAI,GAAG,cAAc;IAC/F,CAAC,CAAC,CAAC,YAAY,WAAW,KAAK,QAAQ,IAAI,WAAW,QAAQ,QAAQ,IAAI,GAAG,cAAc;GAExD,CAAC,CAAC,QAAQ,CAAC,YAAY,MAAM;GAElE,IAAI,mBAAmB;IACrB,MAAM,CAAC,GAAG,WAAW;IACrB,sBAAsB,IAAI;IAC1B,OAAO;GACT;EACF;EACA,OAAO;CACT,GACA,CAAC,UAAU,CACb;CAEA,MAAM,oBAAoB,aAAa,SAAgB,gBAAgB,IAAI,GAAG,CAAC,CAAC;CAChF,MAAM,4BAA4B,aAAa,YAAqB,sBAAsB,CAAC,OAAO,GAAG,CAAC,CAAC;CAEvG,OACE,oBAAC,KAAD;EAAK,WAAW,GAAG,kBAAkB,SAAS;EAAG,UAAS;EAAgB;EAAK,GAAI;EAAQ,GAAI;YAC7F,oBAAC,SAAD;GACE,eAAe,CAAC,qBAAqB;GACrC,SAAS;GACT,QAAQ;GACR,WAAW,YAAY,YAAY,kBAAkB,UAAU,eAAe;cAE5E,EAAE,YACF,8CACE,oBAAC,QAAQ,SAAT;IAAiB,IAAI;IAAM;GAA0B,IACrD,qBAAC,QAAQ,SAAT;IAAiB;cAAjB;KACG,CAAC,CAAC,WAAW,oBAAC,KAAD;MAAK,IAAI;gBAAI;KAAa;KACvC,iBACC,oBAAC,KAAD;MAAK,SAAQ;MAAQ,IAAI;MAAG,IAAI;gBAC9B,oBAAC,WAAD;OACE;OACA,aAAa;OACb,UAAU;OACV,YAAY;OACZ,mBAAmB;MACpB;KACE;KAEP,oBAAC,KAAD;MAAK,IAAI;MAAG,IAAI;gBACd,oBAAC,UAAD;OACE,YAAY,cAAc;QAAE,WAAW;QAAW,SAAS;OAAU;OACrE;OACA,YAAY;OACZ,MAAM;OACN,MAAK;OACL,gBAAe,UAAS,WAAW,KAAK;OACxC,eAAe;QAAE,WAAW;QAAc,SAAS;OAAU;OAC7D,GAAE;MACH;KACE;KACL,qBAAC,KAAD;MAAK,YAAW;MAAS,MAAM;MAAG,IAAG;MAAO,IAAI;MAAG,IAAI;gBAAvD,CACG,wBACC,oBAAC,YAAD;OAAY,MAAM;OAAG,eAAe,QAAQ,KAAK;OAAG,MAAK;iBAAK;MAElD,IAEd,oBAAC,QAAD;OACE,UAAU,yBAAyB;OACnC,MAAM;OACN,IAAI,uBAAuB,IAAI;OAC/B,eAAe,aAAa,cAAc,KAAK;OAC/C,MAAK;iBACN;MAEO,EACL;;KACJ,CAAC,CAAC,cAAc,oBAAC,KAAD;MAAK,IAAI;gBAAI;KAAgB;IAC/B;KACjB;EAEG;CACN;AAET,CAAC;AAID,WAAW,gBAAgB;AAC3B,WAAW,cAAc"}
+{"version":3,"file":"datePicker.js","names":[],"sources":["../../src/datePicker/datePicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { DateRange } from '../calendar'\nimport type { VuiComponent } from '../core'\nimport type { DatePickerProps } from './datePicker.types'\n\nimport Box from '../box'\nimport Button, { LineButton } from '../button'\nimport Calendar, { maxDateTimestamp, minDateTimestamp } from '../calendar'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport Popover from '../popover'\nimport { cs } from '../utils'\nimport { DateInput } from './dateInput'\nimport { DatePickerTriggerButton } from './datePickerTriggerButton'\n\n/** Select or input a date. */\nexport const DatePicker = vui<'span', DatePickerProps>((props, ref) => {\n  const {\n    autoOpened,\n    boundaries,\n    popupPosition,\n    placement,\n    selectedDate: selectedDateProps,\n    showClearButton,\n    showDateInput = true,\n    slotBottom,\n    slotTop,\n    onSelected,\n    children,\n    className,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('DatePicker', props)\n\n  const [selectedDate, setSelectedDate] = useState<Date | undefined>(selectedDateProps)\n  const [isOpen, setIsOpen] = useState(!selectedDateProps && !!autoOpened)\n  const [isInvalidInputDate, setIsInvalidInputDate] = useState(showDateInput)\n  const [isInvalidSelectedDate, setIsInvalidSelectedDate] = useState(!selectedDate)\n  const [isClearButtonVisible, setIsClearButtonVisible] = useState(!!(showClearButton && selectedDateProps))\n  const initialDateRef = useRef<Date | undefined>(selectedDateProps)\n\n  const isStartDateInRange = (date: Date) =>\n    !!boundaries?.startDate && !!date ? date.getTime() - boundaries.startDate.getTime() >= 0 : true\n\n  const isEndDateInRange = (date: Date) =>\n    !!boundaries?.endDate && !!date ? date.getTime() - boundaries.endDate.getTime() <= 0 : true\n\n  const isValidDateRange = (date: Date) => {\n    const minDateTime = new Date(minDateTimestamp)\n    const maxDateTime = new Date(maxDateTimestamp)\n    return date >= minDateTime && date <= maxDateTime\n  }\n\n  useEffect(() => {\n    if (!isOpen) {\n      setSelectedDate(selectedDateProps)\n      setIsClearButtonVisible(!!(showClearButton && selectedDateProps))\n      initialDateRef.current = selectedDateProps\n    }\n  }, [isOpen, selectedDateProps, showClearButton])\n\n  useEffect(() => {\n    setIsInvalidSelectedDate(\n      (selectedDate && !isStartDateInRange(selectedDate)) ||\n        (selectedDate && !isEndDateInRange(selectedDate)) ||\n        (selectedDate && !isValidDateRange(selectedDate)) ||\n        !selectedDate,\n    )\n  }, [selectedDate])\n\n  const onApplyDates = useCallback(\n    (date?: Date, close?: () => void) => {\n      onSelected?.(date)\n      initialDateRef.current = date\n      setIsClearButtonVisible(!!(showClearButton && date))\n      close?.()\n    },\n    [onSelected, showClearButton],\n  )\n\n  const onClear = useCallback(\n    (close?: () => void) => {\n      setSelectedDate(undefined)\n      onSelected?.(undefined)\n      close?.()\n    },\n    [onSelected],\n  )\n\n  const handlePopoverOpen = useCallback(() => setIsOpen(true), [])\n  const handlePopoverClose = useCallback(() => setIsOpen(false), [])\n\n  const selectDate = (range: DateRange) => setSelectedDate(range?.startDate)\n\n  const onDateInputValidate = useCallback(\n    (date?: Date): string => {\n      const minDateTime = new Date(minDateTimestamp)\n      const maxDateTime = new Date(maxDateTimestamp)\n\n      if (date) {\n        const conditions: [boolean, string][] = [\n          [isNaN(date.getTime()), 'Supported format is YYYY-MM-DD'],\n          [date < minDateTime, 'Invalid date, the minimum date time is 1753-01-02'],\n          [date > maxDateTime, 'Invalid date, the maximum date time is 9000-12-31'],\n          [!!boundaries?.startDate && date.getTime() - boundaries.startDate.getTime() < 0, 'Invalid date'],\n          [!!boundaries?.endDate && date.getTime() - boundaries.endDate.getTime() > 0, 'Invalid date'],\n        ]\n        const [validateErrorPair] = conditions.filter(([result]) => result)\n\n        if (validateErrorPair) {\n          const [_, message] = validateErrorPair\n          setIsInvalidInputDate(true)\n          return message\n        }\n      }\n      return ''\n    },\n    [boundaries],\n  )\n\n  const onDateInputChange = useCallback((date?: Date) => setSelectedDate(date), [])\n  const onDateInputValidateStatus = useCallback((inValid: boolean) => setIsInvalidInputDate(!inValid), [])\n\n  return (\n    <Box className={cs('vui-datePicker', className)} position=\"relative\" ref={ref} {...styles} {...rest}>\n      <Popover\n        defaultIsOpen={!selectedDateProps && autoOpened}\n        onClose={handlePopoverClose}\n        onOpen={handlePopoverOpen}\n        placement={placement ? placement : popupPosition === 'right' ? 'bottom-end' : undefined}\n      >\n        {({ close }) => (\n          <>\n            <Popover.Trigger as={Box}>{children}</Popover.Trigger>\n            <Popover.Content column>\n              {!!slotTop && <Box px={2}>{slotTop}</Box>}\n              {showDateInput && (\n                <Box display=\"block\" mt={2} mx={2}>\n                  <DateInput\n                    autoFocus\n                    initialDate={selectedDate}\n                    onChange={onDateInputChange}\n                    onValidate={onDateInputValidate}\n                    setValidateStatus={onDateInputValidateStatus}\n                  />\n                </Box>\n              )}\n              <Box mx={2} my={1}>\n                <Calendar\n                  boundaries={boundaries ?? { startDate: undefined, endDate: undefined }}\n                  fixedNumberOfWeeks\n                  fontWeight={500}\n                  minH={200}\n                  mode=\"exact\"\n                  onSelectDates={range => selectDate(range)}\n                  selectedDates={{ startDate: selectedDate, endDate: undefined }}\n                  w=\"100%\"\n                />\n              </Box>\n              <Box alignItems=\"center\" flex={1} ml=\"auto\" pb={2} px={2}>\n                {isClearButtonVisible && (\n                  <LineButton flex={1} onClick={() => onClear(close)} size=\"md\">\n                    Clear\n                  </LineButton>\n                )}\n                <Button\n                  disabled={isInvalidSelectedDate || isInvalidInputDate}\n                  flex={1}\n                  ml={isClearButtonVisible ? 1 : 0}\n                  onClick={() => onApplyDates(selectedDate, close)}\n                  size=\"md\"\n                >\n                  Apply\n                </Button>\n              </Box>\n              {!!slotBottom && <Box px={2}>{slotBottom}</Box>}\n            </Popover.Content>\n          </>\n        )}\n      </Popover>\n    </Box>\n  )\n}) as VuiComponent<'span', DatePickerProps> & {\n  TriggerButton: typeof DatePickerTriggerButton\n}\n\nDatePicker.TriggerButton = DatePickerTriggerButton\nDatePicker.displayName = 'DatePicker'\n\nexport default DatePicker\n"],"mappings":"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"}

package/dist/datePicker/datePickerTriggerButton.js

@@ -17,5 +17,5 @@ DatePickerTriggerButton.displayName = "DatePickerTriggerButton";
 
 //#endregion
 export { DatePickerTriggerButton, DatePickerTriggerButton as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=datePickerTriggerButton.js.map

package/dist/datePicker/theme.js

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

package/dist/definition/definition.js

@@ -90,5 +90,5 @@ Definition.displayName = "Definition";
 
 //#endregion
 export { Definition, Definition as default, DefinitionHorizontalBase, DefinitionVerticalBase };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=definition.js.map

package/dist/definition/definitionContent.js

@@ -83,5 +83,5 @@ DefinitionContent.displayName = "DefinitionContent";
 
 //#endregion
 export { DefinitionContent, DefinitionContent as default, DefinitionItemKey, DefinitionItemValue };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=definitionContent.js.map

package/dist/definition/theme.js

@@ -67,5 +67,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/dialog/consts.js

@@ -33,5 +33,5 @@ const modalClass = "vui-modal";
 
 //#endregion
 export { containerId, dialogStatusMapping, modalAnimation, modalClass, modalJustifyContent };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=consts.js.map

package/dist/dialog/context.js

@@ -5,5 +5,5 @@ const [DialogProvider, useDialogContext] = createContext({ isOptional: true });
 
 //#endregion
 export { DialogProvider, useDialogContext };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=context.js.map

package/dist/dialog/dialog.js

@@ -129,5 +129,5 @@ Dialog.displayName = "Dialog";
 
 //#endregion
 export { Dialog, Dialog as default, DialogBase };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=dialog.js.map

package/dist/dialog/dialogBody.js

@@ -51,5 +51,5 @@ DialogBody.displayName = "DialogBody";
 
 //#endregion
 export { DialogBody, DialogBody as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=dialogBody.js.map

package/dist/dialog/dialogCancelButton.js

@@ -23,5 +23,5 @@ DialogCancelButton.displayName = "DialogCancelButton";
 
 //#endregion
 export { DialogCancelButton, DialogCancelButton as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=dialogCancelButton.js.map

package/dist/dialog/dialogCloseButton.js

@@ -32,5 +32,5 @@ DialogCloseButton.displayName = "DialogCloseButton";
 
 //#endregion
 export { DialogCloseButton, DialogCloseButton as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=dialogCloseButton.js.map

package/dist/dialog/dialogFooter.js

@@ -28,5 +28,5 @@ DialogFooter.displayName = "DialogFooter";
 
 //#endregion
 export { DialogFooter, DialogFooter as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=dialogFooter.js.map

package/dist/dialog/dialogHeader.js

@@ -41,5 +41,5 @@ DialogHeader.displayName = "DialogHeader";
 
 //#endregion
 export { DialogHeader, DialogHeader as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=dialogHeader.js.map

package/dist/dialog/dialogIcon.js

@@ -26,5 +26,5 @@ DialogIcon.displayName = "DialogIcon";
 
 //#endregion
 export { DialogIcon, DialogIcon as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=dialogIcon.js.map

package/dist/dialog/dialogSubmitButton.js

@@ -23,5 +23,5 @@ DialogSubmitButton.displayName = "DialogSubmitButton";
 
 //#endregion
 export { DialogSubmitButton, DialogSubmitButton as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=dialogSubmitButton.js.map

package/dist/dialog/dialogTitle.js

@@ -23,5 +23,5 @@ DialogTitle.displayName = "DialogTitle";
 
 //#endregion
 export { DialogTitle, DialogTitle as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=dialogTitle.js.map

package/dist/dialog/theme.js

@@ -28,5 +28,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/dialog/useDialog.js

@@ -65,5 +65,5 @@ const useDialog = () => {
 
 //#endregion
 export { useDialog };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=useDialog.js.map

package/dist/dismissButton/DismissButton.js

@@ -66,5 +66,5 @@ DismissButton.displayName = "DismissButton";
 
 //#endregion
 export { DismissButton };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=DismissButton.js.map

package/dist/dismissButton/theme.js

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

package/dist/display/display.js

@@ -21,5 +21,5 @@ Display.displayName = "Display";
 
 //#endregion
 export { Display, Display as default, DisplayBase };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=display.js.map

package/dist/display/theme.js

@@ -25,5 +25,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/divider/divider.js

@@ -29,5 +29,5 @@ Divider.displayName = "Divider";
 
 //#endregion
 export { Divider, Divider as default, DividerBase };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=divider.js.map

package/dist/divider/theme.js

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

package/dist/dragAndDrop/dragAndDrop.js

@@ -102,9 +102,9 @@ const DragAndDrop = vui((props, ref) => {
 		})]
 	});
 });
-DragAndDrop.displayName = "Drag And Drop";
+DragAndDrop.displayName = "DragAndDrop";
 
 //#endregion
 export { DragAndDrop, DragAndDrop as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=dragAndDrop.js.map

package/dist/dragAndDrop/dragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragAndDrop.js","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.tsx"],"sourcesContent":["import type { ChangeEvent, DragEvent } from 'react'\n\nimport { useRef } from 'react'\n\nimport type { IconProp } from '../icon'\nimport type { DragAndDropProps } from './dragAndDrop.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs } from '../utils'\n\nconst defaultIcon: IconProp = 'falCloudUpload'\n\nconst defaultText = 'Click or drag files to this area'\n\nconst inputType = 'file'\n\nconst DragAndDropBase = styled.labelBox`\n  display: flex;\n  min-width: 0;\n  transition-duration: normal;\n  justify-content: center;\n`\n\n/** Prepares uploading files by selecting or dragging. */\nexport const DragAndDrop = vui<'label', DragAndDropProps>((props, ref) => {\n  const {\n    accept,\n    className,\n    icon = defaultIcon,\n    selectFolderOnClick,\n    selectFolderOnDrop,\n    onFilesAdded,\n    multiple = true,\n    text = defaultText,\n    children,\n    disabled,\n    ...rest\n  } = omitThemingProps(props)\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const styles = useStyleConfig('DragAndDrop', props)\n\n  const processFiles = (files: FileList): File[] => Array.from(files).map(file => file)\n\n  const handleFileInput = (e: ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault()\n    if (disabled) return undefined\n    const files = processFiles(e?.currentTarget?.files as FileList)\n    if (files?.length) {\n      onFilesAdded?.(files)\n      // Reseting the input type to allow selecting the same file(s)\n      e.currentTarget.type = ''\n      e.currentTarget.type = inputType\n    }\n  }\n\n  const getFilesWebkitDataTransferItems = (dataTransferItems: DataTransferItemList): Promise<File[]> => {\n    const traverseFileTreePromise = (item: FileSystemEntry, path: string = ''): Promise<File[]> =>\n      new Promise(resolve => {\n        if (item.isFile) {\n          const fileEntry = item as FileSystemFileEntry\n          fileEntry.file(file => {\n            ;(file as any).filepath = path + file.name // Save full path with type casting\n            files.push(file)\n            resolve([file])\n          })\n        } else if (item.isDirectory) {\n          const dirEntry = item as FileSystemDirectoryEntry\n          const dirReader = dirEntry.createReader()\n          dirReader.readEntries(entries => {\n            const entriesPromises: Promise<File[]>[] = entries.map(entry =>\n              traverseFileTreePromise(entry, path + dirEntry.name + '/'),\n            )\n            resolve(Promise.all(entriesPromises).then(entries => [].concat(...(entries as any[]))))\n          })\n        }\n      })\n\n    const files: File[] = []\n    return new Promise((resolve, reject) => {\n      const entriesPromises: Promise<File[]>[] = []\n      for (let i = 0; i < dataTransferItems.length; i++) {\n        const item = dataTransferItems[i].webkitGetAsEntry()\n        if (item) entriesPromises.push(traverseFileTreePromise(item))\n      }\n      Promise.all(entriesPromises)\n        .then(() => resolve(files))\n        .catch(reject)\n    })\n  }\n\n  const handleDrop = (e: DragEvent<HTMLElement>) => {\n    e.preventDefault()\n    if (disabled) return undefined\n\n    if (selectFolderOnDrop) {\n      const items = e.dataTransfer.items\n      getFilesWebkitDataTransferItems(items).then(files => files?.length && onFilesAdded?.(files))\n      return undefined\n    }\n\n    const files = e.dataTransfer?.files ? processFiles(e.dataTransfer.files) : []\n    if (files?.length) onFilesAdded?.(files)\n  }\n\n  return (\n    <DragAndDropBase\n      className={cs('vui-drag-and-drop', className)}\n      cursor={disabled ? 'not-allowed' : 'pointer'}\n      onDragEnter={e => e.preventDefault()}\n      onDragOver={e => e.preventDefault()}\n      onDrop={e => handleDrop(e)}\n      opacity={disabled ? 0.5 : 1}\n      p={5}\n      pointerEvents={disabled ? 'none' : 'auto'}\n      ref={ref}\n      {...styles}\n      {...rest}\n    >\n      {children || (\n        <T display=\"flex\">\n          <Icon mr={1} name={icon} />\n          {text}\n        </T>\n      )}\n      <input\n        accept={accept}\n        className=\"vui-drag-and-drop-hidden-input\"\n        multiple={multiple}\n        onChange={handleFileInput}\n        ref={fileInputRef}\n        style={{ display: 'none' }}\n        type={inputType}\n        {...(selectFolderOnClick && { webkitdirectory: 'true', directory: 'true' })}\n      />\n    </DragAndDropBase>\n  )\n})\n\nDragAndDrop.displayName = 'Drag And Drop'\nexport default DragAndDrop\n"],"mappings":"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"}
+{"version":3,"file":"dragAndDrop.js","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.tsx"],"sourcesContent":["import type { ChangeEvent, DragEvent } from 'react'\n\nimport { useRef } from 'react'\n\nimport type { IconProp } from '../icon'\nimport type { DragAndDropProps } from './dragAndDrop.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs } from '../utils'\n\nconst defaultIcon: IconProp = 'falCloudUpload'\n\nconst defaultText = 'Click or drag files to this area'\n\nconst inputType = 'file'\n\nconst DragAndDropBase = styled.labelBox`\n  display: flex;\n  min-width: 0;\n  transition-duration: normal;\n  justify-content: center;\n`\n\n/** Prepares uploading files by selecting or dragging. */\nexport const DragAndDrop = vui<'label', DragAndDropProps>((props, ref) => {\n  const {\n    accept,\n    className,\n    icon = defaultIcon,\n    selectFolderOnClick,\n    selectFolderOnDrop,\n    onFilesAdded,\n    multiple = true,\n    text = defaultText,\n    children,\n    disabled,\n    ...rest\n  } = omitThemingProps(props)\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const styles = useStyleConfig('DragAndDrop', props)\n\n  const processFiles = (files: FileList): File[] => Array.from(files).map(file => file)\n\n  const handleFileInput = (e: ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault()\n    if (disabled) return undefined\n    const files = processFiles(e?.currentTarget?.files as FileList)\n    if (files?.length) {\n      onFilesAdded?.(files)\n      // Reseting the input type to allow selecting the same file(s)\n      e.currentTarget.type = ''\n      e.currentTarget.type = inputType\n    }\n  }\n\n  const getFilesWebkitDataTransferItems = (dataTransferItems: DataTransferItemList): Promise<File[]> => {\n    const traverseFileTreePromise = (item: FileSystemEntry, path: string = ''): Promise<File[]> =>\n      new Promise(resolve => {\n        if (item.isFile) {\n          const fileEntry = item as FileSystemFileEntry\n          fileEntry.file(file => {\n            ;(file as any).filepath = path + file.name // Save full path with type casting\n            files.push(file)\n            resolve([file])\n          })\n        } else if (item.isDirectory) {\n          const dirEntry = item as FileSystemDirectoryEntry\n          const dirReader = dirEntry.createReader()\n          dirReader.readEntries(entries => {\n            const entriesPromises: Promise<File[]>[] = entries.map(entry =>\n              traverseFileTreePromise(entry, path + dirEntry.name + '/'),\n            )\n            resolve(Promise.all(entriesPromises).then(entries => [].concat(...(entries as any[]))))\n          })\n        }\n      })\n\n    const files: File[] = []\n    return new Promise((resolve, reject) => {\n      const entriesPromises: Promise<File[]>[] = []\n      for (let i = 0; i < dataTransferItems.length; i++) {\n        const item = dataTransferItems[i].webkitGetAsEntry()\n        if (item) entriesPromises.push(traverseFileTreePromise(item))\n      }\n      Promise.all(entriesPromises)\n        .then(() => resolve(files))\n        .catch(reject)\n    })\n  }\n\n  const handleDrop = (e: DragEvent<HTMLElement>) => {\n    e.preventDefault()\n    if (disabled) return undefined\n\n    if (selectFolderOnDrop) {\n      const items = e.dataTransfer.items\n      getFilesWebkitDataTransferItems(items).then(files => files?.length && onFilesAdded?.(files))\n      return undefined\n    }\n\n    const files = e.dataTransfer?.files ? processFiles(e.dataTransfer.files) : []\n    if (files?.length) onFilesAdded?.(files)\n  }\n\n  return (\n    <DragAndDropBase\n      className={cs('vui-drag-and-drop', className)}\n      cursor={disabled ? 'not-allowed' : 'pointer'}\n      onDragEnter={e => e.preventDefault()}\n      onDragOver={e => e.preventDefault()}\n      onDrop={e => handleDrop(e)}\n      opacity={disabled ? 0.5 : 1}\n      p={5}\n      pointerEvents={disabled ? 'none' : 'auto'}\n      ref={ref}\n      {...styles}\n      {...rest}\n    >\n      {children || (\n        <T display=\"flex\">\n          <Icon mr={1} name={icon} />\n          {text}\n        </T>\n      )}\n      <input\n        accept={accept}\n        className=\"vui-drag-and-drop-hidden-input\"\n        multiple={multiple}\n        onChange={handleFileInput}\n        ref={fileInputRef}\n        style={{ display: 'none' }}\n        type={inputType}\n        {...(selectFolderOnClick && { webkitdirectory: 'true', directory: 'true' })}\n      />\n    </DragAndDropBase>\n  )\n})\n\nDragAndDrop.displayName = 'DragAndDrop'\nexport default DragAndDrop\n"],"mappings":"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"}

package/dist/dragAndDrop/theme.js

@@ -30,5 +30,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=theme.js.map

package/dist/drawer/drawer.js

@@ -32,5 +32,5 @@ Drawer.displayName = "Drawer";
 
 //#endregion
 export { Drawer, Drawer as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=drawer.js.map

package/dist/drawer/theme.js

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

package/dist/focusLock/focusLock.js

@@ -27,9 +27,9 @@ const FocusLock = (props) => {
 		children
 	});
 };
-FocusLock.displayName = "Focus Lock";
+FocusLock.displayName = "FocusLock";
 
 //#endregion
 export { FocusLock, FocusLock as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=focusLock.js.map

package/dist/focusLock/focusLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusLock.js","names":[],"sources":["../../src/focusLock/focusLock.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport { useCallback } from 'react'\nimport ReactFocusLock from 'react-focus-lock'\n\nimport type { ChildrenProp } from '../core'\nimport type { FocusLockProps } from './focusLock.types'\n\n/**\n * Traps the focus within the provided content.\n *\n * Tabbing using the keyboard will only cycle through the children and won't leave the boundary of the FocusLock wrapper.\n */\n\nexport const FocusLock: FC<FocusLockProps & ChildrenProp> = props => {\n  const {\n    autoFocus,\n    children,\n    crossFrame,\n    finalFocusRef,\n    initialFocusRef,\n    isDisabled,\n    persistentFocus,\n    returnFocus: returnFocusProp,\n  } = props\n\n  const onActivation = useCallback(() => {\n    initialFocusRef?.current?.focus()\n  }, [initialFocusRef])\n\n  const onDeactivation = useCallback(() => {\n    finalFocusRef?.current?.focus()\n  }, [finalFocusRef])\n\n  const returnFocus = returnFocusProp && !finalFocusRef\n\n  return (\n    <ReactFocusLock\n      autoFocus={autoFocus}\n      crossFrame={crossFrame}\n      disabled={isDisabled}\n      onActivation={onActivation}\n      onDeactivation={onDeactivation}\n      persistentFocus={persistentFocus}\n      returnFocus={returnFocus}\n    >\n      {children}\n    </ReactFocusLock>\n  )\n}\n\nFocusLock.displayName = 'Focus Lock'\nexport default FocusLock\n"],"mappings":";;;;;;;;;;AAcA,MAAa,aAA+C,UAAS;CACnE,MAAM,EACJ,WACA,UACA,YACA,eACA,iBACA,YACA,iBACA,aAAa,oBACX;CAEJ,MAAM,eAAe,kBAAkB;EACrC,iBAAiB,SAAS,MAAM;CAClC,GAAG,CAAC,eAAe,CAAC;CAEpB,MAAM,iBAAiB,kBAAkB;EACvC,eAAe,SAAS,MAAM;CAChC,GAAG,CAAC,aAAa,CAAC;CAIlB,OACE,oBAAC,gBAAD;EACa;EACC;EACZ,UAAU;EACI;EACE;EACC;EACjB,aAVgB,mBAAmB,CAAC;EAYnC;CACa;AAEpB;AAEA,UAAU,cAAc"}
+{"version":3,"file":"focusLock.js","names":[],"sources":["../../src/focusLock/focusLock.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport { useCallback } from 'react'\nimport ReactFocusLock from 'react-focus-lock'\n\nimport type { ChildrenProp } from '../core'\nimport type { FocusLockProps } from './focusLock.types'\n\n/**\n * Traps the focus within the provided content.\n *\n * Tabbing using the keyboard will only cycle through the children and won't leave the boundary of the FocusLock wrapper.\n */\n\nexport const FocusLock: FC<FocusLockProps & ChildrenProp> = props => {\n  const {\n    autoFocus,\n    children,\n    crossFrame,\n    finalFocusRef,\n    initialFocusRef,\n    isDisabled,\n    persistentFocus,\n    returnFocus: returnFocusProp,\n  } = props\n\n  const onActivation = useCallback(() => {\n    initialFocusRef?.current?.focus()\n  }, [initialFocusRef])\n\n  const onDeactivation = useCallback(() => {\n    finalFocusRef?.current?.focus()\n  }, [finalFocusRef])\n\n  const returnFocus = returnFocusProp && !finalFocusRef\n\n  return (\n    <ReactFocusLock\n      autoFocus={autoFocus}\n      crossFrame={crossFrame}\n      disabled={isDisabled}\n      onActivation={onActivation}\n      onDeactivation={onDeactivation}\n      persistentFocus={persistentFocus}\n      returnFocus={returnFocus}\n    >\n      {children}\n    </ReactFocusLock>\n  )\n}\n\nFocusLock.displayName = 'FocusLock'\nexport default FocusLock\n"],"mappings":";;;;;;;;;;AAcA,MAAa,aAA+C,UAAS;CACnE,MAAM,EACJ,WACA,UACA,YACA,eACA,iBACA,YACA,iBACA,aAAa,oBACX;CAEJ,MAAM,eAAe,kBAAkB;EACrC,iBAAiB,SAAS,MAAM;CAClC,GAAG,CAAC,eAAe,CAAC;CAEpB,MAAM,iBAAiB,kBAAkB;EACvC,eAAe,SAAS,MAAM;CAChC,GAAG,CAAC,aAAa,CAAC;CAIlB,OACE,oBAAC,gBAAD;EACa;EACC;EACZ,UAAU;EACI;EACE;EACC;EACjB,aAVgB,mBAAmB,CAAC;EAYnC;CACa;AAEpB;AAEA,UAAU,cAAc"}

package/dist/footer/applicationFooter.js

@@ -59,5 +59,5 @@ ApplicationFooter.displayName = "ApplicationFooter";
 
 //#endregion
 export { ApplicationFooter, ApplicationFooter as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=applicationFooter.js.map

package/dist/footer/context.js

@@ -5,5 +5,5 @@ const [FooterProvider, useFooterContext] = createContext({ isOptional: true });
 
 //#endregion
 export { FooterProvider, useFooterContext };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=context.js.map

package/dist/footer/footer.js

@@ -304,5 +304,5 @@ Footer.displayName = "Footer";
 
 //#endregion
 export { Footer, Footer as default, FooterBase };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=footer.js.map

package/dist/footer/footerColumn.js

@@ -44,5 +44,5 @@ FooterColumn.displayName = "FooterColumn";
 
 //#endregion
 export { FooterColumn as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=footerColumn.js.map

package/dist/footer/footerColumns.js

@@ -23,9 +23,9 @@ const FooterColumns = vui((props, ref) => {
 		children: columns.map((sections, index) => /* @__PURE__ */ jsx(FooterColumn, { sections }, index))
 	});
 });
-FooterColumns.displayName = "Footer Mobile Column";
+FooterColumns.displayName = "FooterColumns";
 
 //#endregion
 export { FooterColumns as default };
-globalThis.__vuiVersion__ = "5.4.0-alpha"
+globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=footerColumns.js.map