@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/tree/treeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeText.js","names":["T"],"sources":["../../src/tree/treeText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs, ellipsisOverflow } from '../utils'\nimport { useTreeContext } from './context'\n\n/** Displays text within the TreeItem. */\nexport const TreeText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tree', useTreeContext())\n\n  return (\n    <T\n      className={cs('vui-treeText', className)}\n      fontSize=\"inherit\"\n      py={styles.item.py}\n      ref={ref}\n      {...ellipsisOverflow}\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nTreeText.displayName = 'TreeText'\nexport default TreeText\n"],"mappings":"oQAOA,MAAa,EAAW,GAAqB,EAAO,IAAQ,CAC1D,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,OAAQ,GAAgB,CAAC,CAEvD,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,eAAgB,EAAU,CACxC,SAAS,UACT,GAAI,EAAO,KAAK,GACX,MACL,GAAI,EACJ,GAAI,EAAO,KACX,GAAI,GACJ,EAEJ,CAEF,EAAS,YAAc,WACvB,IAAA,EAAe"}
+{"version":3,"file":"treeText.js","names":["T"],"sources":["../../src/tree/treeText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs, ellipsisOverflow } from '../utils'\nimport { useTreeContext } from './context'\n\n/** Displays text within the TreeItem. */\nexport const TreeText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tree', useTreeContext())\n\n  return (\n    <T\n      className={cs('vui-treeText', className)}\n      fontSize=\"inherit\"\n      py={styles.item.py}\n      ref={ref}\n      {...ellipsisOverflow}\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nTreeText.displayName = 'TreeText'\nexport default TreeText\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAqB,OAAO,QAAQ;CAC1D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,gBAAgB,CAAC;AAEvD,QACE,oBAACA;EACC,WAAW,GAAG,gBAAgB,UAAU;EACxC,UAAS;EACT,IAAI,OAAO,KAAK;EACX;EACL,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,SAAS,cAAc;AACvB,uBAAe"}

package/dist/tree/useTreeState.js

@@ -1,2 +1,18 @@
-import{useState as e}from"react";const t=t=>{let[n,r]=e([]),[i,a]=e(t??``);return{itemsInternal:n,setItemsInternal:r,activeItemIndex:i,setActiveItemIndex:a}};export{t as useTreeState};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useState } from "react";
+
+//#region src/tree/useTreeState.ts
+const useTreeState = (activeItemId) => {
+	const [itemsInternal, setItemsInternal] = useState([]);
+	const [activeItemIndex, setActiveItemIndex] = useState(activeItemId ?? "");
+	return {
+		itemsInternal,
+		setItemsInternal,
+		activeItemIndex,
+		setActiveItemIndex
+	};
+};
+
+//#endregion
+export { useTreeState };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=useTreeState.js.map

package/dist/tree/useTreeState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTreeState.js","names":[],"sources":["../../src/tree/useTreeState.ts"],"sourcesContent":["import { useState } from 'react'\n\nimport type { TreeItemId, TreeItemProps } from './tree.types'\n\nexport const useTreeState = (activeItemId?: TreeItemId) => {\n  const [itemsInternal, setItemsInternal] = useState<TreeItemProps[]>([])\n  const [activeItemIndex, setActiveItemIndex] = useState<TreeItemId>(activeItemId ?? '')\n\n  return { itemsInternal, setItemsInternal, activeItemIndex, setActiveItemIndex }\n}\n"],"mappings":"iCAIA,MAAa,EAAgB,GAA8B,CACzD,GAAM,CAAC,EAAe,GAAoB,EAA0B,EAAE,CAAC,CACjE,CAAC,EAAiB,GAAsB,EAAqB,GAAgB,GAAG,CAEtF,MAAO,CAAE,gBAAe,mBAAkB,kBAAiB,qBAAoB"}
+{"version":3,"file":"useTreeState.js","names":[],"sources":["../../src/tree/useTreeState.ts"],"sourcesContent":["import { useState } from 'react'\n\nimport type { TreeItemId, TreeItemProps } from './tree.types'\n\nexport const useTreeState = (activeItemId?: TreeItemId) => {\n  const [itemsInternal, setItemsInternal] = useState<TreeItemProps[]>([])\n  const [activeItemIndex, setActiveItemIndex] = useState<TreeItemId>(activeItemId ?? '')\n\n  return { itemsInternal, setItemsInternal, activeItemIndex, setActiveItemIndex }\n}\n"],"mappings":";;;AAIA,MAAa,gBAAgB,iBAA8B;CACzD,MAAM,CAAC,eAAe,oBAAoB,SAA0B,EAAE,CAAC;CACvE,MAAM,CAAC,iBAAiB,sBAAsB,SAAqB,gBAAgB,GAAG;AAEtF,QAAO;EAAE;EAAe;EAAkB;EAAiB;EAAoB"}

