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

package/dist/datePicker/datePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePicker.js","names":["Box","Calendar","Button"],"sources":["../../src/datePicker/datePicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport Box from '../box'\nimport Button, { LineButton } from '../button'\nimport type { DateRange } from '../calendar'\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 type { DatePickerProps } from './datePicker.types'\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    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<any>(selectedDateProps)\n  const [isOpen, setIsOpen] = useState(!selectedDate && autoOpened)\n  const [isInvalidInputDate, setIsInvalidInputDate] = useState(true)\n  const [isInvalidSelectedDate, setIsInvalidSelectedDate] = useState(!selectedDate)\n  const initialDateRef = useRef<Date | undefined>(selectedDateProps)\n  const isClearButtonVisible = showClearButton && initialDateRef.current\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      initialDateRef.current = selectedDateProps\n    }\n  }, [isOpen, selectedDateProps])\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 = (date?: Date) => {\n    onSelected?.(date)\n    initialDateRef.current = date\n    setIsOpen(false)\n  }\n\n  const onClear = () => {\n    onClose()\n    onSelected?.(undefined)\n  }\n\n  const onClose = () => {\n    setSelectedDate(undefined)\n    setIsOpen(false)\n  }\n\n  const onToggle = () => {\n    if (isOpen) onClose()\n    setIsOpen(!isOpen)\n  }\n\n  const selectDate = (range: DateRange) => setSelectedDate(range?.startDate)\n\n  const onDateInputValidate = (date?: Date) => {\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 && !isStartDateInRange(date), 'Invalid date'],\n        [!!boundaries?.endDate && !isEndDateInRange(date), '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\n  return (\n    <Box className={cs('vui-datePicker', className)} position=\"relative\" ref={ref} {...styles} {...rest}>\n      <Popover\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        placement={placement ? placement : popupPosition === 'right' ? 'bottom-end' : undefined}\n      >\n        <Popover.Trigger as={Box} onClick={onToggle}>\n          {children}\n        </Popover.Trigger>\n        <Popover.Content column>\n          {!!slotTop && <Box px={2}>{slotTop}</Box>}\n          <Box display=\"block\" mb={0} mt={2} mx={2}>\n            <DateInput\n              autoFocus\n              initialDate={selectedDate}\n              onChange={newDate => setSelectedDate(newDate)}\n              onValidate={onDateInputValidate}\n              setValidateStatus={inValid => setIsInvalidInputDate(!inValid)}\n            />\n          </Box>\n          <Box mx={2} my={1}>\n            <Calendar\n              boundaries={boundaries ?? { startDate: undefined, endDate: undefined }}\n              fixedNumberOfWeeks\n              fontWeight={500}\n              minH={310}\n              mode=\"exact\"\n              onSelectDates={range => selectDate(range)}\n              selectedDates={{ startDate: selectedDate, endDate: undefined }}\n              w=\"100%\"\n            />\n          </Box>\n          <Box overflow=\"unset\" pt={0.5}>\n            <Box alignItems=\"center\" flex={1} ml=\"auto\" pb={2} px={2}>\n              {isClearButtonVisible && (\n                <LineButton flex={1} onClick={onClear} 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)}\n                size=\"md\"\n              >\n                Apply\n              </Button>\n            </Box>\n          </Box>\n          {!!slotBottom && <Box px={2}>{slotBottom}</Box>}\n        </Popover.Content>\n      </Popover>\n    </Box>\n  )\n})\n\nDatePicker.displayName = 'DatePicker'\n\nexport default DatePicker\n"],"mappings":"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"}
+{"version":3,"file":"datePicker.js","names":["Box","Calendar","Button"],"sources":["../../src/datePicker/datePicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport Box from '../box'\nimport Button, { LineButton } from '../button'\nimport type { DateRange } from '../calendar'\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 type { DatePickerProps } from './datePicker.types'\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    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<any>(selectedDateProps)\n  const [isOpen, setIsOpen] = useState(!selectedDate && autoOpened)\n  const [isInvalidInputDate, setIsInvalidInputDate] = useState(true)\n  const [isInvalidSelectedDate, setIsInvalidSelectedDate] = useState(!selectedDate)\n  const initialDateRef = useRef<Date | undefined>(selectedDateProps)\n  const isClearButtonVisible = showClearButton && initialDateRef.current\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      initialDateRef.current = selectedDateProps\n    }\n  }, [isOpen, selectedDateProps])\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 = (date?: Date) => {\n    onSelected?.(date)\n    initialDateRef.current = date\n    setIsOpen(false)\n  }\n\n  const onClear = () => {\n    onClose()\n    onSelected?.(undefined)\n  }\n\n  const onClose = () => {\n    setSelectedDate(undefined)\n    setIsOpen(false)\n  }\n\n  const onToggle = () => {\n    if (isOpen) onClose()\n    setIsOpen(!isOpen)\n  }\n\n  const selectDate = (range: DateRange) => setSelectedDate(range?.startDate)\n\n  const onDateInputValidate = (date?: Date) => {\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 && !isStartDateInRange(date), 'Invalid date'],\n        [!!boundaries?.endDate && !isEndDateInRange(date), '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\n  return (\n    <Box className={cs('vui-datePicker', className)} position=\"relative\" ref={ref} {...styles} {...rest}>\n      <Popover\n        isOpen={isOpen}\n        onClose={() => setIsOpen(false)}\n        placement={placement ? placement : popupPosition === 'right' ? 'bottom-end' : undefined}\n      >\n        <Popover.Trigger as={Box} onClick={onToggle}>\n          {children}\n        </Popover.Trigger>\n        <Popover.Content column>\n          {!!slotTop && <Box px={2}>{slotTop}</Box>}\n          <Box display=\"block\" mb={0} mt={2} mx={2}>\n            <DateInput\n              autoFocus\n              initialDate={selectedDate}\n              onChange={newDate => setSelectedDate(newDate)}\n              onValidate={onDateInputValidate}\n              setValidateStatus={inValid => setIsInvalidInputDate(!inValid)}\n            />\n          </Box>\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 overflow=\"unset\">\n            <Box alignItems=\"center\" flex={1} ml=\"auto\" pb={2} px={2}>\n              {isClearButtonVisible && (\n                <LineButton flex={1} onClick={onClear} 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)}\n                size=\"md\"\n              >\n                Apply\n              </Button>\n            </Box>\n          </Box>\n          {!!slotBottom && <Box px={2}>{slotBottom}</Box>}\n        </Popover.Content>\n      </Popover>\n    </Box>\n  )\n})\n\nDatePicker.displayName = 'DatePicker'\n\nexport default DatePicker\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"datePicker.types.d.ts","names":[],"sources":["../../src/datePicker/datePicker.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAOY,uBAAA;KAEA,eAAA,GAAkB,KAAK,gCACjC;EAHU;EAEA,UAAA,CAAA,EAAA,OAAe;EAAA;YAAQ,CAAA,EAKlB,SALkB;;eACjC,CAAA,EAMkB,uBANlB;;WAMkB,CAAA,EAEJ,SAFI;;cAID,CAAA,EAAA,IAAA;;iBAML,CAAA,EAAA,OAAA;;EAEe,UAAA,CAAA,EAJZ,SAIY;;YAFf;;uBAEW"}
+{"version":3,"file":"datePicker.types.d.ts","names":[],"sources":["../../src/datePicker/datePicker.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAOY,uBAAA,CAAA,CAAA;KAEA,eAAA,CAAA,CAAA,CAAkB,KAAK,gCACjC;EAHU,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;EAEA,UAAA,CAAA,CAAA,CAAA,OAAe;EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA;YAAQ,CAAA,CAAA,CAKlB,SALkB;;eACjC,CAAA,CAAA,CAMkB,uBANlB;;WAMkB,CAAA,CAAA,CAEJ,SAFI;;cAID,CAAA,CAAA,CAAA,IAAA;;iBAML,CAAA,CAAA,CAAA,OAAA;;EAEe,UAAA,CAAA,CAAA,CAJZ,SAIY;;YAFf;;uBAEW"}

package/dist/datePicker/theme.js

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

package/dist/definition/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","names":[],"sources":["../../src/definition/definition.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAQa,wBAAsB,kBAAA,CAAA,sBAqBlC,kBAAA,CArBkC,YAAA;cAuBtB,0BAAwB,kBAAA,CAAA,sBA+BpC,kBAAA,CA/BoC,YAAA;AAvBxB,cAwDA,UAnCZ,cAAA,CAAA,IAAA,EAmCsB,eAnCtB,CAAA"}
+{"version":3,"file":"definition.d.ts","names":[],"sources":["../../src/definition/definition.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAQa,wBAAsB,kBAAA,CAAA,sBAqBlC,kBAAA,CArBkC,YAAA,CAAA,CAAA,WAAA,CAAA;cAuBtB,0BAAwB,kBAAA,CAAA,sBA+BpC,kBAAA,CA/BoC,YAAA,CAAA,CAAA,WAAA,CAAA;AAvBxB,OAAA,CAAA,KAAA,CAwDA,UAnCZ,CAAA,CAmCsB,YAnCtB,CAAA,CAAA,EAAA,CAAA,CAAA,CAmCsB,eAnCtB,CAAA"}

package/dist/definition/definition.js

@@ -50,5 +50,5 @@ import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleCon
   dd > * {
     margin-left: 0 !important;
   }
-`,l=i((r,i)=>{let{orientation:l=`horizontal`,className:u,...d}=t(r),f=n(`Definition`,r);return l===`horizontal`?o(c,{className:e(`vui-definition vui-definition-horizontal`,u),ref:i,...f.container,...d,children:o(a,{orientation:`horizontal`,...d})}):o(s,{className:e(`vui-definition vui-definition-vertical`,u),ref:i,...f.container,...d,children:o(a,{orientation:`vertical`,...d})})});l.displayName=`Definition`;export{l as Definition,c as DefinitionHorizontalBase,s as DefinitionVerticalBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+`,l=i((r,i)=>{let{orientation:l=`horizontal`,className:u,...d}=t(r),f=n(`Definition`,r);return l===`horizontal`?o(c,{className:e(`vui-definition vui-definition-horizontal`,u),ref:i,...f.container,...d,children:o(a,{orientation:`horizontal`,...d})}):o(s,{className:e(`vui-definition vui-definition-vertical`,u),ref:i,...f.container,...d,children:o(a,{orientation:`vertical`,...d})})});l.displayName=`Definition`;export{l as Definition,c as DefinitionHorizontalBase,s as DefinitionVerticalBase};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=definition.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"definition.types.d.ts","names":[],"sources":["../../src/definition/definition.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAMY,cAAA,GAAiB;;EAAjB,UAAA,CAAA,EAAA,OAAc;EAAA,KAAA,EAAA,MAAA,GAAA,MAAA,GAAA,MAAA,EAAA,GAGY,SAHZ;cAAG,CAAA,EAAA,OAAA;;AAGkB,KAInC,eAAA,GAAkB,WAJiB,GAK7C,YAL6C,CAAA,YAAA,CAAA,GAAA;EAInC;EAAe,QAAA,CAAA,EAGZ,QAHY,GAGD,GAAA,CAAI,OAHH;;WACzB,CAAA,EAIc,QAJd,GAIyB,GAAA,CAAI,OAJ7B;aAEa,CAAA,EAAA,OAAA;aAAe,CAAA,EAAA,OAAA;OAEd,CAAA,EAGJ,cAHI,EAAA;;aAGJ,CAAA,EAAA,YAAA,GAAA,UAAA;EAAc,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA"}
+{"version":3,"file":"definition.types.d.ts","names":[],"sources":["../../src/definition/definition.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAMY,cAAA,CAAA,CAAA,CAAiB;;EAAjB,UAAA,CAAA,CAAA,CAAA,OAAc;EAAA,KAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAGY,SAHZ;cAAG,CAAA,CAAA,CAAA,OAAA;;AAGkB,IAAA,CAInC,eAAA,CAAA,CAAA,CAAkB,WAJiB,CAAA,CAAA,CAK7C,YAL6C,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAInC,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAAe,QAAA,CAAA,CAAA,CAGZ,QAHY,CAAA,CAAA,CAGD,GAAA,CAAI,OAHH;;WACzB,CAAA,CAAA,CAIc,QAJd,CAAA,CAAA,CAIyB,GAAA,CAAI,OAJ7B;aAEa,CAAA,CAAA,CAAA,OAAA;aAAe,CAAA,CAAA,CAAA,OAAA;OAEd,CAAA,CAAA,CAGJ,cAHI,CAAA,CAAA;;aAGJ,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA;EAAc,IAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA"}

package/dist/definition/definitionContent.js

@@ -1,2 +1,2 @@
-import{isArray as e}from"../utils/assertion.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{styled as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import o from"../icon/icon.js";import s from"../p/p.js";import{createElement as c}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=r.dtBox``,p=r.ddBox``,m=i((r,i)=>{let{iconLeft:m,iconRight:h,isLabelBold:g,isValueBold:_,items:v,orientation:y}=r,b=n(`Definition`,r);return u(l,{children:e(v)?v.map(({key:n,value:r,...l},v)=>d(a,{className:`vui-definitionItemWrapper`,ref:i,children:[d(f,{fontWeight:g?`demi`:`default`,...b.dt,children:[l.keyHasIcon&&m&&u(o,{className:t(`vui-definitionIcon`),name:m,...b.icon}),n,l.keyHasIcon&&h&&u(o,{className:t(`vui-definitionIcon`),name:h,...b.icon})]}),e(r)?c(p,{display:`block`,fontWeight:_?`demi`:`default`,...b.dd,key:v},y===`horizontal`?r.join(`, `):r.map((e,n)=>d(s,{display:`flex`,children:[l.valueHasIcon&&m&&u(o,{className:t(`vui-definitionIcon`),name:m,...b.icon}),e,l.valueHasIcon&&h&&u(o,{className:t(`vui-definitionIcon`),name:h,...b.icon})]},n+e))):d(p,{fontWeight:_?`demi`:`default`,...b.dd,children:[l.valueHasIcon&&m&&u(o,{className:t(`vui-definitionIcon`),name:m,...b.icon}),r,l.valueHasIcon&&h&&u(o,{className:t(`vui-definitionIcon`),name:h,...b.icon})]})]},v)):v})});m.displayName=`DefinitionContent`;export{m as DefinitionContent};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{isArray as e}from"../utils/assertion.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{styled as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import o from"../icon/icon.js";import s from"../p/p.js";import{createElement as c}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=r.dtBox``,p=r.ddBox``,m=i((r,i)=>{let{iconLeft:m,iconRight:h,isLabelBold:g,isValueBold:_,items:v,orientation:y}=r,b=n(`Definition`,r);return u(l,{children:e(v)?v.map(({key:n,value:r,...l},v)=>d(a,{className:`vui-definitionItemWrapper`,ref:i,children:[d(f,{fontWeight:g?`demi`:`default`,...b.dt,children:[l.keyHasIcon&&m&&u(o,{className:t(`vui-definitionIcon`),name:m,...b.icon}),n,l.keyHasIcon&&h&&u(o,{className:t(`vui-definitionIcon`),name:h,...b.icon})]}),e(r)?c(p,{display:`block`,fontWeight:_?`demi`:`default`,...b.dd,key:v},y===`horizontal`?r.join(`, `):r.map((e,n)=>d(s,{display:`flex`,children:[l.valueHasIcon&&m&&u(o,{className:t(`vui-definitionIcon`),name:m,...b.icon}),e,l.valueHasIcon&&h&&u(o,{className:t(`vui-definitionIcon`),name:h,...b.icon})]},n+e))):d(p,{fontWeight:_?`demi`:`default`,...b.dd,children:[l.valueHasIcon&&m&&u(o,{className:t(`vui-definitionIcon`),name:m,...b.icon}),r,l.valueHasIcon&&h&&u(o,{className:t(`vui-definitionIcon`),name:h,...b.icon})]})]},v)):v})});m.displayName=`DefinitionContent`;export{m as DefinitionContent};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=definitionContent.js.map

package/dist/definition/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{size:`md`,variant:`light`},parts:[`container`,`icon`,`dt`,`dd`],sizes:{sm:{container:{fontSize:`sm`,lineHeight:`22px`},dt:{fontSize:`sm`,spaceX:4},dd:{fontSize:`sm`,spaceX:4},icon:{size:`sm`,mx:.5,my:`auto`}},md:{container:{fontSize:`md`,lineHeight:`30px`},dt:{fontSize:`md`,spaceX:6},dd:{fontSize:`md`,spaceX:6},icon:{size:`md`,mx:.5,my:`auto`}}},variants:{light:{container:{color:`sandstone.20`}},dark:{container:{bg:`darkBlue.main`,color:`white`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+var e={baseStyle:{},defaultProps:{size:`md`,variant:`light`},parts:[`container`,`icon`,`dt`,`dd`],sizes:{sm:{container:{fontSize:`sm`,lineHeight:`22px`},dt:{fontSize:`sm`,spaceX:4},dd:{fontSize:`sm`,spaceX:4},icon:{size:`sm`,mx:.5,my:`auto`}},md:{container:{fontSize:`md`,lineHeight:`30px`},dt:{fontSize:`md`,spaceX:6},dd:{fontSize:`md`,spaceX:6},icon:{size:`md`,mx:.5,my:`auto`}}},variants:{light:{container:{color:`sandstone.20`}},dark:{container:{bg:`darkBlue.main`,color:`white`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/dialog/consts.ts"],"sourcesContent":[],"mappings":";;;;cAGa,qBAAqB;AAArB,cA2BA,cAFZ,EAAA;EAEY,IAAA,EAAA,MAAA;EAMA,MAAA,EAAA,MAAA;EAMA,KAAA,EAAA,MAAA;AAEb,CAAA;cARa;;;;;cAMA,WAAA;cAEA,UAAA"}
+{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/dialog/consts.ts"],"sourcesContent":[],"mappings":";;;;cAGa,qBAAqB;AAArB,OAAA,CAAA,KAAA,CA2BA,cAFZ,CAAA,CAAA;EAEY,IAAA,CAAA,CAAA,MAAA;EAMA,MAAA,CAAA,CAAA,MAAA;EAMA,KAAA,CAAA,CAAA,MAAA;AAEb,CAAA;cARa;;;;;cAMA,WAAA,CAAA,CAAA;cAEA,UAAA,CAAA,CAAA"}

package/dist/dialog/consts.js

@@ -1,2 +1,2 @@
-const e={danger:{iconProps:{color:`red.80`,name:`falExclamationTriangle`}},error:{iconProps:{color:`red.80`,name:`falTimesCircle`}},info:{iconProps:{color:`blue.80`,name:`falInfoCircle`}},warning:{iconProps:{color:`yellow.90`,name:`falExclamationTriangle`}}},t={left:`fadeRightLong`,center:`fadeDown`,right:`fadeLeftLong`},n={left:`start`,center:`center`,right:`end`},r=`vui-dynamic-container`,i=`vui-modal`;export{r as containerId,e as dialogStatusMapping,t as modalAnimation,i as modalClass,n as modalJustifyContent};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+const e={danger:{iconProps:{color:`red.80`,name:`falExclamationTriangle`}},error:{iconProps:{color:`red.80`,name:`falTimesCircle`}},info:{iconProps:{color:`blue.80`,name:`falInfoCircle`}},warning:{iconProps:{color:`yellow.90`,name:`falExclamationTriangle`}}},t={left:`fadeRightLong`,center:`fadeDown`,right:`fadeLeftLong`},n={left:`start`,center:`center`,right:`end`},r=`vui-dynamic-container`,i=`vui-modal`;export{r as containerId,e as dialogStatusMapping,t as modalAnimation,i as modalClass,n as modalJustifyContent};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=consts.js.map

package/dist/dialog/context.d.ts

@@ -1,8 +1,8 @@
 import { DialogContext } from "./dialog.types.js";
-import * as react8 from "react";
+import * as react2 from "react";
 
 //#region src/dialog/context.d.ts
-declare const DialogProvider: react8.Provider<DialogContext>, useDialogContext: () => DialogContext;
+declare const DialogProvider: react2.Provider<DialogContext>, useDialogContext: () => DialogContext;
 //#endregion
 export { DialogProvider, useDialogContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/dialog/context.js

@@ -1,2 +1,2 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as DialogProvider,n as useDialogContext};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as DialogProvider,n as useDialogContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=context.js.map

package/dist/dialog/dialog.d.ts

@@ -9,10 +9,10 @@ import { DialogHeader } from "./dialogHeader.js";
 import { DialogIcon } from "./dialogIcon.js";
 import { DialogSubmitButton } from "./dialogSubmitButton.js";
 import { DialogTitle } from "./dialogTitle.js";
-import * as styled_components32 from "styled-components";
+import * as styled_components17 from "styled-components";
 
 //#region src/dialog/dialog.d.ts
-declare const DialogBase: styled_components32.StyledComponent<"div", styled_components32.DefaultTheme, SystemProps, never>;
+declare const DialogBase: styled_components17.StyledComponent<"div", styled_components17.DefaultTheme, SystemProps, never>;
 /**
  * Displays content in a Modal window. Includes required accessibility configuration.
  *

package/dist/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;cAkBa,YAAU,mBAAA,CAAA,uBAOtB,mBAAA,CAPsB,YAAA;;;;AAAvB;;;;AAAuB,cAgBV,MAhBU,EA2FjB,YA3FiB,CAAA,KAAA,EA2FG,WA3FH,CAAA,GAAA;EAAA,IAAA,EAAA,OA4FR,UA5FQ;EAgBV,YAoFZ,EAAA,OAPsB,kBAOtB;EAAA,WAAA,EAAA,OANqB,iBAMrB;QATyB,EAAA,OAIT,YAJS;QAApB,EAAA,OAKW,YALX;MACS,EAAA,OAKA,UALA;cACQ,EAAA,OAKA,kBALA;OACD,EAAA,OAKN,WALM"}
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;cAkBa,YAAU,mBAAA,CAAA,uBAOtB,mBAAA,CAPsB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;AAAvB,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA;;;;AAAuB,OAAA,CAAA,KAAA,CAgBV,MAhBU,CAAA,CA2FjB,YA3FiB,CAAA,CAAA,GAAA,CAAA,CAAA,CA2FG,WA3FH,CAAA,CAAA,CAAA,CAAA;EAAA,IAAA,CAAA,CAAA,MAAA,CA4FR,UA5FQ;EAgBV,YAoFZ,CAAA,CAAA,MAAA,CAPsB,kBAOtB;EAAA,WAAA,CAAA,CAAA,MAAA,CANqB,iBAMrB;QATyB,CAAA,CAAA,MAAA,CAIT,YAJS;QAApB,CAAA,CAAA,MAAA,CAKW,YALX;MACS,CAAA,CAAA,MAAA,CAKA,UALA;cACQ,CAAA,CAAA,MAAA,CAKA,kBALA;OACD,CAAA,CAAA,MAAA,CAKN,WALM"}

package/dist/dialog/dialog.js

@@ -5,5 +5,5 @@ import{isJsx as e,isReactText as t}from"../utils/assertion.js";import{random as
   display: flex;
   flex-direction: column;
   width: 100%;
-`,T=s((o,s)=>{let{body:p,cancelButton:m,children:h,className:_,closeButton:v,disableBackdropClose:T,footer:E,header:D,icon:O,id:k,isOpen:A,modalProps:j,placement:M=`center`,onClose:N,size:P,status:F,submitButton:I,title:L,variant:R,...z}=o,B=a(`Dialog`,o),V=b(k??n().toString()),[H,U,W]=r(V.current,[`dialog`,`dialog-body`,`dialog-title`]),G=t(p)?{children:p}:p,K=!!(D||v||O||L),q=!!(E||m||I),J={"aria-describedby":U,"aria-labelledby":W},Y={animation:c[M],contentProps:{alignItems:M===`center`?`center`:`auto`,justifyContent:l[M],...j?.contentProps},...j};return S(u,{value:{bodyId:U,icon:O,isOpen:A,onClose:N,size:P,status:F,titleId:W,variant:R},children:S(d,{isOpen:A,onClose:N,...Y,disableBackdropClose:T,children:S(w,{className:i(`vui-dialog`,_),id:H,maxH:M===`center`?`calc(100vh - 32px)`:`100%`,ref:s,role:`dialog`,...J,...B.container,...z,children:h??C(x,{children:[e(D)?D:K&&S(y,{closeButton:v,icon:O,title:L,...D}),e(G)?G:G&&S(f,{...G}),e(E)?E:q&&S(g,{cancelButton:m,submitButton:I,...E})]})})})})});T.Body=f,T.CancelButton=p,T.CloseButton=m,T.Footer=g,T.Header=y,T.Icon=_,T.SubmitButton=h,T.Title=v,T.displayName=`Dialog`;var E=T;export{w as DialogBase,E as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+`,T=s((o,s)=>{let{body:p,cancelButton:m,children:h,className:_,closeButton:v,disableBackdropClose:T,footer:E,header:D,icon:O,id:k,isOpen:A,modalProps:j,placement:M=`center`,onClose:N,size:P,status:F,submitButton:I,title:L,variant:R,...z}=o,B=a(`Dialog`,o),[V,H,U]=r(b(k??n().toString()).current,[`dialog`,`dialog-body`,`dialog-title`]),W=t(p)?{children:p}:p,G=!!(D||v||O||L),K=!!(E||m||I),q={"aria-describedby":H,"aria-labelledby":U},J={animation:c[M],contentProps:{alignItems:M===`center`?`center`:`auto`,justifyContent:l[M],...j?.contentProps},...j};return S(u,{value:{bodyId:H,icon:O,isOpen:A,onClose:N,size:P,status:F,titleId:U,variant:R},children:S(d,{isOpen:A,onClose:N,...J,disableBackdropClose:T,children:S(w,{className:i(`vui-dialog`,_),id:V,maxH:M===`center`?`calc(100vh - 32px)`:`100%`,ref:s,role:`dialog`,...q,...B.container,...z,children:h??C(x,{children:[e(D)?D:G&&S(y,{closeButton:v,icon:O,title:L,...D}),e(W)?W:W&&S(f,{...W}),e(E)?E:K&&S(g,{cancelButton:m,submitButton:I,...E})]})})})})});T.Body=f,T.CancelButton=p,T.CloseButton=m,T.Footer=g,T.Header=y,T.Icon=_,T.SubmitButton=h,T.Title=v,T.displayName=`Dialog`;var E=T;export{w as DialogBase,E as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=dialog.js.map

package/dist/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["Modal","DialogHeader","DialogBody","DialogFooter","DialogCancelButton","DialogCloseButton","DialogIcon","DialogSubmitButton","DialogTitle"],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":["import { useRef } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Modal } from '../modal'\nimport { cs, isJsx, isReactText, random, useIds } from '../utils'\nimport { modalAnimation, modalJustifyContent } from './consts'\nimport { DialogProvider } from './context'\nimport type { DialogProps } from './dialog.types'\nimport DialogBody from './dialogBody'\nimport DialogCancelButton from './dialogCancelButton'\nimport DialogCloseButton from './dialogCloseButton'\nimport DialogFooter from './dialogFooter'\nimport DialogHeader from './dialogHeader'\nimport DialogIcon from './dialogIcon'\nimport DialogSubmitButton from './dialogSubmitButton'\nimport DialogTitle from './dialogTitle'\n\nexport const DialogBase = styled.divBox`\n  background-color: white;\n  border-radius: 1px;\n  box-shadow: modal;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n`\n\n/**\n * Displays content in a Modal window. Includes required accessibility configuration.\n *\n * Dialog is built upon `Modal`.\n *\n * The content can include important information, like warnings or errors, simple forms or prompts for user's decision. It blocks interaction with the rest of the page, but often can be disabled by pressing Escape, clicking on the backdrop or close button.\n */\nexport const Dialog = vui<'div', DialogProps>((props, ref) => {\n  const {\n    body: bodyProp,\n    cancelButton,\n    children,\n    className,\n    closeButton,\n    disableBackdropClose,\n    footer,\n    header,\n    icon,\n    id,\n    isOpen,\n    modalProps: modalPropsProp,\n    placement = 'center',\n    onClose,\n    size,\n    status,\n    submitButton,\n    title,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Dialog', props)\n\n  const idRef = useRef(id ?? random().toString())\n  const [dialogId, bodyId, titleId] = useIds(idRef.current, ['dialog', 'dialog-body', 'dialog-title'])\n\n  const body = isReactText(bodyProp) ? { children: bodyProp } : bodyProp\n  const showHeader = Boolean(header || closeButton || icon || title)\n  const showFooter = Boolean(footer || cancelButton || submitButton)\n\n  const ariaProps = {\n    'aria-describedby': bodyId,\n    'aria-labelledby': titleId,\n  }\n\n  const modalProps = {\n    animation: modalAnimation[placement as keyof typeof modalAnimation],\n    contentProps: {\n      alignItems: placement === 'center' ? 'center' : 'auto',\n      justifyContent: modalJustifyContent[placement as keyof typeof modalJustifyContent],\n      ...modalPropsProp?.contentProps,\n    },\n    ...modalPropsProp,\n  }\n\n  const context = { bodyId, icon, isOpen, onClose, size, status, titleId, variant }\n\n  return (\n    <DialogProvider value={context}>\n      <Modal {...{ isOpen, onClose }} {...{ ...modalProps, disableBackdropClose }}>\n        <DialogBase\n          className={cs('vui-dialog', className)}\n          id={dialogId}\n          maxH={placement === 'center' ? 'calc(100vh - 32px)' : '100%'}\n          ref={ref}\n          role=\"dialog\"\n          {...ariaProps}\n          {...styles.container}\n          {...rest}\n        >\n          {children ?? (\n            <>\n              {isJsx(header) ? header : showHeader && <DialogHeader {...{ closeButton, icon, title }} {...header} />}\n\n              {isJsx(body) ? body : body && <DialogBody {...body} />}\n\n              {isJsx(footer) ? footer : showFooter && <DialogFooter {...{ cancelButton, submitButton }} {...footer} />}\n            </>\n          )}\n        </DialogBase>\n      </Modal>\n    </DialogProvider>\n  )\n}) as VuiComponent<'div', DialogProps> & {\n  Body: typeof DialogBody\n  CancelButton: typeof DialogCancelButton\n  CloseButton: typeof DialogCloseButton\n  Footer: typeof DialogFooter\n  Header: typeof DialogHeader\n  Icon: typeof DialogIcon\n  SubmitButton: typeof DialogSubmitButton\n  Title: typeof DialogTitle\n}\n\nDialog.Body = DialogBody\nDialog.CancelButton = DialogCancelButton\nDialog.CloseButton = DialogCloseButton\nDialog.Footer = DialogFooter\nDialog.Header = DialogHeader\nDialog.Icon = DialogIcon\nDialog.SubmitButton = DialogSubmitButton\nDialog.Title = DialogTitle\nDialog.displayName = 'Dialog'\n\nexport default Dialog\n"],"mappings":"w0BAkBA,MAAa,EAAa,EAAO,MAAM;;;;;;;EAgB1B,EAAS,GAAyB,EAAO,IAAQ,CAC5D,GAAM,CACJ,KAAM,EACN,eACA,WACA,YACA,cACA,uBACA,SACA,SACA,OACA,KACA,SACA,WAAY,EACZ,YAAY,SACZ,UACA,OACA,SACA,eACA,QACA,UACA,GAAG,GACD,EACE,EAAS,EAAe,SAAU,EAAM,CAExC,EAAQ,EAAO,GAAM,GAAQ,CAAC,UAAU,CAAC,CACzC,CAAC,EAAU,EAAQ,GAAW,EAAO,EAAM,QAAS,CAAC,SAAU,cAAe,eAAe,CAAC,CAE9F,EAAO,EAAY,EAAS,CAAG,CAAE,SAAU,EAAU,CAAG,EACxD,EAAa,GAAQ,GAAU,GAAe,GAAQ,GACtD,EAAa,GAAQ,GAAU,GAAgB,GAE/C,EAAY,CAChB,mBAAoB,EACpB,kBAAmB,EACpB,CAEK,EAAa,CACjB,UAAW,EAAe,GAC1B,aAAc,CACZ,WAAY,IAAc,SAAW,SAAW,OAChD,eAAgB,EAAoB,GACpC,GAAG,GAAgB,aACpB,CACD,GAAG,EACJ,CAID,OACE,EAAC,EAAA,CAAe,MAHF,CAAE,SAAQ,OAAM,SAAQ,UAAS,OAAM,SAAQ,UAAS,UAAS,UAI7E,EAACA,EAAAA,CAAY,SAAQ,UAAiB,GAAG,EAAY,gCACnD,EAAC,EAAA,CACC,UAAW,EAAG,aAAc,EAAU,CACtC,GAAI,EACJ,KAAM,IAAc,SAAW,qBAAuB,OACjD,MACL,KAAK,SACL,GAAI,EACJ,GAAI,EAAO,UACX,GAAI,WAEH,GACC,EAAA,EAAA,CAAA,SAAA,CACG,EAAM,EAAO,CAAG,EAAS,GAAc,EAACC,EAAAA,CAAmB,cAAa,OAAM,QAAS,GAAI,GAAU,CAErG,EAAM,EAAK,CAAG,EAAO,GAAQ,EAACC,EAAAA,CAAW,GAAI,EAAA,CAAQ,CAErD,EAAM,EAAO,CAAG,EAAS,GAAc,EAACC,EAAAA,CAAmB,eAAc,eAAgB,GAAI,GAAU,GACvG,EAEM,EACP,EACO,EAEnB,CAWF,EAAO,KAAOD,EACd,EAAO,aAAeE,EACtB,EAAO,YAAcC,EACrB,EAAO,OAASF,EAChB,EAAO,OAASF,EAChB,EAAO,KAAOK,EACd,EAAO,aAAeC,EACtB,EAAO,MAAQC,EACf,EAAO,YAAc,SAErB,IAAA,EAAe"}
+{"version":3,"file":"dialog.js","names":["Modal","DialogHeader","DialogBody","DialogFooter","DialogCancelButton","DialogCloseButton","DialogIcon","DialogSubmitButton","DialogTitle"],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":["import { useRef } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Modal } from '../modal'\nimport { cs, isJsx, isReactText, random, useIds } from '../utils'\nimport { modalAnimation, modalJustifyContent } from './consts'\nimport { DialogProvider } from './context'\nimport type { DialogProps } from './dialog.types'\nimport DialogBody from './dialogBody'\nimport DialogCancelButton from './dialogCancelButton'\nimport DialogCloseButton from './dialogCloseButton'\nimport DialogFooter from './dialogFooter'\nimport DialogHeader from './dialogHeader'\nimport DialogIcon from './dialogIcon'\nimport DialogSubmitButton from './dialogSubmitButton'\nimport DialogTitle from './dialogTitle'\n\nexport const DialogBase = styled.divBox`\n  background-color: white;\n  border-radius: 1px;\n  box-shadow: modal;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n`\n\n/**\n * Displays content in a Modal window. Includes required accessibility configuration.\n *\n * Dialog is built upon `Modal`.\n *\n * The content can include important information, like warnings or errors, simple forms or prompts for user's decision. It blocks interaction with the rest of the page, but often can be disabled by pressing Escape, clicking on the backdrop or close button.\n */\nexport const Dialog = vui<'div', DialogProps>((props, ref) => {\n  const {\n    body: bodyProp,\n    cancelButton,\n    children,\n    className,\n    closeButton,\n    disableBackdropClose,\n    footer,\n    header,\n    icon,\n    id,\n    isOpen,\n    modalProps: modalPropsProp,\n    placement = 'center',\n    onClose,\n    size,\n    status,\n    submitButton,\n    title,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Dialog', props)\n\n  const idRef = useRef(id ?? random().toString())\n  const [dialogId, bodyId, titleId] = useIds(idRef.current, ['dialog', 'dialog-body', 'dialog-title'])\n\n  const body = isReactText(bodyProp) ? { children: bodyProp } : bodyProp\n  const showHeader = Boolean(header || closeButton || icon || title)\n  const showFooter = Boolean(footer || cancelButton || submitButton)\n\n  const ariaProps = {\n    'aria-describedby': bodyId,\n    'aria-labelledby': titleId,\n  }\n\n  const modalProps = {\n    animation: modalAnimation[placement as keyof typeof modalAnimation],\n    contentProps: {\n      alignItems: placement === 'center' ? 'center' : 'auto',\n      justifyContent: modalJustifyContent[placement as keyof typeof modalJustifyContent],\n      ...modalPropsProp?.contentProps,\n    },\n    ...modalPropsProp,\n  }\n\n  const context = { bodyId, icon, isOpen, onClose, size, status, titleId, variant }\n\n  return (\n    <DialogProvider value={context}>\n      <Modal {...{ isOpen, onClose }} {...{ ...modalProps, disableBackdropClose }}>\n        <DialogBase\n          className={cs('vui-dialog', className)}\n          id={dialogId}\n          maxH={placement === 'center' ? 'calc(100vh - 32px)' : '100%'}\n          ref={ref}\n          role=\"dialog\"\n          {...ariaProps}\n          {...styles.container}\n          {...rest}\n        >\n          {children ?? (\n            <>\n              {isJsx(header) ? header : showHeader && <DialogHeader {...{ closeButton, icon, title }} {...header} />}\n\n              {isJsx(body) ? body : body && <DialogBody {...body} />}\n\n              {isJsx(footer) ? footer : showFooter && <DialogFooter {...{ cancelButton, submitButton }} {...footer} />}\n            </>\n          )}\n        </DialogBase>\n      </Modal>\n    </DialogProvider>\n  )\n}) as VuiComponent<'div', DialogProps> & {\n  Body: typeof DialogBody\n  CancelButton: typeof DialogCancelButton\n  CloseButton: typeof DialogCloseButton\n  Footer: typeof DialogFooter\n  Header: typeof DialogHeader\n  Icon: typeof DialogIcon\n  SubmitButton: typeof DialogSubmitButton\n  Title: typeof DialogTitle\n}\n\nDialog.Body = DialogBody\nDialog.CancelButton = DialogCancelButton\nDialog.CloseButton = DialogCloseButton\nDialog.Footer = DialogFooter\nDialog.Header = DialogHeader\nDialog.Icon = DialogIcon\nDialog.SubmitButton = DialogSubmitButton\nDialog.Title = DialogTitle\nDialog.displayName = 'Dialog'\n\nexport default Dialog\n"],"mappings":"w0BAkBA,MAAa,EAAa,EAAO,MAAM;;;;;;;EAgB1B,EAAS,GAAyB,EAAO,IAAQ,CAC5D,GAAM,CACJ,KAAM,EACN,eACA,WACA,YACA,cACA,uBACA,SACA,SACA,OACA,KACA,SACA,WAAY,EACZ,YAAY,SACZ,UACA,OACA,SACA,eACA,QACA,UACA,GAAG,GACD,EACE,EAAS,EAAe,SAAU,EAAM,CAGxC,CAAC,EAAU,EAAQ,GAAW,EADtB,EAAO,GAAM,GAAQ,CAAC,UAAU,CAAC,CACE,QAAS,CAAC,SAAU,cAAe,eAAe,CAAC,CAE9F,EAAO,EAAY,EAAS,CAAG,CAAE,SAAU,EAAU,CAAG,EACxD,EAAa,GAAQ,GAAU,GAAe,GAAQ,GACtD,EAAa,GAAQ,GAAU,GAAgB,GAE/C,EAAY,CAChB,mBAAoB,EACpB,kBAAmB,EACpB,CAEK,EAAa,CACjB,UAAW,EAAe,GAC1B,aAAc,CACZ,WAAY,IAAc,SAAW,SAAW,OAChD,eAAgB,EAAoB,GACpC,GAAG,GAAgB,aACpB,CACD,GAAG,EACJ,CAID,OACE,EAAC,EAAA,CAAe,MAHF,CAAE,SAAQ,OAAM,SAAQ,UAAS,OAAM,SAAQ,UAAS,UAAS,UAI7E,EAACA,EAAAA,CAAY,SAAQ,UAAiB,GAAG,EAAY,gCACnD,EAAC,EAAA,CACC,UAAW,EAAG,aAAc,EAAU,CACtC,GAAI,EACJ,KAAM,IAAc,SAAW,qBAAuB,OACjD,MACL,KAAK,SACL,GAAI,EACJ,GAAI,EAAO,UACX,GAAI,WAEH,GACC,EAAA,EAAA,CAAA,SAAA,CACG,EAAM,EAAO,CAAG,EAAS,GAAc,EAACC,EAAAA,CAAmB,cAAa,OAAM,QAAS,GAAI,GAAU,CAErG,EAAM,EAAK,CAAG,EAAO,GAAQ,EAACC,EAAAA,CAAW,GAAI,EAAA,CAAQ,CAErD,EAAM,EAAO,CAAG,EAAS,GAAc,EAACC,EAAAA,CAAmB,eAAc,eAAgB,GAAI,GAAU,GACvG,EAEM,EACP,EACO,EAEnB,CAWF,EAAO,KAAOD,EACd,EAAO,aAAeE,EACtB,EAAO,YAAcC,EACrB,EAAO,OAASF,EAChB,EAAO,OAASF,EAChB,EAAO,KAAOK,EACd,EAAO,aAAeC,EACtB,EAAO,MAAQC,EACf,EAAO,YAAc,SAErB,IAAA,EAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.types.d.ts","names":[],"sources":["../../src/dialog/dialog.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KASY,eAAA,GAAkB,eAAe;KAEjC,uBAAA,GAA0B,kBAAkB;AAF5C,KAIA,sBAAA,GAAyB,OAJV,CAAA,QAAA,EAI4B,eAJ5B,CAAA;AAAA,KAMf,aAAA,GAAgB,IAND,CAMM,WANN,EAAA,MAAA,GAAA,QAAA,GAAA,SAAA,GAAA,MAAA,GAAA,QAAA,GAAA,SAAA,CAAA,GAAA;QAAkB,CAAA,EAAA,MAAA;SAAf,CAAA,EAAA,MAAA;CAAO;AAEzB,KASA,iBAAA,GAAoB,OATG,CAAA,KAAA,EASY,QATZ,GASuB,IATvB,CAS4B,WAT5B,EAAA,cAAA,GAAA,cAAA,CAAA,CAAA;AAAA,KAWvB,iBAAA,GAAoB,OAXG,CAAA,KAAA,EAWY,QAXZ,GAWuB,IAXvB,CAW4B,WAX5B,EAAA,aAAA,GAAA,MAAA,GAAA,OAAA,CAAA,CAAA;AAAqB,KAa5C,eAAA,GAAkB,OAb0B,CAAA,KAAA,EAaX,SAbW,CAAA;AAAlB,KAe1B,eAAA,GAf0B,MAAA,GAAA,QAAA,GAAA,OAAA;AAAO,KAiBjC,WAAA,GAAc,WAjBmB,GAkB3C,YAlB2C,CAAA,QAAA,CAAA,GAmB3C,IAnB2C,CAmBtC,UAnBsC,EAAA,QAAA,GAAA,SAAA,CAAA,GAAA;EAEjC;EAAsB,IAAA,CAAA,EAAA,MAAA,GAAA,MAAA,GAmBL,eAnBK,GAmBa,GAAA,CAAI,OAnBjB;;cAAG,CAAA,EAqBlB,uBArBkB,GAqBQ,GAAA,CAAI,OArBZ;EAAO;EAEhC,WAAA,CAAA,EAAA,OAAa,GAqBG,sBArBH,GAqB4B,GAAA,CAAI,OArBhC;EAAA;sBAAQ,CAAA,EAAA,OAAA;;EAAD,MAAA,CAAA,EAyBnB,iBAzBmB,GAyBC,GAAA,CAAI,OAzBL;EAKpB;EAAiB,MAAA,CAAA,EAsBhB,iBAtBgB,GAsBI,GAAA,CAAI,OAtBR;;MAAkC,CAAA,EAwBpD,QAxBoD,GAwBzC,eAxByC,GAwBvB,GAAA,CAAI,OAxBmB;;YAA/B,CAAA,EA0Bf,UA1Be;EAAO;EAE3B,SAAA,CAAA,EA0BI,eA1Ba;EAAA;QAAkB,CAAA,EA4BlC,YA5BkC;;cAAW,CAAA,EA8BvC,uBA9BuC,GA8Bb,GAAA,CAAI,OA9BS;;EAAnB,KAAA,CAAA,EAgC3B,YAhC2B,CAAA,MAAA,CAAA,GAgCJ,gBAhCI,GAgCe,GAAA,CAAI,OAhCnB;AAEvC,CAAA;AAA2B,KAiCf,YAAA,GAjCe,QAAA,GAAA,OAAA,GAAA,MAAA,GAAA,SAAA;AAAkB,KAmCjC,mBAAA,GAAsB,MAnCW,CAAA,MAAA,EAAA;WAAf,EAmCgC,SAnChC;CAAO,CAAA;AAEzB,KAmCA,uBAAA,GAA0B,OAnCX,CAAA,QAAA,EAmC6B,WAnC7B,CAAA;AAEf,KAmCA,gBAAA,GAAmB,OAnCR,CAAA,IAAA,EAmCsB,YAnCtB,CAAA"}
+{"version":3,"file":"dialog.types.d.ts","names":[],"sources":["../../src/dialog/dialog.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KASY,eAAA,CAAA,CAAA,CAAkB,eAAe;KAEjC,uBAAA,CAAA,CAAA,CAA0B,kBAAkB;AAF5C,IAAA,CAIA,sBAAA,CAAA,CAAA,CAAyB,OAJV,CAAA,CAAA,MAAA,CAAA,CAAA,CAI4B,eAJ5B,CAAA;AAAA,IAAA,CAMf,aAAA,CAAA,CAAA,CAAgB,IAND,CAMM,WANN,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA;QAAkB,CAAA,CAAA,CAAA,MAAA;SAAf,CAAA,CAAA,CAAA,MAAA;CAAO;AAEzB,IAAA,CASA,iBAAA,CAAA,CAAA,CAAoB,OATG,CAAA,CAAA,GAAA,CAAA,CAAA,CASY,QATZ,CAAA,CAAA,CASuB,IATvB,CAS4B,WAT5B,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA;AAAA,IAAA,CAWvB,iBAAA,CAAA,CAAA,CAAoB,OAXG,CAAA,CAAA,GAAA,CAAA,CAAA,CAWY,QAXZ,CAAA,CAAA,CAWuB,IAXvB,CAW4B,WAX5B,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAqB,IAAA,CAa5C,eAAA,CAAA,CAAA,CAAkB,OAb0B,CAAA,CAAA,GAAA,CAAA,CAAA,CAaX,SAbW,CAAA;AAAlB,IAAA,CAe1B,eAAA,CAAA,CAAA,CAf0B,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA;AAAO,IAAA,CAiBjC,WAAA,CAAA,CAAA,CAAc,WAjBmB,CAAA,CAAA,CAkB3C,YAlB2C,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAmB3C,IAnB2C,CAmBtC,UAnBsC,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAEjC,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAsB,IAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAmBL,eAnBK,CAAA,CAAA,CAmBa,GAAA,CAAI,OAnBjB;;cAAG,CAAA,CAAA,CAqBlB,uBArBkB,CAAA,CAAA,CAqBQ,GAAA,CAAI,OArBZ;EAAO,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAEhC,WAAA,CAAA,CAAA,CAAA,OAAa,CAAA,CAAA,CAqBG,sBArBH,CAAA,CAAA,CAqB4B,GAAA,CAAI,OArBhC;EAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,OAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA;sBAAQ,CAAA,CAAA,CAAA,OAAA;;EAAD,MAAA,CAAA,CAAA,CAyBnB,iBAzBmB,CAAA,CAAA,CAyBC,GAAA,CAAI,OAzBL;EAKpB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA;EAAiB,MAAA,CAAA,CAAA,CAsBhB,iBAtBgB,CAAA,CAAA,CAsBI,GAAA,CAAI,OAtBR;;MAAkC,CAAA,CAAA,CAwBpD,QAxBoD,CAAA,CAAA,CAwBzC,eAxByC,CAAA,CAAA,CAwBvB,GAAA,CAAI,OAxBmB;;YAA/B,CAAA,CAAA,CA0Bf,UA1Be;EAAO,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,OAAA,CAAA,MAAA,CAAA,CAAA;EAE3B,SAAA,CAAA,CAAA,CA0BI,eA1Ba;EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;QAAkB,CAAA,CAAA,CA4BlC,YA5BkC;;cAAW,CAAA,CAAA,CA8BvC,uBA9BuC,CAAA,CAAA,CA8Bb,GAAA,CAAI,OA9BS;;EAAnB,KAAA,CAAA,CAAA,CAgC3B,YAhC2B,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAgCJ,gBAhCI,CAAA,CAAA,CAgCe,GAAA,CAAI,OAhCnB;AAEvC,CAAA;AAA2B,IAAA,CAiCf,YAAA,CAAA,CAAA,CAjCe,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA;AAAkB,IAAA,CAmCjC,mBAAA,CAAA,CAAA,CAAsB,MAnCW,CAAA,MAAA,CAAA,CAAA;WAAf,CAAA,CAmCgC,SAnChC;CAAO,CAAA;AAEzB,IAAA,CAmCA,uBAAA,CAAA,CAAA,CAA0B,OAnCX,CAAA,CAAA,MAAA,CAAA,CAAA,CAmC6B,WAnC7B,CAAA;AAEf,IAAA,CAmCA,gBAAA,CAAA,CAAA,CAAmB,OAnCR,CAAA,CAAA,EAAA,CAAA,CAAA,CAmCsB,YAnCtB,CAAA"}

package/dist/dialog/dialogBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogBody.d.ts","names":[],"sources":["../../src/dialog/dialogBody.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAcA;;;cAAa,gCAAU"}
+{"version":3,"file":"dialogBody.d.ts","names":[],"sources":["../../src/dialog/dialogBody.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAcA,CAAA,CAAA,CAAA,QAAA,CAAA,IAAA,CAAA,UAAA,CAAA,OAAA,CAAA,IAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,IAAA,CAAA,IAAA,CAAA,KAAA;;;AAAuB,OAAA,CAAA,KAAA,CAAV,UAAU,CAAA,CAAA,YAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,eAAA,CAAA"}

package/dist/dialog/dialogBody.js

@@ -1,2 +1,2 @@
-import{mergeRefs as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{Box as i}from"../box/box.js";import{useDialogContext as a}from"./context.js";import{useEffect as o,useRef as s,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";const u=r((r,u)=>{let{className:d,...f}=r,{bodyId:p,icon:m,status:h}=a()??{},g=n(`Dialog`,a()),[_,v]=c(!1),y=s(null),b=s(new ResizeObserver(()=>{if(y.current){let{clientHeight:e,scrollHeight:t}=y.current;v(t>e)}}));o(()=>{y.current&&b.current?.observe(y.current)},[]);let x=_?{borderColor:`grey.30`}:{},S=(m??h)===void 0?{px:3}:{px:8};return l(i,{borderBottom:`1px solid transparent`,borderTop:`1px solid transparent`,className:t(`vui-dialogBody`,d),column:!0,id:p,overflowY:`auto`,pb:2,pt:1.5,ref:e(u,y),...x,...S,...g.body,...f})});u.displayName=`DialogBody`;var d=u;export{u as DialogBody,d as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{mergeRefs as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{Box as i}from"../box/box.js";import{useDialogContext as a}from"./context.js";import{useEffect as o,useRef as s,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";const u=r((r,u)=>{let{className:d,...f}=r,{bodyId:p,icon:m,status:h}=a()??{},g=n(`Dialog`,a()),[_,v]=c(!1),y=s(null),b=s(new ResizeObserver(()=>{if(y.current){let{clientHeight:e,scrollHeight:t}=y.current;v(t>e)}}));o(()=>{y.current&&b.current?.observe(y.current)},[]);let x=_?{borderColor:`grey.30`}:{},S=(m??h)===void 0?{px:3}:{px:8};return l(i,{borderBottom:`1px solid transparent`,borderTop:`1px solid transparent`,className:t(`vui-dialogBody`,d),column:!0,id:p,overflowY:`auto`,pb:2,pt:1.5,ref:e(u,y),...x,...S,...g.body,...f})});u.displayName=`DialogBody`;var d=u;export{u as DialogBody,d as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=dialogBody.js.map

package/dist/dialog/dialogCancelButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogCancelButton.d.ts","names":[],"sources":["../../src/dialog/dialogCancelButton.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,2CAAkB"}
+{"version":3,"file":"dialogCancelButton.d.ts","names":[],"sources":["../../src/dialog/dialogCancelButton.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,oBAAkB,uBAAA"}

package/dist/dialog/dialogCancelButton.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{LineButton as r}from"../button/buttons.js";import{useDialogContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,{onClose:l}=i()??{},u=t(`Dialog`,i());return a(r,{className:e(`vui-dialogCancelButton`,s),onClick:l,ref:o,...u.cancelButton,...c})});o.displayName=`DialogCancelButton`;var s=o;export{o as DialogCancelButton,s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{LineButton as r}from"../button/buttons.js";import{useDialogContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,{onClose:l}=i()??{},u=t(`Dialog`,i());return a(r,{className:e(`vui-dialogCancelButton`,s),onClick:l,ref:o,...u.cancelButton,...c})});o.displayName=`DialogCancelButton`;var s=o;export{o as DialogCancelButton,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=dialogCancelButton.js.map

package/dist/dialog/dialogCloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogCloseButton.d.ts","names":[],"sources":["../../src/dialog/dialogCloseButton.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,0CAAiB"}
+{"version":3,"file":"dialogCloseButton.d.ts","names":[],"sources":["../../src/dialog/dialogCloseButton.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,mBAAiB,uBAAA"}

package/dist/dialog/dialogCloseButton.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{CloseButton as r}from"../button/buttons.js";import{useDialogContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,size:c=`md`,...l}=n,{onClose:u}=i()??{},d=t(`Dialog`,i());return a(r,{className:e(`vui-dialogCloseButton`,s),onClick:u,position:`absolute`,ref:o,right:16,size:c,top:16,variant:`tertiaryDark`,...d.closeButton,...l})});o.displayName=`DialogCloseButton`;var s=o;export{o as DialogCloseButton,s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{CloseButton as r}from"../button/buttons.js";import{useDialogContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,size:c=`md`,...l}=n,{onClose:u}=i()??{},d=t(`Dialog`,i());return a(r,{className:e(`vui-dialogCloseButton`,s),onClick:u,position:`absolute`,ref:o,right:16,size:c,top:16,variant:`tertiaryDark`,...d.closeButton,...l})});o.displayName=`DialogCloseButton`;var s=o;export{o as DialogCloseButton,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=dialogCloseButton.js.map

package/dist/dialog/dialogFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogFooter.d.ts","names":[],"sources":["../../src/dialog/dialogFooter.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,kCAAY"}
+{"version":3,"file":"dialogFooter.d.ts","names":[],"sources":["../../src/dialog/dialogFooter.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,cAAY,oBAAA"}

package/dist/dialog/dialogFooter.js

@@ -1,2 +1,2 @@
-import{isJsx as e}from"../utils/assertion.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{Box as i}from"../box/box.js";import{useDialogContext as a}from"./context.js";import o from"./dialogCancelButton.js";import s from"./dialogSubmitButton.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";const d=r((r,d)=>{let{cancelButton:f,children:p,className:m,submitButton:h,...g}=r,_=n(`Dialog`,a());return l(i,{className:t(`vui-dialogFooter`,m),justifyContent:`flex-end`,p:3,pt:2,ref:d,..._.footer,...g,children:p??u(c,{children:[e(f)?f:f&&l(o,{...f}),e(h)?h:h&&l(s,{...h})]})})});d.displayName=`DialogFooter`;var f=d;export{d as DialogFooter,f as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{isJsx as e}from"../utils/assertion.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{Box as i}from"../box/box.js";import{useDialogContext as a}from"./context.js";import o from"./dialogCancelButton.js";import s from"./dialogSubmitButton.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";const d=r((r,d)=>{let{cancelButton:f,children:p,className:m,submitButton:h,...g}=r,_=n(`Dialog`,a());return l(i,{className:t(`vui-dialogFooter`,m),justifyContent:`flex-end`,p:3,pt:2,ref:d,..._.footer,...g,children:p??u(c,{children:[e(f)?f:f&&l(o,{...f}),e(h)?h:h&&l(s,{...h})]})})});d.displayName=`DialogFooter`;var f=d;export{d as DialogFooter,f as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=dialogFooter.js.map

package/dist/dialog/dialogHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogHeader.d.ts","names":[],"sources":["../../src/dialog/dialogHeader.tsx"],"sourcesContent":[],"mappings":";;;;;cAUa,kCAAY"}
+{"version":3,"file":"dialogHeader.d.ts","names":[],"sources":["../../src/dialog/dialogHeader.tsx"],"sourcesContent":[],"mappings":";;;;;cAUa,cAAY,oBAAA"}

package/dist/dialog/dialogHeader.js

@@ -1,2 +1,2 @@
-import{isJsx as e,isReactText as t,isString as n}from"../utils/assertion.js";import{cs as r}from"../utils/styles.js";import{useStyleConfig as i}from"../core/theme.js";import{vui as a}from"../core/vui.js";import{Box as o}from"../box/box.js";import{useDialogContext as s}from"./context.js";import c from"./dialogCloseButton.js";import l from"./dialogIcon.js";import u from"./dialogTitle.js";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";const m=a((a,m)=>{let{children:h,className:g,closeButton:_,icon:v,title:y,...b}=a,{onClose:x,status:S}=s()??{},C=i(`Dialog`,s()),w=n(v)?{name:v}:v,T=!!(_===void 0?x:_),E=!!(w||S),D=t(y)?{text:y}:y;return f(o,{className:r(`vui-dialogHeader`,g),icon:w,pb:1.5,pl:3,position:`relative`,pr:8,pt:3,ref:m,...C.header,...b,children:h??p(d,{children:[e(w)?w:E&&f(l,{...w}),e(D)?D:D&&f(u,{...D}),e(_)?_:T&&f(c,{})]})})});m.displayName=`DialogHeader`;var h=m;export{m as DialogHeader,h as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{isJsx as e,isReactText as t,isString as n}from"../utils/assertion.js";import{cs as r}from"../utils/styles.js";import{useStyleConfig as i}from"../core/theme.js";import{vui as a}from"../core/vui.js";import{Box as o}from"../box/box.js";import{useDialogContext as s}from"./context.js";import c from"./dialogCloseButton.js";import l from"./dialogIcon.js";import u from"./dialogTitle.js";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";const m=a((a,m)=>{let{children:h,className:g,closeButton:_,icon:v,title:y,...b}=a,{onClose:x,status:S}=s()??{},C=i(`Dialog`,s()),w=n(v)?{name:v}:v,T=!!(_===void 0?x:_),E=!!(w||S),D=t(y)?{text:y}:y;return f(o,{className:r(`vui-dialogHeader`,g),icon:w,pb:1.5,pl:3,position:`relative`,pr:8,pt:3,ref:m,...C.header,...b,children:h??p(d,{children:[e(w)?w:E&&f(l,{...w}),e(D)?D:D&&f(u,{...D}),e(_)?_:T&&f(c,{})]})})});m.displayName=`DialogHeader`;var h=m;export{m as DialogHeader,h as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=dialogHeader.js.map

package/dist/dialog/dialogIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogIcon.d.ts","names":[],"sources":["../../src/dialog/dialogIcon.tsx"],"sourcesContent":[],"mappings":";;;;;cAQa,gCAAU"}
+{"version":3,"file":"dialogIcon.d.ts","names":[],"sources":["../../src/dialog/dialogIcon.tsx"],"sourcesContent":[],"mappings":";;;;;cAQa,YAAU,oBAAA"}

package/dist/dialog/dialogIcon.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{Icon as r}from"../icon/icon.js";import{dialogStatusMapping as i}from"./consts.js";import{useDialogContext as a}from"./context.js";import{jsx as o}from"react/jsx-runtime";const s=n((n,s)=>{let{className:c,...l}=n,{status:u=``}=a()??{},d=t(`Dialog`,a()),{iconProps:f}=i[u]??{};return o(r,{className:e(`vui-dialogIcon`,c),mr:2,ref:s,...d.icon,...f,...l})});s.displayName=`DialogIcon`;var c=s;export{s as DialogIcon,c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{Icon as r}from"../icon/icon.js";import{dialogStatusMapping as i}from"./consts.js";import{useDialogContext as a}from"./context.js";import{jsx as o}from"react/jsx-runtime";const s=n((n,s)=>{let{className:c,...l}=n,{status:u=``}=a()??{},d=t(`Dialog`,a()),{iconProps:f}=i[u]??{};return o(r,{className:e(`vui-dialogIcon`,c),mr:2,ref:s,...d.icon,...f,...l})});s.displayName=`DialogIcon`;var c=s;export{s as DialogIcon,c as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=dialogIcon.js.map

package/dist/dialog/dialogSubmitButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogSubmitButton.d.ts","names":[],"sources":["../../src/dialog/dialogSubmitButton.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,2CAAkB"}
+{"version":3,"file":"dialogSubmitButton.d.ts","names":[],"sources":["../../src/dialog/dialogSubmitButton.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,oBAAkB,uBAAA"}

package/dist/dialog/dialogSubmitButton.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{Button as r}from"../button/button.js";import{useDialogContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Dialog`,i());return a(r,{className:e(`vui-dialogSubmitButton`,s),ml:2,ref:o,text:`Submit`,...l.submitButton,...c})});o.displayName=`DialogSubmitButton`;var s=o;export{o as DialogSubmitButton,s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{Button as r}from"../button/button.js";import{useDialogContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Dialog`,i());return a(r,{className:e(`vui-dialogSubmitButton`,s),ml:2,ref:o,text:`Submit`,...l.submitButton,...c})});o.displayName=`DialogSubmitButton`;var s=o;export{o as DialogSubmitButton,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=dialogSubmitButton.js.map

package/dist/dialog/dialogTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogTitle.d.ts","names":[],"sources":["../../src/dialog/dialogTitle.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,gCAAW"}
+{"version":3,"file":"dialogTitle.d.ts","names":[],"sources":["../../src/dialog/dialogTitle.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,aAAW,mBAAA"}

package/dist/dialog/dialogTitle.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useDialogContext as r}from"./context.js";import{H4 as i}from"../heading/headings.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,{titleId:l}=r()??{},u=t(`Dialog`,r());return a(i,{className:e(`vui-dialogTitle`,s),id:l,ref:o,...u.title,...c})});o.displayName=`DialogTitle`;var s=o;export{o as DialogTitle,s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useDialogContext as r}from"./context.js";import{H4 as i}from"../heading/headings.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,{titleId:l}=r()??{},u=t(`Dialog`,r());return a(i,{className:e(`vui-dialogTitle`,s),id:l,ref:o,...u.title,...c})});o.displayName=`DialogTitle`;var s=o;export{o as DialogTitle,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=dialogTitle.js.map

package/dist/dialog/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{size:`md`},parts:[`container`,`body`,`cancelButton`,`closeButton`,`footer`,`header`,`icon`,`submitButton`,`title`],sizes:{md:{container:{maxW:520}},lg:{container:{maxW:640}},fullWidth:{}},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+var e={baseStyle:{},defaultProps:{size:`md`},parts:[`container`,`body`,`cancelButton`,`closeButton`,`footer`,`header`,`icon`,`submitButton`,`title`],sizes:{md:{container:{maxW:520}},lg:{container:{maxW:640}},fullWidth:{}},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=theme.js.map

package/dist/dialog/useDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDialog.d.ts","names":[],"sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":[],"mappings":";cAKa;EAAA,WAAA,EA6DZ,CAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,GA1DuD,OA0DvD,CAAA,OAAA,CAAA;EAAA,UAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,KAAA,CAAA,EAAA,MAAA,EAAA,GAhCiD,OAgCjD,CAAA,MAAA,GAAA,KAAA,CAAA"}
+{"version":3,"file":"useDialog.d.ts","names":[],"sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":[],"mappings":";cAKa;EAAA,WAAA,CAAA,CA6DZ,CAAA,KAAA,CAAA,CAAA,MAAA,CAAA,CAAA,OAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CA1DuD,OA0DvD,CAAA,OAAA,CAAA;EAAA,UAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,MAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAhCiD,OAgCjD,CAAA,MAAA,CAAA,CAAA,CAAA,KAAA,CAAA"}

package/dist/dialog/useDialog.js

@@ -1,2 +1,2 @@
-import{useVuiContext as e}from"../core/vuiProvider/context.js";import{Box as t}from"../box/box.js";import{Input as n}from"../input/input.js";import r from"./dialog.js";import{jsx as i}from"react/jsx-runtime";const a=()=>{let{setPortalSlot:a}=e();return{showConfirm:(e,t)=>new Promise(n=>a(i(r,{body:t,cancelButton:{onClick:()=>{n(!1),a(null)},text:`Cancel`},closeButton:!1,isOpen:!0,submitButton:{onClick:()=>{n(!0),a(null)},text:`Confirm`},title:e}))),showPrompt:(e,o=``)=>new Promise(s=>{let c=o;a(i(r,{body:i(t,{px:3,py:2,children:i(n,{onChange:e=>c=e.target.value,value:o})}),cancelButton:{onClick:()=>{s(!1),a(null)},text:`Cancel`},closeButton:!1,isOpen:!0,submitButton:{onClick:()=>{s(c),a(null)},text:`Submit`},title:e}))})}};export{a as useDialog};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{useVuiContext as e}from"../core/vuiProvider/context.js";import{Box as t}from"../box/box.js";import{Input as n}from"../input/input.js";import r from"./dialog.js";import{jsx as i}from"react/jsx-runtime";const a=()=>{let{setPortalSlot:a}=e();return{showConfirm:(e,t)=>new Promise(n=>a(i(r,{body:t,cancelButton:{onClick:()=>{n(!1),a(null)},text:`Cancel`},closeButton:!1,isOpen:!0,submitButton:{onClick:()=>{n(!0),a(null)},text:`Confirm`},title:e}))),showPrompt:(e,o=``)=>new Promise(s=>{let c=o;a(i(r,{body:i(t,{px:3,py:2,children:i(n,{onChange:e=>c=e.target.value,value:o})}),cancelButton:{onClick:()=>{s(!1),a(null)},text:`Cancel`},closeButton:!1,isOpen:!0,submitButton:{onClick:()=>{s(c),a(null)},text:`Submit`},title:e}))})}};export{a as useDialog};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=useDialog.js.map

package/dist/divider/divider.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { DividerProps } from "./divider.types.js";
-import * as styled_components18 from "styled-components";
+import * as styled_components23 from "styled-components";
 
 //#region src/divider/divider.d.ts
-declare const DividerBase: styled_components18.StyledComponent<"hr", styled_components18.DefaultTheme, SystemProps, never>;
+declare const DividerBase: styled_components23.StyledComponent<"hr", styled_components23.DefaultTheme, SystemProps, never>;
 /** Visually separates content with a horizontal or vertical line. */
 declare const Divider: VuiComponent<"hr", DividerProps>;
 //#endregion

package/dist/divider/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","names":[],"sources":["../../src/divider/divider.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIa,aAAW,mBAAA,CAAA,sBAEvB,mBAAA,CAFuB,YAAA;;cAKX,4BAAO"}
+{"version":3,"file":"divider.d.ts","names":[],"sources":["../../src/divider/divider.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIa,aAAW,mBAAA,CAAA,sBAEvB,mBAAA,CAFuB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAKX,SAAO,mBAAA"}

package/dist/divider/divider.js

@@ -1,4 +1,4 @@
 import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{omitThemingProps as n,useStyleConfig as r}from"../core/theme.js";import{styled as i}from"../core/styled.js";import{vui as a}from"../core/vui.js";import{jsx as o}from"react/jsx-runtime";const s=i.hrBox`
   border-color: sandstone.90;
-`,c=a((i,a)=>{let{className:c,isVertical:l,width:u,...d}=n(i),f=r(`Divider`,i),p=`border${l?`Right`:`Bottom`}Width`,m=l?`100%`:``,h=e({[p]:u??1});return o(s,{className:t(`vui-divider`,c),h:m,ref:a,...f,...h,...d})});c.displayName=`Divider`;var l=c;export{c as Divider,s as DividerBase,l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+`,c=a((i,a)=>{let{className:c,isVertical:l,width:u,...d}=n(i),f=r(`Divider`,i),p=`border${l?`Right`:`Bottom`}Width`,m=l?`100%`:``,h=e({[p]:u??1});return o(s,{className:t(`vui-divider`,c),h:m,ref:a,...f,...h,...d})});c.displayName=`Divider`;var l=c;export{c as Divider,s as DividerBase,l as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=divider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"divider.types.d.ts","names":[],"sources":["../../src/divider/divider.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,YAAA,GAAe,cACzB;;;EADU;EAAY,UAAA,CAAA,EAAA,OAAA;;OACtB,CAAA,EAMU,YANV,CAAA,aAAA,CAAA"}
+{"version":3,"file":"divider.types.d.ts","names":[],"sources":["../../src/divider/divider.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,YAAA,CAAA,CAAA,CAAe,cACzB;;;EADU,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,IAAA,CAAA,UAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAAY,UAAA,CAAA,CAAA,CAAA,OAAA;;OACtB,CAAA,CAAA,CAMU,YANV,CAAA,CAAA,WAAA,CAAA,CAAA"}

package/dist/divider/theme.js

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

package/dist/dragAndDrop/dragAndDrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dragAndDrop.d.ts","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.tsx"],"sourcesContent":[],"mappings":";;;;;cAwBa,mCAAW"}
+{"version":3,"file":"dragAndDrop.d.ts","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.tsx"],"sourcesContent":[],"mappings":";;;;;cAwBa,aAAW,sBAAA"}

package/dist/dragAndDrop/dragAndDrop.js

@@ -3,5 +3,5 @@ import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleCon
   min-width: 0;
   transition-duration: normal;
   justify-content: center;
-`,f=i((r,i)=>{let{accept:f,className:p,icon:m=`falCloudUpload`,selectFolderOnClick:h,selectFolderOnDrop:g,onFilesAdded:_,multiple:v=!0,text:y=`Click or drag files to this area`,children:b,disabled:x,...S}=t(r),C=s(null),w=n(`DragAndDrop`,r),T=e=>Array.from(e).map(e=>e),E=e=>{if(e.preventDefault(),x)return;let t=T(e?.currentTarget?.files);t?.length&&(_?.(t),e.currentTarget.type=``,e.currentTarget.type=u)},D=e=>{let t=(e,r=``)=>new Promise(i=>{if(e.isFile)e.file(e=>{e.filepath=r+e.name,n.push(e),i([e])});else if(e.isDirectory){let n=e;n.createReader().readEntries(e=>{let a=e.map(e=>t(e,r+n.name+`/`));i(Promise.all(a).then(e=>[].concat(...e)))})}}),n=[];return new Promise((r,i)=>{let a=[];for(let n=0;n<e.length;n++){let r=e[n].webkitGetAsEntry();r&&a.push(t(r))}Promise.all(a).then(()=>r(n)).catch(i)})},O=e=>{if(e.preventDefault(),x)return;if(g){let t=e.dataTransfer.items;D(t).then(e=>e?.length&&_?.(e));return}let t=e.dataTransfer?.files?T(e.dataTransfer.files):[];t?.length&&_?.(t)};return l(d,{className:e(`vui-drag-and-drop`,p),cursor:x?`not-allowed`:`pointer`,onDragEnter:e=>e.preventDefault(),onDragOver:e=>e.preventDefault(),onDrop:e=>O(e),opacity:x?.5:1,p:5,pointerEvents:x?`none`:`auto`,ref:i,...w,...S,children:[b||l(o,{display:`flex`,children:[c(a,{mr:1,name:m}),y]}),c(`input`,{accept:f,className:`vui-drag-and-drop-hidden-input`,multiple:v,onChange:E,ref:C,style:{display:`none`},type:u,...h&&{webkitdirectory:`true`,directory:`true`}})]})});f.displayName=`DragAndDrop`;export{f as DragAndDrop};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+`,f=i((r,i)=>{let{accept:f,className:p,icon:m=`falCloudUpload`,selectFolderOnClick:h,selectFolderOnDrop:g,onFilesAdded:_,multiple:v=!0,text:y=`Click or drag files to this area`,children:b,disabled:x,...S}=t(r),C=s(null),w=n(`DragAndDrop`,r),T=e=>Array.from(e).map(e=>e),E=e=>{if(e.preventDefault(),x)return;let t=T(e?.currentTarget?.files);t?.length&&(_?.(t),e.currentTarget.type=``,e.currentTarget.type=u)},D=e=>{let t=(e,r=``)=>new Promise(i=>{if(e.isFile)e.file(e=>{e.filepath=r+e.name,n.push(e),i([e])});else if(e.isDirectory){let n=e;n.createReader().readEntries(e=>{let a=e.map(e=>t(e,r+n.name+`/`));i(Promise.all(a).then(e=>[].concat(...e)))})}}),n=[];return new Promise((r,i)=>{let a=[];for(let n=0;n<e.length;n++){let r=e[n].webkitGetAsEntry();r&&a.push(t(r))}Promise.all(a).then(()=>r(n)).catch(i)})},O=e=>{if(e.preventDefault(),x)return;if(g){let t=e.dataTransfer.items;D(t).then(e=>e?.length&&_?.(e));return}let t=e.dataTransfer?.files?T(e.dataTransfer.files):[];t?.length&&_?.(t)};return l(d,{className:e(`vui-drag-and-drop`,p),cursor:x?`not-allowed`:`pointer`,onDragEnter:e=>e.preventDefault(),onDragOver:e=>e.preventDefault(),onDrop:e=>O(e),opacity:x?.5:1,p:5,pointerEvents:x?`none`:`auto`,ref:i,...w,...S,children:[b||l(o,{display:`flex`,children:[c(a,{mr:1,name:m}),y]}),c(`input`,{accept:f,className:`vui-drag-and-drop-hidden-input`,multiple:v,onChange:E,ref:C,style:{display:`none`},type:u,...h&&{webkitdirectory:`true`,directory:`true`}})]})});f.displayName=`DragAndDrop`;export{f as DragAndDrop};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=dragAndDrop.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dragAndDrop.types.d.ts","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.types.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,gBAAA,GAAmB,KAAK,uBAClC;;EADU,MAAA,CAAA,EAAA,MAAA;EAAgB;UAAQ,CAAA,EAAA,OAAA;;MAClC,CAAA,EAMS,QANT;;qBAgByB,CAAA,EAAA,OAAA;EAAI;;;;;;;yBAAJ"}
+{"version":3,"file":"dragAndDrop.types.d.ts","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.types.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,gBAAA,CAAA,CAAA,CAAmB,KAAK,uBAClC;;EADU,MAAA,CAAA,CAAA,CAAA,MAAA;EAAgB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA;UAAQ,CAAA,CAAA,CAAA,OAAA;;MAClC,CAAA,CAAA,CAMS,QANT;;qBAgByB,CAAA,CAAA,CAAA,OAAA;EAAI,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,MAAA,CAAA,SAAA,CAAA,KAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA;;;;;;;yBAAJ"}

package/dist/dragAndDrop/theme.js

@@ -1,2 +1,2 @@
-const e={bg:`skyBlue.95`,main:`seaBlue.main`,hover:`skyBlue.90`},t={borderWidth:2,borderStyle:`solid`,borderColor:`transparent`,bg:e.bg,color:e.main,hoverBg:e.hover},n={variant:`default`},r={},i={default:{},outlined:{borderColor:e.main,borderStyle:`dashed`}};var a={baseStyle:t,defaultProps:n,sizes:r,variants:i};export{a as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+const e={bg:`skyBlue.95`,main:`seaBlue.main`,hover:`skyBlue.90`};var t={baseStyle:{borderWidth:2,borderStyle:`solid`,borderColor:`transparent`,bg:e.bg,color:e.main,hoverBg:e.hover},defaultProps:{variant:`default`},sizes:{},variants:{default:{},outlined:{borderColor:e.main,borderStyle:`dashed`}}};export{t as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=theme.js.map

package/dist/dragAndDrop/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/dragAndDrop/theme.ts"],"sourcesContent":["const colors = {\n  bg: 'skyBlue.95',\n  main: 'seaBlue.main',\n  hover: 'skyBlue.90',\n}\n\nconst baseStyle = {\n  borderWidth: 2,\n  borderStyle: 'solid',\n  borderColor: 'transparent',\n  bg: colors.bg,\n  color: colors.main,\n  hoverBg: colors.hover,\n}\n\nconst defaultProps = {\n  variant: 'default',\n}\n\nconst sizes = {}\n\nconst variants = {\n  default: {},\n  outlined: {\n    borderColor: colors.main,\n    borderStyle: 'dashed',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AAAA,MAAM,EAAS,CACb,GAAI,aACJ,KAAM,eACN,MAAO,aACR,CAEK,EAAY,CAChB,YAAa,EACb,YAAa,QACb,YAAa,cACb,GAAI,EAAO,GACX,MAAO,EAAO,KACd,QAAS,EAAO,MACjB,CAEK,EAAe,CACnB,QAAS,UACV,CAEK,EAAQ,EAAE,CAEV,EAAW,CACf,QAAS,EAAE,CACX,SAAU,CACR,YAAa,EAAO,KACpB,YAAa,SACd,CACF,CAED,IAAA,EAAe,CACb,YACA,eACA,QACA,WACD"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/dragAndDrop/theme.ts"],"sourcesContent":["const colors = {\n  bg: 'skyBlue.95',\n  main: 'seaBlue.main',\n  hover: 'skyBlue.90',\n}\n\nconst baseStyle = {\n  borderWidth: 2,\n  borderStyle: 'solid',\n  borderColor: 'transparent',\n  bg: colors.bg,\n  color: colors.main,\n  hoverBg: colors.hover,\n}\n\nconst defaultProps = {\n  variant: 'default',\n}\n\nconst sizes = {}\n\nconst variants = {\n  default: {},\n  outlined: {\n    borderColor: colors.main,\n    borderStyle: 'dashed',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AAAA,MAAM,EAAS,CACb,GAAI,aACJ,KAAM,eACN,MAAO,aACR,CAyBD,IAAA,EAAe,CACb,UAxBgB,CAChB,YAAa,EACb,YAAa,QACb,YAAa,cACb,GAAI,EAAO,GACX,MAAO,EAAO,KACd,QAAS,EAAO,MACjB,CAkBC,aAhBmB,CACnB,QAAS,UACV,CAeC,MAbY,EAAE,CAcd,SAZe,CACf,QAAS,EAAE,CACX,SAAU,CACR,YAAa,EAAO,KACpB,YAAa,SACd,CACF,CAOA"}

package/dist/drawer/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../src/drawer/drawer.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,4BAAM"}
+{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../src/drawer/drawer.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,QAAM,oBAAA"}

package/dist/drawer/drawer.js

@@ -1,2 +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 a from"../dialog/dialog.js";import{jsx as o}from"react/jsx-runtime";const s=r((r,s)=>{let{children:c,className:l,dialogProps:u,isLeft:d,isOpen:f,onClose:p}=t(r),m=n(`Drawer`,r);return o(a,{isOpen:f,onClose:p,placement:d?`left`:`right`,ref:s,...u,children:o(i,{className:e(`vui-drawer`,l),column:!0,p:3,...m,h:`100vh`,overflow:`hidden`,children:c})})});s.displayName=`Drawer`;export{s as Drawer};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+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 a from"../dialog/dialog.js";import{jsx as o}from"react/jsx-runtime";const s=r((r,s)=>{let{children:c,className:l,dialogProps:u,isLeft:d,isOpen:f,onClose:p}=t(r),m=n(`Drawer`,r);return o(a,{isOpen:f,onClose:p,placement:d?`left`:`right`,ref:s,...u,children:o(i,{className:e(`vui-drawer`,l),column:!0,p:3,...m,h:`100vh`,overflow:`hidden`,children:c})})});s.displayName=`Drawer`;export{s as Drawer};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=drawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.types.d.ts","names":[],"sources":["../../src/drawer/drawer.types.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,WAAA,GAAc,cACxB;;EADU,WAAA,CAAA,EAGM,WAHK;EAAA;QAAG,CAAA,EAAA,OAAA;;QAGR,CAAA,EAAA,OAAA;EAAW"}
+{"version":3,"file":"drawer.types.d.ts","names":[],"sources":["../../src/drawer/drawer.types.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,WAAA,CAAA,CAAA,CAAc,cACxB;;EADU,WAAA,CAAA,CAAA,CAGM,WAHK;EAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;QAAG,CAAA,CAAA,CAAA,OAAA;;QAGR,CAAA,CAAA,CAAA,OAAA;EAAW,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA"}

package/dist/drawer/theme.js

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

package/dist/focusLock/focusLock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focusLock.d.ts","names":[],"sources":["../../src/focusLock/focusLock.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAaA;;;AAA4C,cAA/B,SAA+B,EAApB,EAAoB,CAAjB,cAAiB,GAAA,YAAA,CAAA"}
+{"version":3,"file":"focusLock.d.ts","names":[],"sources":["../../src/focusLock/focusLock.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAaA,CAAA;;;AAA4C,OAAA,CAAA,KAAA,CAA/B,SAA+B,CAAA,CAApB,EAAoB,CAAjB,cAAiB,CAAA,CAAA,CAAA,YAAA,CAAA"}

package/dist/focusLock/focusLock.js

@@ -1,2 +1,2 @@
-import{useCallback as e}from"react";import{jsx as t}from"react/jsx-runtime";import n from"react-focus-lock";const r=r=>{let{autoFocus:i,children:a,crossFrame:o,finalFocusRef:s,initialFocusRef:c,isDisabled:l,persistentFocus:u,returnFocus:d}=r,f=e(()=>{c?.current?.focus()},[c]),p=e(()=>{s?.current?.focus()},[s]);return t(n,{autoFocus:i,crossFrame:o,disabled:l,onActivation:f,onDeactivation:p,persistentFocus:u,returnFocus:d&&!s,children:a})};r.displayName=`FocusLock`;var i=r;export{r as FocusLock,i as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{useCallback as e}from"react";import{jsx as t}from"react/jsx-runtime";import n from"react-focus-lock";const r=r=>{let{autoFocus:i,children:a,crossFrame:o,finalFocusRef:s,initialFocusRef:c,isDisabled:l,persistentFocus:u,returnFocus:d}=r;return t(n,{autoFocus:i,crossFrame:o,disabled:l,onActivation:e(()=>{c?.current?.focus()},[c]),onDeactivation:e(()=>{s?.current?.focus()},[s]),persistentFocus:u,returnFocus:d&&!s,children:a})};r.displayName=`FocusLock`;var i=r;export{r as FocusLock,i as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=focusLock.js.map

package/dist/focusLock/focusLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusLock.js","names":["FocusLock: FC<FocusLockProps & ChildrenProp>"],"sources":["../../src/focusLock/focusLock.tsx"],"sourcesContent":["import type { FC } from 'react'\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":"4GAaA,MAAaA,EAA+C,GAAS,CACnE,GAAM,CACJ,YACA,WACA,aACA,gBACA,kBACA,aACA,kBACA,YAAa,GACX,EAEE,EAAe,MAAkB,CACrC,GAAiB,SAAS,OAAO,EAChC,CAAC,EAAgB,CAAC,CAEf,EAAiB,MAAkB,CACvC,GAAe,SAAS,OAAO,EAC9B,CAAC,EAAc,CAAC,CAInB,OACE,EAAC,EAAA,CACY,YACC,aACZ,SAAU,EACI,eACE,iBACC,kBACjB,YAVgB,GAAmB,CAAC,EAYnC,YACc,EAIrB,EAAU,YAAc,YACxB,IAAA,EAAe"}
+{"version":3,"file":"focusLock.js","names":["FocusLock: FC<FocusLockProps & ChildrenProp>"],"sources":["../../src/focusLock/focusLock.tsx"],"sourcesContent":["import type { FC } from 'react'\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":"4GAaA,MAAaA,EAA+C,GAAS,CACnE,GAAM,CACJ,YACA,WACA,aACA,gBACA,kBACA,aACA,kBACA,YAAa,GACX,EAYJ,OACE,EAAC,EAAA,CACY,YACC,aACZ,SAAU,EACV,aAfiB,MAAkB,CACrC,GAAiB,SAAS,OAAO,EAChC,CAAC,EAAgB,CAAC,CAcjB,eAZmB,MAAkB,CACvC,GAAe,SAAS,OAAO,EAC9B,CAAC,EAAc,CAAC,CAWE,kBACjB,YAVgB,GAAmB,CAAC,EAYnC,YACc,EAIrB,EAAU,YAAc,YACxB,IAAA,EAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"focusLock.types.d.ts","names":[],"sources":["../../src/focusLock/focusLock.types.ts"],"sourcesContent":[],"mappings":";KAAY,gBAAA;EAAA,KAAA,CAAA,OAAgB,CAAhB,EACM,YADU,CAAA,EACV,IAAA;AAGlB,CAAA;AAA0B,KAAd,cAAA,GAAc;;;;;EAgBS,SAAA,CAAA,EAAA,OAAA;;;;;;;;;kBAFjB,KAAA,CAAM,UAAU;;oBAEd,KAAA,CAAM,UAAU"}
+{"version":3,"file":"focusLock.types.d.ts","names":[],"sources":["../../src/focusLock/focusLock.types.ts"],"sourcesContent":[],"mappings":";KAAY,gBAAA,CAAA,CAAA;EAAA,KAAA,CAAA,OAAgB,CAAhB,CAAA,CACM,YADU,CAAA,CAAA,CACV,IAAA;AAGlB,CAAA;AAA0B,IAAA,CAAd,cAAA,CAAA,CAAA,CAAc;;;;;EAgBS,SAAA,CAAA,CAAA,CAAA,OAAA;;;;;;;;;kBAFjB,KAAA,CAAM,UAAU;;oBAEd,KAAA,CAAM,UAAU"}

package/dist/footer/applicationFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"applicationFooter.d.ts","names":[],"sources":["../../src/footer/applicationFooter.tsx"],"sourcesContent":[],"mappings":";;;;cAMa,uCAAiB"}
+{"version":3,"file":"applicationFooter.d.ts","names":[],"sources":["../../src/footer/applicationFooter.tsx"],"sourcesContent":[],"mappings":";;;;cAMa,mBAAiB,oBAAA,KAgE5B,WAAA,CAAA"}

package/dist/footer/applicationFooter.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{defaultLinkedInUrl as n}from"./footerTrademark.js";import r from"./footer.js";import{jsx as i}from"react/jsx-runtime";const a=t((t,a)=>{let{applicationLinks:o,applicationStaticItems:s=[],className:c,isDNV:l=!1,linkedIn:u,...d}=t,f=[],p=``;return l?(s.splice(0,s.length),f.push({id:`linked-in`,text:`LinkedIn`,url:`https://www.linkedin.com/showcase/dnv-digital/`}),f.push({id:`twitter`,text:`Twitter`,url:`https://twitter.com/DNV_Group`}),f.push({id:`facebook`,text:`FB`,url:`https://www.facebook.com/dnvglsoftware`}),f.push({id:`youtube`,text:`Youtube`,url:`https://www.youtube.com/user/DNVsoftware`}),p=`https://www.linkedin.com/company/4411`):(s.splice(2,s.length-1),f.push({id:`linked-in`,text:`LinkedIn`,url:n}),p=u||n),i(r,{applicationLinks:o,applicationSocialLinks:f,applicationStaticItems:s,className:e(`vui-applicationFooter`,l?`vui-applicationDNVFooter`:`vui-applicationVeracityFooter`,c),isApplication:!0,isDNV:l,isSlim:!0,linkedIn:p,ref:a,variant:`developer`,...d})});a.displayName=`ApplicationFooter`;export{a as ApplicationFooter};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{defaultLinkedInUrl as n}from"./footerTrademark.js";import r from"./footer.js";import{jsx as i}from"react/jsx-runtime";const a=t((t,a)=>{let{applicationLinks:o,applicationStaticItems:s=[],className:c,isDNV:l=!1,linkedIn:u,...d}=t,f=[],p=``;return l?(s.splice(0,s.length),f.push({id:`linked-in`,text:`LinkedIn`,url:`https://www.linkedin.com/showcase/dnv-digital/`}),f.push({id:`twitter`,text:`Twitter`,url:`https://twitter.com/DNV_Group`}),f.push({id:`facebook`,text:`FB`,url:`https://www.facebook.com/dnvglsoftware`}),f.push({id:`youtube`,text:`Youtube`,url:`https://www.youtube.com/user/DNVsoftware`}),p=`https://www.linkedin.com/company/4411`):(s.splice(2,s.length-1),f.push({id:`linked-in`,text:`LinkedIn`,url:n}),p=u||n),i(r,{applicationLinks:o,applicationSocialLinks:f,applicationStaticItems:s,className:e(`vui-applicationFooter`,l?`vui-applicationDNVFooter`:`vui-applicationVeracityFooter`,c),isApplication:!0,isDNV:l,isSlim:!0,linkedIn:p,ref:a,variant:`developer`,...d})});a.displayName=`ApplicationFooter`;export{a as ApplicationFooter};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=applicationFooter.js.map

package/dist/footer/context.js

@@ -1,2 +1,2 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as FooterProvider,n as useFooterContext};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as FooterProvider,n as useFooterContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=context.js.map

package/dist/footer/footer.d.ts

@@ -7,10 +7,10 @@ import { FooterHeading } from "./footerHeading.js";
 import { FooterLink } from "./footerLink.js";
 import { FooterRow } from "./footerRow.js";
 import { FooterSection } from "./footerSection.js";
-import * as styled_components68 from "styled-components";
+import * as styled_components15 from "styled-components";
 
 //#region src/footer/footer.d.ts
-declare const FooterBase: styled_components68.StyledComponent<"div", styled_components68.DefaultTheme, SystemProps, never>;
+declare const FooterBase: styled_components15.StyledComponent<"div", styled_components15.DefaultTheme, SystemProps, never>;
 /** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */
 declare const Footer: VuiComponent<"div", FooterProps> & {
   Column: typeof FooterColumn;

package/dist/footer/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","names":[],"sources":["../../src/footer/footer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;cAoBa,YAAU,mBAAA,CAAA,uBAItB,mBAAA,CAJsB,YAAA;;cASV,QAkNP,oBAAoB;iBACT;EA5NJ,OAAA,EAAA,OA6NK,aAzNjB;EAAA,OAAA,EAAA,OA0NiB,aA1NjB;MAAA,EAAA,OA2Nc,UA/NQ;cAgOT;SAhOS,EAAA,OAiOL,aAjOK;CAAA"}
+{"version":3,"file":"footer.d.ts","names":[],"sources":["../../src/footer/footer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;cAoBa,YAAU,mBAAA,CAAA,uBAItB,mBAAA,CAJsB,YAAA,CAAA,CAAA,WAAA,CAAA;;cASV,QAkNP,oBAAoB;iBACT;EA5NJ,OAAA,CAAA,CAAA,MAAA,CA6NK,aAzNjB;EAAA,OAAA,CAAA,CAAA,MAAA,CA0NiB,aA1NjB;MAAA,CAAA,CAAA,MAAA,CA2Nc,UA/NQ;KAAA,CAAA,CAAA,MAAA,CAgOT,SAhOS;SAAA,CAAA,CAAA,MAAA,CAiOL,aAjOK;CAAA"}

package/dist/footer/footer.js

@@ -2,5 +2,5 @@ import{getCurrentYear as e}from"../utils/dates.js";import{cs as t}from"../utils/
   background-color: darkBlue.main;
   color: white;
   padding: 5 3;
-`,T=e(),E=a((e,i)=>{let{applicationLinks:a,applicationSocialLinks:m=[],applicationStaticItems:h=[],children:E,className:D,columns:O,isApplication:k=!1,isDNV:A=!1,linkedIn:j,size:M,variant:N,isSlim:P,...F}=e,I={size:M,variant:N},L=n(`Footer`,e);k&&!a&&console.error(`Footer: isApplication is true but applicationLinks  not set.`);let R=[{id:`home`,text:`veracity.com`,url:`https://www.veracity.com/`}];O?.map(e=>{e.map(e=>{e.links?.map(e=>{e&&[`home`,`support`,`status`].includes(e.id||``)&&R.push(e)})})});let z=r(`md`),B=r(`lg`);return S(d,{value:I,children:C(w,{className:t(`vui-footer`,k?`vui-footer-app`:``,D),px:k?`40px`:3,py:P?z?`16px`:`9px`:5,role:`contentinfo`,...L.container,ref:i,...F,children:[k&&S(v,{alignContent:`center`,alignItems:`center`,maxW:`100%`,children:C(g,{alignContent:`space-between`,w:1,children:[S(o,{alignItems:`self-start`,columnGap:3,flex:{xs:`0 0 100%`,sm:`0 0 100%`,md:`0 0 100%`,lg:`0 0 50%`},py:{xs:1,sm:1,md:1.25,lg:1.5},wrap:!0,children:a?.map((e,t)=>C(o,{flex:{xs:`0 0 100%`,sm:`0 0 auto`},children:[e.items&&C(u,{isLazy:!1,offset:[-16,9],placement:`top-start`,size:`sm`,...F,children:[S(u.Button,{as:l,className:`vui-footerLink-trigger`,pt:`3px`,role:`button`,text:e.text,title:e.text,...L.link,...F}),S(u.List,{maxH:400,right:0,w:320,...L.list,children:e.items.map(({text:e,url:t},n)=>S(u.Item,{isTruncated:!0,linkProps:{href:t},text:e,title:e,...L.item},n))})]}),!e.items&&S(p,{...e,href:e.url})]},t))}),B&&S(c,{borderColor:`sandstone.main`,mb:.5,mt:1,w:1}),C(o,{centerV:!0,columnGap:3,flex:{xs:`0 0 100%`,sm:`0 0 100%`,md:`0 0 100%`,lg:`0 0 50%`},justifyContent:{sm:`center`,lg:`flex-end`},py:{xs:1,sm:1,md:1.25,lg:1.5},wrap:!0,children:[h?.map((e,t)=>S(o,{children:S(s,{size:`sm`,children:e})},t)),A?S(o,{children:C(s,{size:`sm`,children:[`© DNV AS `,T]})}):S(o,{children:C(s,{size:`sm`,children:[S(s,{fontWeight:`600`,children:`Veracity by DNV`}),`, DNV AS`]})}),C(o,{children:[m?.map((e,t)=>S(l,{"aria-label":e.text,fontWeight:`demi`,href:e.url,iconLeft:S(l.Icon,{name:`${e.text===`Twitter`?`brandX`+e.text+`Solid`:`brandCircle`+e.text}`,radius:`50%`,size:`xs`}),isExternal:!0,mr:1,size:{_:`sm`,md:`md`},...L.link},t)),S(l,{fontWeight:`demi`,href:j??x,isExternal:!0,size:{_:`sm`,md:`md`},...L.link,children:S(f,{fontSize:`16px`,mb:0,text:`Follow us`})})]})]})]})}),!k&&P&&S(v,{alignContent:`center`,alignItems:`center`,maxW:{xs:343,sm:305,md:720,lg:975},children:C(g,{children:[R.map(({text:e,url:t,id:n},r)=>{if(!(B&&n===`support`))return S(y,{children:S(p,{href:t,text:e})},r)}),z&&S(c,{borderColor:`sandstone.main`,mb:.5,mt:1,w:1}),S(y,{centerV:!0,children:C(s,{size:`xs`,children:[S(s,{fontWeight:`demi`,children:`Veracity by DNV`}),`, DNV AS`]})}),S(y,{children:S(l,{fontWeight:`demi`,href:j??x,iconLeft:S(l.Icon,{mr:1,name:`brandCircleLinkedIn`,radius:`50%`,size:`xs`}),isExternal:!0,size:{_:`sm`,md:`md`},...L.link,children:S(f,{fontSize:`16px`,mb:0,text:`Follow us`})})})]})}),!k&&!P&&C(v,{children:[S(_,{columns:O}),E||O?S(c,{borderColor:`sandstone.main`,my:4}):null,S(g,{children:S(b,{linkedIn:j})})]})]})})});E.Column=h,E.Content=v,E.Heading=f,E.Link=p,E.Row=g,E.Section=m,E.displayName=`Footer`;var D=E;export{E as Footer,w as FooterBase,D as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+`,T=e(),E=a((e,i)=>{let{applicationLinks:a,applicationSocialLinks:m=[],applicationStaticItems:h=[],children:E,className:D,columns:O,isApplication:k=!1,isDNV:A=!1,linkedIn:j,size:M,variant:N,isSlim:P,...F}=e,I={size:M,variant:N},L=n(`Footer`,e);k&&!a&&console.error(`Footer: isApplication is true but applicationLinks  not set.`);let R=[{id:`home`,text:`veracity.com`,url:`https://www.veracity.com/`}];O?.map(e=>{e.map(e=>{e.links?.map(e=>{e&&[`home`,`support`,`status`].includes(e.id||``)&&R.push(e)})})});let z=r(`md`),B=r(`lg`);return S(d,{value:I,children:C(w,{className:t(`vui-footer`,k?`vui-footer-app`:``,D),px:k?`40px`:3,py:P?z?`16px`:`9px`:5,role:`contentinfo`,...L.container,ref:i,...F,children:[k&&S(v,{alignContent:`center`,alignItems:`center`,maxW:`100%`,children:C(g,{alignContent:`space-between`,w:1,children:[S(o,{alignItems:`self-start`,columnGap:3,flex:{xs:`0 0 100%`,sm:`0 0 100%`,md:`0 0 100%`,lg:`0 0 50%`},py:{xs:1,sm:1,md:1.25,lg:1.5},wrap:!0,children:a?.map((e,t)=>C(o,{flex:{xs:`0 0 100%`,sm:`0 0 auto`},children:[e.items&&C(u,{isLazy:!1,offset:[-16,9],placement:`top-start`,size:`sm`,...F,children:[S(u.Button,{as:l,className:`vui-footerLink-trigger`,pt:`3px`,role:`button`,text:e.text,title:e.text,...L.link,...F}),S(u.List,{maxH:400,right:0,w:320,...L.list,children:e.items.map(({text:e,url:t},n)=>S(u.Item,{isTruncated:!0,linkProps:{href:t},text:e,title:e,...L.item},n))})]}),!e.items&&S(p,{...e,href:e.url})]},t))}),B&&S(c,{borderColor:`sandstone.main`,mb:.5,mt:1,w:1}),C(o,{centerV:!0,columnGap:3,flex:{xs:`0 0 100%`,sm:`0 0 100%`,md:`0 0 100%`,lg:`0 0 50%`},justifyContent:{sm:`center`,lg:`flex-end`},py:{xs:1,sm:1,md:1.25,lg:1.5},wrap:!0,children:[h?.map((e,t)=>S(o,{children:S(s,{size:`sm`,children:e})},t)),A?S(o,{children:C(s,{size:`sm`,children:[`© DNV AS `,T]})}):S(o,{children:C(s,{size:`sm`,children:[S(s,{fontWeight:`600`,children:`Veracity by DNV`}),`, DNV AS`]})}),C(o,{children:[m?.map((e,t)=>S(l,{"aria-label":e.text,fontWeight:`demi`,href:e.url,iconLeft:S(l.Icon,{name:`${e.text===`Twitter`?`brandX`+e.text+`Solid`:`brandCircle`+e.text}`,radius:`50%`,size:`xs`}),isExternal:!0,mr:1,size:{_:`sm`,md:`md`},...L.link},t)),S(l,{fontWeight:`demi`,href:j??x,isExternal:!0,size:{_:`sm`,md:`md`},...L.link,children:S(f,{fontSize:`16px`,mb:0,text:`Follow us`})})]})]})]})}),!k&&P&&S(v,{alignContent:`center`,alignItems:`center`,maxW:{xs:343,sm:305,md:720,lg:975},children:C(g,{children:[R.map(({text:e,url:t,id:n},r)=>{if(!(B&&n===`support`))return S(y,{children:S(p,{href:t,text:e})},r)}),z&&S(c,{borderColor:`sandstone.main`,mb:.5,mt:1,w:1}),S(y,{centerV:!0,children:C(s,{size:`xs`,children:[S(s,{fontWeight:`demi`,children:`Veracity by DNV`}),`, DNV AS`]})}),S(y,{children:S(l,{fontWeight:`demi`,href:j??x,iconLeft:S(l.Icon,{mr:1,name:`brandCircleLinkedIn`,radius:`50%`,size:`xs`}),isExternal:!0,size:{_:`sm`,md:`md`},...L.link,children:S(f,{fontSize:`16px`,mb:0,text:`Follow us`})})})]})}),!k&&!P&&C(v,{children:[S(_,{columns:O}),E||O?S(c,{borderColor:`sandstone.main`,my:4}):null,S(g,{children:S(b,{linkedIn:j})})]})]})})});E.Column=h,E.Content=v,E.Heading=f,E.Link=p,E.Row=g,E.Section=m,E.displayName=`Footer`;var D=E;export{E as Footer,w as FooterBase,D as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
 //# sourceMappingURL=footer.js.map