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

package/dist/tutorial/tutorial.js

@@ -1,2 +1,56 @@
-import{cs as e}from"../utils/styles.js";import{TutorialCard as t}from"./tutorialCard.js";import{jsx as n}from"react/jsx-runtime";import r from"@tippyjs/react";function i({actionLabel:i,children:a,className:o,onAction:s,onDismiss:c,onFinish:l,steps:u,title:d,placement:f=`right`,showSkipButton:p,isVisible:m=!0,includeFinalPage:h=!0,useContentTitle:g=!1}){let _=e=>{e===`dismissed`&&c?.(),e===`finished`&&l?.()};return n(r,{content:n(t,{actionLabel:i,className:e(`vui-tutorial`,o),onAction:s,onDismiss:()=>_(`dismissed`),onFinish:()=>_(`finished`),showSkipButton:p,steps:u,title:d,includeFinalPage:h,useContentTitle:g}),interactive:!0,offset:[0,2],placement:f,popperOptions:{modifiers:[{name:`flip`,enabled:!1}]},visible:m,children:a})}i.displayName=`Tutorial`;export{i as Tutorial};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+import { cs } from "../utils/styles.js";
+import { TutorialCard } from "./tutorialCard.js";
+import { cloneElement, isValidElement } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { FloatingPortal, autoUpdate, offset, useFloating, useInteractions, useMergeRefs } from "@floating-ui/react";
+
+//#region src/tutorial/tutorial.tsx
+/** Popover Tutorial is used to display information about a new, or existing feature. */
+function Tutorial({ actionLabel, children, className, onAction, onDismiss, onFinish, steps, title, placement = "right", showSkipButton, isVisible = true, includeFinalPage = true, useContentTitle = false }) {
+	const onClose = (e) => {
+		if (e === "dismissed") onDismiss?.();
+		if (e === "finished") onFinish?.();
+	};
+	const { refs, floatingStyles } = useFloating({
+		open: isVisible,
+		placement,
+		middleware: [offset({
+			mainAxis: 2,
+			crossAxis: 0
+		})],
+		whileElementsMounted: autoUpdate
+	});
+	const { getReferenceProps, getFloatingProps } = useInteractions([]);
+	const childrenRef = isValidElement(children) ? children.ref : null;
+	const ref = useMergeRefs([refs.setReference, childrenRef]);
+	if (!isValidElement(children)) return /* @__PURE__ */ jsx(Fragment$1, { children });
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [cloneElement(children, {
+		ref,
+		...getReferenceProps()
+	}), isVisible && /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx("div", {
+		ref: refs.setFloating,
+		style: {
+			...floatingStyles,
+			zIndex: 9999
+		},
+		...getFloatingProps(),
+		children: /* @__PURE__ */ jsx(TutorialCard, {
+			actionLabel,
+			className: cs("vui-tutorial", className),
+			onAction,
+			onDismiss: () => onClose("dismissed"),
+			onFinish: () => onClose("finished"),
+			showSkipButton,
+			steps,
+			title,
+			includeFinalPage,
+			useContentTitle
+		})
+	}) })] });
+}
+Tutorial.displayName = "Tutorial";
+
+//#endregion
+export { Tutorial };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=tutorial.js.map

package/dist/tutorial/tutorial.js.map

