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

package/dist/stepperHorizontal/stepHorizontal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepHorizontal.js","names":["StepHorizontalTail","StepHorizontalTitle"],"sources":["../../src/stepperHorizontal/stepHorizontal.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { styled, vui } from '../core'\nimport { StepIndicator } from '../stepIndicator'\nimport { cs } from '../utils'\nimport { stepClassName } from './consts'\nimport { useStepperHorizontalContext } from './context'\nimport StepHorizontalTail from './stepHorizontalTail'\nimport StepHorizontalTitle from './stepHorizontalTitle'\nimport type { StepHorizontalProps } from './stepperHorizontalTypes'\n\nexport const StepHorizontalBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Implements a Horizontal step component\n */\nexport const StepHorizontal = vui<'div', StepHorizontalProps>(\n  ({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {\n    const context = useStepperHorizontalContext()\n    const size = context?.size || propSize\n    return (\n      <StepHorizontalBase className={cs(stepClassName, stepClassName + variant, className)} ref={ref}>\n        <StepHorizontalTail size={size} variant={variant as any} />\n        <Box display=\"block\" textAlign=\"center\">\n          <StepIndicator icon={icon} number={number} size={size} variant={variant} />\n        </Box>\n        <Box display=\"block\" textAlign=\"center\">\n          {!!title && (\n            <StepHorizontalTitle size={size} variant={variant as any}>\n              {title}\n            </StepHorizontalTitle>\n          )}\n          {!!description && (\n            <Box color=\"sandstone.45\" display=\"block\" fontSize={`${size === 'md' ? 14 : 12}px`} textAlign=\"center\">\n              {description}\n            </Box>\n          )}\n          <Box display=\"block\">{children}</Box>\n        </Box>\n      </StepHorizontalBase>\n    )\n  },\n)\n\nStepHorizontal.displayName = 'StepHorizontal'\n\nexport default StepHorizontal\n"],"mappings":"scAUA,MAAa,EAAqB,EAAO,MAAM;;;;;EAUlC,EAAiB,GAC3B,CAAE,OAAM,SAAQ,KAAM,EAAW,KAAM,cAAa,QAAO,YAAW,UAAS,YAAY,IAAQ,CAElG,IAAM,EADU,GAA6B,EACvB,MAAQ,EAC9B,OACE,EAAC,EAAA,CAAmB,UAAW,EAAG,EAAe,EAAgB,EAAS,EAAU,CAAO,gBACzF,EAACA,EAAAA,CAAyB,OAAe,WAAkB,CAC3D,EAAC,EAAA,CAAI,QAAQ,QAAQ,UAAU,kBAC7B,EAAC,EAAA,CAAoB,OAAc,SAAc,OAAe,WAAW,EACvE,CACN,EAAC,EAAA,CAAI,QAAQ,QAAQ,UAAU,mBAC5B,CAAC,CAAC,GACD,EAACC,EAAAA,CAA0B,OAAe,mBACvC,GACmB,CAEvB,CAAC,CAAC,GACD,EAAC,EAAA,CAAI,MAAM,eAAe,QAAQ,QAAQ,SAAU,GAAG,IAAS,KAAO,GAAK,GAAG,IAAK,UAAU,kBAC3F,GACG,CAER,EAAC,EAAA,CAAI,QAAQ,QAAS,YAAe,GACjC,GACa,EAG1B,CAED,EAAe,YAAc"}

package/dist/stepperHorizontal/stepHorizontalTail.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{Box as n}from"../box/box.js";import{tailClassName as r,tailClassNameLeft as i,tailClassNameRight as a}from"./consts.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=t((t,c)=>{let{children:l,className:u,variant:d=`active`,...f}=t;return s(n,{className:e(r),h:`16px`,justifyContent:`space-between`,position:`absolute`,ref:c,w:`100%`,...f,children:[o(n,{className:e(r,i,i+d)}),o(n,{className:e(r,a,i+d)})]})});c.displayName=`StepHorizontalTail`;var l=c;export{l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=stepHorizontalTail.js.map

package/dist/stepperHorizontal/stepHorizontalTail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepHorizontalTail.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontalTail.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { tailClassName, tailClassNameLeft, tailClassNameRight } from './consts'\nimport type { StepHorizontalTailProps } from './stepperHorizontalTypes'\n\n/**\n * Implements Horizontal stepper tail (the Horizontal line) **\n */\nexport const StepHorizontalTail = vui<'div', StepHorizontalTailProps>((props, ref) => {\n  const { children, className, variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(tailClassName)}\n      h=\"16px\"\n      justifyContent=\"space-between\"\n      position=\"absolute\"\n      ref={ref}\n      w=\"100%\"\n      {...rest}\n    >\n      <Box className={cs(tailClassName, tailClassNameLeft, tailClassNameLeft + variant)} />\n      <Box className={cs(tailClassName, tailClassNameRight, tailClassNameLeft + variant)} />\n    </Box>\n  )\n})\n\nStepHorizontalTail.displayName = 'StepHorizontalTail'\n\nexport default StepHorizontalTail\n"],"mappings":"8PASA,MAAa,EAAqB,GAAqC,EAAO,IAAQ,CACpF,GAAM,CAAE,WAAU,YAAW,UAAU,SAAU,GAAG,GAAS,EAC7D,OACE,EAAC,EAAA,CACC,UAAW,EAAG,EAAc,CAC5B,EAAE,OACF,eAAe,gBACf,SAAS,WACJ,MACL,EAAE,OACF,GAAI,YAEJ,EAAC,EAAA,CAAI,UAAW,EAAG,EAAe,EAAmB,EAAoB,EAAQ,CAAA,CAAI,CACrF,EAAC,EAAA,CAAI,UAAW,EAAG,EAAe,EAAoB,EAAoB,EAAQ,CAAA,CAAI,CAAA,EAClF,EAER,CAEF,EAAmB,YAAc,qBAEjC,IAAA,EAAe"}

package/dist/stepperHorizontal/stepHorizontalTitle.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{Box as n}from"../box/box.js";import{boldTitles as r,stepClassName as i,titleColor as a}from"./consts.js";import{jsx as o}from"react/jsx-runtime";const s=t((t,s)=>{let{children:c,className:l,size:u=`md`,variant:d=`active`,...f}=t;return o(n,{className:e(i+`Title`),color:a[d],display:`block`,fontSize:`${u===`md`?16:14}px`,fontWeight:r.includes(d)?600:void 0,pt:`${u===`md`?4:2}px`,textAlign:`center`,whiteSpace:`nowrap`,...f,children:c})});s.displayName=`StepHorizontalTitle`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=stepHorizontalTitle.js.map

package/dist/stepperHorizontal/stepHorizontalTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepHorizontalTitle.js","names":[],"sources":["../../src/stepperHorizontal/stepHorizontalTitle.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { boldTitles, stepClassName, titleColor } from './consts'\nimport type { StepHorizontalTitleProps } from './stepperHorizontalTypes'\n\n/**\n * Implements Horizontal stepper tail (the Horizontal line) **\n */\nexport const StepHorizontalTitle = vui<'div', StepHorizontalTitleProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(stepClassName + 'Title')}\n      color={titleColor[variant]}\n      display=\"block\"\n      fontSize={`${size === 'md' ? 16 : 14}px`}\n      fontWeight={boldTitles.includes(variant) ? 600 : undefined}\n      pt={`${size === 'md' ? 4 : 2}px`}\n      textAlign=\"center\"\n      whiteSpace=\"nowrap\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nStepHorizontalTitle.displayName = 'StepHorizontalTitle'\n\nexport default StepHorizontalTitle\n"],"mappings":"qOASA,MAAa,EAAsB,GAAsC,EAAO,IAAQ,CACtF,GAAM,CAAE,WAAU,YAAW,OAAO,KAAM,UAAU,SAAU,GAAG,GAAS,EAC1E,OACE,EAAC,EAAA,CACC,UAAW,EAAG,EAAgB,QAAQ,CACtC,MAAO,EAAW,GAClB,QAAQ,QACR,SAAU,GAAG,IAAS,KAAO,GAAK,GAAG,IACrC,WAAY,EAAW,SAAS,EAAQ,CAAG,IAAM,IAAA,GACjD,GAAI,GAAG,IAAS,KAAO,EAAI,EAAE,IAC7B,UAAU,SACV,WAAW,SACX,GAAI,EAEH,YACG,EAER,CAEF,EAAoB,YAAc,sBAElC,IAAA,EAAe"}

package/dist/stepperHorizontal/stepperHorizontal.d.ts

@@ -0,0 +1,11 @@
+import { VuiComponent } from "../core/vui.js";
+import { StepperHorizontalProps } from "./stepperHorizontalTypes.js";
+
+//#region src/stepperHorizontal/stepperHorizontal.d.ts
+/**
+ * [Beta] Implements Horizontal stepper **
+ */
+declare const StepperHorizontal: VuiComponent<"div", StepperHorizontalProps>;
+//#endregion
+export { StepperHorizontal };
+//# sourceMappingURL=stepperHorizontal.d.ts.map

package/dist/stepperHorizontal/stepperHorizontal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperHorizontal.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontal.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAWa,cAAA,iBAkBX,cAAA,CAAA,KAAA,EAlB4B,sBAkB5B,CAAA"}

