@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/switch/switchButton.js

@@ -1,4 +1,15 @@
-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`
+import { filterUndefined } from "../utils/object.js";
+import { cs } from "../utils/styles.js";
+import { switchColors } from "./consts.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { useSwitchContext } from "./context.js";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/switch/switchButton.tsx
+const SwitchInput = styled.inputBox`
   cursor: inherit;
   height: calc(100% + 10px);
   left: -5px;
@@ -9,18 +20,24 @@ import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../util
   top: -5px;
   width: calc(100% + 10px);
   z-index: 1;
-`,m=a.spanBox`
+`;
+const SwitchFoundation = styled.spanBox`
   border-radius: 100px;
   display: inline-flex;
   flex-shrink: 0;
   transition-duration: fast;
   position: relative;
-`,h=a(m)`
+`;
+/** Circular element that moves along the track when toggled. */
+const SwitchThumb = styled(SwitchFoundation)`
   position: absolute;
-`,g=a(m)`
+`;
+/** Track element along which the thumb moves when toggled. */
+const SwitchTrack = styled(SwitchFoundation)`
   align-items: center;
   flex: 1;
-`,_=a(m)`
+`;
+const SwitchButtonBase = styled(SwitchFoundation)`
   color: white;
   cursor: pointer;
   --x-ring-color: green;
@@ -29,14 +46,103 @@ import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../util
     cursor: not-allowed;
 
     .vui-switchThumb {
-      background-color: ${n.disabled};
+      background-color: ${switchColors.disabled};
     }
 
     .vui-switchTrack {
-      --x-ring-color: ${n.disabled};
-      background-color: ${n.disabledBg};
-      color: ${n.disabled};
+      --x-ring-color: ${switchColors.disabled};
+      background-color: ${switchColors.disabledBg};
+      color: ${switchColors.disabled};
     }
   }