package/dist/tutorial/consts.js

@@ -1,2 +1,11 @@
-const e={bg:`darkBlue.main`,buttonColor:`digiGreen.main`,color:`white`};export{e as tutorialColors};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/tutorial/consts.ts
+const tutorialColors = {
+	bg: "darkBlue.main",
+	buttonColor: "digiGreen.main",
+	color: "white"
+};
+
+//#endregion
+export { tutorialColors };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=consts.js.map

package/dist/tutorial/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/tutorial/consts.ts"],"sourcesContent":["export const tutorialColors = {\n  bg: 'darkBlue.main',\n  buttonColor: 'digiGreen.main',\n  color: 'white',\n}\n"],"mappings":"AAAA,MAAa,EAAiB,CAC5B,GAAI,gBACJ,YAAa,iBACb,MAAO,QACR"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/tutorial/consts.ts"],"sourcesContent":["export const tutorialColors = {\n  bg: 'darkBlue.main',\n  buttonColor: 'digiGreen.main',\n  color: 'white',\n}\n"],"mappings":";AAAA,MAAa,iBAAiB;CAC5B,IAAI;CACJ,aAAa;CACb,OAAO;CACR"}

package/dist/tutorial/index.d.ts

@@ -0,0 +1,4 @@
+import { CloseEvent, TutorialCardProps, TutorialDataStep, TutorialProps, TutorialStepProps, TutorialStepWrapper } from "./tutorial.types.js";
+import { Tutorial } from "./tutorial.js";
+import { TutorialCard } from "./tutorialCard.js";
+import { TutorialStep } from "./tutorialStep.js";

package/dist/tutorial/tutorial.d.ts

@@ -1,5 +1,5 @@
 import { TutorialProps } from "./tutorial.types.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/tutorial/tutorial.d.ts
 /** Popover Tutorial is used to display information about a new, or existing feature. */
@@ -17,7 +17,7 @@ declare function Tutorial({
   isVisible,
   includeFinalPage,
   useContentTitle
-}: TutorialProps): react_jsx_runtime11.JSX.Element;
+}: TutorialProps): react_jsx_runtime12.JSX.Element;
 declare namespace Tutorial {
   var displayName: string;
 }

package/dist/tutorial/tutorial.js