@@ -1 +1 @@
-{"version":3,"file":"tutorial.js","names":[],"sources":["../../src/tutorial/tutorial.tsx"],"sourcesContent":["import Tippy from '@tippyjs/react'\nimport type { JSXElementConstructor, ReactElement } from 'react'\n\nimport { cs } from '../utils'\nimport type { CloseEvent, TutorialProps } from './tutorial.types'\nimport { TutorialCard } from './tutorialCard'\n\n/** Popover Tutorial is used to display information about a new, or existing feature. */\nexport function Tutorial({\n  actionLabel,\n  children,\n  className,\n  onAction,\n  onDismiss,\n  onFinish,\n  steps,\n  title,\n  placement = 'right',\n  showSkipButton,\n  isVisible = true,\n  includeFinalPage = true,\n  useContentTitle = false,\n}: TutorialProps) {\n  const onClose = (e: CloseEvent) => {\n    if (e === 'dismissed') onDismiss?.()\n    if (e === 'finished') onFinish?.()\n  }\n\n  return (\n    <Tippy\n      content={\n        <TutorialCard\n          actionLabel={actionLabel}\n          className={cs('vui-tutorial', className)}\n          onAction={onAction}\n          onDismiss={() => onClose('dismissed')}\n          onFinish={() => onClose('finished')}\n          showSkipButton={showSkipButton}\n          steps={steps}\n          title={title}\n          includeFinalPage={includeFinalPage}\n          useContentTitle={useContentTitle}\n        />\n      }\n      interactive\n      offset={[0, 2]}\n      placement={placement}\n      popperOptions={{\n        modifiers: [\n          {\n            name: 'flip',\n            enabled: false,\n          },\n        ],\n      }}\n      visible={isVisible}\n    >\n      {children as ReactElement<any, string | JSXElementConstructor<any>> | undefined}\n    </Tippy>\n  )\n}\n\nTutorial.displayName = 'Tutorial'\n"],"mappings":"+JAQA,SAAgB,EAAS,CACvB,cACA,WACA,YACA,WACA,YACA,WACA,QACA,QACA,YAAY,QACZ,iBACA,YAAY,GACZ,mBAAmB,GACnB,kBAAkB,IACF,CAChB,IAAM,EAAW,GAAkB,CAC7B,IAAM,aAAa,KAAa,CAChC,IAAM,YAAY,KAAY,EAGpC,OACE,EAAC,EAAA,CACC,QACE,EAAC,EAAA,CACc,cACb,UAAW,EAAG,eAAgB,EAAU,CAC9B,WACV,cAAiB,EAAQ,YAAY,CACrC,aAAgB,EAAQ,WAAW,CACnB,iBACT,QACA,QACW,mBACD,mBACjB,CAEJ,YAAA,GACA,OAAQ,CAAC,EAAG,EAAE,CACH,YACX,cAAe,CACb,UAAW,CACT,CACE,KAAM,OACN,QAAS,GACV,CACF,CACF,CACD,QAAS,EAER,YACK,CAIZ,EAAS,YAAc"}
+{"version":3,"file":"tutorial.js","names":["offsetMiddleware"],"sources":["../../src/tutorial/tutorial.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  FloatingPortal,\n  offset as offsetMiddleware,\n  useFloating,\n  useInteractions,\n  useMergeRefs,\n} from '@floating-ui/react'\nimport { cloneElement, isValidElement } from 'react'\nimport type { ReactElement } from 'react'\n\nimport { cs } from '../utils'\nimport type { CloseEvent, TutorialProps } from './tutorial.types'\nimport { TutorialCard } from './tutorialCard'\n\n/** Popover Tutorial is used to display information about a new, or existing feature. */\nexport function Tutorial({\n  actionLabel,\n  children,\n  className,\n  onAction,\n  onDismiss,\n  onFinish,\n  steps,\n  title,\n  placement = 'right',\n  showSkipButton,\n  isVisible = true,\n  includeFinalPage = true,\n  useContentTitle = false,\n}: TutorialProps) {\n  const onClose = (e: CloseEvent) => {\n    if (e === 'dismissed') onDismiss?.()\n    if (e === 'finished') onFinish?.()\n  }\n\n  const { refs, floatingStyles } = useFloating({\n    open: isVisible,\n    placement,\n    middleware: [offsetMiddleware({ mainAxis: 2, crossAxis: 0 })],\n    whileElementsMounted: autoUpdate,\n  })\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([])\n\n  const childrenRef = isValidElement(children) ? (children as any).ref : null\n  // eslint-disable-next-line react-hooks/refs\n  const ref = useMergeRefs([refs.setReference, childrenRef])\n\n  if (!isValidElement(children)) {\n    return <>{children}</>\n  }\n\n  return (\n    <>\n      {cloneElement(children as ReactElement, {\n        ref,\n        ...getReferenceProps(),\n      })}\n      {isVisible && (\n        <FloatingPortal>\n          {/* eslint-disable-next-line react-hooks/refs */}\n          <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 9999 }} {...getFloatingProps()}>\n            <TutorialCard\n              actionLabel={actionLabel}\n              className={cs('vui-tutorial', className)}\n              onAction={onAction}\n              onDismiss={() => onClose('dismissed')}\n              onFinish={() => onClose('finished')}\n              showSkipButton={showSkipButton}\n              steps={steps}\n              title={title}\n              includeFinalPage={includeFinalPage}\n              useContentTitle={useContentTitle}\n            />\n          </div>\n        </FloatingPortal>\n      )}\n    </>\n  )\n}\n\nTutorial.displayName = 'Tutorial'\n"],"mappings":";;;;;;;;AAgBA,SAAgB,SAAS,EACvB,aACA,UACA,WACA,UACA,WACA,UACA,OACA,OACA,YAAY,SACZ,gBACA,YAAY,MACZ,mBAAmB,MACnB,kBAAkB,SACF;CAChB,MAAM,WAAW,MAAkB;AACjC,MAAI,MAAM,YAAa,cAAa;AACpC,MAAI,MAAM,WAAY,aAAY;;CAGpC,MAAM,EAAE,MAAM,mBAAmB,YAAY;EAC3C,MAAM;EACN;EACA,YAAY,CAACA,OAAiB;GAAE,UAAU;GAAG,WAAW;GAAG,CAAC,CAAC;EAC7D,sBAAsB;EACvB,CAAC;CAEF,MAAM,EAAE,mBAAmB,qBAAqB,gBAAgB,EAAE,CAAC;CAEnE,MAAM,cAAc,eAAe,SAAS,GAAI,SAAiB,MAAM;CAEvE,MAAM,MAAM,aAAa,CAAC,KAAK,cAAc,YAAY,CAAC;AAE1D,KAAI,CAAC,eAAe,SAAS,CAC3B,QAAO,kCAAG,WAAY;AAGxB,QACE,8CACG,aAAa,UAA0B;EACtC;EACA,GAAG,mBAAmB;EACvB,CAAC,EACD,aACC,oBAAC,4BAEC,oBAAC;EAAI,KAAK,KAAK;EAAa,OAAO;GAAE,GAAG;GAAgB,QAAQ;GAAM;EAAE,GAAI,kBAAkB;YAC5F,oBAAC;GACc;GACb,WAAW,GAAG,gBAAgB,UAAU;GAC9B;GACV,iBAAiB,QAAQ,YAAY;GACrC,gBAAgB,QAAQ,WAAW;GACnB;GACT;GACA;GACW;GACD;IACjB;GACE,GACS,IAElB;;AAIP,SAAS,cAAc"}