-`,v=o((a,o)=>{let{checked:m,className:v,defaultChecked:y,disabled:b,id:x,innerLabelOff:S,innerLabelOn:C,inputProps:w,inputRef:T,name:E,onBlur:D,onChange:O,onFocus:k,required:A,value:j,...M}=r({...s(),...a}),{current:N}=l(m!==void 0),[P,F]=u(m??y),[I,L]=u(!1),{thumb:R,track:z,...B}=i(`Switch`,s()).button;c(()=>{N&&F(m)},[m,N]);function V(e){L(!1),D?.(e)}function H(e){N||F(e.target.checked),O?.(e)}function U(e){L(!0),k?.(e)}let W=(R.h-z.h)/2,G=`calc(100% - ${Math.abs(W-R.h)}px)`,K=`${R.h-W+4}px`,q=e({"aria-disabled":b,"data-focused":!!I}),J=e({left:P?G:-W,ring:I?R.ring:0}),Y=e({bg:P?z.bg:S?n.offBgContrast:n.offBg,pl:P?1:K,pr:P?K:1,ring:b?3:I?z.ring:0});return f(_,{className:t(`vui-switchButton`,v),ref:o,...B,...q,...M,children:[d(p,{className:`vui-switchInput`,onBlur:V,onChange:H,onFocus:U,ref:T,tabIndex:-1,type:`checkbox`,checked:m,defaultChecked:y,disabled:b,id:x,name:E,required:A,value:j,...w}),f(g,{className:`vui-switchTrack`,tabIndex:0,...z,...Y,children:[!P&&S,d(h,{className:`vui-switchThumb`,...R,...J}),P&&C]})]})});v.displayName=`SwitchButton`;export{v as SwitchButton,_ as SwitchButtonBase};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/**
+* Controls the logic and visuals of multiple inner parts, such as input, track or thumb elements.
+* Handles controlled and uncontrolled modes.
+*/
+const SwitchButton = vui((props, ref) => {
+	const { checked, className, defaultChecked, disabled, id, innerLabelOff, innerLabelOn, inputProps, inputRef, name, onBlur, onChange, onFocus, required, value,...rest } = omitThemingProps({
+		...useSwitchContext(),
+		...props
+	});
+	const { current: isControlled } = useRef(checked !== void 0);
+	const [isChecked, setIsChecked] = useState(checked ?? defaultChecked);
+	const [isFocused, setIsFocused] = useState(false);
+	const { thumb: thumbStyles, track: trackStyles,...buttonStyles } = useStyleConfig("Switch", useSwitchContext()).button;
+	useEffect(() => {
+		if (isControlled) setIsChecked(checked);
+	}, [checked, isControlled]);
+	function handleOnBlur(e) {
+		setIsFocused(false);
+		onBlur?.(e);
+	}
+	function handleOnChange(e) {
+		if (!isControlled) setIsChecked(e.target.checked);
+		onChange?.(e);
+	}
+	function handleOnFocus(e) {
+		setIsFocused(true);
+		onFocus?.(e);
+	}
+	const hDiff = (thumbStyles.h - trackStyles.h) / 2;
+	const thumbOffset = `calc(100% - ${Math.abs(hDiff - thumbStyles.h)}px)`;
+	const labelOffset = `${thumbStyles.h - hDiff + 4}px`;
+	const aliasedProps = filterUndefined({
+		"aria-disabled": disabled,
+		"data-focused": isFocused ? true : false
+	});
+	const thumbAliasedProps = filterUndefined({
+		left: isChecked ? thumbOffset : -hDiff,
+		ring: isFocused ? thumbStyles.ring : 0
+	});
+	const trackAliasedProps = filterUndefined({
+		bg: isChecked ? trackStyles.bg : innerLabelOff ? switchColors.offBgContrast : switchColors.offBg,
+		pl: isChecked ? 1 : labelOffset,
+		pr: isChecked ? labelOffset : 1,
+		ring: !disabled ? isFocused ? trackStyles.ring : 0 : 3
+	});
+	return /* @__PURE__ */ jsxs(SwitchButtonBase, {
+		className: cs("vui-switchButton", className),
+		ref,
+		...buttonStyles,
+		...aliasedProps,
+		...rest,
+		children: [/* @__PURE__ */ jsx(SwitchInput, {
+			className: "vui-switchInput",
+			onBlur: handleOnBlur,
+			onChange: handleOnChange,
+			onFocus: handleOnFocus,
+			ref: inputRef,
+			tabIndex: -1,
+			type: "checkbox",
+			checked,
+			defaultChecked,
+			disabled,
+			id,
+			name,
+			required,
+			value,
+			...inputProps
+		}), /* @__PURE__ */ jsxs(SwitchTrack, {
+			className: "vui-switchTrack",
+			tabIndex: 0,
+			...trackStyles,
+			...trackAliasedProps,
+			children: [
+				!isChecked && innerLabelOff,
+				/* @__PURE__ */ jsx(SwitchThumb, {
+					className: "vui-switchThumb",
+					...thumbStyles,
+					...thumbAliasedProps
+				}),
+				isChecked && innerLabelOn
+			]
+		})]
+	});
+});
+SwitchButton.displayName = "SwitchButton";
+
+//#endregion
+export { SwitchButton, SwitchButtonBase };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=switchButton.js.map

package/dist/switch/switchButton.js.map

@@ -1 +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,CAEzE,GAAM,CACJ,UACA,YACA,iBACA,WACA,KACA,gBACA,eACA,aACA,WACA,OACA,SACA,WACA,UACA,WACA,QACA,GAAG,GACD,EAlBgB,CAAE,GAAG,GAAkB,CAAE,GAAG,EAAO,CAkBtB,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"}
+{"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":";;;;;;;;;;;AASA,MAAM,cAAc,OAAO,QAAQ;;;;;;;;;;;;AAanC,MAAM,mBAAmB,OAAO,OAAO;;;;;;;;AASvC,MAAM,cAAc,OAAO,iBAAiB;;;;AAK5C,MAAM,cAAc,OAAO,iBAAiB;;;;AAK5C,MAAa,mBAAmB,OAAO,iBAAiB;;;;;;;;;0BAS9B,aAAa,SAAS;;;;wBAIxB,aAAa,SAAS;0BACpB,aAAa,WAAW;eACnC,aAAa,SAAS;;;;;;;;AASrC,MAAa,eAAe,KAAgC,OAAO,QAAQ;CAEzE,MAAM,EACJ,SACA,WACA,gBACA,UACA,IACA,eACA,cACA,YACA,UACA,MACA,QACA,UACA,SACA,UACA,MACA,GAAG,SACD,iBAlBgB;EAAE,GAAG,kBAAkB;EAAE,GAAG;EAAO,CAkBtB;CACjC,MAAM,EAAE,SAAS,iBAAiB,OAAO,YAAY,OAAU;CAC/D,MAAM,CAAC,WAAW,gBAAgB,SAAS,WAAW,eAAe;CACrE,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,MAAM,EAAE,OAAO,aAAa,OAAO,YAAa,GAAG,iBADpC,eAAe,UAAU,kBAAkB,CAAC,CACgB;AAE3E,iBAAgB;AACd,MAAI,aAAc,cAAa,QAAQ;IACtC,CAAC,SAAS,aAAa,CAAC;CAE3B,SAAS,aAAa,GAAe;AACnC,eAAa,MAAM;AACnB,WAAS,EAAE;;CAGb,SAAS,eAAe,GAAgB;AACtC,MAAI,CAAC,aAAc,cAAa,EAAE,OAAO,QAAQ;AACjD,aAAW,EAAE;;CAGf,SAAS,cAAc,GAAe;AACpC,eAAa,KAAK;AAClB,YAAU,EAAE;;CAGd,MAAM,SAAS,YAAY,IAAI,YAAY,KAAK;CAChD,MAAM,cAAc,eAAe,KAAK,IAAI,QAAQ,YAAY,EAAE,CAAC;CACnE,MAAM,cAAc,GAAG,YAAY,IAAI,QAAQ,EAAE;CAEjD,MAAM,eAAe,gBAAgB;EACnC,iBAAiB;EACjB,gBAAgB,YAAY,OAAO;EACpC,CAAC;CAEF,MAAM,oBAAoB,gBAAgB;EACxC,MAAM,YAAY,cAAc,CAAC;EACjC,MAAM,YAAY,YAAY,OAAO;EACtC,CAAC;CAEF,MAAM,oBAAoB,gBAAgB;EACxC,IAAI,YAAY,YAAY,KAAK,gBAAgB,aAAa,gBAAgB,aAAa;EAC3F,IAAI,YAAY,IAAI;EACpB,IAAI,YAAY,cAAc;EAC9B,MAAM,CAAC,WAAY,YAAY,YAAY,OAAO,IAAK;EACxD,CAAC;AAEF,QACE,qBAAC;EACC,WAAW,GAAG,oBAAoB,UAAU;EACvC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;aAEJ,oBAAC;GACC,WAAU;GACV,QAAQ;GACR,UAAU;GACV,SAAS;GACT,KAAK;GACL,UAAU;GACV,MAAK;GACC;GAAS;GAAgB;GAAU;GAAI;GAAM;GAAU;GAC7D,GAAI;IACJ,EAEF,qBAAC;GAAY,WAAU;GAAkB,UAAU;GAAG,GAAI;GAAa,GAAI;;IACxE,CAAC,aAAa;IAEf,oBAAC;KAAY,WAAU;KAAkB,GAAI;KAAa,GAAI;MAAqB;IAElF,aAAa;;IACF;GACG;EAErB;AAEF,aAAa,cAAc"}

package/dist/switch/switchLabel.d.ts

@@ -1,5 +1,7 @@
 import { TProps } from "../t/t.types.js";
+import "../t/index.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/switch/switchLabel.d.ts
 /** Displays label text within the Switch component. */

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

@@ -1 +1 @@
-{"version":3,"file":"switchLabel.d.ts","names":[],"sources":["../../src/switch/switchLabel.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,aAAW,qBAAA"}
+{"version":3,"file":"switchLabel.d.ts","names":[],"sources":["../../src/switch/switchLabel.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,aAAW,qBAAA"}

package/dist/switch/switchLabel.js

@@ -1,2 +1,27 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../t/t.js";import{useSwitchContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Switch`,i());return l.label.size===`xl`&&(c.fontSize=20),a(r,{className:e(`vui-switchLabel`,s),display:`flex`,ref:o,...l.label,...c})});o.displayName=`SwitchLabel`;export{o as SwitchLabel};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import t_default from "../t/t.js";
+import { useSwitchContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/switch/switchLabel.tsx
+/** Displays label text within the Switch component. */
+const SwitchLabel = vui((props, ref) => {
+	const { className,...rest } = props;
+	const styles = useStyleConfig("Switch", useSwitchContext());
+	if (styles.label.size === "xl") rest.fontSize = 20;
+	return /* @__PURE__ */ jsx(t_default, {
+		className: cs("vui-switchLabel", className),
+		display: "flex",
+		ref,
+		...styles.label,
+		...rest
+	});
+});
+SwitchLabel.displayName = "SwitchLabel";
+
+//#endregion
+export { SwitchLabel };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=switchLabel.js.map

package/dist/switch/switchLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"switchLabel.js","names":["T"],"sources":["../../src/switch/switchLabel.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useSwitchContext } from './context'\n\n/** Displays label text within the Switch component. */\nexport const SwitchLabel = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Switch', useSwitchContext())\n\n  // <T> has xs but not xl\n  if (styles.label.size === 'xl') {\n    rest.fontSize = 20\n  }\n\n  return <T className={cs('vui-switchLabel', className)} display=\"flex\" ref={ref} {...styles.label} {...rest} />\n})\n\nSwitchLabel.displayName = 'SwitchLabel'\n\nexport default SwitchLabel\n"],"mappings":"gPAOA,MAAa,EAAc,GAAqB,EAAO,IAAQ,CAC7D,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,SAAU,GAAkB,CAAC,CAO3D,OAJI,EAAO,MAAM,OAAS,OACxB,EAAK,SAAW,IAGX,EAACA,EAAAA,CAAE,UAAW,EAAG,kBAAmB,EAAU,CAAE,QAAQ,OAAY,MAAK,GAAI,EAAO,MAAO,GAAI,GAAQ,EAC9G,CAEF,EAAY,YAAc"}
+{"version":3,"file":"switchLabel.js","names":["T"],"sources":["../../src/switch/switchLabel.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useSwitchContext } from './context'\n\n/** Displays label text within the Switch component. */\nexport const SwitchLabel = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Switch', useSwitchContext())\n\n  // <T> has xs but not xl\n  if (styles.label.size === 'xl') {\n    rest.fontSize = 20\n  }\n\n  return <T className={cs('vui-switchLabel', className)} display=\"flex\" ref={ref} {...styles.label} {...rest} />\n})\n\nSwitchLabel.displayName = 'SwitchLabel'\n\nexport default SwitchLabel\n"],"mappings":";;;;;;;;;AAOA,MAAa,cAAc,KAAqB,OAAO,QAAQ;CAC7D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAG3D,KAAI,OAAO,MAAM,SAAS,KACxB,MAAK,WAAW;AAGlB,QAAO,oBAACA;EAAE,WAAW,GAAG,mBAAmB,UAAU;EAAE,SAAQ;EAAY;EAAK,GAAI,OAAO;EAAO,GAAI;GAAQ;EAC9G;AAEF,YAAY,cAAc"}