@@ -1,2 +1,42 @@
-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.8`;
+import { cs } from "../utils/styles.js";
+import { TutorialCard } from "./tutorialCard.js";
+import { jsx } from "react/jsx-runtime";
+import Tippy from "@tippyjs/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?.();
+	};
+	return /* @__PURE__ */ jsx(Tippy, {
+		content: /* @__PURE__ */ jsx(TutorialCard, {
+			actionLabel,
+			className: cs("vui-tutorial", className),
+			onAction,
+			onDismiss: () => onClose("dismissed"),
+			onFinish: () => onClose("finished"),
+			showSkipButton,
+			steps,
+			title,
+			includeFinalPage,
+			useContentTitle
+		}),
+		interactive: true,
+		offset: [0, 2],
+		placement,
+		popperOptions: { modifiers: [{
+			name: "flip",
+			enabled: false
+		}] },
+		visible: isVisible,
+		children
+	});
+}
+Tutorial.displayName = "Tutorial";
+
+//#endregion
+export { Tutorial };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":[],"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":";;;;;;;AAQA,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;;AAGpC,QACE,oBAAC;EACC,SACE,oBAAC;GACc;GACb,WAAW,GAAG,gBAAgB,UAAU;GAC9B;GACV,iBAAiB,QAAQ,YAAY;GACrC,gBAAgB,QAAQ,WAAW;GACnB;GACT;GACA;GACW;GACD;IACjB;EAEJ;EACA,QAAQ,CAAC,GAAG,EAAE;EACH;EACX,eAAe,EACb,WAAW,CACT;GACE,MAAM;GACN,SAAS;GACV,CACF,EACF;EACD,SAAS;EAER;GACK;;AAIZ,SAAS,cAAc"}

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

@@ -35,7 +35,7 @@ type TutorialProps = {
   title: string;
   /** Link to page where they can read more */
   readMoreLink?: string;
-  /** Decides if should show or hide tooltip  */
+  /** Decides if should show or hide floating panel  */
   isVisible?: boolean;
   /** Should include last thank you page  */
   includeFinalPage?: boolean;

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,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"}
+{"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;EAIA,OAAM,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CATG,KAAA,CAAM,SAST;EAYJ,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA;EAEL,YAAA,CAAA,CAAA,CAAA,MAAA;CAAgB;AAeb,IAAA,CAjCA,aAAA,CAAA,CAAA,CAiCiB;EAyBjB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA,MAAA,CAAA,MAAA,CAAA,CAAA,OAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAaA,WAAA,CAAA,CAAA,CAAA,MAAA;EAKA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,OAAA,CAAA,GAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA;YAxEA,KAAA,CAAM;;;;;;;;;;;;cAYJ;;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_runtime12 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_runtime12.JSX.Element;
+}: TutorialCardProps): react_jsx_runtime13.JSX.Element;
 declare namespace TutorialCard {
   var displayName: string;
 }

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"
 //# 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"
 //# 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,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"}
+{"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;AAA4D,OAAA,CAAA,QAAA,CAmB5C,UAnB4C,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAmBvB,CAnBuB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAmBZ,CAnBY,CAAA,CAAA,CAmBR,CAnBQ,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.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"
 //# 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,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"}
+{"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;;AAAsB,OAAA,CAAA,QAAA,CAKhC,KALgC,CAAA,CAAA,CAAA,CAAA,CAKtB,GAAA,CAAI,OALkB,CAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAKa,CALb;;AAAiC,OAAA,CAAA,QAAA,CAUjE,QAAA,CAViE,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,MAAA;AAKjF,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA,OAAA,CAAA,MAAA,CAAA,CAAA,SAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,KAAA,CAAA,QAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AAKgB,OAAA,CAAA,QAAA,CAKA,QALQ,CAAA,CAAA,CAAA,CAAA,CAKK,IALL,CAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAKiC,CALjC;AAKxB,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAKgB,OAAA,CAAA,QAAA,CAAA,WAAA,CAAkC,KAAM,CAAA,CAAA,GAAA,CAAS,CAAA,CAAA,KAAA,CAAA,EAAA,CAAf,KAAA,CAAM,SAAS;AAKjE,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA;iBAAgB,QAAA"}

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"
 //# 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"
 //# 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,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"}
+{"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;AAMA,CAAA,CAAA;AAKa,OAAA,CAAA,QAAA,CAvCG,YAAA,CAuCuB,KAAI,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAvCA,IAuCA,CAAA,CAAA,CAAA,SAAA;AAU3C,CAAA,CAAA;AAMA,CAAA,CAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;iBA5CgB,kBAAA,sBAAqC;cAMxC,wBAAyB;;;;;cAOzB,uEAAmE;cAInE,wBAAyB,UAAU;cAMnC,eAAgB,UAAU;cAK1B,eAAgB,UAAU;cAU1B,4BAA6B;cAM7B"}