package/dist/stepperHorizontal/stepperHorizontal.js

@@ -0,0 +1,2 @@
+import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{StepperHorizontalProvider as i}from"./context.js";import a from"./stepperHorizontalBase.js";import{useMemo as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=r((r,c)=>{let{children:l,className:u,size:d,...f}=r,p=n(`StepperHorizontal`,r),m=o(()=>e({size:d}),[d]);return s(i,{value:m,children:s(a,{className:t(`vui-stepperHorizontal`,u),ref:c,...p.container,...f,children:l})})});c.displayName=`StepperHorizontal`;export{c as StepperHorizontal};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=stepperHorizontal.js.map

package/dist/stepperHorizontal/stepperHorizontal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperHorizontal.js","names":["StepperHorizontalBase"],"sources":["../../src/stepperHorizontal/stepperHorizontal.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { StepperHorizontalProvider } from './context'\nimport StepperHorizontalBase from './stepperHorizontalBase'\nimport type { StepperHorizontalProps } from './stepperHorizontalTypes'\n\n/**\n * [Beta] Implements Horizontal stepper **\n */\nexport const StepperHorizontal = vui<'div', StepperHorizontalProps>((props, ref) => {\n  const { children, className, size, ...rest } = props\n  const styles = useStyleConfig('StepperHorizontal', props)\n\n  const context = useMemo(() => filterUndefined({ size }), [size])\n\n  return (\n    <StepperHorizontalProvider value={context}>\n      <StepperHorizontalBase\n        className={cs('vui-stepperHorizontal', className)}\n        ref={ref}\n        {...styles.container}\n        {...rest}\n      >\n        {children}\n      </StepperHorizontalBase>\n    </StepperHorizontalProvider>\n  )\n})\n\nStepperHorizontal.displayName = 'StepperHorizontal'\n\nexport default StepperHorizontal\n"],"mappings":"+VAWA,MAAa,EAAoB,GAAoC,EAAO,IAAQ,CAClF,GAAM,CAAE,WAAU,YAAW,OAAM,GAAG,GAAS,EACzC,EAAS,EAAe,oBAAqB,EAAM,CAEnD,EAAU,MAAc,EAAgB,CAAE,OAAM,CAAC,CAAE,CAAC,EAAK,CAAC,CAEhE,OACE,EAAC,EAAA,CAA0B,MAAO,WAChC,EAACA,EAAAA,CACC,UAAW,EAAG,wBAAyB,EAAU,CAC5C,MACL,GAAI,EAAO,UACX,GAAI,EAEH,YACqB,EACE,EAE9B,CAEF,EAAkB,YAAc"}

package/dist/stepperHorizontal/stepperHorizontalBase.js

@@ -0,0 +1,18 @@
+import{styled as e}from"../core/styled.js";import{stepClassName as t,tailClassName as n,tailClassNameLeft as r,tailClassNameRight as i,variantColor as a}from"./consts.js";var o=e.divBox`
+  display: flex;
+  width: 100%;
+
+  .${t}:first-of-type .${n}Left, .${t}:last-of-type .${n}Right {
+    visibility: hidden;
+  }
+
+  .${r}, .${i} {
+    width: 50%;
+  }
+  ${Object.keys(a).map(e=>`.${r+e},
+  .${i+e},
+  .${t+e} + .${t} .${r} {
+    border-bottom: 1px solid ${a[e]};
+  }`)}
+`;export{o as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=stepperHorizontalBase.js.map

package/dist/stepperHorizontal/stepperHorizontalBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperHorizontalBase.js","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontalBase.ts"],"sourcesContent":["import { styled } from '../core'\nimport { stepClassName, tailClassName, tailClassNameLeft, tailClassNameRight, variantColor } from './consts'\nimport type { StepperHorizontalProps } from './stepperHorizontalTypes'\n\nconst StepperHorizontalBase = styled.divBox<StepperHorizontalProps>`\n  display: flex;\n  width: 100%;\n\n  .${stepClassName}:first-of-type .${tailClassName}Left, .${stepClassName}:last-of-type .${tailClassName}Right {\n    visibility: hidden;\n  }\n\n  .${tailClassNameLeft}, .${tailClassNameRight} {\n    width: 50%;\n  }\n  ${Object.keys(variantColor).map(\n    (variant: string) => `.${tailClassNameLeft + variant},\n  .${tailClassNameRight + variant},\n  .${stepClassName + variant} + .${stepClassName} .${tailClassNameLeft} {\n    border-bottom: 1px solid ${variantColor[variant]};\n  }`,\n  )}\n`\nexport default StepperHorizontalBase\n"],"mappings":"2KAuBA,IAAA,EAnB8B,EAAO,MAA8B;;;;KAI9D,EAAc,kBAAkB,EAAc,SAAS,EAAc,iBAAiB,EAAc;;;;KAIpG,EAAkB,KAAK,EAAmB;;;IAG3C,OAAO,KAAK,EAAa,CAAC,IACzB,GAAoB,IAAI,EAAoB,EAAQ;KACpD,EAAqB,EAAQ;KAC7B,EAAgB,EAAQ,MAAM,EAAc,IAAI,EAAkB;+BACxC,EAAa,GAAS;KAElD,CAAC"}

package/dist/stepperHorizontal/stepperHorizontalTypes.d.ts

@@ -0,0 +1,31 @@
+import { ThemingProps } from "../theme/types.js";
+import { SystemProps } from "../system/system.js";
+import { BoxProps } from "../box/box.types.js";
+import { IconProp } from "../icon/icon.types.js";
+import { ChildrenProp } from "../core/types.js";
+import { StepIndicatorVariant } from "../stepIndicator/stepIndicatorTypes.js";
+import { ReactNode } from "react";
+
+//#region src/stepperHorizontal/stepperHorizontalTypes.d.ts
+type StepHorizontalSize = 'md' | 'sm' | undefined;
+type StepperHorizontalProps = SystemProps & ThemingProps<'StepperHorizontal'> & ChildrenProp;
+type StepHorizontalProps = SystemProps & ChildrenProp & {
+  icon?: IconProp;
+  number?: number;
+  size?: StepHorizontalSize;
+  description?: ReactNode;
+  title?: ReactNode;
+  disabled?: boolean;
+  className?: string;
+  variant?: StepIndicatorVariant;
+};
+type StepHorizontalTailProps = BoxProps & {
+  variant?: StepIndicatorVariant;
+};
+type StepHorizontalTitleProps = BoxProps & {
+  size?: StepHorizontalSize;
+  variant?: StepIndicatorVariant;
+};
+//#endregion
+export { StepHorizontalProps, StepHorizontalSize, StepHorizontalTailProps, StepHorizontalTitleProps, StepperHorizontalProps };
+//# sourceMappingURL=stepperHorizontalTypes.d.ts.map

package/dist/stepperHorizontal/stepperHorizontalTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperHorizontalTypes.d.ts","names":[],"sources":["../../src/stepperHorizontal/stepperHorizontalTypes.ts"],"sourcesContent":[],"mappings":";;;;;;;;;KASY,kBAAA;KAEA,sBAAA,GAAyB,cAAc,oCAAoC;AAF3E,KAIA,mBAAA,GAAsB,WAJJ,GAK5B,YAL4B,GAAA;EAElB,IAAA,CAAA,EAID,QAJC;EAAsB,MAAA,CAAA,EAAA,MAAA;MAAG,CAAA,EAM1B,kBAN0B;aAAc,CAAA,EAOjC,SAPiC;OAAoC,CAAA,EAQ3E,SAR2E;EAAY,QAAA,CAAA,EAAA,OAAA;EAEvF,SAAA,CAAA,EAAA,MAAA;EAAmB,OAAA,CAAA,EASjB,oBATiB;;AAC7B,KAWU,uBAAA,GAA0B,QAXpC,GAAA;SACS,CAAA,EAWC,oBAXD;;AAGO,KAWN,wBAAA,GAA2B,QAXrB,GAAA;MACN,CAAA,EAWH,kBAXG;SAGE,CAAA,EASF,oBATE;CAAoB"}

package/dist/stepperHorizontal/theme.js

@@ -0,0 +1,2 @@
+var e={baseStyle:{},defaultProps:{size:`md`},parts:[`stepHorizontal`],sizes:{sm:{},md:{}},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=theme.js.map

package/dist/stepperHorizontal/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/stepperHorizontal/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst parts = ['stepHorizontal']\n\nconst sizes = {\n  sm: {},\n  md: {},\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAeA,IAAA,EAAe,CACb,UAhBgB,EAAE,CAiBlB,aAfmB,CACnB,KAAM,KACP,CAcC,MAZY,CAAC,iBAAiB,CAa9B,MAXY,CACZ,GAAI,EAAE,CACN,GAAI,EAAE,CACP,CASC,SAPe,EAAE,CAQlB"}

package/dist/stepperVertical/consts.js

@@ -0,0 +1,2 @@
+const e={active:`seaBlue.main`,completed:`landGreen.41`,optional:`seaBlue.45`,pending:`sandstone.90`,error:`energyRed.main`},t={active:`sandstone.10`,completed:`sandstone.10`,optional:`sandstone.10`,pending:`sandstone.55`,error:`energyRed.main`},n=[`active`,`error`],r=`vui-stepVertical`,i=r+`Tail`;export{n as boldTitles,r as stepClassName,i as tailClassName,t as titleColor,e as variantColor};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=consts.js.map

package/dist/stepperVertical/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/stepperVertical/consts.ts"],"sourcesContent":["export const variantColor = {\n  active: 'seaBlue.main',\n  completed: 'landGreen.41',\n  optional: 'seaBlue.45',\n  pending: 'sandstone.90',\n  error: 'energyRed.main',\n}\n\nexport const titleColor = {\n  active: 'sandstone.10',\n  completed: 'sandstone.10',\n  optional: 'sandstone.10',\n  pending: 'sandstone.55',\n  error: 'energyRed.main',\n}\n\nexport const boldTitles = ['active', 'error']\n\nexport const stepClassName = 'vui-stepVertical'\n\nexport const tailClassName = stepClassName + 'Tail'\n"],"mappings":"AAAA,MAAa,EAAe,CAC1B,OAAQ,eACR,UAAW,eACX,SAAU,aACV,QAAS,eACT,MAAO,iBACR,CAEY,EAAa,CACxB,OAAQ,eACR,UAAW,eACX,SAAU,eACV,QAAS,eACT,MAAO,iBACR,CAEY,EAAa,CAAC,SAAU,QAAQ,CAEhC,EAAgB,mBAEhB,EAAgB,EAAgB"}

package/dist/stepperVertical/context.js

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

package/dist/stepperVertical/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/stepperVertical/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [StepperVerticalProvider, useStepperVerticalContext] = createContext<Dict>({ isOptional: true })\n\nexport { StepperVerticalProvider, useStepperVerticalContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAyB,GAA6B,EAAoB,CAAE,WAAY,GAAM,CAAC"}

package/dist/stepperVertical/stepVertical.d.ts

@@ -0,0 +1,14 @@
+import { SystemProps } from "../system/system.js";
+import { VuiComponent } from "../core/vui.js";
+import { StepVerticalProps } from "./stepperVerticalTypes.js";
+import * as styled_components80 from "styled-components";
+
+//#region src/stepperVertical/stepVertical.d.ts
+declare const StepVerticalBase: styled_components80.StyledComponent<"div", styled_components80.DefaultTheme, SystemProps, never>;
+/**
+ * Implements a vertical step component
+ */
+declare const StepVertical: VuiComponent<"div", StepVerticalProps>;
+//#endregion
+export { StepVertical, StepVerticalBase };
+//# sourceMappingURL=stepVertical.d.ts.map

package/dist/stepperVertical/stepVertical.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepVertical.d.ts","names":[],"sources":["../../src/stepperVertical/stepVertical.tsx"],"sourcesContent":[],"mappings":";;;;;;cAUa,kBAAgB,mBAAA,CAAA,uBAI5B,mBAAA,CAJ4B,YAAA;;;;cAShB,kCAAY"}

package/dist/stepperVertical/stepVertical.js

@@ -0,0 +1,6 @@
+import{cs as e}from"../utils/styles.js";import{styled as t}from"../core/styled.js";import{vui as n}from"../core/vui.js";import{Box as r}from"../box/box.js";import{StepIndicator as i}from"../stepIndicator/stepIndicator.js";import{useStepperVerticalContext as a}from"./context.js";import{stepClassName as o}from"./consts.js";import s from"./stepVerticalTail.js";import c from"./stepVerticalTitle.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=t.divBox`
+  display: flex;
+  position: relative;
+  width: 100%;
+`,f=n(({icon:t,number:n,size:f=`md`,description:p,title:m,className:h,variant:g,children:_},v)=>{let y=a()?.size||f;return u(d,{className:e(o,h),ref:v,children:[l(s,{size:y,variant:g}),l(r,{flex:`0 0 ${y===`md`?40:30}px`,children:l(i,{icon:t,number:n,size:y,variant:g})}),u(r,{flex:`1`,flexDirection:`column`,children:[!!m&&l(c,{size:y,variant:g,children:m}),!!p&&l(r,{color:`sandstone.45`,fontSize:`${y===`md`?14:12}px`,children:p}),l(r,{children:_})]})]})});f.displayName=`StepVertical`;export{f as StepVertical,d as StepVerticalBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=stepVertical.js.map

package/dist/stepperVertical/stepVertical.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepVertical.js","names":["StepVerticalTail","StepVerticalTitle"],"sources":["../../src/stepperVertical/stepVertical.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { styled, vui } from '../core'\nimport { StepIndicator } from '../stepIndicator'\nimport { cs } from '../utils'\nimport { stepClassName } from './consts'\nimport { useStepperVerticalContext } from './context'\nimport type { StepVerticalProps } from './stepperVerticalTypes'\nimport StepVerticalTail from './stepVerticalTail'\nimport StepVerticalTitle from './stepVerticalTitle'\n\nexport const StepVerticalBase = styled.divBox`\n  display: flex;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Implements a vertical step component\n */\nexport const StepVertical = vui<'div', StepVerticalProps>(\n  ({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {\n    const context = useStepperVerticalContext()\n    const size = context?.size || propSize\n    return (\n      <StepVerticalBase className={cs(stepClassName, className)} ref={ref}>\n        <StepVerticalTail size={size} variant={variant as any} />\n        <Box flex={`0 0 ${size === 'md' ? 40 : 30}px`}>\n          <StepIndicator icon={icon} number={number} size={size} variant={variant} />\n        </Box>\n        <Box flex=\"1\" flexDirection=\"column\">\n          {!!title && (\n            <StepVerticalTitle size={size} variant={variant as any}>\n              {title}\n            </StepVerticalTitle>\n          )}\n          {!!description && (\n            <Box color=\"sandstone.45\" fontSize={`${size === 'md' ? 14 : 12}px`}>\n              {description}\n            </Box>\n          )}\n          <Box>{children}</Box>\n        </Box>\n      </StepVerticalBase>\n    )\n  },\n)\n\nStepVertical.displayName = 'StepVertical'\n\nexport default StepVertical\n"],"mappings":"gcAUA,MAAa,EAAmB,EAAO,MAAM;;;;EAShC,EAAe,GACzB,CAAE,OAAM,SAAQ,KAAM,EAAW,KAAM,cAAa,QAAO,YAAW,UAAS,YAAY,IAAQ,CAElG,IAAM,EADU,GAA2B,EACrB,MAAQ,EAC9B,OACE,EAAC,EAAA,CAAiB,UAAW,EAAG,EAAe,EAAU,CAAO,gBAC9D,EAACA,EAAAA,CAAuB,OAAe,WAAkB,CACzD,EAAC,EAAA,CAAI,KAAM,OAAO,IAAS,KAAO,GAAK,GAAG,aACxC,EAAC,EAAA,CAAoB,OAAc,SAAc,OAAe,WAAW,EACvE,CACN,EAAC,EAAA,CAAI,KAAK,IAAI,cAAc,mBACzB,CAAC,CAAC,GACD,EAACC,EAAAA,CAAwB,OAAe,mBACrC,GACiB,CAErB,CAAC,CAAC,GACD,EAAC,EAAA,CAAI,MAAM,eAAe,SAAU,GAAG,IAAS,KAAO,GAAK,GAAG,aAC5D,GACG,CAER,EAAC,EAAA,CAAK,WAAA,CAAe,GACjB,GACW,EAGxB,CAED,EAAa,YAAc"}

package/dist/stepperVertical/stepVerticalTail.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{Box as n}from"../box/box.js";import{tailClassName as r,variantColor as i}from"./consts.js";import{jsx as a}from"react/jsx-runtime";const o=t((t,o)=>{let{children:s,className:c,size:l=`md`,variant:u=`active`,...d}=t;return a(n,{borderRight:`1px solid ${i[u]}`,className:e(r),maxW:`16px`,minH:`100%`,position:`absolute`,ref:o,w:`${l===`md`?16:12}px`,...d})});o.displayName=`StepVerticalTail`;var s=o;export{s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=stepVerticalTail.js.map

package/dist/stepperVertical/stepVerticalTail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepVerticalTail.js","names":[],"sources":["../../src/stepperVertical/stepVerticalTail.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { tailClassName, variantColor } from './consts'\nimport type { StepVerticalTailProps } from './stepperVerticalTypes'\n\n/**\n * Implements vertical stepper tail (the vertical line) **\n */\nexport const StepVerticalTail = vui<'div', StepVerticalTailProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      borderRight={`1px solid ${variantColor[variant]}`}\n      className={cs(tailClassName)}\n      maxW=\"16px\"\n      minH=\"100%\"\n      position=\"absolute\"\n      ref={ref}\n      w={`${size === 'md' ? 16 : 12}px`}\n      {...rest}\n    />\n  )\n})\n\nStepVerticalTail.displayName = 'StepVerticalTail'\n\nexport default StepVerticalTail\n"],"mappings":"uNASA,MAAa,EAAmB,GAAmC,EAAO,IAAQ,CAChF,GAAM,CAAE,WAAU,YAAW,OAAO,KAAM,UAAU,SAAU,GAAG,GAAS,EAC1E,OACE,EAAC,EAAA,CACC,YAAa,aAAa,EAAa,KACvC,UAAW,EAAG,EAAc,CAC5B,KAAK,OACL,KAAK,OACL,SAAS,WACJ,MACL,EAAG,GAAG,IAAS,KAAO,GAAK,GAAG,IAC9B,GAAI,GACJ,EAEJ,CAEF,EAAiB,YAAc,mBAE/B,IAAA,EAAe"}

package/dist/stepperVertical/stepVerticalTitle.js

@@ -0,0 +1,2 @@
+import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{Box as n}from"../box/box.js";import{boldTitles as r,stepClassName as i,titleColor as a}from"./consts.js";import{jsx as o}from"react/jsx-runtime";const s=t((t,s)=>{let{children:c,className:l,size:u=`md`,variant:d=`active`,...f}=t;return o(n,{className:e(i+`Title`),color:a[d],fontSize:`${u===`md`?16:14}px`,fontWeight:r.includes(d)?600:void 0,pt:`${u===`md`?4:2}px`,whiteSpace:`nowrap`,...f,children:c})});s.displayName=`StepVerticalTitle`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=stepVerticalTitle.js.map

package/dist/stepperVertical/stepVerticalTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepVerticalTitle.js","names":[],"sources":["../../src/stepperVertical/stepVerticalTitle.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport { boldTitles, stepClassName, titleColor } from './consts'\nimport type { StepVerticalTitleProps } from './stepperVerticalTypes'\n\n/**\n * Implements vertical stepper tail (the vertical line) **\n */\nexport const StepVerticalTitle = vui<'div', StepVerticalTitleProps>((props, ref) => {\n  const { children, className, size = 'md', variant = 'active', ...rest } = props\n  return (\n    <Box\n      className={cs(stepClassName + 'Title')}\n      color={titleColor[variant]}\n      fontSize={`${size === 'md' ? 16 : 14}px`}\n      fontWeight={boldTitles.includes(variant) ? 600 : undefined}\n      pt={`${size === 'md' ? 4 : 2}px`}\n      whiteSpace=\"nowrap\"\n      {...rest}\n    >\n      {children}\n    </Box>\n  )\n})\n\nStepVerticalTitle.displayName = 'StepVerticalTitle'\n\nexport default StepVerticalTitle\n"],"mappings":"qOASA,MAAa,EAAoB,GAAoC,EAAO,IAAQ,CAClF,GAAM,CAAE,WAAU,YAAW,OAAO,KAAM,UAAU,SAAU,GAAG,GAAS,EAC1E,OACE,EAAC,EAAA,CACC,UAAW,EAAG,EAAgB,QAAQ,CACtC,MAAO,EAAW,GAClB,SAAU,GAAG,IAAS,KAAO,GAAK,GAAG,IACrC,WAAY,EAAW,SAAS,EAAQ,CAAG,IAAM,IAAA,GACjD,GAAI,GAAG,IAAS,KAAO,EAAI,EAAE,IAC7B,WAAW,SACX,GAAI,EAEH,YACG,EAER,CAEF,EAAkB,YAAc,oBAEhC,IAAA,EAAe"}

package/dist/stepperVertical/stepperVertical.d.ts

@@ -0,0 +1,11 @@
+import { VuiComponent } from "../core/vui.js";
+import { StepperVerticalProps } from "./stepperVerticalTypes.js";
+
+//#region src/stepperVertical/stepperVertical.d.ts
+/**
+ * Implements vertical stepper **
+ */
+declare const StepperVertical: VuiComponent<"div", StepperVerticalProps>;
+//#endregion
+export { StepperVertical };
+//# sourceMappingURL=stepperVertical.d.ts.map

package/dist/stepperVertical/stepperVertical.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperVertical.d.ts","names":[],"sources":["../../src/stepperVertical/stepperVertical.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAWa,cAAA,eAaX,cAAA,CAAA,KAAA,EAb0B,oBAa1B,CAAA"}

package/dist/stepperVertical/stepperVertical.js

@@ -0,0 +1,2 @@
+import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{StepperVerticalProvider as i}from"./context.js";import a from"./stepperVerticalBase.js";import{useMemo as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=r((r,c)=>{let{children:l,className:u,size:d,...f}=r,p=n(`StepperVertical`,r),m=o(()=>e({size:d}),[d]);return s(i,{value:m,children:s(a,{className:t(`vui-stepperVertical`,u),ref:c,...p.container,...f,children:l})})});c.displayName=`StepperVertical`;export{c as StepperVertical};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=stepperVertical.js.map

package/dist/stepperVertical/stepperVertical.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperVertical.js","names":["StepperVerticalBase"],"sources":["../../src/stepperVertical/stepperVertical.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { StepperVerticalProvider } from './context'\nimport StepperVerticalBase from './stepperVerticalBase'\nimport type { StepperVerticalProps } from './stepperVerticalTypes'\n\n/**\n * Implements vertical stepper **\n */\nexport const StepperVertical = vui<'div', StepperVerticalProps>((props, ref) => {\n  const { children, className, size, ...rest } = props\n  const styles = useStyleConfig('StepperVertical', props)\n\n  const context = useMemo(() => filterUndefined({ size }), [size])\n\n  return (\n    <StepperVerticalProvider value={context}>\n      <StepperVerticalBase className={cs('vui-stepperVertical', className)} ref={ref} {...styles.container} {...rest}>\n        {children}\n      </StepperVerticalBase>\n    </StepperVerticalProvider>\n  )\n})\n\nStepperVertical.displayName = 'StepperVertical'\n\nexport default StepperVertical\n"],"mappings":"2VAWA,MAAa,EAAkB,GAAkC,EAAO,IAAQ,CAC9E,GAAM,CAAE,WAAU,YAAW,OAAM,GAAG,GAAS,EACzC,EAAS,EAAe,kBAAmB,EAAM,CAEjD,EAAU,MAAc,EAAgB,CAAE,OAAM,CAAC,CAAE,CAAC,EAAK,CAAC,CAEhE,OACE,EAAC,EAAA,CAAwB,MAAO,WAC9B,EAACA,EAAAA,CAAoB,UAAW,EAAG,sBAAuB,EAAU,CAAO,MAAK,GAAI,EAAO,UAAW,GAAI,EACvG,YACmB,EACE,EAE5B,CAEF,EAAgB,YAAc"}

package/dist/stepperVertical/stepperVerticalBase.js

@@ -0,0 +1,8 @@
+import{styled as e}from"../core/styled.js";import{stepClassName as t,tailClassName as n}from"./consts.js";var r=e.divBox`
+  width: 100%;
+
+  .${t}:last-of-type > .${n} {
+    display: none;
+  }
+`;export{r as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=stepperVerticalBase.js.map

package/dist/stepperVertical/stepperVerticalBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperVerticalBase.js","names":[],"sources":["../../src/stepperVertical/stepperVerticalBase.ts"],"sourcesContent":["import { styled } from '../core'\nimport { stepClassName, tailClassName } from './consts'\nimport type { StepperVerticalProps } from './stepperVerticalTypes'\n\nconst StepperVerticalBase = styled.divBox<StepperVerticalProps>`\n  width: 100%;\n\n  .${stepClassName}:last-of-type > .${tailClassName} {\n    display: none;\n  }\n`\nexport default StepperVerticalBase\n"],"mappings":"0GAWA,IAAA,EAP4B,EAAO,MAA4B;;;KAG1D,EAAc,mBAAmB,EAAc"}

package/dist/stepperVertical/stepperVerticalTypes.d.ts

@@ -0,0 +1,32 @@
+import { ThemingProps } from "../theme/types.js";
+import { SystemProps } from "../system/system.js";
+import { BoxProps } from "../box/box.types.js";
+import { IconProp } from "../icon/icon.types.js";
+import { ChildrenProp } from "../core/types.js";
+import { StepIndicatorVariant } from "../stepIndicator/stepIndicatorTypes.js";
+import { ReactNode } from "react";
+
+//#region src/stepperVertical/stepperVerticalTypes.d.ts
+type StepVerticalSize = 'md' | 'sm' | undefined;
+type StepperVerticalProps = SystemProps & ThemingProps<'StepperVertical'> & ChildrenProp;
+type StepVerticalProps = SystemProps & ChildrenProp & {
+  icon?: IconProp;
+  number?: number;
+  size?: StepVerticalSize;
+  description?: ReactNode;
+  title?: ReactNode;
+  disabled?: boolean;
+  className?: string;
+  variant?: StepIndicatorVariant;
+};
+type StepVerticalTailProps = BoxProps & {
+  size?: StepVerticalSize;
+  variant?: StepIndicatorVariant;
+};
+type StepVerticalTitleProps = BoxProps & {
+  size?: StepVerticalSize;
+  variant?: StepIndicatorVariant;
+};
+//#endregion
+export { StepVerticalProps, StepVerticalSize, StepVerticalTailProps, StepVerticalTitleProps, StepperVerticalProps };
+//# sourceMappingURL=stepperVerticalTypes.d.ts.map

package/dist/stepperVertical/stepperVerticalTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperVerticalTypes.d.ts","names":[],"sources":["../../src/stepperVertical/stepperVerticalTypes.ts"],"sourcesContent":[],"mappings":";;;;;;;;;KASY,gBAAA;KAEA,oBAAA,GAAuB,cAAc,kCAAkC;AAFvE,KAIA,iBAAA,GAAoB,WAJJ,GAK1B,YAL0B,GAAA;EAEhB,IAAA,CAAA,EAID,QAJC;EAAoB,MAAA,CAAA,EAAA,MAAA;MAAG,CAAA,EAMxB,gBANwB;aAAc,CAAA,EAO/B,SAP+B;OAAkC,CAAA,EAQvE,SARuE;EAAY,QAAA,CAAA,EAAA,OAAA;EAEnF,SAAA,CAAA,EAAA,MAAA;EAAiB,OAAA,CAAA,EASf,oBATe;;AAC3B,KAWU,qBAAA,GAAwB,QAXlC,GAAA;MACS,CAAA,EAWF,gBAXE;SAEA,CAAA,EAUC,oBAVD;;AAEC,KAWA,sBAAA,GAAyB,QAXzB,GAAA;MAGE,CAAA,EASL,gBATK;EAAoB,OAAA,CAAA,EAUtB,oBAVsB;AAGlC,CAAA"}

package/dist/stepperVertical/theme.js

@@ -0,0 +1,2 @@
+var e={baseStyle:{},defaultProps:{size:`md`},parts:[`stepVertical`],sizes:{sm:{},md:{}},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=theme.js.map

package/dist/stepperVertical/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/stepperVertical/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst parts = ['stepVertical']\n\nconst sizes = {\n  sm: {},\n  md: {},\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAeA,IAAA,EAAe,CACb,UAhBgB,EAAE,CAiBlB,aAfmB,CACnB,KAAM,KACP,CAcC,MAZY,CAAC,eAAe,CAa5B,MAXY,CACZ,GAAI,EAAE,CACN,GAAI,EAAE,CACP,CASC,SAPe,EAAE,CAQlB"}

package/dist/svg/cache.js

@@ -0,0 +1,2 @@
+var e=new class{cache=new Map;add=(e,t)=>{this.cache.set(e,t)};get=e=>{let t=this.cache.get(e);if(!t){let t=fetch(e).then(e=>e.text());return this.add(e,t),t}return t};reset=()=>{this.cache.clear()}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=cache.js.map

package/dist/svg/cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.js","names":[],"sources":["../../src/svg/cache.ts"],"sourcesContent":["type CachedItem = string | Promise<string>\n\n/**\n * Provides svg caching functionality to avoid redundant XHR requests.\n * When the retrieved item doesn't exist in cache yet, a request is sent\n * to its 'src' url. The request's promise is cached for that 'src' key\n * and can be used for the whole session without repeating requests.\n */\nclass Cache {\n  cache: Map<string, CachedItem> = new Map()\n\n  add = (src: string, svg: CachedItem) => {\n    this.cache.set(src, svg)\n  }\n\n  get = (src: string) => {\n    const item = this.cache.get(src)\n\n    if (!item) {\n      const promise = fetch(src).then(res => res.text())\n\n      this.add(src, promise)\n\n      return promise\n    }\n\n    return item\n  }\n\n  reset = () => {\n    this.cache.clear()\n  }\n}\n\nconst cache = new Cache()\n\nexport default cache\n"],"mappings":"AAoCA,IAAA,EAFc,IA1Bd,KAAY,CACV,MAAiC,IAAI,IAErC,KAAO,EAAa,IAAoB,CACtC,KAAK,MAAM,IAAI,EAAK,EAAI,EAG1B,IAAO,GAAgB,CACrB,IAAM,EAAO,KAAK,MAAM,IAAI,EAAI,CAEhC,GAAI,CAAC,EAAM,CACT,IAAM,EAAU,MAAM,EAAI,CAAC,KAAK,GAAO,EAAI,MAAM,CAAC,CAIlD,OAFA,KAAK,IAAI,EAAK,EAAQ,CAEf,EAGT,OAAO,GAGT,UAAc,CACZ,KAAK,MAAM,OAAO"}

package/dist/svg/helpers.js

@@ -0,0 +1,2 @@
+function e(e){return e?Array.from(e.attributes).reduce((e,t)=>{let{name:n,value:r}=t;return e[n]=r,e},{}):{}}function t(e=``){return e.replace(/(<\/?svg(?:.|\n)*?>)|(\r\n|\n|\r)/gm,``)}function n(){return{content:``,svgAttributes:{}}}function r(e){let t=document.createElement(`div`);return t.innerHTML=e,t.firstElementChild}export{e as getAttributes,t as getSvgContent,n as initState,r as stringToHTML};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=helpers.js.map

package/dist/svg/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/svg/helpers.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport type { SvgState } from './svg.types'\n\n/** Returns an object with given element's HTML attributes. */\nexport function getAttributes(element?: Element) {\n  if (!element) return {}\n\n  const attrs = Array.from(element.attributes)\n\n  return attrs.reduce((props: Dict<string>, attr) => {\n    const { name, value } = attr\n    props[name] = value\n    return props\n  }, {})\n}\n\n/** Returns content of the SVG HTML string by stripping the svg tag. */\nexport function getSvgContent(html = '') {\n  return html.replace(/(<\\/?svg(?:.|\\n)*?>)|(\\r\\n|\\n|\\r)/gm, '')\n}\n\n/** Returns object with initial state values. */\nexport function initState(): SvgState {\n  return { content: '', svgAttributes: {} }\n}\n\n/** Returns given HTML string as an HTML element. */\nexport function stringToHTML(html: string) {\n  const container = document.createElement('div')\n  container.innerHTML = html\n\n  return container.firstElementChild\n}\n"],"mappings":"AAIA,SAAgB,EAAc,EAAmB,CAK/C,OAJK,EAES,MAAM,KAAK,EAAQ,WAAW,CAE/B,QAAQ,EAAqB,IAAS,CACjD,GAAM,CAAE,OAAM,SAAU,EAExB,MADA,GAAM,GAAQ,EACP,GACN,EAAE,CAAC,CARe,EAAE,CAYzB,SAAgB,EAAc,EAAO,GAAI,CACvC,OAAO,EAAK,QAAQ,sCAAuC,GAAG,CAIhE,SAAgB,GAAsB,CACpC,MAAO,CAAE,QAAS,GAAI,cAAe,EAAE,CAAE,CAI3C,SAAgB,EAAa,EAAc,CACzC,IAAM,EAAY,SAAS,cAAc,MAAM,CAG/C,MAFA,GAAU,UAAY,EAEf,EAAU"}

package/dist/svg/svg.d.ts

@@ -0,0 +1,16 @@
+import { SvgProps } from "./svg.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/svg/svg.d.ts
+declare const SvgBase: VuiComponent<'svg', SvgProps>;
+/**
+ * Displays an svg element based on provided children or 'src' prop.
+ *
+ * When using src, it loads the content from the given URL and saves in in cache.
+ *
+ * Then, renders the svg by parsing loaded content (Review potential for XSS due to innerHTML).
+ */
+declare const Svg: VuiComponent<"svg", SvgProps>;
+//#endregion
+export { Svg, SvgBase };
+//# sourceMappingURL=svg.d.ts.map

package/dist/svg/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","names":[],"sources":["../../src/svg/svg.tsx"],"sourcesContent":[],"mappings":";;;;cASa,SAAS,oBAAoB;;AAA1C;;;;;AA4BA;AAyDE,cAzDW,GAyDX,EAzDc,YAyDd,CAAA,KAAA,EAzDc,QAyDd,CAAA"}

package/dist/svg/svg.js

@@ -0,0 +1,12 @@
+import{cs as e}from"../utils/styles.js";import{css as t,styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import i from"./cache.js";import{getAttributes as a,getSvgContent as o,initState as s,stringToHTML as c}from"./helpers.js";import{useEffect as l,useRef as u,useState as d}from"react";import{jsx as f}from"react/jsx-runtime";const p=n.svgBox(({pathFill:e})=>t`
+    ${e!==void 0&&(Array.isArray(e)?e.map((e,t)=>`
+					& > path:nth-child(${t+1}) {
+						fill: ${e};
+					}
+				`).join():`
+				& > path {
+					fill: ${e};
+				}
+			`)}
+  `),m=r((t,n)=>{let{children:r,className:m,src:h,...g}=t,[_,v]=d(s()),y=u(!1),b=u(h),{content:x=``,svgAttributes:S={}}=_,C=r?void 0:{__html:x};return l(()=>(y.current=!0,()=>{y.current=!1}),[]),l(()=>{b.current=h;async function e(e){try{let t=await i.get(e),n=o(t),r=c(t),s=a(r);s[`data-src`]=e??``,b.current===e&&y.current&&v({content:n,svgAttributes:s})}catch(e){console.error(e),y.current&&v(s())}}h&&e(h)},[h]),f(p,{className:e(`vui-svg`,m),dangerouslySetInnerHTML:C,ref:n,xmlns:`http://www.w3.org/2000/svg`,...S,...g,children:r})});m.displayName=`Svg`;var h=m;export{m as Svg,p as SvgBase,h as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=svg.js.map

package/dist/svg/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","names":["SvgBase: VuiComponent<'svg', SvgProps>","cache","src","content","svgAttributes"],"sources":["../../src/svg/svg.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { css, styled, vui } from '../core'\nimport { cs } from '../utils'\nimport cache from './cache'\nimport { getAttributes, getSvgContent, initState, stringToHTML } from './helpers'\nimport type { SvgProps, SvgState } from './svg.types'\n\nexport const SvgBase: VuiComponent<'svg', SvgProps> = styled.svgBox<SvgProps>(({ pathFill }) => {\n  return css`\n    ${pathFill !== undefined &&\n    (Array.isArray(pathFill)\n      ? pathFill\n          .map(\n            (fill, index) => `\n\t\t\t\t\t& > path:nth-child(${index + 1}) {\n\t\t\t\t\t\tfill: ${fill};\n\t\t\t\t\t}\n\t\t\t\t`,\n          )\n          .join()\n      : `\n\t\t\t\t& > path {\n\t\t\t\t\tfill: ${pathFill};\n\t\t\t\t}\n\t\t\t`)}\n  `\n})\n\n/**\n * Displays an svg element based on provided children or 'src' prop.\n *\n * When using src, it loads the content from the given URL and saves in in cache.\n *\n * Then, renders the svg by parsing loaded content (Review potential for XSS due to innerHTML).\n */\nexport const Svg = vui<'svg', SvgProps>((props, ref) => {\n  const { children, className, src, ...rest } = props\n  const [state, setState] = useState<SvgState>(initState())\n  const isMountedRef = useRef(false)\n  const srcRef = useRef(src)\n\n  const { content = '', svgAttributes = {} } = state\n  const innerHTML = !children ? { __html: content } : undefined\n\n  useEffect(() => {\n    isMountedRef.current = true\n    return () => {\n      isMountedRef.current = false\n    }\n  }, [])\n\n  useEffect(() => {\n    srcRef.current = src\n\n    async function loadSvg(src: string) {\n      try {\n        const response = await cache.get(src)\n        const content = getSvgContent(response)\n        const svgEl = stringToHTML(response) as Element | undefined\n        const svgAttributes = getAttributes(svgEl)\n\n        svgAttributes['data-src'] = src ?? ''\n\n        // Update state only when requested 'src' and current 'src' are the same\n        if (srcRef.current === src && isMountedRef.current) {\n          setState({ content, svgAttributes })\n        }\n      } catch (error) {\n        console.error(error)\n        if (isMountedRef.current) {\n          setState(initState())\n        }\n      }\n    }\n\n    src && loadSvg(src)\n  }, [src])\n\n  return (\n    // eslint-disable-next-line @eslint-react/dom/no-dangerously-set-innerhtml-with-children\n    <SvgBase\n      className={cs('vui-svg', className)}\n      // eslint-disable-next-line @eslint-react/dom/no-dangerously-set-innerhtml\n      dangerouslySetInnerHTML={innerHTML}\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...svgAttributes}\n      {...rest}\n    >\n      {children}\n    </SvgBase>\n  )\n})\n\nSvg.displayName = 'Svg'\n\nexport default Svg\n"],"mappings":"gWASA,MAAaA,EAAyC,EAAO,QAAkB,CAAE,cACxE,CAAG;MACN,IAAa,IAAA,KACd,MAAM,QAAQ,EAAS,CACpB,EACG,KACE,EAAM,IAAU;0BACH,EAAQ,EAAE;cACtB,EAAK;;MAGR,CACA,MAAM,CACT;;aAEK,EAAS;;MAEhB;IAEJ,CASW,EAAM,GAAsB,EAAO,IAAQ,CACtD,GAAM,CAAE,WAAU,YAAW,MAAK,GAAG,GAAS,EACxC,CAAC,EAAO,GAAY,EAAmB,GAAW,CAAC,CACnD,EAAe,EAAO,GAAM,CAC5B,EAAS,EAAO,EAAI,CAEpB,CAAE,UAAU,GAAI,gBAAgB,EAAE,EAAK,EACvC,EAAa,EAAiC,IAAA,GAAtB,CAAE,OAAQ,EAAS,CAoCjD,OAlCA,OACE,EAAa,QAAU,OACV,CACX,EAAa,QAAU,KAExB,EAAE,CAAC,CAEN,MAAgB,CACd,EAAO,QAAU,EAEjB,eAAe,EAAQ,EAAa,CAClC,GAAI,CACF,IAAM,EAAW,MAAMC,EAAM,IAAIC,EAAI,CAC/BC,EAAU,EAAc,EAAS,CACjC,EAAQ,EAAa,EAAS,CAC9BC,EAAgB,EAAc,EAAM,CAE1C,EAAc,YAAcF,GAAO,GAG/B,EAAO,UAAYA,GAAO,EAAa,SACzC,EAAS,CAAE,QAAA,EAAS,cAAA,EAAe,CAAC,OAE/B,EAAO,CACd,QAAQ,MAAM,EAAM,CAChB,EAAa,SACf,EAAS,GAAW,CAAC,EAK3B,GAAO,EAAQ,EAAI,EAClB,CAAC,EAAI,CAAC,CAIP,EAAC,EAAA,CACC,UAAW,EAAG,UAAW,EAAU,CAEnC,wBAAyB,EACpB,MACL,MAAM,6BACN,GAAI,EACJ,GAAI,EAEH,YACO,EAEZ,CAEF,EAAI,YAAc,MAElB,IAAA,EAAe"}

package/dist/svg/svg.types.d.ts

@@ -0,0 +1,18 @@
+import { Dict } from "../utils/types.js";
+import { ColorGetter } from "../system/colors.js";
+import { SystemProps } from "../system/system.js";
+
+//#region src/svg/svg.types.d.ts
+type SvgProps = SystemProps & {
+  /** If string, adds fill color to all paths. If array, adds fill color to consecutive path elements. */
+  pathFill?: ColorGetter | ColorGetter[];
+  /** If provided, loads an svg file from this URL and displays parsed content. */
+  src?: string;
+};
+type SvgState = {
+  content?: string;
+  svgAttributes: Dict<string>;
+};
+//#endregion
+export { SvgProps, SvgState };
+//# sourceMappingURL=svg.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"svg.types.d.ts","names":[],"sources":["../../src/svg/svg.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,QAAA,GAAW;;aAEV,cAAc;EAFf;EAAQ,GAAA,CAAA,EAAA,MAAA;;AAEP,KAKD,QAAA,GALC;SAAc,CAAA,EAAA,MAAA;EAAW,aAAA,EAOrB,IAPqB,CAAA,MAAA,CAAA;AAKtC,CAAA"}

package/dist/switch/consts.js

@@ -0,0 +1,2 @@
+const e={main:`seaBlue.main`,hover:`seaBlue.40`,offBg:`sandstone.55`,offBgContrast:`sandstone.45`,disabled:`sandstone.main`,disabledBg:`sandstone.95`,green:`landGreen.main`,red:`energyRed.main`};export{e as switchColors};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=consts.js.map

package/dist/switch/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/switch/consts.ts"],"sourcesContent":["export const switchColors = {\n  main: 'seaBlue.main',\n  hover: 'seaBlue.40',\n  offBg: 'sandstone.55', // on/off state of the switch\n  offBgContrast: 'sandstone.45', // on/off state of the switch\n  disabled: 'sandstone.main', // 79: the non-clickable state\n  disabledBg: 'sandstone.95',\n  green: 'landGreen.main',\n  red: 'energyRed.main',\n}\n"],"mappings":"AAAA,MAAa,EAAe,CAC1B,KAAM,eACN,MAAO,aACP,MAAO,eACP,cAAe,eACf,SAAU,iBACV,WAAY,eACZ,MAAO,iBACP,IAAK,iBACN"}

package/dist/switch/context.d.ts

@@ -0,0 +1,8 @@
+import { SwitchContext } from "./switch.types.js";
+import * as react22 from "react";
+
+//#region src/switch/context.d.ts
+declare const SwitchProvider: react22.Provider<SwitchContext>, useSwitchContext: () => SwitchContext;
+//#endregion
+export { SwitchProvider, useSwitchContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/switch/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/switch/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,gBAAc,OAAA,CAAA,SAAA,gBAAE,wBAAgB"}

package/dist/switch/context.js

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

package/dist/switch/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/switch/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { SwitchContext } from './switch.types'\n\nconst [SwitchProvider, useSwitchContext] = createContext<SwitchContext>({ isOptional: true })\n\nexport { SwitchProvider, useSwitchContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAgB,GAAoB,EAA6B,CAAE,WAAY,GAAM,CAAC"}

package/dist/switch/switch.types.d.ts

@@ -0,0 +1,74 @@
+import { ChangeEventHandler, FocusEventHandler, PropsOf } from "../utils/types.js";
+import { ThemingProps } from "../theme/types.js";
+import { SystemProps } from "../system/system.js";
+import { ReactNode, ReactText } from "react";
+
+//#region src/switch/switch.types.d.ts
+type SwitchButtonProps = SystemProps & ThemingProps<'Switch'> & {
+  /** Provides value to switch in controlled mode. */
+  checked?: boolean;
+  /** Deprecated. Please use variant instead. @deprecated  */
+  colorScheme?: 'blue' | 'green' | 'prussian';
+  /** Disables switch and related elements with the right styling. */
+  disabled?: boolean;
+  /** Displays custom content to the left of switch thumb. */
+  innerLabelOff?: ReactNode;
+  /** Displays custom content to the right of switch thumb. */
+  innerLabelOn?: ReactNode;
+  /** Props object passed to the inner input element. */
+  inputProps?: PropsOf<'input', SystemProps>;
+  /** Ref passed to the inner input element. */
+  inputRef?: React.MutableRefObject<HTMLInputElement | null> | null;
+  /** Passed to the inner input. */
+  name?: string;
+  /** Passed to the inner input. */
+  onBlur?: FocusEventHandler;
+  /** Passed to the inner input. */
+  onChange?: ChangeEventHandler;
+  /** Passed to the inner input. */
+  onFocus?: FocusEventHandler;
+  /** Passed to the inner input. */
+  required?: boolean;
+  /** Passed to the inner input. */
+  value?: number | string;
+};
+type SwitchContext = Pick<SwitchProps, 'checked' | 'colorScheme' | 'disabled' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'required' | 'size' | 'value' | 'variant'> & {
+  defaultChecked?: boolean;
+};
+type SwitchProps = SystemProps & ThemingProps<'Switch'> & {
+  /** Socket displaying a custom toggle button component. */
+  button?: ReactNode;
+  /** Provides value to switch button in controlled mode. */
+  checked?: boolean;
+  /** Deprecated. Please use variant instead. @deprecated  */
+  colorScheme?: 'blue' | 'green' | 'prussian';
+  /** Disables switch and related elements with the right styling. */
+  disabled?: boolean;
+  /** Displays custom content to the left of switch thumb. */
+  innerLabelOff?: ReactNode;
+  /** Displays custom content to the right of switch thumb. */
+  innerLabelOn?: ReactNode;
+  /** Props object passed to the inner input element. */
+  inputProps?: PropsOf<'input', SystemProps>;
+  /** Ref passed to the inner input element. */
+  inputRef?: React.MutableRefObject<HTMLInputElement | null> | null;
+  /** Socket displaying content on the left. */
+  labelLeft?: ReactNode;
+  /** Socket displaying content on the right. */
+  labelRight?: ReactNode;
+  /** Passed to the inner input. */
+  name?: string;
+  /** Passed to the inner input. */
+  onBlur?: FocusEventHandler;
+  /** Passed to the inner input. */
+  onChange?: ChangeEventHandler;
+  /** Passed to the inner input. */
+  onFocus?: FocusEventHandler;
+  /** Passed to the inner input. */
+  required?: boolean;
+  /** Passed to the inner input. */
+  value?: ReactText;
+};
+//#endregion
+export { SwitchButtonProps, SwitchContext, SwitchProps };
+//# sourceMappingURL=switch.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.types.d.ts","names":[],"sources":["../../src/switch/switch.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAMY,iBAAA,GAAoB,cAC9B;;EADU,OAAA,CAAA,EAAA,OAAA;EAAiB;aAAG,CAAA,EAAA,MAAA,GAAA,OAAA,GAAA,UAAA;;UASZ,CAAA,EAAA,OAAA;;eAIc,CAAA,EAJd,SAIc;;cAEI,CAAA,EAJnB,SAImB;;YAIzB,CAAA,EANI,OAMJ,CAAA,OAAA,EANqB,WAMrB,CAAA;;UAIC,CAAA,EARC,KAAA,CAAM,gBAQP,CARwB,gBAQxB,GAAA,IAAA,CAAA,GAAA,IAAA;EAAiB;EAOnB,IAAA,CAAA,EAAA,MAAA;EAAa;QACvB,CAAA,EAZW,iBAYX;;EAD8B,QAAA,CAAA,EATjB,kBASiB;EAiBpB;EAAW,OAAA,CAAA,EAxBT,iBAwBS;;UACrB,CAAA,EAAA,OAAA;;OAUkB,CAAA,EAAA,MAAA,GAAA,MAAA;;AAIc,KAhCtB,aAAA,GAAgB,IAgCM,CA/BhC,WA+BgC,EAAA,SAAA,GAAA,aAAA,GAAA,UAAA,GAAA,MAAA,GAAA,QAAA,GAAA,UAAA,GAAA,SAAA,GAAA,UAAA,GAAA,MAAA,GAAA,OAAA,GAAA,SAAA,CAAA,GAAA;gBAAjB,CAAA,EAAA,OAAA;;AAEF,KAjBH,WAAA,GAAc,WAiBL,GAhBnB,YAgBmB,CAAA,QAAA,CAAA,GAAA;;QAIJ,CAAA,EAlBJ,SAkBI;;SAMF,CAAA,EAAA,OAAA;;aAMH,CAAA,EAAA,MAAA,GAAA,OAAA,GAAA,UAAA;EAAS;;;kBAtBD;;iBAED;;eAEF,iBAAiB;;aAEnB,KAAA,CAAM,iBAAiB;;cAEtB;;eAEC;;;;WAIJ;;aAEE;;YAED;;;;UAIF"}

package/dist/switch/switchButton.d.ts

@@ -0,0 +1,15 @@
+import { SystemProps } from "../system/system.js";
+import { VuiComponent } from "../core/vui.js";
+import { SwitchButtonProps } from "./switch.types.js";
+import * as styled_components86 from "styled-components";
+
+//#region src/switch/switchButton.d.ts
+declare const SwitchButtonBase: styled_components86.StyledComponent<"span", any, SystemProps, never>;
+/**
+ * Controls the logic and visuals of multiple inner parts, such as input, track or thumb elements.
+ * Handles controlled and uncontrolled modes.
+ */
+declare const SwitchButton: VuiComponent<"span", SwitchButtonProps>;
+//#endregion
+export { SwitchButton, SwitchButtonBase };
+//# sourceMappingURL=switchButton.d.ts.map

package/dist/switch/switchButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switchButton.d.ts","names":[],"sources":["../../src/switch/switchButton.tsx"],"sourcesContent":[],"mappings":";;;;;;cAyCa,kBAAgB,mBAAA,CAAA;;;;;AAAhB,cAwBA,YANZ,cAAA,CAAA,MAAA,EAMwB,iBANxB,CAAA"}

package/dist/switch/switchButton.js

@@ -0,0 +1,42 @@
+import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{switchColors as n}from"./consts.js";import{omitThemingProps as r,useStyleConfig as i}from"../core/theme.js";import{styled as a}from"../core/styled.js";import{vui as o}from"../core/vui.js";import{useSwitchContext as s}from"./context.js";import{useEffect as c,useRef as l,useState as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=a.inputBox`
+  cursor: inherit;
+  height: calc(100% + 10px);
+  left: -5px;
+  margin: 0;
+  opacity: 0;
+  padding: 0;
+  position: absolute;
+  top: -5px;
+  width: calc(100% + 10px);
+  z-index: 1;
+`,m=a.spanBox`
+  border-radius: 100px;
+  display: inline-flex;
+  flex-shrink: 0;
+  transition-duration: fast;
+  position: relative;
+`,h=a(m)`
+  position: absolute;
+`,g=a(m)`
+  align-items: center;
+  flex: 1;
+`,_=a(m)`
+  color: white;
+  cursor: pointer;
+  --x-ring-color: green;
+
+  &[aria-disabled='true'] {
+    cursor: not-allowed;
+
+    .vui-switchThumb {
+      background-color: ${n.disabled};
+    }
+
+    .vui-switchTrack {
+      --x-ring-color: ${n.disabled};
+      background-color: ${n.disabledBg};
+      color: ${n.disabled};
+    }
+  }
+`,v=o((a,o)=>{let m={...s(),...a},{checked:v,className:y,defaultChecked:b,disabled:x,id:S,innerLabelOff:C,innerLabelOn:w,inputProps:T,inputRef:E,name:D,onBlur:O,onChange:k,onFocus:A,required:j,value:M,...N}=r(m),{current:P}=l(v!==void 0),[F,I]=u(v??b),[L,R]=u(!1),{thumb:z,track:B,...V}=i(`Switch`,s()).button;c(()=>{P&&I(v)},[v,P]);function H(e){R(!1),O?.(e)}function U(e){P||I(e.target.checked),k?.(e)}function W(e){R(!0),A?.(e)}let G=(z.h-B.h)/2,K=`calc(100% - ${Math.abs(G-z.h)}px)`,q=`${z.h-G+4}px`,J=e({"aria-disabled":x,"data-focused":!!L}),Y=e({left:F?K:-G,ring:L?z.ring:0}),X=e({bg:F?B.bg:C?n.offBgContrast:n.offBg,pl:F?1:q,pr:F?q:1,ring:x?3:L?B.ring:0});return f(_,{className:t(`vui-switchButton`,y),ref:o,...V,...J,...N,children:[d(p,{className:`vui-switchInput`,onBlur:H,onChange:U,onFocus:W,ref:E,tabIndex:-1,type:`checkbox`,checked:v,defaultChecked:b,disabled:x,id:S,name:D,required:j,value:M,...T}),f(g,{className:`vui-switchTrack`,tabIndex:0,...B,...X,children:[!F&&C,d(h,{className:`vui-switchThumb`,...z,...Y}),F&&w]})]})});v.displayName=`SwitchButton`;export{v as SwitchButton,_ as SwitchButtonBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=switchButton.js.map

package/dist/switch/switchButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switchButton.js","names":[],"sources":["../../src/switch/switchButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport type { ChangeEvent, FocusEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport { switchColors } from './consts'\nimport { useSwitchContext } from './context'\nimport type { SwitchButtonProps } from './switch.types'\n\nconst SwitchInput = styled.inputBox`\n  cursor: inherit;\n  height: calc(100% + 10px);\n  left: -5px;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: -5px;\n  width: calc(100% + 10px);\n  z-index: 1;\n`\n\nconst SwitchFoundation = styled.spanBox`\n  border-radius: 100px;\n  display: inline-flex;\n  flex-shrink: 0;\n  transition-duration: fast;\n  position: relative;\n`\n\n/** Circular element that moves along the track when toggled. */\nconst SwitchThumb = styled(SwitchFoundation)`\n  position: absolute;\n`\n\n/** Track element along which the thumb moves when toggled. */\nconst SwitchTrack = styled(SwitchFoundation)`\n  align-items: center;\n  flex: 1;\n`\n\nexport const SwitchButtonBase = styled(SwitchFoundation)`\n  color: white;\n  cursor: pointer;\n  --x-ring-color: green;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    .vui-switchThumb {\n      background-color: ${switchColors.disabled};\n    }\n\n    .vui-switchTrack {\n      --x-ring-color: ${switchColors.disabled};\n      background-color: ${switchColors.disabledBg};\n      color: ${switchColors.disabled};\n    }\n  }\n`\n\n/**\n * Controls the logic and visuals of multiple inner parts, such as input, track or thumb elements.\n * Handles controlled and uncontrolled modes.\n */\nexport const SwitchButton = vui<'span', SwitchButtonProps>((props, ref) => {\n  const mergedProps = { ...useSwitchContext(), ...props }\n  const {\n    checked,\n    className,\n    defaultChecked,\n    disabled,\n    id,\n    innerLabelOff,\n    innerLabelOn,\n    inputProps,\n    inputRef,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n  const { current: isControlled } = useRef(checked !== undefined)\n  const [isChecked, setIsChecked] = useState(checked ?? defaultChecked)\n  const [isFocused, setIsFocused] = useState(false)\n  const styles = useStyleConfig('Switch', useSwitchContext())\n  const { thumb: thumbStyles, track: trackStyles, ...buttonStyles } = styles.button\n\n  useEffect(() => {\n    if (isControlled) setIsChecked(checked)\n  }, [checked, isControlled])\n\n  function handleOnBlur(e: FocusEvent) {\n    setIsFocused(false)\n    onBlur?.(e)\n  }\n\n  function handleOnChange(e: ChangeEvent) {\n    if (!isControlled) setIsChecked(e.target.checked)\n    onChange?.(e)\n  }\n\n  function handleOnFocus(e: FocusEvent) {\n    setIsFocused(true)\n    onFocus?.(e)\n  }\n\n  const hDiff = (thumbStyles.h - trackStyles.h) / 2\n  const thumbOffset = `calc(100% - ${Math.abs(hDiff - thumbStyles.h)}px)`\n  const labelOffset = `${thumbStyles.h - hDiff + 4}px`\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'data-focused': isFocused ? true : false,\n  })\n\n  const thumbAliasedProps = filterUndefined({\n    left: isChecked ? thumbOffset : -hDiff,\n    ring: isFocused ? thumbStyles.ring : 0,\n  })\n\n  const trackAliasedProps = filterUndefined({\n    bg: isChecked ? trackStyles.bg : innerLabelOff ? switchColors.offBgContrast : switchColors.offBg,\n    pl: isChecked ? 1 : labelOffset,\n    pr: isChecked ? labelOffset : 1,\n    ring: !disabled ? (isFocused ? trackStyles.ring : 0) : 3,\n  })\n\n  return (\n    <SwitchButtonBase\n      className={cs('vui-switchButton', className)}\n      ref={ref}\n      {...buttonStyles}\n      {...aliasedProps}\n      {...rest}\n    >\n      <SwitchInput\n        className=\"vui-switchInput\"\n        onBlur={handleOnBlur}\n        onChange={handleOnChange}\n        onFocus={handleOnFocus}\n        ref={inputRef}\n        tabIndex={-1}\n        type=\"checkbox\"\n        {...{ checked, defaultChecked, disabled, id, name, required, value }}\n        {...inputProps}\n      />\n\n      <SwitchTrack className=\"vui-switchTrack\" tabIndex={0} {...trackStyles} {...trackAliasedProps}>\n        {!isChecked && innerLabelOff}\n\n        <SwitchThumb className=\"vui-switchThumb\" {...thumbStyles} {...thumbAliasedProps} />\n\n        {isChecked && innerLabelOn}\n      </SwitchTrack>\n    </SwitchButtonBase>\n  )\n})\n\nSwitchButton.displayName = 'SwitchButton'\n\nexport default SwitchButton\n"],"mappings":"8bASA,MAAM,EAAc,EAAO,QAAQ;;;;;;;;;;;EAa7B,EAAmB,EAAO,OAAO;;;;;;EASjC,EAAc,EAAO,EAAiB;;EAKtC,EAAc,EAAO,EAAiB;;;EAK/B,EAAmB,EAAO,EAAiB;;;;;;;;;0BAS9B,EAAa,SAAS;;;;wBAIxB,EAAa,SAAS;0BACpB,EAAa,WAAW;eACnC,EAAa,SAAS;;;EASxB,EAAe,GAAgC,EAAO,IAAQ,CACzE,IAAM,EAAc,CAAE,GAAG,GAAkB,CAAE,GAAG,EAAO,CACjD,CACJ,UACA,YACA,iBACA,WACA,KACA,gBACA,eACA,aACA,WACA,OACA,SACA,WACA,UACA,WACA,QACA,GAAG,GACD,EAAiB,EAAY,CAC3B,CAAE,QAAS,GAAiB,EAAO,IAAY,IAAA,GAAU,CACzD,CAAC,EAAW,GAAgB,EAAS,GAAW,EAAe,CAC/D,CAAC,EAAW,GAAgB,EAAS,GAAM,CAE3C,CAAE,MAAO,EAAa,MAAO,EAAa,GAAG,GADpC,EAAe,SAAU,GAAkB,CAAC,CACgB,OAE3E,MAAgB,CACV,GAAc,EAAa,EAAQ,EACtC,CAAC,EAAS,EAAa,CAAC,CAE3B,SAAS,EAAa,EAAe,CACnC,EAAa,GAAM,CACnB,IAAS,EAAE,CAGb,SAAS,EAAe,EAAgB,CACjC,GAAc,EAAa,EAAE,OAAO,QAAQ,CACjD,IAAW,EAAE,CAGf,SAAS,EAAc,EAAe,CACpC,EAAa,GAAK,CAClB,IAAU,EAAE,CAGd,IAAM,GAAS,EAAY,EAAI,EAAY,GAAK,EAC1C,EAAc,eAAe,KAAK,IAAI,EAAQ,EAAY,EAAE,CAAC,KAC7D,EAAc,GAAG,EAAY,EAAI,EAAQ,EAAE,IAE3C,EAAe,EAAgB,CACnC,gBAAiB,EACjB,eAAgB,IACjB,CAAC,CAEI,EAAoB,EAAgB,CACxC,KAAM,EAAY,EAAc,CAAC,EACjC,KAAM,EAAY,EAAY,KAAO,EACtC,CAAC,CAEI,EAAoB,EAAgB,CACxC,GAAI,EAAY,EAAY,GAAK,EAAgB,EAAa,cAAgB,EAAa,MAC3F,GAAI,EAAY,EAAI,EACpB,GAAI,EAAY,EAAc,EAC9B,KAAO,EAAgD,EAApC,EAAY,EAAY,KAAO,EACnD,CAAC,CAEF,OACE,EAAC,EAAA,CACC,UAAW,EAAG,mBAAoB,EAAU,CACvC,MACL,GAAI,EACJ,GAAI,EACJ,GAAI,YAEJ,EAAC,EAAA,CACC,UAAU,kBACV,OAAQ,EACR,SAAU,EACV,QAAS,EACT,IAAK,EACL,SAAU,GACV,KAAK,WACC,UAAS,iBAAgB,WAAU,KAAI,OAAM,WAAU,QAC7D,GAAI,GACJ,CAEF,EAAC,EAAA,CAAY,UAAU,kBAAkB,SAAU,EAAG,GAAI,EAAa,GAAI,YACxE,CAAC,GAAa,EAEf,EAAC,EAAA,CAAY,UAAU,kBAAkB,GAAI,EAAa,GAAI,GAAqB,CAElF,GAAa,IACF,CAAA,EACG,EAErB,CAEF,EAAa,YAAc"}

package/dist/switch/switchLabel.d.ts

@@ -0,0 +1,9 @@
+import { TProps } from "../t/t.types.js";
+import { VuiComponent } from "../core/vui.js";
+
+//#region src/switch/switchLabel.d.ts
+/** Displays label text within the Switch component. */
+declare const SwitchLabel: VuiComponent<"span", TProps>;
+//#endregion
+export { SwitchLabel };
+//# sourceMappingURL=switchLabel.d.ts.map