package/dist/switch/switchMain.d.ts

@@ -1,12 +1,14 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
+import "../core/index.js";
 import { SwitchProps } from "./switch.types.js";
 import { SwitchButton } from "./switchButton.js";
 import { SwitchLabel } from "./switchLabel.js";
-import * as styled_components397 from "styled-components";
+import "../index.js";
+import * as styled_components418 from "styled-components";
 
 //#region src/switch/switchMain.d.ts
-declare const SwitchBase: styled_components397.StyledComponent<"label", styled_components397.DefaultTheme, SystemProps, never>;
+declare const SwitchBase: styled_components418.StyledComponent<"label", styled_components418.DefaultTheme, SystemProps, never>;
 /**
  * Displays a toggle button with supporting text. Allows passing custom elements as side labels and inner labels.
  * Forwards many relevant props to the innner input element. Exposes some props to the children via context.

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

@@ -1 +1 @@
-{"version":3,"file":"switchMain.d.ts","names":[],"sources":["../../src/switch/switchMain.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAUa,YAAU,oBAAA,CAAA,yBActB,oBAAA,CAdsB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;AAAvB,CAAA,CAAA;AAcC,OAAA,CAAA,KAAA,CAMY,MANZ,CAAA,CAkEK,YAlEL,CAAA,CAAA,KAAA,CAAA,CAAA,CAkE2B,WAlE3B,CAAA,CAAA,CAAA,CAAA;QAAA,CAAA,CAAA,MAAA,CAmEgB,YAjFM;OAAA,CAAA,CAAA,MAAA,CAkFP,WAlFO"}
+{"version":3,"file":"switchMain.d.ts","names":[],"sources":["../../src/switch/switchMain.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;cAUa,YAAU,oBAAA,CAAA,yBActB,oBAAA,CAdsB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;cAoBV,QA4DP,sBAAsB;EAhFf,MAAA,CAAA,CAAA,MAAA,CAiFI,YAnEhB;EAAA,KAAA,CAAA,CAAA,MAAA,CAoEe,WAlFO;CAAA"}

package/dist/switch/switchMain.js

@@ -1,4 +1,17 @@
-import{isReactText as e}from"../utils/assertion.js";import{filterUndefined as t}from"../utils/object.js";import{cs as n}from"../utils/styles.js";import{useStyleConfig as r}from"../core/theme.js";import{styled as i}from"../core/styled.js";import{vui as a}from"../core/vui.js";import{SwitchProvider as o}from"./context.js";import{SwitchButton as s}from"./switchButton.js";import{SwitchLabel as c}from"./switchLabel.js";import{useMemo as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=i.labelBox`
+import { isReactText } from "../utils/assertion.js";
+import { filterUndefined } from "../utils/object.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { SwitchProvider } from "./context.js";
+import { SwitchButton } from "./switchButton.js";
+import { SwitchLabel } from "./switchLabel.js";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/switch/switchMain.tsx
+const SwitchBase = styled.labelBox`
   align-items: center;
   cursor: pointer;
   display: inline-flex;
@@ -12,5 +25,73 @@ import{isReactText as e}from"../utils/assertion.js";import{filterUndefined as t}
       color: disabled.color;
     }
   }
-`,p=a((i,a)=>{let{button:p,checked:m,children:h,className:g,defaultChecked:_,disabled:v,id:y,innerLabelOff:b,innerLabelOn:x,inputProps:S,inputRef:C,labelLeft:w,labelRight:T,name:E,onBlur:D,onChange:O,onFocus:k,required:A,size:j,value:M,variant:N,...P}=i,F=r(`Switch`,i),I=l(()=>t({checked:m,defaultChecked:_,disabled:v,name:E,onBlur:D,onChange:O,onFocus:k,required:A,size:j,value:M,variant:N}),[m,_,v,E,D,O,k,A,j,M,N]),L=t({"aria-disabled":v});return u(o,{value:I,children:d(f,{className:n(`vui-switch`,g),ref:a,...F.container,...L,...P,children:[e(w)?u(c,{mr:1,text:w}):w,h??p??u(s,{id:y,innerLabelOff:b,innerLabelOn:x,inputProps:S,inputRef:C}),e(T)?u(c,{ml:1,text:T}):T]})})});p.Button=s,p.Label=c,p.displayName=`Switch`;export{p as Switch,f as SwitchBase};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/**
+* Displays a toggle button with supporting text. Allows passing custom elements as side labels and inner labels.
+* Forwards many relevant props to the innner input element. Exposes some props to the children via context.
+*/
+const Switch = vui((props, ref) => {
+	const { button, checked, children, className, defaultChecked, disabled, id, innerLabelOff, innerLabelOn, inputProps, inputRef, labelLeft, labelRight, name, onBlur, onChange, onFocus, required, size, value, variant,...rest } = props;
+	const styles = useStyleConfig("Switch", props);
+	const context = useMemo(() => filterUndefined({
+		checked,
+		defaultChecked,
+		disabled,
+		name,
+		onBlur,
+		onChange,
+		onFocus,
+		required,
+		size,
+		value,
+		variant
+	}), [
+		checked,
+		defaultChecked,
+		disabled,
+		name,
+		onBlur,
+		onChange,
+		onFocus,
+		required,
+		size,
+		value,
+		variant
+	]);
+	const aliasedProps = filterUndefined({ "aria-disabled": disabled });
+	return /* @__PURE__ */ jsx(SwitchProvider, {
+		value: context,
+		children: /* @__PURE__ */ jsxs(SwitchBase, {
+			className: cs("vui-switch", className),
+			ref,
+			...styles.container,
+			...aliasedProps,
+			...rest,
+			children: [
+				isReactText(labelLeft) ? /* @__PURE__ */ jsx(SwitchLabel, {
+					mr: 1,
+					text: labelLeft
+				}) : labelLeft,
+				children ?? button ?? /* @__PURE__ */ jsx(SwitchButton, {
+					id,
+					innerLabelOff,
+					innerLabelOn,
+					inputProps,
+					inputRef
+				}),
+				isReactText(labelRight) ? /* @__PURE__ */ jsx(SwitchLabel, {
+					ml: 1,
+					text: labelRight
+				}) : labelRight
+			]
+		})
+	});
+});
+Switch.Button = SwitchButton;
+Switch.Label = SwitchLabel;
+Switch.displayName = "Switch";
+
+//#endregion
+export { Switch, SwitchBase };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=switchMain.js.map

