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

package/dist/tutorial/tutorialCard.js

@@ -1,2 +1,154 @@
-import{Box as e}from"../box/box.js";import{Icon as t}from"../icon/icon.js";import{Button as n}from"../button/button.js";import{Card as r}from"../card/card.js";import{H4 as i}from"../heading/headings.js";import{tutorialColors as a}from"./consts.js";import{TutorialStep as o}from"./tutorialStep.js";import{useEffect as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";function d({actionLabel:d=`Action`,className:f,title:p,readMoreLink:m,steps:h=[],showSkipButton:g,onAction:_,onDismiss:v,onFinish:y,includeFinalPage:b,useContentTitle:x}){let[S,C]=c([]),[w,T]=c(0);s(()=>{if(p&&h.length){let e=h.map((e,t)=>({active:!1,step:e,key:t})),t={title:`Completed!`,content:`${m?`To learn more, please visit:`:`Thank you!`}`};m&&(t.readMoreLink=m),C(b?[...e,{step:t,key:h.length}]:[...e])}},[p,h]);let E=w===0,D=b?w===h.length:w===h.length-1;return u(r,{bg:a.bg,className:f,color:a.color,column:!0,justifyContent:`space-between`,minH:400,px:3,py:2,w:580,children:[u(e,{alignContent:`center`,alignItems:`center`,flex:0,flexDirection:`row`,flexGrow:0,justifyContent:`space-between`,minH:48,row:!0,style:{WebkitFlexGrow:`0`},children:[l(i,{color:a.color,children:x?S[w]?.step?.title:p}),!D&&l(n,{"aria-label":`close`,icon:`uiTimes`,onClick:v,scale:2,variant:`tertiaryLight`})]}),l(e,{flex:5,row:!0,children:S?.map?.(e=>l(o,{active:e.key===w,content:e.step.content,readMoreLink:e.step.readMoreLink,title:e.step.title,useContentTitle:x},e.step.title))}),u(e,{alignItems:`center`,justifyContent:`space-between`,mt:0,children:[u(e,{alignItems:`center`,justifyContent:`space-between`,w:`-webkit-fill-available`,children:[l(n,{"aria-label":`previous`,color:a.buttonColor,disabled:E,icon:`uiArrowLeft`,onClick:()=>T(w-1),scale:2,transition:`none`,variant:`tertiaryLight`,w:`34`}),l(e,{className:`vuiTutorialStepDots`,children:S?.map?.(e=>l(t,{color:e.key===w?a.color:`darkBlue.30`,cursor:`pointer`,hoverColor:a.buttonColor,name:`uiDotFull`,onClick:()=>T(e.key)},e.key))}),l(n,{"aria-label":`next`,color:a.buttonColor,disabled:D,icon:`uiArrowRight`,onClick:()=>T(w+1),scale:2,transition:`none`,variant:`tertiaryLight`,w:`34`})]}),(g||D||!!_)&&u(e,{alignItems:`center`,justifyContent:`space-between`,children:[g&&!D&&l(n,{mx:1,onClick:v,variant:`secondaryLight`,children:`Skip`}),D&&l(n,{mx:1,onClick:y,variant:`primaryLight`,children:`I got it`}),!!_&&l(n,{ml:1,mr:g||D?12:2,onClick:_,variant:`primaryLight`,children:d})]})]})]})}d.displayName=`TutorialCard`;export{d as TutorialCard};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { Box } from "../box/box.js";
+import { Icon } from "../icon/icon.js";
+import { Button } from "../button/button.js";
+import { Card } from "../card/card.js";
+import { H4 } from "../heading/headings.js";
+import { tutorialColors } from "./consts.js";
+import { TutorialStep } from "./tutorialStep.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/tutorial/tutorialCard.tsx
+function TutorialCard({ actionLabel = "Action", className, title, readMoreLink, steps: propsSteps = [], showSkipButton, onAction, onDismiss, onFinish, includeFinalPage, useContentTitle }) {
+	const [steps, setSteps] = useState([]);
+	const [activeStep, setActiveStep] = useState(0);
+	useEffect(() => {
+		if (title && propsSteps.length) {
+			const s = propsSteps.map((step, key) => ({
+				active: false,
+				step,
+				key
+			}));
+			const finalStep = {
+				title: `Completed!`,
+				content: `${readMoreLink ? "To learn more, please visit:" : "Thank you!"}`
+			};
+			if (readMoreLink) finalStep.readMoreLink = readMoreLink;
+			includeFinalPage ? setSteps([...s, {
+				step: finalStep,
+				key: propsSteps.length
+			}]) : setSteps([...s]);
+		}
+	}, [title, propsSteps]);
+	const isStartStep = activeStep === 0;
+	const isFinalStep = includeFinalPage ? activeStep === propsSteps.length : activeStep === propsSteps.length - 1;
+	return /* @__PURE__ */ jsxs(Card, {
+		bg: tutorialColors.bg,
+		className,
+		color: tutorialColors.color,
+		column: true,
+		justifyContent: "space-between",
+		minH: 400,
+		px: 3,
+		py: 2,
+		w: 580,
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				alignContent: "center",
+				alignItems: "center",
+				flex: 0,
+				flexDirection: "row",
+				flexGrow: 0,
+				justifyContent: "space-between",
+				minH: 48,
+				row: true,
+				style: { WebkitFlexGrow: "0" },
+				children: [/* @__PURE__ */ jsx(H4, {
+					color: tutorialColors.color,
+					children: useContentTitle ? steps[activeStep]?.step?.title : title
+				}), !isFinalStep && /* @__PURE__ */ jsx(Button, {
+					"aria-label": "close",
+					icon: "uiTimes",
+					onClick: onDismiss,
+					scale: 2,
+					variant: "tertiaryLight"
+				})]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				flex: 5,
+				row: true,
+				children: steps?.map?.((s) => /* @__PURE__ */ jsx(TutorialStep, {
+					active: s.key === activeStep,
+					content: s.step.content,
+					readMoreLink: s.step.readMoreLink,
+					title: s.step.title,
+					useContentTitle
+				}, s.step.title))
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				alignItems: "center",
+				justifyContent: "space-between",
+				mt: 0,
+				children: [/* @__PURE__ */ jsxs(Box, {
+					alignItems: "center",
+					justifyContent: "space-between",
+					w: "-webkit-fill-available",
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							"aria-label": "previous",
+							color: tutorialColors.buttonColor,
+							disabled: isStartStep,
+							icon: "uiArrowLeft",
+							onClick: () => setActiveStep(activeStep - 1),
+							scale: 2,
+							transition: "none",
+							variant: "tertiaryLight",
+							w: "34"
+						}),
+						/* @__PURE__ */ jsx(Box, {
+							className: "vuiTutorialStepDots",
+							children: steps?.map?.((s) => /* @__PURE__ */ jsx(Icon, {
+								color: s.key === activeStep ? tutorialColors.color : "darkBlue.30",
+								cursor: "pointer",
+								hoverColor: tutorialColors.buttonColor,
+								name: "uiDotFull",
+								onClick: () => setActiveStep(s.key)
+							}, s.key))
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							"aria-label": "next",
+							color: tutorialColors.buttonColor,
+							disabled: isFinalStep,
+							icon: "uiArrowRight",
+							onClick: () => setActiveStep(activeStep + 1),
+							scale: 2,
+							transition: "none",
+							variant: "tertiaryLight",
+							w: "34"
+						})
+					]
+				}), (showSkipButton || isFinalStep || !!onAction) && /* @__PURE__ */ jsxs(Box, {
+					alignItems: "center",
+					justifyContent: "space-between",
+					children: [
+						showSkipButton && !isFinalStep && /* @__PURE__ */ jsx(Button, {
+							mx: 1,
+							onClick: onDismiss,
+							variant: "secondaryLight",
+							children: "Skip"
+						}),
+						isFinalStep && /* @__PURE__ */ jsx(Button, {
+							mx: 1,
+							onClick: onFinish,
+							variant: "primaryLight",
+							children: "I got it"
+						}),
+						!!onAction && /* @__PURE__ */ jsx(Button, {
+							ml: 1,
+							mr: showSkipButton || isFinalStep ? 12 : 2,
+							onClick: onAction,
+							variant: "primaryLight",
+							children: actionLabel
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+TutorialCard.displayName = "TutorialCard";
+
+//#endregion
+export { TutorialCard };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=tutorialCard.js.map

package/dist/tutorial/tutorialCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialCard.js","names":["finalStep: TutorialDataStep"],"sources":["../../src/tutorial/tutorialCard.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { Box, Button, Card, H4, Icon } from '../index'\nimport { tutorialColors } from './consts'\nimport type { TutorialCardProps, TutorialDataStep, TutorialStepWrapper } from './tutorial.types'\nimport { TutorialStep } from './tutorialStep'\n\nexport function TutorialCard({\n  actionLabel = 'Action',\n  className,\n  title,\n  readMoreLink,\n  steps: propsSteps = [],\n  showSkipButton,\n  onAction,\n  onDismiss,\n  onFinish,\n  includeFinalPage,\n  useContentTitle,\n}: TutorialCardProps) {\n  const [steps, setSteps] = useState<TutorialStepWrapper[]>([])\n  const [activeStep, setActiveStep] = useState<number>(0)\n\n  useEffect(() => {\n    if (title && propsSteps.length) {\n      const s = propsSteps.map((step, key) => ({ active: false, step, key }))\n\n      const finalStep: TutorialDataStep = {\n        title: `Completed!`,\n        content: `${readMoreLink ? 'To learn more, please visit:' : 'Thank you!'}`,\n      }\n\n      if (readMoreLink) finalStep.readMoreLink = readMoreLink\n\n      includeFinalPage ? setSteps([...s, { step: finalStep, key: propsSteps.length }]) : setSteps([...s])\n    }\n  }, [title, propsSteps])\n\n  const isStartStep = activeStep === 0\n  const isFinalStep = includeFinalPage ? activeStep === propsSteps.length : activeStep === propsSteps.length - 1\n\n  return (\n    <Card\n      bg={tutorialColors.bg}\n      className={className}\n      color={tutorialColors.color}\n      column\n      justifyContent=\"space-between\"\n      minH={400}\n      px={3}\n      py={2}\n      w={580}\n    >\n      <Box\n        alignContent=\"center\"\n        alignItems=\"center\"\n        flex={0}\n        flexDirection=\"row\"\n        flexGrow={0}\n        justifyContent=\"space-between\"\n        minH={48}\n        row\n        style={{ WebkitFlexGrow: '0' }}\n      >\n        <H4 color={tutorialColors.color}>{useContentTitle ? steps[activeStep]?.step?.title : title}</H4>\n        {!isFinalStep && (\n          <Button aria-label=\"close\" icon=\"uiTimes\" onClick={onDismiss} scale={2} variant=\"tertiaryLight\" />\n        )}\n      </Box>\n      <Box flex={5} row>\n        {steps?.map?.(s => (\n          <TutorialStep\n            active={s.key === activeStep}\n            content={s.step.content}\n            key={s.step.title}\n            readMoreLink={s.step.readMoreLink}\n            title={s.step.title}\n            useContentTitle={useContentTitle}\n          />\n        ))}\n      </Box>\n      <Box alignItems=\"center\" justifyContent=\"space-between\" mt={0}>\n        <Box alignItems=\"center\" justifyContent=\"space-between\" w=\"-webkit-fill-available\">\n          <Button\n            aria-label=\"previous\"\n            color={tutorialColors.buttonColor}\n            disabled={isStartStep}\n            icon=\"uiArrowLeft\"\n            onClick={() => setActiveStep(activeStep - 1)}\n            scale={2}\n            transition=\"none\"\n            variant=\"tertiaryLight\"\n            w=\"34\"\n          />\n          <Box className=\"vuiTutorialStepDots\">\n            {steps?.map?.(s => (\n              <Icon\n                color={s.key === activeStep ? tutorialColors.color : 'darkBlue.30'}\n                cursor=\"pointer\"\n                hoverColor={tutorialColors.buttonColor}\n                key={s.key}\n                name=\"uiDotFull\"\n                onClick={() => setActiveStep(s.key)}\n              />\n            ))}\n          </Box>\n          <Button\n            aria-label=\"next\"\n            color={tutorialColors.buttonColor}\n            disabled={isFinalStep}\n            icon=\"uiArrowRight\"\n            onClick={() => setActiveStep(activeStep + 1)}\n            scale={2}\n            transition=\"none\"\n            variant=\"tertiaryLight\"\n            w=\"34\"\n          />\n        </Box>\n        {(showSkipButton || isFinalStep || !!onAction) && (\n          <Box alignItems=\"center\" justifyContent=\"space-between\">\n            {showSkipButton && !isFinalStep && (\n              <Button mx={1} onClick={onDismiss} variant=\"secondaryLight\">\n                Skip\n              </Button>\n            )}\n            {isFinalStep && (\n              <Button mx={1} onClick={onFinish} variant=\"primaryLight\">\n                I got it\n              </Button>\n            )}\n            {!!onAction && (\n              <Button ml={1} mr={showSkipButton || isFinalStep ? 12 : 2} onClick={onAction} variant=\"primaryLight\">\n                {actionLabel}\n              </Button>\n            )}\n          </Box>\n        )}\n      </Box>\n    </Card>\n  )\n}\n\nTutorialCard.displayName = 'TutorialCard'\n"],"mappings":"2YAOA,SAAgB,EAAa,CAC3B,cAAc,SACd,YACA,QACA,eACA,MAAO,EAAa,EAAE,CACtB,iBACA,WACA,YACA,WACA,mBACA,mBACoB,CACpB,GAAM,CAAC,EAAO,GAAY,EAAgC,EAAE,CAAC,CACvD,CAAC,EAAY,GAAiB,EAAiB,EAAE,CAEvD,MAAgB,CACd,GAAI,GAAS,EAAW,OAAQ,CAC9B,IAAM,EAAI,EAAW,KAAK,EAAM,KAAS,CAAE,OAAQ,GAAO,OAAM,MAAK,EAAE,CAEjEA,EAA8B,CAClC,MAAO,aACP,QAAS,GAAG,EAAe,+BAAiC,eAC7D,CAEG,IAAc,EAAU,aAAe,GAExB,EAAnB,EAA4B,CAAC,GAAG,EAAG,CAAE,KAAM,EAAW,IAAK,EAAW,OAAQ,CAAC,CAAa,CAAC,GAAG,EAAE,CAAC,GAEpG,CAAC,EAAO,EAAW,CAAC,CAEvB,IAAM,EAAc,IAAe,EAC7B,EAAc,EAAmB,IAAe,EAAW,OAAS,IAAe,EAAW,OAAS,EAE7G,OACE,EAAC,EAAA,CACC,GAAI,EAAe,GACR,YACX,MAAO,EAAe,MACtB,OAAA,GACA,eAAe,gBACf,KAAM,IACN,GAAI,EACJ,GAAI,EACJ,EAAG,cAEH,EAAC,EAAA,CACC,aAAa,SACb,WAAW,SACX,KAAM,EACN,cAAc,MACd,SAAU,EACV,eAAe,gBACf,KAAM,GACN,IAAA,GACA,MAAO,CAAE,eAAgB,IAAK,WAE9B,EAAC,EAAA,CAAG,MAAO,EAAe,eAAQ,EAAkB,EAAM,IAAa,MAAM,MAAQ,GAAW,CAC/F,CAAC,GACA,EAAC,EAAA,CAAO,aAAW,QAAQ,KAAK,UAAU,QAAS,EAAW,MAAO,EAAG,QAAQ,iBAAkB,CAAA,EAEhG,CACN,EAAC,EAAA,CAAI,KAAM,EAAG,IAAA,YACX,GAAO,MAAM,GACZ,EAAC,EAAA,CACC,OAAQ,EAAE,MAAQ,EAClB,QAAS,EAAE,KAAK,QAEhB,aAAc,EAAE,KAAK,aACrB,MAAO,EAAE,KAAK,MACG,mBAHZ,EAAE,KAAK,MAIZ,CACF,EACE,CACN,EAAC,EAAA,CAAI,WAAW,SAAS,eAAe,gBAAgB,GAAI,YAC1D,EAAC,EAAA,CAAI,WAAW,SAAS,eAAe,gBAAgB,EAAE,mCACxD,EAAC,EAAA,CACC,aAAW,WACX,MAAO,EAAe,YACtB,SAAU,EACV,KAAK,cACL,YAAe,EAAc,EAAa,EAAE,CAC5C,MAAO,EACP,WAAW,OACX,QAAQ,gBACR,EAAE,MACF,CACF,EAAC,EAAA,CAAI,UAAU,+BACZ,GAAO,MAAM,GACZ,EAAC,EAAA,CACC,MAAO,EAAE,MAAQ,EAAa,EAAe,MAAQ,cACrD,OAAO,UACP,WAAY,EAAe,YAE3B,KAAK,YACL,YAAe,EAAc,EAAE,IAAI,EAF9B,EAAE,IAGP,CACF,EACE,CACN,EAAC,EAAA,CACC,aAAW,OACX,MAAO,EAAe,YACtB,SAAU,EACV,KAAK,eACL,YAAe,EAAc,EAAa,EAAE,CAC5C,MAAO,EACP,WAAW,OACX,QAAQ,gBACR,EAAE,MACF,GACE,EACJ,GAAkB,GAAe,CAAC,CAAC,IACnC,EAAC,EAAA,CAAI,WAAW,SAAS,eAAe,0BACrC,GAAkB,CAAC,GAClB,EAAC,EAAA,CAAO,GAAI,EAAG,QAAS,EAAW,QAAQ,0BAAiB,QAEnD,CAEV,GACC,EAAC,EAAA,CAAO,GAAI,EAAG,QAAS,EAAU,QAAQ,wBAAe,YAEhD,CAEV,CAAC,CAAC,GACD,EAAC,EAAA,CAAO,GAAI,EAAG,GAAI,GAAkB,EAAc,GAAK,EAAG,QAAS,EAAU,QAAQ,wBACnF,GACM,GAEP,CAAA,EAEJ,GACD,CAIX,EAAa,YAAc"}
+{"version":3,"file":"tutorialCard.js","names":["finalStep: TutorialDataStep"],"sources":["../../src/tutorial/tutorialCard.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { Box, Button, Card, H4, Icon } from '../index'\nimport { tutorialColors } from './consts'\nimport type { TutorialCardProps, TutorialDataStep, TutorialStepWrapper } from './tutorial.types'\nimport { TutorialStep } from './tutorialStep'\n\nexport function TutorialCard({\n  actionLabel = 'Action',\n  className,\n  title,\n  readMoreLink,\n  steps: propsSteps = [],\n  showSkipButton,\n  onAction,\n  onDismiss,\n  onFinish,\n  includeFinalPage,\n  useContentTitle,\n}: TutorialCardProps) {\n  const [steps, setSteps] = useState<TutorialStepWrapper[]>([])\n  const [activeStep, setActiveStep] = useState<number>(0)\n\n  useEffect(() => {\n    if (title && propsSteps.length) {\n      const s = propsSteps.map((step, key) => ({ active: false, step, key }))\n\n      const finalStep: TutorialDataStep = {\n        title: `Completed!`,\n        content: `${readMoreLink ? 'To learn more, please visit:' : 'Thank you!'}`,\n      }\n\n      if (readMoreLink) finalStep.readMoreLink = readMoreLink\n\n      includeFinalPage ? setSteps([...s, { step: finalStep, key: propsSteps.length }]) : setSteps([...s])\n    }\n  }, [title, propsSteps])\n\n  const isStartStep = activeStep === 0\n  const isFinalStep = includeFinalPage ? activeStep === propsSteps.length : activeStep === propsSteps.length - 1\n\n  return (\n    <Card\n      bg={tutorialColors.bg}\n      className={className}\n      color={tutorialColors.color}\n      column\n      justifyContent=\"space-between\"\n      minH={400}\n      px={3}\n      py={2}\n      w={580}\n    >\n      <Box\n        alignContent=\"center\"\n        alignItems=\"center\"\n        flex={0}\n        flexDirection=\"row\"\n        flexGrow={0}\n        justifyContent=\"space-between\"\n        minH={48}\n        row\n        style={{ WebkitFlexGrow: '0' }}\n      >\n        <H4 color={tutorialColors.color}>{useContentTitle ? steps[activeStep]?.step?.title : title}</H4>\n        {!isFinalStep && (\n          <Button aria-label=\"close\" icon=\"uiTimes\" onClick={onDismiss} scale={2} variant=\"tertiaryLight\" />\n        )}\n      </Box>\n      <Box flex={5} row>\n        {steps?.map?.(s => (\n          <TutorialStep\n            active={s.key === activeStep}\n            content={s.step.content}\n            key={s.step.title}\n            readMoreLink={s.step.readMoreLink}\n            title={s.step.title}\n            useContentTitle={useContentTitle}\n          />\n        ))}\n      </Box>\n      <Box alignItems=\"center\" justifyContent=\"space-between\" mt={0}>\n        <Box alignItems=\"center\" justifyContent=\"space-between\" w=\"-webkit-fill-available\">\n          <Button\n            aria-label=\"previous\"\n            color={tutorialColors.buttonColor}\n            disabled={isStartStep}\n            icon=\"uiArrowLeft\"\n            onClick={() => setActiveStep(activeStep - 1)}\n            scale={2}\n            transition=\"none\"\n            variant=\"tertiaryLight\"\n            w=\"34\"\n          />\n          <Box className=\"vuiTutorialStepDots\">\n            {steps?.map?.(s => (\n              <Icon\n                color={s.key === activeStep ? tutorialColors.color : 'darkBlue.30'}\n                cursor=\"pointer\"\n                hoverColor={tutorialColors.buttonColor}\n                key={s.key}\n                name=\"uiDotFull\"\n                onClick={() => setActiveStep(s.key)}\n              />\n            ))}\n          </Box>\n          <Button\n            aria-label=\"next\"\n            color={tutorialColors.buttonColor}\n            disabled={isFinalStep}\n            icon=\"uiArrowRight\"\n            onClick={() => setActiveStep(activeStep + 1)}\n            scale={2}\n            transition=\"none\"\n            variant=\"tertiaryLight\"\n            w=\"34\"\n          />\n        </Box>\n        {(showSkipButton || isFinalStep || !!onAction) && (\n          <Box alignItems=\"center\" justifyContent=\"space-between\">\n            {showSkipButton && !isFinalStep && (\n              <Button mx={1} onClick={onDismiss} variant=\"secondaryLight\">\n                Skip\n              </Button>\n            )}\n            {isFinalStep && (\n              <Button mx={1} onClick={onFinish} variant=\"primaryLight\">\n                I got it\n              </Button>\n            )}\n            {!!onAction && (\n              <Button ml={1} mr={showSkipButton || isFinalStep ? 12 : 2} onClick={onAction} variant=\"primaryLight\">\n                {actionLabel}\n              </Button>\n            )}\n          </Box>\n        )}\n      </Box>\n    </Card>\n  )\n}\n\nTutorialCard.displayName = 'TutorialCard'\n"],"mappings":";;;;;;;;;;;AAOA,SAAgB,aAAa,EAC3B,cAAc,UACd,WACA,OACA,cACA,OAAO,aAAa,EAAE,EACtB,gBACA,UACA,WACA,UACA,kBACA,mBACoB;CACpB,MAAM,CAAC,OAAO,YAAY,SAAgC,EAAE,CAAC;CAC7D,MAAM,CAAC,YAAY,iBAAiB,SAAiB,EAAE;AAEvD,iBAAgB;AACd,MAAI,SAAS,WAAW,QAAQ;GAC9B,MAAM,IAAI,WAAW,KAAK,MAAM,SAAS;IAAE,QAAQ;IAAO;IAAM;IAAK,EAAE;GAEvE,MAAMA,YAA8B;IAClC,OAAO;IACP,SAAS,GAAG,eAAe,iCAAiC;IAC7D;AAED,OAAI,aAAc,WAAU,eAAe;AAE3C,sBAAmB,SAAS,CAAC,GAAG,GAAG;IAAE,MAAM;IAAW,KAAK,WAAW;IAAQ,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC;;IAEpG,CAAC,OAAO,WAAW,CAAC;CAEvB,MAAM,cAAc,eAAe;CACnC,MAAM,cAAc,mBAAmB,eAAe,WAAW,SAAS,eAAe,WAAW,SAAS;AAE7G,QACE,qBAAC;EACC,IAAI,eAAe;EACR;EACX,OAAO,eAAe;EACtB;EACA,gBAAe;EACf,MAAM;EACN,IAAI;EACJ,IAAI;EACJ,GAAG;;GAEH,qBAAC;IACC,cAAa;IACb,YAAW;IACX,MAAM;IACN,eAAc;IACd,UAAU;IACV,gBAAe;IACf,MAAM;IACN;IACA,OAAO,EAAE,gBAAgB,KAAK;eAE9B,oBAAC;KAAG,OAAO,eAAe;eAAQ,kBAAkB,MAAM,aAAa,MAAM,QAAQ;MAAW,EAC/F,CAAC,eACA,oBAAC;KAAO,cAAW;KAAQ,MAAK;KAAU,SAAS;KAAW,OAAO;KAAG,SAAQ;MAAkB;KAEhG;GACN,oBAAC;IAAI,MAAM;IAAG;cACX,OAAO,OAAM,MACZ,oBAAC;KACC,QAAQ,EAAE,QAAQ;KAClB,SAAS,EAAE,KAAK;KAEhB,cAAc,EAAE,KAAK;KACrB,OAAO,EAAE,KAAK;KACG;OAHZ,EAAE,KAAK,MAIZ,CACF;KACE;GACN,qBAAC;IAAI,YAAW;IAAS,gBAAe;IAAgB,IAAI;eAC1D,qBAAC;KAAI,YAAW;KAAS,gBAAe;KAAgB,GAAE;;MACxD,oBAAC;OACC,cAAW;OACX,OAAO,eAAe;OACtB,UAAU;OACV,MAAK;OACL,eAAe,cAAc,aAAa,EAAE;OAC5C,OAAO;OACP,YAAW;OACX,SAAQ;OACR,GAAE;QACF;MACF,oBAAC;OAAI,WAAU;iBACZ,OAAO,OAAM,MACZ,oBAAC;QACC,OAAO,EAAE,QAAQ,aAAa,eAAe,QAAQ;QACrD,QAAO;QACP,YAAY,eAAe;QAE3B,MAAK;QACL,eAAe,cAAc,EAAE,IAAI;UAF9B,EAAE,IAGP,CACF;QACE;MACN,oBAAC;OACC,cAAW;OACX,OAAO,eAAe;OACtB,UAAU;OACV,MAAK;OACL,eAAe,cAAc,aAAa,EAAE;OAC5C,OAAO;OACP,YAAW;OACX,SAAQ;OACR,GAAE;QACF;;MACE,GACJ,kBAAkB,eAAe,CAAC,CAAC,aACnC,qBAAC;KAAI,YAAW;KAAS,gBAAe;;MACrC,kBAAkB,CAAC,eAClB,oBAAC;OAAO,IAAI;OAAG,SAAS;OAAW,SAAQ;iBAAiB;QAEnD;MAEV,eACC,oBAAC;OAAO,IAAI;OAAG,SAAS;OAAU,SAAQ;iBAAe;QAEhD;MAEV,CAAC,CAAC,YACD,oBAAC;OAAO,IAAI;OAAG,IAAI,kBAAkB,cAAc,KAAK;OAAG,SAAS;OAAU,SAAQ;iBACnF;QACM;;MAEP;KAEJ;;GACD;;AAIX,aAAa,cAAc"}

package/dist/tutorial/tutorialStep.d.ts

@@ -1,5 +1,5 @@
 import { TutorialStepProps } from "./tutorial.types.js";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/tutorial/tutorialStep.d.ts
 declare const TutorialStep: {
@@ -8,7 +8,7 @@ declare const TutorialStep: {
     content,
     title,
     useContentTitle
-  }: TutorialStepProps): react_jsx_runtime10.JSX.Element;
+  }: TutorialStepProps): react_jsx_runtime11.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/tutorial/tutorialStep.js

@@ -1,2 +1,24 @@
-import{v as e}from"../core/styled.js";import{Box as t}from"../box/box.js";import{H5 as n}from"../heading/headings.js";import{tutorialColors as r}from"./consts.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({active:o,content:s,title:c,useContentTitle:l})=>a(e.div,{className:`vui-tutorialStep`,hidden:!o,pb:2,children:[!l&&i(n,{color:r.color,fontWeight:`medium`,mb:1,children:c}),i(t,{children:s})]});o.displayName=`TutorialStep`;export{o as TutorialStep};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { v } from "../core/styled.js";
+import { Box } from "../box/box.js";
+import { H5 } from "../heading/headings.js";
+import { tutorialColors } from "./consts.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/tutorial/tutorialStep.tsx
+const TutorialStep = ({ active, content, title, useContentTitle }) => /* @__PURE__ */ jsxs(v.div, {
+	className: "vui-tutorialStep",
+	hidden: !active,
+	pb: 2,
+	children: [!useContentTitle && /* @__PURE__ */ jsx(H5, {
+		color: tutorialColors.color,
+		fontWeight: "medium",
+		mb: 1,
+		children: title
+	}), /* @__PURE__ */ jsx(Box, { children: content })]
+});
+TutorialStep.displayName = "TutorialStep";
+
+//#endregion
+export { TutorialStep };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=tutorialStep.js.map

package/dist/tutorial/tutorialStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialStep.js","names":[],"sources":["../../src/tutorial/tutorialStep.tsx"],"sourcesContent":["import { Box, H5, v } from '../index'\nimport { tutorialColors } from './consts'\nimport type { TutorialStepProps } from './tutorial.types'\n\nexport const TutorialStep = ({ active, content, title, useContentTitle }: TutorialStepProps) => (\n  <v.div className=\"vui-tutorialStep\" hidden={!active} pb={2}>\n    {!useContentTitle && (\n      <H5 color={tutorialColors.color} fontWeight=\"medium\" mb={1}>\n        {title}\n      </H5>\n    )}\n    <Box>{content}</Box>\n  </v.div>\n)\n\nTutorialStep.displayName = 'TutorialStep'\n"],"mappings":"qNAIA,MAAa,GAAgB,CAAE,SAAQ,UAAS,QAAO,qBACrD,EAAC,EAAE,IAAA,CAAI,UAAU,mBAAmB,OAAQ,CAAC,EAAQ,GAAI,YACtD,CAAC,GACA,EAAC,EAAA,CAAG,MAAO,EAAe,MAAO,WAAW,SAAS,GAAI,WACtD,GACE,CAEP,EAAC,EAAA,CAAA,SAAK,EAAA,CAAc,CAAA,EACd,CAGV,EAAa,YAAc"}
+{"version":3,"file":"tutorialStep.js","names":[],"sources":["../../src/tutorial/tutorialStep.tsx"],"sourcesContent":["import { Box, H5, v } from '../index'\nimport { tutorialColors } from './consts'\nimport type { TutorialStepProps } from './tutorial.types'\n\nexport const TutorialStep = ({ active, content, title, useContentTitle }: TutorialStepProps) => (\n  <v.div className=\"vui-tutorialStep\" hidden={!active} pb={2}>\n    {!useContentTitle && (\n      <H5 color={tutorialColors.color} fontWeight=\"medium\" mb={1}>\n        {title}\n      </H5>\n    )}\n    <Box>{content}</Box>\n  </v.div>\n)\n\nTutorialStep.displayName = 'TutorialStep'\n"],"mappings":";;;;;;;AAIA,MAAa,gBAAgB,EAAE,QAAQ,SAAS,OAAO,sBACrD,qBAAC,EAAE;CAAI,WAAU;CAAmB,QAAQ,CAAC;CAAQ,IAAI;YACtD,CAAC,mBACA,oBAAC;EAAG,OAAO,eAAe;EAAO,YAAW;EAAS,IAAI;YACtD;GACE,EAEP,oBAAC,iBAAK,UAAc;EACd;AAGV,aAAa,cAAc"}

package/dist/utils/array.js

@@ -1,2 +1,22 @@
-function e(e,t=`asc`){let n=t===`asc`?1:-1;return(r,i)=>{if(t===null)return 0;let a=r[e],o=i[e];return typeof a==`string`&&typeof o==`string`?a.localeCompare(o)*n:typeof a==`number`&&typeof o==`number`?a>o?n:a<o?-n:0:0}}function t(e,t){return e.includes(t)?e.filter(e=>e!==t):[...e,t]}export{e as compareBy,t as toggleItem};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/utils/array.ts
+/** Comparator for Array.sort when sorting arrays of objects by given key with optional order. */
+function compareBy(key, order = "asc") {
+	const ord = order === "asc" ? 1 : -1;
+	return (item1, item2) => {
+		if (order === null) return 0;
+		const a = item1[key];
+		const b = item2[key];
+		if (typeof a === "string" && typeof b === "string") return a.localeCompare(b) * ord;
+		else if (typeof a === "number" && typeof b === "number") return a > b ? ord : a < b ? -ord : 0;
+		return 0;
+	};
+}
+/** Adds given item to the array if it wasn't there yet, or removes it otherwise. */
+function toggleItem(array, item) {
+	return array.includes(item) ? array.filter((it) => it !== item) : [...array, item];
+}
+
+//#endregion
+export { compareBy, toggleItem };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=array.js.map

package/dist/utils/array.js.map

@@ -1 +1 @@
-{"version":3,"file":"array.js","names":[],"sources":["../../src/utils/array.ts"],"sourcesContent":["import type { Sort } from './types'\n\n// TODO: Add it from UI-Utils\n/** Comparator for Array.sort when sorting arrays of objects by given key with optional order. */\nexport function compareBy<T extends object, K extends keyof T>(key: K, order: Sort['order'] = 'asc') {\n  const ord = order === 'asc' ? 1 : -1\n\n  return (item1: T, item2: T) => {\n    if (order === null) return 0\n    const a = item1[key]\n    const b = item2[key]\n\n    if (typeof a === 'string' && typeof b === 'string') {\n      return a.localeCompare(b) * ord\n    } else if (typeof a === 'number' && typeof b === 'number') {\n      return a > b ? ord : a < b ? -ord : 0\n    }\n    return 0\n  }\n}\n\n// TODO: Add it from UI-Utils\n/** Adds given item to the array if it wasn't there yet, or removes it otherwise. */\nexport function toggleItem<T>(array: T[], item: T): T[] {\n  return array.includes(item) ? array.filter(it => it !== item) : [...array, item]\n}\n"],"mappings":"AAIA,SAAgB,EAA+C,EAAQ,EAAuB,MAAO,CACnG,IAAM,EAAM,IAAU,MAAQ,EAAI,GAElC,OAAQ,EAAU,IAAa,CAC7B,GAAI,IAAU,KAAM,MAAO,GAC3B,IAAM,EAAI,EAAM,GACV,EAAI,EAAM,GAOhB,OALI,OAAO,GAAM,UAAY,OAAO,GAAM,SACjC,EAAE,cAAc,EAAE,CAAG,EACnB,OAAO,GAAM,UAAY,OAAO,GAAM,SACxC,EAAI,EAAI,EAAM,EAAI,EAAI,CAAC,EAAM,EAE/B,GAMX,SAAgB,EAAc,EAAY,EAAc,CACtD,OAAO,EAAM,SAAS,EAAK,CAAG,EAAM,OAAO,GAAM,IAAO,EAAK,CAAG,CAAC,GAAG,EAAO,EAAK"}
+{"version":3,"file":"array.js","names":[],"sources":["../../src/utils/array.ts"],"sourcesContent":["import type { Sort } from './types'\n\n// TODO: Add it from UI-Utils\n/** Comparator for Array.sort when sorting arrays of objects by given key with optional order. */\nexport function compareBy<T extends object, K extends keyof T>(key: K, order: Sort['order'] = 'asc') {\n  const ord = order === 'asc' ? 1 : -1\n\n  return (item1: T, item2: T) => {\n    if (order === null) return 0\n    const a = item1[key]\n    const b = item2[key]\n\n    if (typeof a === 'string' && typeof b === 'string') {\n      return a.localeCompare(b) * ord\n    } else if (typeof a === 'number' && typeof b === 'number') {\n      return a > b ? ord : a < b ? -ord : 0\n    }\n    return 0\n  }\n}\n\n// TODO: Add it from UI-Utils\n/** Adds given item to the array if it wasn't there yet, or removes it otherwise. */\nexport function toggleItem<T>(array: T[], item: T): T[] {\n  return array.includes(item) ? array.filter(it => it !== item) : [...array, item]\n}\n"],"mappings":";;AAIA,SAAgB,UAA+C,KAAQ,QAAuB,OAAO;CACnG,MAAM,MAAM,UAAU,QAAQ,IAAI;AAElC,SAAQ,OAAU,UAAa;AAC7B,MAAI,UAAU,KAAM,QAAO;EAC3B,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM;AAEhB,MAAI,OAAO,MAAM,YAAY,OAAO,MAAM,SACxC,QAAO,EAAE,cAAc,EAAE,GAAG;WACnB,OAAO,MAAM,YAAY,OAAO,MAAM,SAC/C,QAAO,IAAI,IAAI,MAAM,IAAI,IAAI,CAAC,MAAM;AAEtC,SAAO;;;;AAMX,SAAgB,WAAc,OAAY,MAAc;AACtD,QAAO,MAAM,SAAS,KAAK,GAAG,MAAM,QAAO,OAAM,OAAO,KAAK,GAAG,CAAC,GAAG,OAAO,KAAK"}

package/dist/utils/assertion.js

@@ -1,2 +1,36 @@
-import{isValidElement as e}from"react";function t(e){return Array.isArray(e)}function n(e){return typeof e==`function`}function r(t){return e(t)}function i(e){return typeof e==`number`}function a(r){return!!r&&typeof r==`object`&&!n(r)&&!t(r)&&!e(r)}function o(e){return i(e)||s(e)}function s(e){return Object.prototype.toString.call(e)===`[object String]`}export{t as isArray,n as isFunction,r as isJsx,i as isNumber,a as isObject,o as isReactText,s as isString};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { isValidElement } from "react";
+
+//#region src/utils/assertion.ts
+/** Is value an array. */
+function isArray(value) {
+	return Array.isArray(value);
+}
+/** Is value a function. */
+function isFunction(value) {
+	return typeof value === "function";
+}
+/** Is value JSX / React Element */
+function isJsx(value) {
+	return isValidElement(value);
+}
+/** Is value a number. */
+function isNumber(value) {
+	return typeof value === "number";
+}
+/** Is value a regular object (functions, arrays and React elements excluded). */
+function isObject(value) {
+	return !!value && typeof value === "object" && !isFunction(value) && !isArray(value) && !isValidElement(value);
+}
+/** Is value a valid ReactText - string or number. */
+function isReactText(value) {
+	return isNumber(value) || isString(value);
+}
+/** Is value a string. */
+function isString(value) {
+	return Object.prototype.toString.call(value) === "[object String]";
+}
+
+//#endregion
+export { isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=assertion.js.map

package/dist/utils/assertion.js.map

@@ -1 +1 @@
-{"version":3,"file":"assertion.js","names":[],"sources":["../../src/utils/assertion.ts"],"sourcesContent":["import { isValidElement } from 'react'\n\nimport type { Dict } from './types'\n\n/** Is value an array. */\nexport function isArray<T>(value: any): value is T[] {\n  return Array.isArray(value)\n}\n\n/** Is value a function. */\n// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type\nexport function isFunction<T extends Function = Function>(value: any): value is T {\n  return typeof value === 'function'\n}\n\n/** Is value JSX / React Element */\nexport function isJsx<T = JSX.Element>(value: any): value is T {\n  return isValidElement(value)\n}\n\n/** Is value a number. */\nexport function isNumber(value: any): value is number {\n  return typeof value === 'number'\n}\n\n/** Is value a regular object (functions, arrays and React elements excluded). */\nexport function isObject<T = Dict>(value: any): value is T {\n  return !!value && typeof value === 'object' && !isFunction(value) && !isArray(value) && !isValidElement(value)\n}\n\n/** Is value a valid ReactText - string or number. */\nexport function isReactText(value: any): value is React.ReactText {\n  return isNumber(value) || isString(value)\n}\n\n/** Is value a string. */\nexport function isString(value: any): value is string {\n  return Object.prototype.toString.call(value) === '[object String]'\n}\n"],"mappings":"uCAKA,SAAgB,EAAW,EAA0B,CACnD,OAAO,MAAM,QAAQ,EAAM,CAK7B,SAAgB,EAA0C,EAAwB,CAChF,OAAO,OAAO,GAAU,WAI1B,SAAgB,EAAuB,EAAwB,CAC7D,OAAO,EAAe,EAAM,CAI9B,SAAgB,EAAS,EAA6B,CACpD,OAAO,OAAO,GAAU,SAI1B,SAAgB,EAAmB,EAAwB,CACzD,MAAO,CAAC,CAAC,GAAS,OAAO,GAAU,UAAY,CAAC,EAAW,EAAM,EAAI,CAAC,EAAQ,EAAM,EAAI,CAAC,EAAe,EAAM,CAIhH,SAAgB,EAAY,EAAsC,CAChE,OAAO,EAAS,EAAM,EAAI,EAAS,EAAM,CAI3C,SAAgB,EAAS,EAA6B,CACpD,OAAO,OAAO,UAAU,SAAS,KAAK,EAAM,GAAK"}
+{"version":3,"file":"assertion.js","names":[],"sources":["../../src/utils/assertion.ts"],"sourcesContent":["import { isValidElement } from 'react'\n\nimport type { Dict } from './types'\n\n/** Is value an array. */\nexport function isArray<T>(value: any): value is T[] {\n  return Array.isArray(value)\n}\n\n/** Is value a function. */\n// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type\nexport function isFunction<T extends Function = Function>(value: any): value is T {\n  return typeof value === 'function'\n}\n\n/** Is value JSX / React Element */\nexport function isJsx<T = JSX.Element>(value: any): value is T {\n  return isValidElement(value)\n}\n\n/** Is value a number. */\nexport function isNumber(value: any): value is number {\n  return typeof value === 'number'\n}\n\n/** Is value a regular object (functions, arrays and React elements excluded). */\nexport function isObject<T = Dict>(value: any): value is T {\n  return !!value && typeof value === 'object' && !isFunction(value) && !isArray(value) && !isValidElement(value)\n}\n\n/** Is value a valid ReactText - string or number. */\nexport function isReactText(value: any): value is React.ReactText {\n  return isNumber(value) || isString(value)\n}\n\n/** Is value a string. */\nexport function isString(value: any): value is string {\n  return Object.prototype.toString.call(value) === '[object String]'\n}\n"],"mappings":";;;;AAKA,SAAgB,QAAW,OAA0B;AACnD,QAAO,MAAM,QAAQ,MAAM;;;AAK7B,SAAgB,WAA0C,OAAwB;AAChF,QAAO,OAAO,UAAU;;;AAI1B,SAAgB,MAAuB,OAAwB;AAC7D,QAAO,eAAe,MAAM;;;AAI9B,SAAgB,SAAS,OAA6B;AACpD,QAAO,OAAO,UAAU;;;AAI1B,SAAgB,SAAmB,OAAwB;AACzD,QAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,CAAC,WAAW,MAAM,IAAI,CAAC,QAAQ,MAAM,IAAI,CAAC,eAAe,MAAM;;;AAIhH,SAAgB,YAAY,OAAsC;AAChE,QAAO,SAAS,MAAM,IAAI,SAAS,MAAM;;;AAI3C,SAAgB,SAAS,OAA6B;AACpD,QAAO,OAAO,UAAU,SAAS,KAAK,MAAM,KAAK"}

package/dist/utils/consts.js

@@ -1,2 +1,10 @@
-const e=!1,t=`vui-active`,n=30,r=`grey.40`;export{e as __DEV__,t as activeClassName,n as activeItemShade,r as dimmedBorderColor};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/utils/consts.ts
+const __DEV__ = true;
+const activeClassName = "vui-active";
+const activeItemShade = 30;
+const dimmedBorderColor = "grey.40";
+
+//#endregion
+export { __DEV__, activeClassName, activeItemShade, dimmedBorderColor };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=consts.js.map

package/dist/utils/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/utils/consts.ts"],"sourcesContent":["export const __DEV__ = process.env.NODE_ENV !== 'production'\n\nexport const activeClassName = 'vui-active'\n\nexport const activeItemShade = 30\n\nexport const dimmedBorderColor = 'grey.40'\n"],"mappings":"AAAA,MAAa,EAAU,GAEV,EAAkB,aAElB,EAAkB,GAElB,EAAoB"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/utils/consts.ts"],"sourcesContent":["export const __DEV__ = process.env.NODE_ENV !== 'production'\n\nexport const activeClassName = 'vui-active'\n\nexport const activeItemShade = 30\n\nexport const dimmedBorderColor = 'grey.40'\n"],"mappings":";AAAA,MAAa,UAAU;AAEvB,MAAa,kBAAkB;AAE/B,MAAa,kBAAkB;AAE/B,MAAa,oBAAoB"}

package/dist/utils/dates.js

@@ -1,2 +1,59 @@
-function e(e){return`${new Date(e)}`!=`Invalid Date`}function t(t){let n=new Date(t);if(e(n))return`${n?.getFullYear()}-${(n.getMonth()+1).toString().padStart(2,`0`)}-${n.getDate().toString().padStart(2,`0`)}`}function n(e){if(!e)return;let t=Date.parse(e);return isNaN(t)?void 0:new Date(t)}function r(e){return e.match(/^\d{4}-\d{2}-\d{2}$/)}const i=e=>({utcYear:e.getUTCFullYear(),utcMonth:e.getUTCMonth(),utcDate:e.getUTCDate()}),a=(e,t,n)=>n?new Date(Date.UTC(e,t,n)):new Date(Date.UTC(e,t)),o=(e,t)=>!e||!t?!1:e.getUTCFullYear()===t.getUTCFullYear()&&e.getUTCMonth()===t.getUTCMonth(),s=(e,t)=>!e||!t?!1:e.getUTCFullYear()===t.getUTCFullYear(),c=(e,t)=>!e||!t?!1:e.getUTCFullYear()===t.getUTCFullYear()&&e.getUTCMonth()===t.getUTCMonth()&&e.getUTCDate()===t.getUTCDate(),l=e=>{if(e)return new Date(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate()).toLocaleDateString()},u=()=>new Date().getFullYear();export{t as formatIsoDate,a as generateDateByUTCValue,u as getCurrentYear,i as getDateUTCValue,e as isValidDate,n as parseIsoDate,c as sameDate,s as sameYear,o as sameYearSameMonth,l as utcDateToLocale,r as validateDateFormat};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/utils/dates.ts
+/** Checks if the provided value is a valid date */
+function isValidDate(value) {
+	return `${new Date(value)}` !== "Invalid Date";
+}
+/** Formats the date to ISO format: 'yyyy-mm-dd' */
+function formatIsoDate(date) {
+	const d = new Date(date);
+	if (!isValidDate(d)) return void 0;
+	return `${d?.getFullYear()}-${(d.getMonth() + 1).toString().padStart(2, "0")}-${d.getDate().toString().padStart(2, "0")}`;
+}
+/**
+* Parses string date with the iso format of YYYY-mm-dd
+* @param input string
+* @returns Date | undefined
+*/
+function parseIsoDate(input) {
+	if (!input) return;
+	const ticks = Date.parse(input);
+	return isNaN(ticks) ? void 0 : new Date(ticks);
+}
+/**
+* Validation for 'YYYY-MM-DD' format
+*/
+function validateDateFormat(dateString) {
+	return dateString.match(/^\d{4}-\d{2}-\d{2}$/);
+}
+const getDateUTCValue = (date) => ({
+	utcYear: date.getUTCFullYear(),
+	utcMonth: date.getUTCMonth(),
+	utcDate: date.getUTCDate()
+});
+const generateDateByUTCValue = (year, month, day) => {
+	return day ? new Date(Date.UTC(year, month, day)) : new Date(Date.UTC(year, month));
+};
+const sameYearSameMonth = (a, b) => {
+	if (!a || !b) return false;
+	return a.getUTCFullYear() === b.getUTCFullYear() && a.getUTCMonth() === b.getUTCMonth();
+};
+const sameYear = (a, b) => {
+	if (!a || !b) return false;
+	return a.getUTCFullYear() === b.getUTCFullYear() ? true : false;
+};
+const sameDate = (a, b) => {
+	if (!a || !b) return false;
+	return a.getUTCFullYear() === b.getUTCFullYear() && a.getUTCMonth() === b.getUTCMonth() && a.getUTCDate() === b.getUTCDate();
+};
+const utcDateToLocale = (utcDate) => {
+	if (!utcDate) return void 0;
+	return new Date(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), utcDate.getUTCDate()).toLocaleDateString();
+};
+const getCurrentYear = () => {
+	return (/* @__PURE__ */ new Date()).getFullYear();
+};
+
+//#endregion
+export { formatIsoDate, generateDateByUTCValue, getCurrentYear, getDateUTCValue, isValidDate, parseIsoDate, sameDate, sameYear, sameYearSameMonth, utcDateToLocale, validateDateFormat };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=dates.js.map

package/dist/utils/dates.js.map

@@ -1 +1 @@
-{"version":3,"file":"dates.js","names":[],"sources":["../../src/utils/dates.ts"],"sourcesContent":["/** Checks if the provided value is a valid date */\nexport function isValidDate(value: Date | string | number) {\n  return `${new Date(value)}` !== 'Invalid Date'\n}\n\n/** Formats the date to ISO format: 'yyyy-mm-dd' */\nexport function formatIsoDate(date: Date | string | number) {\n  const d = new Date(date)\n  if (!isValidDate(d)) return undefined\n  const yyyy = d?.getFullYear()\n  const mm = (d.getMonth() + 1).toString().padStart(2, '0')\n  const dd = d.getDate().toString().padStart(2, '0')\n  return `${yyyy}-${mm}-${dd}`\n}\n\n/**\n * Parses string date with the iso format of YYYY-mm-dd\n * @param input string\n * @returns Date | undefined\n */\nexport function parseIsoDate(input?: string) {\n  if (!input) return\n\n  const ticks = Date.parse(input)\n\n  return isNaN(ticks) ? undefined : new Date(ticks)\n}\n\n/**\n * Validation for 'YYYY-MM-DD' format\n */\nexport function validateDateFormat(dateString: string) {\n  const regEx = /^\\d{4}-\\d{2}-\\d{2}$/\n  return dateString.match(regEx)\n}\n\n// Get current time's UTC year, month, date\nexport const getDateUTCValue = (date: Date) => ({\n  utcYear: date.getUTCFullYear(),\n  utcMonth: date.getUTCMonth(),\n  utcDate: date.getUTCDate(),\n})\n\n// Generate a date by set its utc value\nexport const generateDateByUTCValue = (year: number, month: number, day?: number) => {\n  return day ? new Date(Date.UTC(year, month, day)) : new Date(Date.UTC(year, month))\n}\n\nexport const sameYearSameMonth = (a?: Date, b?: Date) => {\n  if (!a || !b) return false\n\n  return a.getUTCFullYear() === b.getUTCFullYear() && a.getUTCMonth() === b.getUTCMonth()\n}\n\nexport const sameYear = (a?: Date, b?: Date) => {\n  if (!a || !b) return false\n  return a.getUTCFullYear() === b.getUTCFullYear() ? true : false\n}\n\nexport const sameDate = (a?: Date, b?: Date) => {\n  if (!a || !b) return false\n\n  return (\n    a.getUTCFullYear() === b.getUTCFullYear() &&\n    a.getUTCMonth() === b.getUTCMonth() &&\n    a.getUTCDate() === b.getUTCDate()\n  )\n}\n\nexport const utcDateToLocale = (utcDate?: Date) => {\n  if (!utcDate) return undefined\n  const localDateSameDay = new Date(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), utcDate.getUTCDate())\n  return localDateSameDay.toLocaleDateString()\n}\n\nexport const getCurrentYear = () => {\n  const currentDate = new Date()\n  return currentDate.getFullYear()\n}\n"],"mappings":"AACA,SAAgB,EAAY,EAA+B,CACzD,MAAO,GAAG,IAAI,KAAK,EAAM,IAAO,eAIlC,SAAgB,EAAc,EAA8B,CAC1D,IAAM,EAAI,IAAI,KAAK,EAAK,CACnB,KAAY,EAAE,CAInB,MAAO,GAHM,GAAG,aAAa,CAGd,IAFH,EAAE,UAAU,CAAG,GAAG,UAAU,CAAC,SAAS,EAAG,IAAI,CAEpC,GADV,EAAE,SAAS,CAAC,UAAU,CAAC,SAAS,EAAG,IAAI,GASpD,SAAgB,EAAa,EAAgB,CAC3C,GAAI,CAAC,EAAO,OAEZ,IAAM,EAAQ,KAAK,MAAM,EAAM,CAE/B,OAAO,MAAM,EAAM,CAAG,IAAA,GAAY,IAAI,KAAK,EAAM,CAMnD,SAAgB,EAAmB,EAAoB,CAErD,OAAO,EAAW,MADJ,sBACgB,CAIhC,MAAa,EAAmB,IAAgB,CAC9C,QAAS,EAAK,gBAAgB,CAC9B,SAAU,EAAK,aAAa,CAC5B,QAAS,EAAK,YAAY,CAC3B,EAGY,GAA0B,EAAc,EAAe,IAC3D,EAAM,IAAI,KAAK,KAAK,IAAI,EAAM,EAAO,EAAI,CAAC,CAAG,IAAI,KAAK,KAAK,IAAI,EAAM,EAAM,CAAC,CAGxE,GAAqB,EAAU,IACtC,CAAC,GAAK,CAAC,EAAU,GAEd,EAAE,gBAAgB,GAAK,EAAE,gBAAgB,EAAI,EAAE,aAAa,GAAK,EAAE,aAAa,CAG5E,GAAY,EAAU,IAC7B,CAAC,GAAK,CAAC,EAAU,GACd,EAAE,gBAAgB,GAAK,EAAE,gBAAgB,CAGrC,GAAY,EAAU,IAC7B,CAAC,GAAK,CAAC,EAAU,GAGnB,EAAE,gBAAgB,GAAK,EAAE,gBAAgB,EACzC,EAAE,aAAa,GAAK,EAAE,aAAa,EACnC,EAAE,YAAY,GAAK,EAAE,YAAY,CAIxB,EAAmB,GAAmB,CAC5C,KAEL,OADyB,IAAI,KAAK,EAAQ,gBAAgB,CAAE,EAAQ,aAAa,CAAE,EAAQ,YAAY,CAAC,CAChF,oBAAoB,EAGjC,MACS,IAAI,MAAM,CACX,aAAa"}
+{"version":3,"file":"dates.js","names":[],"sources":["../../src/utils/dates.ts"],"sourcesContent":["/** Checks if the provided value is a valid date */\nexport function isValidDate(value: Date | string | number) {\n  return `${new Date(value)}` !== 'Invalid Date'\n}\n\n/** Formats the date to ISO format: 'yyyy-mm-dd' */\nexport function formatIsoDate(date: Date | string | number) {\n  const d = new Date(date)\n  if (!isValidDate(d)) return undefined\n  const yyyy = d?.getFullYear()\n  const mm = (d.getMonth() + 1).toString().padStart(2, '0')\n  const dd = d.getDate().toString().padStart(2, '0')\n  return `${yyyy}-${mm}-${dd}`\n}\n\n/**\n * Parses string date with the iso format of YYYY-mm-dd\n * @param input string\n * @returns Date | undefined\n */\nexport function parseIsoDate(input?: string) {\n  if (!input) return\n\n  const ticks = Date.parse(input)\n\n  return isNaN(ticks) ? undefined : new Date(ticks)\n}\n\n/**\n * Validation for 'YYYY-MM-DD' format\n */\nexport function validateDateFormat(dateString: string) {\n  const regEx = /^\\d{4}-\\d{2}-\\d{2}$/\n  return dateString.match(regEx)\n}\n\n// Get current time's UTC year, month, date\nexport const getDateUTCValue = (date: Date) => ({\n  utcYear: date.getUTCFullYear(),\n  utcMonth: date.getUTCMonth(),\n  utcDate: date.getUTCDate(),\n})\n\n// Generate a date by set its utc value\nexport const generateDateByUTCValue = (year: number, month: number, day?: number) => {\n  return day ? new Date(Date.UTC(year, month, day)) : new Date(Date.UTC(year, month))\n}\n\nexport const sameYearSameMonth = (a?: Date, b?: Date) => {\n  if (!a || !b) return false\n\n  return a.getUTCFullYear() === b.getUTCFullYear() && a.getUTCMonth() === b.getUTCMonth()\n}\n\nexport const sameYear = (a?: Date, b?: Date) => {\n  if (!a || !b) return false\n  return a.getUTCFullYear() === b.getUTCFullYear() ? true : false\n}\n\nexport const sameDate = (a?: Date, b?: Date) => {\n  if (!a || !b) return false\n\n  return (\n    a.getUTCFullYear() === b.getUTCFullYear() &&\n    a.getUTCMonth() === b.getUTCMonth() &&\n    a.getUTCDate() === b.getUTCDate()\n  )\n}\n\nexport const utcDateToLocale = (utcDate?: Date) => {\n  if (!utcDate) return undefined\n  const localDateSameDay = new Date(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), utcDate.getUTCDate())\n  return localDateSameDay.toLocaleDateString()\n}\n\nexport const getCurrentYear = () => {\n  const currentDate = new Date()\n  return currentDate.getFullYear()\n}\n"],"mappings":";;AACA,SAAgB,YAAY,OAA+B;AACzD,QAAO,GAAG,IAAI,KAAK,MAAM,OAAO;;;AAIlC,SAAgB,cAAc,MAA8B;CAC1D,MAAM,IAAI,IAAI,KAAK,KAAK;AACxB,KAAI,CAAC,YAAY,EAAE,CAAE,QAAO;AAI5B,QAAO,GAHM,GAAG,aAAa,CAGd,IAFH,EAAE,UAAU,GAAG,GAAG,UAAU,CAAC,SAAS,GAAG,IAAI,CAEpC,GADV,EAAE,SAAS,CAAC,UAAU,CAAC,SAAS,GAAG,IAAI;;;;;;;AASpD,SAAgB,aAAa,OAAgB;AAC3C,KAAI,CAAC,MAAO;CAEZ,MAAM,QAAQ,KAAK,MAAM,MAAM;AAE/B,QAAO,MAAM,MAAM,GAAG,SAAY,IAAI,KAAK,MAAM;;;;;AAMnD,SAAgB,mBAAmB,YAAoB;AAErD,QAAO,WAAW,MADJ,sBACgB;;AAIhC,MAAa,mBAAmB,UAAgB;CAC9C,SAAS,KAAK,gBAAgB;CAC9B,UAAU,KAAK,aAAa;CAC5B,SAAS,KAAK,YAAY;CAC3B;AAGD,MAAa,0BAA0B,MAAc,OAAe,QAAiB;AACnF,QAAO,MAAM,IAAI,KAAK,KAAK,IAAI,MAAM,OAAO,IAAI,CAAC,GAAG,IAAI,KAAK,KAAK,IAAI,MAAM,MAAM,CAAC;;AAGrF,MAAa,qBAAqB,GAAU,MAAa;AACvD,KAAI,CAAC,KAAK,CAAC,EAAG,QAAO;AAErB,QAAO,EAAE,gBAAgB,KAAK,EAAE,gBAAgB,IAAI,EAAE,aAAa,KAAK,EAAE,aAAa;;AAGzF,MAAa,YAAY,GAAU,MAAa;AAC9C,KAAI,CAAC,KAAK,CAAC,EAAG,QAAO;AACrB,QAAO,EAAE,gBAAgB,KAAK,EAAE,gBAAgB,GAAG,OAAO;;AAG5D,MAAa,YAAY,GAAU,MAAa;AAC9C,KAAI,CAAC,KAAK,CAAC,EAAG,QAAO;AAErB,QACE,EAAE,gBAAgB,KAAK,EAAE,gBAAgB,IACzC,EAAE,aAAa,KAAK,EAAE,aAAa,IACnC,EAAE,YAAY,KAAK,EAAE,YAAY;;AAIrC,MAAa,mBAAmB,YAAmB;AACjD,KAAI,CAAC,QAAS,QAAO;AAErB,QADyB,IAAI,KAAK,QAAQ,gBAAgB,EAAE,QAAQ,aAAa,EAAE,QAAQ,YAAY,CAAC,CAChF,oBAAoB;;AAG9C,MAAa,uBAAuB;AAElC,yBADoB,IAAI,MAAM,EACX,aAAa"}

package/dist/utils/dom.js

@@ -1,2 +1,16 @@
-const e=e=>{let t=document.createElement(`div`);return t.setAttribute(`id`,e),t},t=e=>{document.getElementById(e)?.remove?.()},n=e=>document.body.classList.add(e),r=e=>document.body.classList.remove(e);export{n as addBodyClass,e as addElement,r as removeBodyClass,t as removeElement};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/utils/dom.ts
+const addElement = (id) => {
+	const element = document.createElement("div");
+	element.setAttribute("id", id);
+	return element;
+};
+const removeElement = (id) => {
+	document.getElementById(id)?.remove?.();
+};
+const addBodyClass = (className) => document.body.classList.add(className);
+const removeBodyClass = (className) => document.body.classList.remove(className);
+
+//#endregion
+export { addBodyClass, addElement, removeBodyClass, removeElement };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=dom.js.map

package/dist/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","names":[],"sources":["../../src/utils/dom.ts"],"sourcesContent":["export const addElement = (id: string): HTMLElement => {\n  const element = document.createElement('div')\n  element.setAttribute('id', id)\n  return element\n}\n\nexport const removeElement = (id: string): void => {\n  const element = document.getElementById(id)\n  element?.remove?.()\n}\n\nexport const addBodyClass = (className: string): void => document.body.classList.add(className)\n\nexport const removeBodyClass = (className: string): void => document.body.classList.remove(className)\n"],"mappings":"AAAA,MAAa,EAAc,GAA4B,CACrD,IAAM,EAAU,SAAS,cAAc,MAAM,CAE7C,OADA,EAAQ,aAAa,KAAM,EAAG,CACvB,GAGI,EAAiB,GAAqB,CACjC,SAAS,eAAe,EAAG,EAClC,UAAU,EAGR,EAAgB,GAA4B,SAAS,KAAK,UAAU,IAAI,EAAU,CAElF,EAAmB,GAA4B,SAAS,KAAK,UAAU,OAAO,EAAU"}
+{"version":3,"file":"dom.js","names":[],"sources":["../../src/utils/dom.ts"],"sourcesContent":["export const addElement = (id: string): HTMLElement => {\n  const element = document.createElement('div')\n  element.setAttribute('id', id)\n  return element\n}\n\nexport const removeElement = (id: string): void => {\n  const element = document.getElementById(id)\n  element?.remove?.()\n}\n\nexport const addBodyClass = (className: string): void => document.body.classList.add(className)\n\nexport const removeBodyClass = (className: string): void => document.body.classList.remove(className)\n"],"mappings":";AAAA,MAAa,cAAc,OAA4B;CACrD,MAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,SAAQ,aAAa,MAAM,GAAG;AAC9B,QAAO;;AAGT,MAAa,iBAAiB,OAAqB;AAEjD,CADgB,SAAS,eAAe,GAAG,EAClC,UAAU;;AAGrB,MAAa,gBAAgB,cAA4B,SAAS,KAAK,UAAU,IAAI,UAAU;AAE/F,MAAa,mBAAmB,cAA4B,SAAS,KAAK,UAAU,OAAO,UAAU"}

package/dist/utils/formatDate.js

@@ -1,2 +1,83 @@
-const e={"DD MM YYYY":{year:`numeric`,month:`2-digit`,day:`2-digit`},"DD MM YYYY, HH:MM":{year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`},"DD MMM":{month:`short`,day:`2-digit`},"DD MMM YYYY":{year:`numeric`,month:`short`,day:`2-digit`},"DD MMM YYYY, HH:MM":{year:`numeric`,month:`short`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`},"DD MMM, HH:MM":{month:`short`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`},"HH:MM":{locales:`en-GB`,hour:`2-digit`,minute:`2-digit`,hourCycle:`h23`},"MMM D, YYYY":{locales:`en-US`,year:`numeric`,month:`short`,day:`numeric`},"YYYY/MM/DD":{locales:`en-ZA`},"YYYY-MM-DD":{locales:`fr-CA`},"YYYY/MM/DD, HH:MM":{locales:`en-ZA`,hour:`2-digit`,minute:`2-digit`},"YYYY-MM-DD, HH:MM":{locales:`fr-CA`,timeStyle:`short`},"YYYY-MM-DD, HH:MM:SS":{locales:`fr-CA`}};function t(t,n=`DD MM YYYY`,r){let{locales:i,...a}={...e[n],...r};return n===`YYYY-MM-DD, HH:MM:SS`||n===`YYYY-MM-DD, HH:MM`?t?new Date(t).toLocaleDateString(i)+`, `+new Date(t).toLocaleTimeString(void 0,a):``:n===`HH:MM`?t?new Date(t).toLocaleTimeString(i,a):``:t?new Date(t).toLocaleDateString(i,a):``}export{e as dateFormats,t as formatDate};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/utils/formatDate.ts
+/** Predefined selection of date formats using DateTimeFormatOptions. */
+const dateFormats = {
+	"DD MM YYYY": {
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit"
+	},
+	"DD MM YYYY, HH:MM": {
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit"
+	},
+	"DD MMM": {
+		month: "short",
+		day: "2-digit"
+	},
+	"DD MMM YYYY": {
+		year: "numeric",
+		month: "short",
+		day: "2-digit"
+	},
+	"DD MMM YYYY, HH:MM": {
+		year: "numeric",
+		month: "short",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit"
+	},
+	"DD MMM, HH:MM": {
+		month: "short",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit"
+	},
+	"HH:MM": {
+		locales: "en-GB",
+		hour: "2-digit",
+		minute: "2-digit",
+		hourCycle: "h23"
+	},
+	"MMM D, YYYY": {
+		locales: "en-US",
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	},
+	"YYYY/MM/DD": { locales: "en-ZA" },
+	"YYYY-MM-DD": { locales: "fr-CA" },
+	"YYYY/MM/DD, HH:MM": {
+		locales: "en-ZA",
+		hour: "2-digit",
+		minute: "2-digit"
+	},
+	"YYYY-MM-DD, HH:MM": {
+		locales: "fr-CA",
+		timeStyle: "short"
+	},
+	"YYYY-MM-DD, HH:MM:SS": { locales: "fr-CA" }
+};
+/**
+* Structures given date string, milliseconds number or Date object according to the chosen format.
+* Uses toLocalDateString internally. Predefined formats specify initial options, which can be overwritten.
+* @param date - string, number or Date object accepted by Date() constructor
+* @param format - predefined configuration of DateTimeFormatOptions
+* @param options - configuration of toLocaleDateString method
+*/
+function formatDate(date, format = "DD MM YYYY", options) {
+	const { locales,...mergedOptions } = {
+		...dateFormats[format],
+		...options
+	};
+	if (format === "YYYY-MM-DD, HH:MM:SS" || format === "YYYY-MM-DD, HH:MM") return date ? new Date(date).toLocaleDateString(locales) + ", " + new Date(date).toLocaleTimeString(void 0, mergedOptions) : "";
+	if (format === "HH:MM") return date ? new Date(date).toLocaleTimeString(locales, mergedOptions) : "";
+	return date ? new Date(date).toLocaleDateString(locales, mergedOptions) : "";
+}
+
+//#endregion
+export { dateFormats, formatDate };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=formatDate.js.map

package/dist/utils/formatDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatDate.js","names":["dateFormats: Record<DateFormat, FormatDateOptions>"],"sources":["../../src/utils/formatDate.ts"],"sourcesContent":["export type DateFormat =\n  | 'DD MM YYYY'\n  | 'DD MM YYYY, HH:MM'\n  | 'DD MMM'\n  | 'DD MMM YYYY'\n  | 'DD MMM YYYY, HH:MM'\n  | 'DD MMM, HH:MM'\n  | 'HH:MM'\n  | 'MMM D, YYYY'\n  | 'YYYY/MM/DD'\n  | 'YYYY-MM-DD'\n  | 'YYYY/MM/DD, HH:MM'\n  | 'YYYY-MM-DD, HH:MM'\n  | 'YYYY-MM-DD, HH:MM:SS'\n\nexport type FormatDateOptions = Intl.DateTimeFormatOptions & {\n  locales?: string | string[]\n}\n\n/** Predefined selection of date formats using DateTimeFormatOptions. */\nexport const dateFormats: Record<DateFormat, FormatDateOptions> = {\n  'DD MM YYYY': { year: 'numeric', month: '2-digit', day: '2-digit' },\n  'DD MM YYYY, HH:MM': { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' },\n  'DD MMM': { month: 'short', day: '2-digit' },\n  'DD MMM YYYY': { year: 'numeric', month: 'short', day: '2-digit' },\n  'DD MMM YYYY, HH:MM': { year: 'numeric', month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' },\n  'DD MMM, HH:MM': { month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' },\n  'HH:MM': { locales: 'en-GB', hour: '2-digit', minute: '2-digit', hourCycle: 'h23' },\n  'MMM D, YYYY': { locales: 'en-US', year: 'numeric', month: 'short', day: 'numeric' },\n  'YYYY/MM/DD': { locales: 'en-ZA' },\n  'YYYY-MM-DD': { locales: 'fr-CA' },\n  'YYYY/MM/DD, HH:MM': { locales: 'en-ZA', hour: '2-digit', minute: '2-digit' },\n  'YYYY-MM-DD, HH:MM': { locales: 'fr-CA', timeStyle: 'short' },\n  'YYYY-MM-DD, HH:MM:SS': { locales: 'fr-CA' },\n}\n\n/**\n * Structures given date string, milliseconds number or Date object according to the chosen format.\n * Uses toLocalDateString internally. Predefined formats specify initial options, which can be overwritten.\n * @param date - string, number or Date object accepted by Date() constructor\n * @param format - predefined configuration of DateTimeFormatOptions\n * @param options - configuration of toLocaleDateString method\n */\nexport function formatDate(\n  date?: string | number | Date,\n  format: DateFormat = 'DD MM YYYY',\n  options?: FormatDateOptions,\n) {\n  const formatOptions = dateFormats[format]\n  const { locales, ...mergedOptions } = { ...formatOptions, ...options }\n\n  if (format === 'YYYY-MM-DD, HH:MM:SS' || format === 'YYYY-MM-DD, HH:MM') {\n    return date\n      ? new Date(date).toLocaleDateString(locales) + ', ' + new Date(date).toLocaleTimeString(undefined, mergedOptions)\n      : ''\n  }\n\n  if (format === 'HH:MM') {\n    return date ? new Date(date).toLocaleTimeString(locales, mergedOptions) : ''\n  }\n\n  return date ? new Date(date).toLocaleDateString(locales, mergedOptions) : ''\n}\n"],"mappings":"AAoBA,MAAaA,EAAqD,CAChE,aAAc,CAAE,KAAM,UAAW,MAAO,UAAW,IAAK,UAAW,CACnE,oBAAqB,CAAE,KAAM,UAAW,MAAO,UAAW,IAAK,UAAW,KAAM,UAAW,OAAQ,UAAW,CAC9G,SAAU,CAAE,MAAO,QAAS,IAAK,UAAW,CAC5C,cAAe,CAAE,KAAM,UAAW,MAAO,QAAS,IAAK,UAAW,CAClE,qBAAsB,CAAE,KAAM,UAAW,MAAO,QAAS,IAAK,UAAW,KAAM,UAAW,OAAQ,UAAW,CAC7G,gBAAiB,CAAE,MAAO,QAAS,IAAK,UAAW,KAAM,UAAW,OAAQ,UAAW,CACvF,QAAS,CAAE,QAAS,QAAS,KAAM,UAAW,OAAQ,UAAW,UAAW,MAAO,CACnF,cAAe,CAAE,QAAS,QAAS,KAAM,UAAW,MAAO,QAAS,IAAK,UAAW,CACpF,aAAc,CAAE,QAAS,QAAS,CAClC,aAAc,CAAE,QAAS,QAAS,CAClC,oBAAqB,CAAE,QAAS,QAAS,KAAM,UAAW,OAAQ,UAAW,CAC7E,oBAAqB,CAAE,QAAS,QAAS,UAAW,QAAS,CAC7D,uBAAwB,CAAE,QAAS,QAAS,CAC7C,CASD,SAAgB,EACd,EACA,EAAqB,aACrB,EACA,CAEA,GAAM,CAAE,UAAS,GAAG,GAAkB,CAAE,GADlB,EAAY,GACwB,GAAG,EAAS,CAYtE,OAVI,IAAW,wBAA0B,IAAW,oBAC3C,EACH,IAAI,KAAK,EAAK,CAAC,mBAAmB,EAAQ,CAAG,KAAO,IAAI,KAAK,EAAK,CAAC,mBAAmB,IAAA,GAAW,EAAc,CAC/G,GAGF,IAAW,QACN,EAAO,IAAI,KAAK,EAAK,CAAC,mBAAmB,EAAS,EAAc,CAAG,GAGrE,EAAO,IAAI,KAAK,EAAK,CAAC,mBAAmB,EAAS,EAAc,CAAG"}
+{"version":3,"file":"formatDate.js","names":["dateFormats: Record<DateFormat, FormatDateOptions>"],"sources":["../../src/utils/formatDate.ts"],"sourcesContent":["export type DateFormat =\n  | 'DD MM YYYY'\n  | 'DD MM YYYY, HH:MM'\n  | 'DD MMM'\n  | 'DD MMM YYYY'\n  | 'DD MMM YYYY, HH:MM'\n  | 'DD MMM, HH:MM'\n  | 'HH:MM'\n  | 'MMM D, YYYY'\n  | 'YYYY/MM/DD'\n  | 'YYYY-MM-DD'\n  | 'YYYY/MM/DD, HH:MM'\n  | 'YYYY-MM-DD, HH:MM'\n  | 'YYYY-MM-DD, HH:MM:SS'\n\nexport type FormatDateOptions = Intl.DateTimeFormatOptions & {\n  locales?: string | string[]\n}\n\n/** Predefined selection of date formats using DateTimeFormatOptions. */\nexport const dateFormats: Record<DateFormat, FormatDateOptions> = {\n  'DD MM YYYY': { year: 'numeric', month: '2-digit', day: '2-digit' },\n  'DD MM YYYY, HH:MM': { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' },\n  'DD MMM': { month: 'short', day: '2-digit' },\n  'DD MMM YYYY': { year: 'numeric', month: 'short', day: '2-digit' },\n  'DD MMM YYYY, HH:MM': { year: 'numeric', month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' },\n  'DD MMM, HH:MM': { month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' },\n  'HH:MM': { locales: 'en-GB', hour: '2-digit', minute: '2-digit', hourCycle: 'h23' },\n  'MMM D, YYYY': { locales: 'en-US', year: 'numeric', month: 'short', day: 'numeric' },\n  'YYYY/MM/DD': { locales: 'en-ZA' },\n  'YYYY-MM-DD': { locales: 'fr-CA' },\n  'YYYY/MM/DD, HH:MM': { locales: 'en-ZA', hour: '2-digit', minute: '2-digit' },\n  'YYYY-MM-DD, HH:MM': { locales: 'fr-CA', timeStyle: 'short' },\n  'YYYY-MM-DD, HH:MM:SS': { locales: 'fr-CA' },\n}\n\n/**\n * Structures given date string, milliseconds number or Date object according to the chosen format.\n * Uses toLocalDateString internally. Predefined formats specify initial options, which can be overwritten.\n * @param date - string, number or Date object accepted by Date() constructor\n * @param format - predefined configuration of DateTimeFormatOptions\n * @param options - configuration of toLocaleDateString method\n */\nexport function formatDate(\n  date?: string | number | Date,\n  format: DateFormat = 'DD MM YYYY',\n  options?: FormatDateOptions,\n) {\n  const formatOptions = dateFormats[format]\n  const { locales, ...mergedOptions } = { ...formatOptions, ...options }\n\n  if (format === 'YYYY-MM-DD, HH:MM:SS' || format === 'YYYY-MM-DD, HH:MM') {\n    return date\n      ? new Date(date).toLocaleDateString(locales) + ', ' + new Date(date).toLocaleTimeString(undefined, mergedOptions)\n      : ''\n  }\n\n  if (format === 'HH:MM') {\n    return date ? new Date(date).toLocaleTimeString(locales, mergedOptions) : ''\n  }\n\n  return date ? new Date(date).toLocaleDateString(locales, mergedOptions) : ''\n}\n"],"mappings":";;AAoBA,MAAaA,cAAqD;CAChE,cAAc;EAAE,MAAM;EAAW,OAAO;EAAW,KAAK;EAAW;CACnE,qBAAqB;EAAE,MAAM;EAAW,OAAO;EAAW,KAAK;EAAW,MAAM;EAAW,QAAQ;EAAW;CAC9G,UAAU;EAAE,OAAO;EAAS,KAAK;EAAW;CAC5C,eAAe;EAAE,MAAM;EAAW,OAAO;EAAS,KAAK;EAAW;CAClE,sBAAsB;EAAE,MAAM;EAAW,OAAO;EAAS,KAAK;EAAW,MAAM;EAAW,QAAQ;EAAW;CAC7G,iBAAiB;EAAE,OAAO;EAAS,KAAK;EAAW,MAAM;EAAW,QAAQ;EAAW;CACvF,SAAS;EAAE,SAAS;EAAS,MAAM;EAAW,QAAQ;EAAW,WAAW;EAAO;CACnF,eAAe;EAAE,SAAS;EAAS,MAAM;EAAW,OAAO;EAAS,KAAK;EAAW;CACpF,cAAc,EAAE,SAAS,SAAS;CAClC,cAAc,EAAE,SAAS,SAAS;CAClC,qBAAqB;EAAE,SAAS;EAAS,MAAM;EAAW,QAAQ;EAAW;CAC7E,qBAAqB;EAAE,SAAS;EAAS,WAAW;EAAS;CAC7D,wBAAwB,EAAE,SAAS,SAAS;CAC7C;;;;;;;;AASD,SAAgB,WACd,MACA,SAAqB,cACrB,SACA;CAEA,MAAM,EAAE,QAAS,GAAG,kBAAkB;EAAE,GADlB,YAAY;EACwB,GAAG;EAAS;AAEtE,KAAI,WAAW,0BAA0B,WAAW,oBAClD,QAAO,OACH,IAAI,KAAK,KAAK,CAAC,mBAAmB,QAAQ,GAAG,OAAO,IAAI,KAAK,KAAK,CAAC,mBAAmB,QAAW,cAAc,GAC/G;AAGN,KAAI,WAAW,QACb,QAAO,OAAO,IAAI,KAAK,KAAK,CAAC,mBAAmB,SAAS,cAAc,GAAG;AAG5E,QAAO,OAAO,IAAI,KAAK,KAAK,CAAC,mBAAmB,SAAS,cAAc,GAAG"}

package/dist/utils/function.js

@@ -1,2 +1,20 @@
-import{isFunction as e}from"./assertion.js";function t(...e){return(...t)=>e.forEach(e=>typeof e==`function`&&e(...t))}function n(){}function r(t,...n){return e(t)?t(...n):t}export{t as callAll,n as noop,r as runIfFn};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { isFunction } from "./assertion.js";
+
+//#region src/utils/function.ts
+/** Calls each provided function with the same set of arguments. Useful for merging multiple callbacks. */
+function callAll(...fns) {
+	return (...args) => fns.forEach((fn) => typeof fn === "function" && fn(...args));
+}
+function noop() {}
+/**
+* If given value is a function, it's called with any additional arguments provided.
+* Otherwise, the provided value is returned directly.
+*/
+function runIfFn(valueOrFn, ...args) {
+	return isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+}
+
+//#endregion
+export { callAll, noop, runIfFn };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=function.js.map

package/dist/utils/function.js.map

@@ -1 +1 @@
-{"version":3,"file":"function.js","names":[],"sources":["../../src/utils/function.ts"],"sourcesContent":["import { isFunction } from './assertion'\nimport type { AnyFunction } from './types'\n\n/** Calls each provided function with the same set of arguments. Useful for merging multiple callbacks. */\nexport function callAll(...fns: (AnyFunction | undefined)[]) {\n  return (...args: any[]) => fns.forEach(fn => typeof fn === 'function' && fn(...args))\n}\n\n// Used as a safe default to be called when no function is provided.\nexport function noop() {}\n\n/**\n * If given value is a function, it's called with any additional arguments provided.\n * Otherwise, the provided value is returned directly.\n */\nexport function runIfFn<T, U>(valueOrFn: T | ((...fnArgs: U[]) => T), ...args: U[]): T {\n  return isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn\n}\n"],"mappings":"4CAIA,SAAgB,EAAQ,GAAG,EAAkC,CAC3D,OAAQ,GAAG,IAAgB,EAAI,QAAQ,GAAM,OAAO,GAAO,YAAc,EAAG,GAAG,EAAK,CAAC,CAIvF,SAAgB,GAAO,EAMvB,SAAgB,EAAc,EAAwC,GAAG,EAAc,CACrF,OAAO,EAAW,EAAU,CAAG,EAAU,GAAG,EAAK,CAAG"}
+{"version":3,"file":"function.js","names":[],"sources":["../../src/utils/function.ts"],"sourcesContent":["import { isFunction } from './assertion'\nimport type { AnyFunction } from './types'\n\n/** Calls each provided function with the same set of arguments. Useful for merging multiple callbacks. */\nexport function callAll(...fns: (AnyFunction | undefined)[]) {\n  return (...args: any[]) => fns.forEach(fn => typeof fn === 'function' && fn(...args))\n}\n\n// Used as a safe default to be called when no function is provided.\nexport function noop() {}\n\n/**\n * If given value is a function, it's called with any additional arguments provided.\n * Otherwise, the provided value is returned directly.\n */\nexport function runIfFn<T, U>(valueOrFn: T | ((...fnArgs: U[]) => T), ...args: U[]): T {\n  return isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn\n}\n"],"mappings":";;;;AAIA,SAAgB,QAAQ,GAAG,KAAkC;AAC3D,SAAQ,GAAG,SAAgB,IAAI,SAAQ,OAAM,OAAO,OAAO,cAAc,GAAG,GAAG,KAAK,CAAC;;AAIvF,SAAgB,OAAO;;;;;AAMvB,SAAgB,QAAc,WAAwC,GAAG,MAAc;AACrF,QAAO,WAAW,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG"}