package/dist/tutorial/tutorial.types.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Placement } from "tippy.js";
+import { Placement } from "@floating-ui/react";
 
 //#region src/tutorial/tutorial.types.d.ts
 type TutorialDataStep = {

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

@@ -1 +1 @@
-{"version":3,"file":"tutorial.types.d.ts","names":[],"sources":["../../src/tutorial/tutorial.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,gBAAA;;EAAA,KAAA,EAAA,MAAA;EASA;EAAa,OAAA,CAAA,EAAA,MAAA,GALJ,KAAA,CAAM,SAKF;;cAgBX,CAAA,EAAA,MAAA;;AAEW,KAlBb,aAAA,GAkBa;EAeb;EAyBA,WAAA,CAAA,EAAA,MAAiB;EAajB;EAKA,QAAA,EAxEA,KAAA,CAAM,SAwEI;;;;;;;;;;;;cA5DR;;SAEL;;;;;;;;;;;;;;KAeG,iBAAA;;;;;;;;SAQH;;;;;;;;;;;;;;;;KAiBG,iBAAA;;;;;;qBAMS,KAAA,CAAM;;;;;;KAOf,mBAAA;;QAEJ;;KAGI,UAAA"}
+{"version":3,"file":"tutorial.types.d.ts","names":[],"sources":["../../src/tutorial/tutorial.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,gBAAA,CAAA,CAAA;;EAAA,KAAA,CAAA,CAAA,MAAA;EASA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;EAAa,OAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CALJ,KAAA,CAAM,SAKF;;cAgBX,CAAA,CAAA,CAAA,MAAA;;AAEW,IAAA,CAlBb,aAAA,CAAA,CAAA,CAkBa;EAeb,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA,MAAA,CAAA,MAAA,CAAA,CAAA,OAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAyBA,WAAA,CAAA,CAAA,CAAA,MAAiB;EAajB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,GAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA;EAKA,QAAA,CAAA,CAxEA,KAAA,CAAM,SAwEI;;;;;;;;;;;;cA5DR;;SAEL;;;;;;;;;;;;;;KAeG,iBAAA,CAAA,CAAA;;;;;;;;SAQH;;;;;;;;;;;;;;;;KAiBG,iBAAA,CAAA,CAAA;;;;;;qBAMS,KAAA,CAAM;;;;;;KAOf,mBAAA,CAAA,CAAA;;QAEJ;;KAGI,UAAA,CAAA,CAAA"}

package/dist/tutorial/tutorialCard.d.ts

@@ -1,5 +1,5 @@
 import { TutorialCardProps } from "./tutorial.types.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/tutorial/tutorialCard.d.ts
 declare function TutorialCard({
@@ -14,7 +14,7 @@ declare function TutorialCard({
   onFinish,
   includeFinalPage,
   useContentTitle
-}: TutorialCardProps): react_jsx_runtime9.JSX.Element;
+}: TutorialCardProps): react_jsx_runtime13.JSX.Element;
 declare namespace TutorialCard {
   var displayName: string;
 }

package/dist/tutorial/tutorialCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialCard.d.ts","names":[],"sources":["../../src/tutorial/tutorialCard.tsx"],"sourcesContent":[],"mappings":";;;;iBAOgB,YAAA;;;;;SAKP;;;;;;;GAON,oBAAiB,kBAAA,CAAA,GAAA,CAAA;kBAZJ,YAAA;;AAAhB"}
+{"version":3,"file":"tutorialCard.d.ts","names":[],"sources":["../../src/tutorial/tutorialCard.tsx"],"sourcesContent":[],"mappings":";;;;iBAOgB,YAAA;;;;;SAKP;;;;;;;GAON,oBAAiB,mBAAA,CAAA,GAAA,CAAA;kBAZJ,YAAA;;AAAhB"}

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.7`;
+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_runtime0 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_runtime0.JSX.Element;
+  }: TutorialStepProps): react_jsx_runtime11.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/tutorial/tutorialStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialStep.d.ts","names":[],"sources":["../../src/tutorial/tutorialStep.tsx"],"sourcesContent":[],"mappings":";;;;cAIa;;;;;;KAA6D,oBAAiB,kBAAA,CAAA,GAAA,CAAA;;AAA3F,CAAA"}
+{"version":3,"file":"tutorialStep.d.ts","names":[],"sources":["../../src/tutorial/tutorialStep.tsx"],"sourcesContent":[],"mappings":";;;;cAIa;;;;;;KAA6D,oBAAiB,mBAAA,CAAA,GAAA,CAAA;;AAA3F,CAAA"}

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.7`;
+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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"array.d.ts","names":[],"sources":["../../src/utils/array.ts"],"sourcesContent":[],"mappings":";;;;iBAIgB,4CAA4C,QAAQ,WAAU,wBAG7D,UAAU;AAH3B;AAAyB,iBAmBT,UAnBS,CAAA,CAAA,CAAA,CAAA,KAAA,EAmBY,CAnBZ,EAAA,EAAA,IAAA,EAmBuB,CAnBvB,CAAA,EAmB2B,CAnB3B,EAAA"}
+{"version":3,"file":"array.d.ts","names":[],"sources":["../../src/utils/array.ts"],"sourcesContent":[],"mappings":";;;;iBAIgB,4CAA4C,QAAQ,WAAU,wBAG7D,UAAU;AAH3B,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,SAAA,CAAA,CAAA,CAAA;AAAyB,OAAA,CAAA,QAAA,CAmBT,UAnBS,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAmBY,CAnBZ,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAmBuB,CAnBvB,CAAA,CAAA,CAmB2B,CAnB3B,CAAA,CAAA"}

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.7`;
+//#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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assertion.d.ts","names":[],"sources":["../../src/utils/assertion.ts"],"sourcesContent":[],"mappings":";;;;iBAKgB,iCAAiC;AAAjD;AAMgB,iBAAA,UAAU,CAAA,UAAW,QAAX,GAAsB,QAAtB,CAAA,CAAA,KAAA,EAAA,GAAA,CAAA,EAAA,KAAA,IAAsD,CAAtD;;AAAW,iBAKrB,KALqB,CAAA,IAKX,GAAA,CAAI,OALO,CAAA,CAAA,KAAA,EAAA,GAAA,CAAA,EAAA,KAAA,IAKwB,CALxB;;AAA2C,iBAUhE,QAAA,CAVgE,KAAA,EAAA,GAAA,CAAA,EAAA,KAAA,IAAA,MAAA;;AAKhE,iBAUA,QAVK,CAAA,IAUQ,IAVR,CAAA,CAAA,KAAA,EAAA,GAAA,CAAA,EAAA,KAAA,IAUoC,CAVpC;;AAAK,iBAeV,WAAA,CAfc,KAAA,EAAA,GAAA,CAAA,EAAA,KAAA,IAeoB,KAAA,CAAM,SAf1B;;AAAgC,iBAoB9C,QAAA,CApB8C,KAAA,EAAA,GAAA,CAAA,EAAA,KAAA,IAAA,MAAA"}
+{"version":3,"file":"assertion.d.ts","names":[],"sources":["../../src/utils/assertion.ts"],"sourcesContent":[],"mappings":";;;;iBAKgB,iCAAiC;AAAjD,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA;AAMgB,OAAA,CAAA,QAAA,CAAA,UAAU,CAAA,CAAA,CAAA,OAAA,CAAW,QAAX,CAAA,CAAA,CAAsB,QAAtB,CAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAsD,CAAtD;;AAAW,OAAA,CAAA,QAAA,CAKrB,KALqB,CAAA,CAAA,CAAA,CAAA,CAKX,GAAA,CAAI,OALO,CAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAKwB,CALxB;;AAA2C,OAAA,CAAA,QAAA,CAUhE,QAAA,CAVgE,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,MAAA;;AAKhE,OAAA,CAAA,QAAA,CAUA,QAVK,CAAA,CAAA,CAAA,CAAA,CAUQ,IAVR,CAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAUoC,CAVpC;;AAAK,OAAA,CAAA,QAAA,CAeV,WAAA,CAfc,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAeoB,KAAA,CAAM,SAf1B;;AAAgC,OAAA,CAAA,QAAA,CAoB9C,QAAA,CApB8C,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,MAAA"}

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.7`;
+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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/utils/consts.ts"],"sourcesContent":[],"mappings":";cAAa;AAAA,cAEA,eAAA,GAF+C,YAAA;AAE/C,cAEA,eAAA,GAFe,EAAA;AAEf,cAEA,iBAAA,GAFe,SAAA"}
+{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/utils/consts.ts"],"sourcesContent":[],"mappings":";cAAa;AAAA,OAAA,CAAA,KAAA,CAEA,eAAA,CAAA,CAAA,CAF+C,CAAA,GAAA,CAAA,MAAA,CAAA;AAE/C,OAAA,CAAA,KAAA,CAEA,eAAA,CAAA,CAAA,CAFe,EAAA;AAEf,OAAA,CAAA,KAAA,CAEA,iBAAA,CAAA,CAAA,CAFe,CAAA,IAAA,CAAA,EAAA,CAAA"}

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.7`;
+//#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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dates.d.ts","names":[],"sources":["../../src/utils/dates.ts"],"sourcesContent":[],"mappings":";;AACgB,iBAAA,WAAA,CAAuB,KAAA,EAAJ,IAAI,GAAA,MAAA,GAAA,MAAA,CAAA,EAAA,OAAA;AAKvC;AAcgB,iBAdA,aAAA,CAc2B,IAAA,EAdP,IAcO,GAAA,MAAA,GAAA,MAAA,CAAA,EAAA,MAAA,GAAA,SAAA;AAW3C;AAMA;AAOA;AAIA;;AAAsC,iBA5BtB,YAAA,CA4BsB,KAAA,CAAA,EAAA,MAAA,CAAA,EA5BK,IA4BL,GAAA,SAAA;;;AAMtC;AAGC,iBA1Be,kBAAA,CA0Bf,UAAA,EAAA,MAAA,CAAA,EA1BoD,gBA0BpD,GAAA,IAAA;AAH4B,cAjBhB,eAiBgB,EAAA,CAAA,IAAA,EAjBS,IAiBT,EAAA,GAAA;SAAU,EAAA,MAAA;EAAI,QAAA,EAAA,MAAA;EAK9B,OAAA,EAAA,MAQZ;CAAA;AAR4B,cAfhB,sBAegB,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA,GAAA,CAAA,EAAA,MAAA,EAAA,GAfmD,IAenD;AAAU,cAX1B,iBAW0B,EAAA,CAAA,CAAA,CAAA,EAXD,IAWC,EAAA,CAAA,CAAA,EAXS,IAWT,EAAA,GAAA,OAAA;AAAI,cAL9B,QAK8B,EAAA,CAAA,CAAA,CAAA,EALd,IAKc,EAAA,CAAA,CAAA,EALJ,IAKI,EAAA,GAAA,OAAA;AAU9B,cAVA,QAcZ,EAAA,CAAA,CAJ6C,CAAJ,EAVb,IAUiB,EAAA,CAAA,CAAA,EAVP,IAUO,EAAA,GAAA,OAAA;AAMjC,cANA,eASZ,EAAA,CAAA,OAAA,CAAA,EATyC,IASzC,EAAA,GAAA,MAAA,GAAA,SAAA;cAHY"}
+{"version":3,"file":"dates.d.ts","names":[],"sources":["../../src/utils/dates.ts"],"sourcesContent":[],"mappings":";;AACgB,OAAA,CAAA,QAAA,CAAA,WAAA,CAAuB,KAAA,CAAA,CAAJ,IAAI,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,OAAA;AAKvC,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAcgB,OAAA,CAAA,QAAA,CAdA,aAAA,CAc2B,IAAA,CAAA,CAdP,IAcO,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,SAAA;AAW3C,CAAA,CAAA;AAMA,CAAA,CAAA,CAAA,MAAA,CAAA,MAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA;AAOA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KAAA,CAAA;AAIA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA,CAAA;;AAAsC,OAAA,CAAA,QAAA,CA5BtB,YAAA,CA4BsB,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CA5BK,IA4BL,CAAA,CAAA,CAAA,SAAA;;;AAMtC,CAAA,CAAA;AAGC,OAAA,CAAA,QAAA,CA1Be,kBAAA,CA0Bf,UAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CA1BoD,gBA0BpD,CAAA,CAAA,CAAA,IAAA;AAH4B,OAAA,CAAA,KAAA,CAjBhB,eAiBgB,CAAA,CAAA,CAAA,IAAA,CAAA,CAjBS,IAiBT,CAAA,CAAA,CAAA,CAAA,CAAA;SAAU,CAAA,CAAA,MAAA;EAAI,QAAA,CAAA,CAAA,MAAA;EAK9B,OAAA,CAAA,CAAA,MAQZ;CAAA;AAR4B,OAAA,CAAA,KAAA,CAfhB,sBAegB,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,CAAA,KAAA,CAAA,CAAA,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAfmD,IAenD;AAAU,OAAA,CAAA,KAAA,CAX1B,iBAW0B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAXD,IAWC,CAAA,CAAA,CAAA,CAAA,CAAA,CAXS,IAWT,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA;AAAI,OAAA,CAAA,KAAA,CAL9B,QAK8B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CALd,IAKc,CAAA,CAAA,CAAA,CAAA,CAAA,CALJ,IAKI,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA;AAU9B,OAAA,CAAA,KAAA,CAVA,QAcZ,CAAA,CAAA,CAAA,CAJ6C,CAAJ,CAAA,CAVb,IAUiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAVP,IAUO,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA;AAMjC,OAAA,CAAA,KAAA,CANA,eASZ,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CATyC,IASzC,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,SAAA;cAHY"}

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;let r=n?.getFullYear(),i=(n.getMonth()+1).toString().padStart(2,`0`),a=n.getDate().toString().padStart(2,`0`);return`${r}-${i}-${a}`}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.7`;
+//#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,CACxB,GAAI,CAAC,EAAY,EAAE,CAAE,OACrB,IAAM,EAAO,GAAG,aAAa,CACvB,GAAM,EAAE,UAAU,CAAG,GAAG,UAAU,CAAC,SAAS,EAAG,IAAI,CACnD,EAAK,EAAE,SAAS,CAAC,UAAU,CAAC,SAAS,EAAG,IAAI,CAClD,MAAO,GAAG,EAAK,GAAG,EAAG,GAAG,IAQ1B,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"}