package/dist/switch/switchMain.js.map

@@ -1 +1 @@
-{"version":3,"file":"switchMain.js","names":[],"sources":["../../src/switch/switchMain.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isReactText } from '../utils'\nimport { SwitchProvider } from './context'\nimport type { SwitchProps } from './switch.types'\nimport { SwitchButton } from './switchButton'\nimport { SwitchLabel } from './switchLabel'\n\nexport const SwitchBase = styled.labelBox`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  line-height: normal;\n  width: fit-content;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    .vui-switchLabel {\n      color: disabled.color;\n    }\n  }\n`\n\n/**\n * Displays a toggle button with supporting text. Allows passing custom elements as side labels and inner labels.\n * Forwards many relevant props to the innner input element. Exposes some props to the children via context.\n */\nexport const Switch = vui<'label', SwitchProps>((props, ref) => {\n  const {\n    button,\n    checked,\n    children,\n    className,\n    defaultChecked,\n    disabled,\n    id,\n    innerLabelOff,\n    innerLabelOn,\n    inputProps,\n    inputRef,\n    labelLeft,\n    labelRight,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    required,\n    size,\n    value,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Switch', props)\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        checked,\n        defaultChecked,\n        disabled,\n        name,\n        onBlur,\n        onChange,\n        onFocus,\n        required,\n        size,\n        value,\n        variant,\n      }),\n    [checked, defaultChecked, disabled, name, onBlur, onChange, onFocus, required, size, value, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <SwitchProvider value={context}>\n      <SwitchBase className={cs('vui-switch', className)} ref={ref} {...styles.container} {...aliasedProps} {...rest}>\n        {isReactText(labelLeft) ? <SwitchLabel mr={1} text={labelLeft} /> : labelLeft}\n\n        {children ?? button ?? <SwitchButton {...{ id, innerLabelOff, innerLabelOn, inputProps, inputRef }} />}\n\n        {isReactText(labelRight) ? <SwitchLabel ml={1} text={labelRight} /> : labelRight}\n      </SwitchBase>\n    </SwitchProvider>\n  )\n}) as VuiComponent<'label', SwitchProps> & {\n  Button: typeof SwitchButton\n  Label: typeof SwitchLabel\n}\n\nSwitch.Button = SwitchButton\nSwitch.Label = SwitchLabel\nSwitch.displayName = 'Switch'\n\nexport default Switch\n"],"mappings":"mfAUA,MAAa,EAAa,EAAO,QAAQ;;;;;;;;;;;;;;EAoB5B,EAAS,GAA2B,EAAO,IAAQ,CAC9D,GAAM,CACJ,SACA,UACA,WACA,YACA,iBACA,WACA,KACA,gBACA,eACA,aACA,WACA,YACA,aACA,OACA,SACA,WACA,UACA,WACA,OACA,QACA,UACA,GAAG,GACD,EACE,EAAS,EAAe,SAAU,EAAM,CAExC,EAAU,MAEZ,EAAgB,CACd,UACA,iBACA,WACA,OACA,SACA,WACA,UACA,WACA,OACA,QACA,UACD,CAAC,CACJ,CAAC,EAAS,EAAgB,EAAU,EAAM,EAAQ,EAAU,EAAS,EAAU,EAAM,EAAO,EAAQ,CACrG,CAEK,EAAe,EAAgB,CACnC,gBAAiB,EAClB,CAAC,CAEF,OACE,EAAC,EAAA,CAAe,MAAO,WACrB,EAAC,EAAA,CAAW,UAAW,EAAG,aAAc,EAAU,CAAO,MAAK,GAAI,EAAO,UAAW,GAAI,EAAc,GAAI,YACvG,EAAY,EAAU,CAAG,EAAC,EAAA,CAAY,GAAI,EAAG,KAAM,GAAa,CAAG,EAEnE,GAAY,GAAU,EAAC,EAAA,CAAmB,KAAI,gBAAe,eAAc,aAAY,YAAc,CAErG,EAAY,EAAW,CAAG,EAAC,EAAA,CAAY,GAAI,EAAG,KAAM,GAAc,CAAG,IAC3D,EACE,EAEnB,CAKF,EAAO,OAAS,EAChB,EAAO,MAAQ,EACf,EAAO,YAAc"}
+{"version":3,"file":"switchMain.js","names":[],"sources":["../../src/switch/switchMain.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isReactText } from '../utils'\nimport { SwitchProvider } from './context'\nimport type { SwitchProps } from './switch.types'\nimport { SwitchButton } from './switchButton'\nimport { SwitchLabel } from './switchLabel'\n\nexport const SwitchBase = styled.labelBox`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  line-height: normal;\n  width: fit-content;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    .vui-switchLabel {\n      color: disabled.color;\n    }\n  }\n`\n\n/**\n * Displays a toggle button with supporting text. Allows passing custom elements as side labels and inner labels.\n * Forwards many relevant props to the innner input element. Exposes some props to the children via context.\n */\nexport const Switch = vui<'label', SwitchProps>((props, ref) => {\n  const {\n    button,\n    checked,\n    children,\n    className,\n    defaultChecked,\n    disabled,\n    id,\n    innerLabelOff,\n    innerLabelOn,\n    inputProps,\n    inputRef,\n    labelLeft,\n    labelRight,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    required,\n    size,\n    value,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Switch', props)\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        checked,\n        defaultChecked,\n        disabled,\n        name,\n        onBlur,\n        onChange,\n        onFocus,\n        required,\n        size,\n        value,\n        variant,\n      }),\n    [checked, defaultChecked, disabled, name, onBlur, onChange, onFocus, required, size, value, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <SwitchProvider value={context}>\n      <SwitchBase className={cs('vui-switch', className)} ref={ref} {...styles.container} {...aliasedProps} {...rest}>\n        {isReactText(labelLeft) ? <SwitchLabel mr={1} text={labelLeft} /> : labelLeft}\n\n        {children ?? button ?? <SwitchButton {...{ id, innerLabelOff, innerLabelOn, inputProps, inputRef }} />}\n\n        {isReactText(labelRight) ? <SwitchLabel ml={1} text={labelRight} /> : labelRight}\n      </SwitchBase>\n    </SwitchProvider>\n  )\n}) as VuiComponent<'label', SwitchProps> & {\n  Button: typeof SwitchButton\n  Label: typeof SwitchLabel\n}\n\nSwitch.Button = SwitchButton\nSwitch.Label = SwitchLabel\nSwitch.displayName = 'Switch'\n\nexport default Switch\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,aAAa,OAAO,QAAQ;;;;;;;;;;;;;;;;;;;AAoBzC,MAAa,SAAS,KAA2B,OAAO,QAAQ;CAC9D,MAAM,EACJ,QACA,SACA,UACA,WACA,gBACA,UACA,IACA,eACA,cACA,YACA,UACA,WACA,YACA,MACA,QACA,UACA,SACA,UACA,MACA,OACA,QACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,UAAU,MAAM;CAE9C,MAAM,UAAU,cAEZ,gBAAgB;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACJ;EAAC;EAAS;EAAgB;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAU;EAAM;EAAO;EAAQ,CACrG;CAED,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;AAEF,QACE,oBAAC;EAAe,OAAO;YACrB,qBAAC;GAAW,WAAW,GAAG,cAAc,UAAU;GAAO;GAAK,GAAI,OAAO;GAAW,GAAI;GAAc,GAAI;;IACvG,YAAY,UAAU,GAAG,oBAAC;KAAY,IAAI;KAAG,MAAM;MAAa,GAAG;IAEnE,YAAY,UAAU,oBAAC;KAAmB;KAAI;KAAe;KAAc;KAAY;MAAc;IAErG,YAAY,WAAW,GAAG,oBAAC;KAAY,IAAI;KAAG,MAAM;MAAc,GAAG;;IAC3D;GACE;EAEnB;AAKF,OAAO,SAAS;AAChB,OAAO,QAAQ;AACf,OAAO,cAAc"}

package/dist/switch/theme.js

@@ -1,2 +1,95 @@
-import{switchColors as e}from"./consts.js";const t={button:{thumb:{bg:`white`},track:{ring:3}}};function n(){return{button:{fontSize:`lg`,minW:58,thumb:{h:28,w:28},track:{h:32}},label:{size:`xl`}}}function r(){return{button:{fontSize:`md`,minW:50,thumb:{h:24,w:24},track:{h:28}},label:{size:`lg`}}}function i(){return{button:{fontSize:`sm`,minW:42,thumb:{h:20,w:20},track:{h:24}},label:{size:`md`}}}function a(){return{button:{fontSize:`xs`,minW:34,thumb:{h:16,w:16},track:{h:20}},label:{size:`sm`}}}var o={baseStyle:t,defaultProps:{size:`md`,variant:`primary`},parts:[`container`,`button`,`label`],sizes:{sm:a,md:i,lg:r,xl:n},variants:{primary:{button:{track:{bg:e.main}}},green:{button:{track:{bg:e.green}}},red:{button:{track:{bg:e.red}}}}};export{o as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { switchColors } from "./consts.js";
+
+//#region src/switch/theme.ts
+const baseStyle = { button: {
+	thumb: { bg: "white" },
+	track: { ring: 3 }
+} };
+function sizeXl() {
+	return {
+		button: {
+			fontSize: "lg",
+			minW: 58,
+			thumb: {
+				h: 28,
+				w: 28
+			},
+			track: { h: 32 }
+		},
+		label: { size: "xl" }
+	};
+}
+function sizeLg() {
+	return {
+		button: {
+			fontSize: "md",
+			minW: 50,
+			thumb: {
+				h: 24,
+				w: 24
+			},
+			track: { h: 28 }
+		},
+		label: { size: "lg" }
+	};
+}
+function sizeMd() {
+	return {
+		button: {
+			fontSize: "sm",
+			minW: 42,
+			thumb: {
+				h: 20,
+				w: 20
+			},
+			track: { h: 24 }
+		},
+		label: { size: "md" }
+	};
+}
+function sizeSm() {
+	return {
+		button: {
+			fontSize: "xs",
+			minW: 34,
+			thumb: {
+				h: 16,
+				w: 16
+			},
+			track: { h: 20 }
+		},
+		label: { size: "sm" }
+	};
+}
+const defaultProps = {
+	size: "md",
+	variant: "primary"
+};
+const parts = [
+	"container",
+	"button",
+	"label"
+];
+const sizes = {
+	sm: sizeSm,
+	md: sizeMd,
+	lg: sizeLg,
+	xl: sizeXl
+};
+const variants = {
+	primary: { button: { track: { bg: switchColors.main } } },
+	green: { button: { track: { bg: switchColors.green } } },
+	red: { button: { track: { bg: switchColors.red } } }
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/switch/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/switch/theme.ts"],"sourcesContent":["import { switchColors } from './consts'\n\nconst baseStyle = {\n  button: {\n    thumb: {\n      bg: 'white',\n    },\n    track: {\n      ring: 3,\n    },\n  },\n}\n\nfunction sizeXl() {\n  const button = {\n    fontSize: 'lg',\n    minW: 58,\n    thumb: {\n      h: 28,\n      w: 28,\n    },\n    track: {\n      h: 32,\n    },\n  }\n\n  const label = {\n    size: 'xl',\n  }\n\n  return { button, label }\n}\n\nfunction sizeLg() {\n  const button = {\n    fontSize: 'md',\n    minW: 50,\n    thumb: {\n      h: 24,\n      w: 24,\n    },\n    track: {\n      h: 28,\n    },\n  }\n\n  const label = {\n    size: 'lg',\n  }\n\n  return { button, label }\n}\n\nfunction sizeMd() {\n  const button = {\n    fontSize: 'sm',\n    minW: 42,\n    thumb: {\n      h: 20,\n      w: 20,\n    },\n    track: {\n      h: 24,\n    },\n  }\n\n  const label = {\n    size: 'md',\n  }\n\n  return { button, label }\n}\n\nfunction sizeSm() {\n  const button = {\n    fontSize: 'xs',\n    minW: 34,\n    thumb: {\n      h: 16,\n      w: 16,\n    },\n    track: {\n      h: 20,\n    },\n  }\n\n  const label = {\n    size: 'sm',\n  }\n\n  return { button, label }\n}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'primary',\n}\n\nconst parts = ['container', 'button', 'label']\n\nconst sizes = {\n  sm: sizeSm,\n  md: sizeMd,\n  lg: sizeLg,\n  xl: sizeXl,\n}\n\nconst variants = {\n  primary: {\n    button: {\n      track: {\n        bg: switchColors.main,\n      },\n    },\n  },\n  green: {\n    button: {\n      track: {\n        bg: switchColors.green,\n      },\n    },\n  },\n  red: {\n    button: {\n      track: {\n        bg: switchColors.red,\n      },\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"2CAEA,MAAM,EAAY,CAChB,OAAQ,CACN,MAAO,CACL,GAAI,QACL,CACD,MAAO,CACL,KAAM,EACP,CACF,CACF,CAED,SAAS,GAAS,CAiBhB,MAAO,CAAE,OAhBM,CACb,SAAU,KACV,KAAM,GACN,MAAO,CACL,EAAG,GACH,EAAG,GACJ,CACD,MAAO,CACL,EAAG,GACJ,CACF,CAMgB,MAJH,CACZ,KAAM,KACP,CAEuB,CAG1B,SAAS,GAAS,CAiBhB,MAAO,CAAE,OAhBM,CACb,SAAU,KACV,KAAM,GACN,MAAO,CACL,EAAG,GACH,EAAG,GACJ,CACD,MAAO,CACL,EAAG,GACJ,CACF,CAMgB,MAJH,CACZ,KAAM,KACP,CAEuB,CAG1B,SAAS,GAAS,CAiBhB,MAAO,CAAE,OAhBM,CACb,SAAU,KACV,KAAM,GACN,MAAO,CACL,EAAG,GACH,EAAG,GACJ,CACD,MAAO,CACL,EAAG,GACJ,CACF,CAMgB,MAJH,CACZ,KAAM,KACP,CAEuB,CAG1B,SAAS,GAAS,CAiBhB,MAAO,CAAE,OAhBM,CACb,SAAU,KACV,KAAM,GACN,MAAO,CACL,EAAG,GACH,EAAG,GACJ,CACD,MAAO,CACL,EAAG,GACJ,CACF,CAMgB,MAJH,CACZ,KAAM,KACP,CAEuB,CAyC1B,IAAA,EAAe,CACb,YACA,aAxCmB,CACnB,KAAM,KACN,QAAS,UACV,CAsCC,MApCY,CAAC,YAAa,SAAU,QAAQ,CAqC5C,MAnCY,CACZ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACL,CA+BC,SA7Be,CACf,QAAS,CACP,OAAQ,CACN,MAAO,CACL,GAAI,EAAa,KAClB,CACF,CACF,CACD,MAAO,CACL,OAAQ,CACN,MAAO,CACL,GAAI,EAAa,MAClB,CACF,CACF,CACD,IAAK,CACH,OAAQ,CACN,MAAO,CACL,GAAI,EAAa,IAClB,CACF,CACF,CACF,CAQA"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/switch/theme.ts"],"sourcesContent":["import { switchColors } from './consts'\n\nconst baseStyle = {\n  button: {\n    thumb: {\n      bg: 'white',\n    },\n    track: {\n      ring: 3,\n    },\n  },\n}\n\nfunction sizeXl() {\n  const button = {\n    fontSize: 'lg',\n    minW: 58,\n    thumb: {\n      h: 28,\n      w: 28,\n    },\n    track: {\n      h: 32,\n    },\n  }\n\n  const label = {\n    size: 'xl',\n  }\n\n  return { button, label }\n}\n\nfunction sizeLg() {\n  const button = {\n    fontSize: 'md',\n    minW: 50,\n    thumb: {\n      h: 24,\n      w: 24,\n    },\n    track: {\n      h: 28,\n    },\n  }\n\n  const label = {\n    size: 'lg',\n  }\n\n  return { button, label }\n}\n\nfunction sizeMd() {\n  const button = {\n    fontSize: 'sm',\n    minW: 42,\n    thumb: {\n      h: 20,\n      w: 20,\n    },\n    track: {\n      h: 24,\n    },\n  }\n\n  const label = {\n    size: 'md',\n  }\n\n  return { button, label }\n}\n\nfunction sizeSm() {\n  const button = {\n    fontSize: 'xs',\n    minW: 34,\n    thumb: {\n      h: 16,\n      w: 16,\n    },\n    track: {\n      h: 20,\n    },\n  }\n\n  const label = {\n    size: 'sm',\n  }\n\n  return { button, label }\n}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'primary',\n}\n\nconst parts = ['container', 'button', 'label']\n\nconst sizes = {\n  sm: sizeSm,\n  md: sizeMd,\n  lg: sizeLg,\n  xl: sizeXl,\n}\n\nconst variants = {\n  primary: {\n    button: {\n      track: {\n        bg: switchColors.main,\n      },\n    },\n  },\n  green: {\n    button: {\n      track: {\n        bg: switchColors.green,\n      },\n    },\n  },\n  red: {\n    button: {\n      track: {\n        bg: switchColors.red,\n      },\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";;;AAEA,MAAM,YAAY,EAChB,QAAQ;CACN,OAAO,EACL,IAAI,SACL;CACD,OAAO,EACL,MAAM,GACP;CACF,EACF;AAED,SAAS,SAAS;AAiBhB,QAAO;EAAE,QAhBM;GACb,UAAU;GACV,MAAM;GACN,OAAO;IACL,GAAG;IACH,GAAG;IACJ;GACD,OAAO,EACL,GAAG,IACJ;GACF;EAMgB,OAJH,EACZ,MAAM,MACP;EAEuB;;AAG1B,SAAS,SAAS;AAiBhB,QAAO;EAAE,QAhBM;GACb,UAAU;GACV,MAAM;GACN,OAAO;IACL,GAAG;IACH,GAAG;IACJ;GACD,OAAO,EACL,GAAG,IACJ;GACF;EAMgB,OAJH,EACZ,MAAM,MACP;EAEuB;;AAG1B,SAAS,SAAS;AAiBhB,QAAO;EAAE,QAhBM;GACb,UAAU;GACV,MAAM;GACN,OAAO;IACL,GAAG;IACH,GAAG;IACJ;GACD,OAAO,EACL,GAAG,IACJ;GACF;EAMgB,OAJH,EACZ,MAAM,MACP;EAEuB;;AAG1B,SAAS,SAAS;AAiBhB,QAAO;EAAE,QAhBM;GACb,UAAU;GACV,MAAM;GACN,OAAO;IACL,GAAG;IACH,GAAG;IACJ;GACD,OAAO,EACL,GAAG,IACJ;GACF;EAMgB,OAJH,EACZ,MAAM,MACP;EAEuB;;AAG1B,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACV;AAED,MAAM,QAAQ;CAAC;CAAa;CAAU;CAAQ;AAE9C,MAAM,QAAQ;CACZ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,WAAW;CACf,SAAS,EACP,QAAQ,EACN,OAAO,EACL,IAAI,aAAa,MAClB,EACF,EACF;CACD,OAAO,EACL,QAAQ,EACN,OAAO,EACL,IAAI,aAAa,OAClB,EACF,EACF;CACD,KAAK,EACH,QAAQ,EACN,OAAO,EACL,IAAI,aAAa,KAClB,EACF,EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/system/animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animations.d.ts","names":[],"sources":["../../src/system/animations.ts"],"sourcesContent":[],"mappings":";;;;KAIY,eAAA,CAAA,CAAA,CAAkB,aAAa;KAE/B,aAAA,CAAA,CAAA,CAAgB,WAAW,iBAAiB;AAF5C,IAAA,CAIA,cAAA,CAAA,CAAA,CAJe;EAAA,SAAA,CAAA,CAAA,CAKb,aALa;gBAAgB,CAAA,CAAA,CAMxB,aANwB;;AAAD,IAAA,CAS9B,eAAA,CAAA,CAAA,CAAkB,cATY"}
+{"version":3,"file":"animations.d.ts","names":[],"sources":["../../src/system/animations.ts"],"sourcesContent":[],"mappings":";;;;KAIY,eAAA,CAAA,CAAA,CAAkB,aAAa;KAE/B,aAAA,CAAA,CAAA,CAAgB,WAAW,iBAAiB;AAF5C,IAAA,CAIA,cAAA,CAAA,CAAA,CAJe;EAEf,SAAA,CAAA,CAAA,CAGE,aAHW;EAAc,cAAA,CAAA,CAAA,CAIpB,aAJoB;CAAiB;AAA5B,IAAA,CAOhB,eAAA,CAAA,CAAA,CAAkB,cAPF"}

package/dist/system/backgrounds.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"backgrounds.d.ts","names":[],"sources":["../../src/system/backgrounds.ts"],"sourcesContent":[],"mappings":";;;;;KAKK,mBAAA,CAAA,CAAA,CAAsB,WAAW,aAAa;KACvC,oBAAA,CAAA,CAAA;EADP,QAAA,CAAA,CAAA,CAEQ,mBAFW;EAAA,EAAA,CAAA,CAAA,CAGjB,mBAHiB;YAAc,CAAA,CAAA,CAIvB,mBAJuB;SAAa,CAAA,CAAA,CAKvC,mBALuC;;AAAd,IAAA,CAQzB,gBAAA,CAAA,CAAA,CAAmB,oBARM"}
+{"version":3,"file":"backgrounds.d.ts","names":[],"sources":["../../src/system/backgrounds.ts"],"sourcesContent":[],"mappings":";;;;;KAKK,mBAAA,CAAA,CAAA,CAAsB,WAAW,aAAa;KACvC,oBAAA,CAAA,CAAA;EADP,QAAA,CAAA,CAAA,CAEQ,mBAFW;EAAc,EAAA,CAAA,CAAA,CAG/B,mBAH+B;EAAa,UAAA,CAAA,CAAA,CAIpC,mBAJoC;EAAxB,OAAA,CAAA,CAAA,CAKf,mBALe;CAAU;AACzB,IAAA,CAOA,gBAAA,CAAA,CAAA,CAAmB,oBAPC"}

package/dist/system/borders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"borders.d.ts","names":[],"sources":["../../src/system/borders.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"borders.d.ts","names":[],"sources":["../../src/system/borders.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/system/colors.d.ts

@@ -1,4 +1,5 @@
 import { AnyString } from "../utils/types.js";
+import "../utils/index.js";
 import { VuiTheme } from "../theme/types.js";
 
 //#region src/system/colors.d.ts

package/dist/system/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","names":[],"sources":["../../src/system/colors.ts"],"sourcesContent":[],"mappings":";;;;KAGY,WAAA,CAAA,CAAA,OAAoB,qBAAqB"}
+{"version":3,"file":"colors.d.ts","names":[],"sources":["../../src/system/colors.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,WAAA,CAAA,CAAA,OAAoB,qBAAqB"}

package/dist/system/custom.js

@@ -1,2 +1,34 @@
-import{style as e}from"@xstyled/styled-components";const t=e({prop:`isTruncated`,cssProperty:function(){return{overflow:`hidden`,"text-overflow":`ellipsis`,"white-space":`nowrap`}},states:{}}),n=e({prop:`maxLines`,cssProperty:function(e){return{display:`-webkit-box`,overflow:`hidden`,"-webkit-line-clamp":`${e}`,"-webkit-box-orient":`vertical`}},states:{}}),r=e({prop:`wordBreak`});export{t as isTruncated,n as maxLines,r as wordBreak};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { style } from "@xstyled/styled-components";
+
+//#region src/system/custom.ts
+/** Provides styling to truncate single-line text. */
+const isTruncated = style({
+	prop: "isTruncated",
+	cssProperty: function() {
+		return {
+			overflow: "hidden",
+			"text-overflow": "ellipsis",
+			"white-space": "nowrap"
+		};
+	},
+	states: {}
+});
+/** Provides styling to truncate multi-line text. */
+const maxLines = style({
+	prop: "maxLines",
+	cssProperty: function(value) {
+		return {
+			display: "-webkit-box",
+			overflow: "hidden",
+			"-webkit-line-clamp": `${value}`,
+			"-webkit-box-orient": "vertical"
+		};
+	},
+	states: {}
+});
+const wordBreak = style({ prop: "wordBreak" });
+
+//#endregion
+export { isTruncated, maxLines, wordBreak };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=custom.js.map