@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../src/checkbox/checkbox.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../src/checkbox/checkbox.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAgCa,cAAY,oBAAA,CAAA,yBAqBxB,oBAAA,CArBwB,YAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,wBAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,CAAA,6BAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA;;;;;cA2BZ,UAAQ,qBAAA"}

package/dist/checkbox/checkbox.js

@@ -1,10 +1,24 @@
-import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{checkboxColors as n,disabled as r}from"./consts.js";import{omitThemingProps as i,th as a,useStyleConfig as o}from"../core/theme.js";import{styled as s}from"../core/styled.js";import{vui as c}from"../core/vui.js";import l from"../icon/icon.js";import u from"../t/t.js";import{useCheckboxGroupContext as d}from"./context.js";import{useEffect as f,useState as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g=s.spanBox`
+import { filterUndefined } from "../utils/object.js";
+import { cs } from "../utils/styles.js";
+import { checkboxColors, disabled } from "./consts.js";
+import { omitThemingProps, th, useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import icon_default from "../icon/icon.js";
+import t_default from "../t/t.js";
+import { useCheckboxGroupContext } from "./context.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/checkbox/checkbox.tsx
+const CheckboxControl = styled.spanBox`
   border-radius: none;
   display: inline-flex;
   flex-shrink: 0;
   position: relative;
   transition-duration: fast;
-`,_=s.input`
+`;
+const CheckboxInput = styled.input`
   cursor: inherit;
   height: 100%;
   left: 0;
@@ -15,26 +29,102 @@ import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../util
   top: 0;
   width: 100%;
   z-index: 1;
-`,v=s.labelBox`
+`;
+const CheckboxBase = styled.labelBox`
   cursor: pointer;
   display: inline-flex;
   width: fit-content;
 
   &:not([aria-disabled='true']):hover .vui-checkboxControl {
-    color: ${e=>a.color(e.controlHoverColor)};
+    color: ${(p) => th.color(p.controlHoverColor)};
   }
 
   .vui-checkboxControl:focus-within {
-    color: ${n.focus};
+    color: ${checkboxColors.focus};
   }
 
   &[aria-disabled='true'] {
-    color: ${r.text};
+    color: ${disabled.text};
     cursor: not-allowed;
 
     .vui-checkboxControl {
-      color: ${r.icon};
+      color: ${disabled.icon};
     }
   }
-`,y=c((r,a)=>{let{defaultValue:s,...c}=d()??{},y={...c,...r},{checked:b,children:x,className:S,defaultChecked:C=s===void 0?void 0:s.includes(r.value),disabled:w,icon:T=`uiCheckboxUnselected`,iconChecked:E=`uiCheckboxSelected`,iconIndeterminate:D=`uiCheckboxIndeterminate`,id:O,inputProps:k,inputRef:A,isIndeterminate:j,label:M,name:N,onChange:P,required:F,value:I,...L}=i(y),[R,z]=p(C),B=o(`Checkbox`,y),{color:V,hoverColor:H,...U}=B.control,W=j?D:R?E:T,G=x||M?1:0,K=R||j?n.checked:V,q=H||n.hover,J=M&&M?.length>=60;f(()=>{b!==void 0&&z(b)},[b]);let Y=e=>{b===void 0&&z(e.target.checked),P?.(e)},X=e({"aria-disabled":w});return h(v,{alignItems:J?`flex-start`:`center`,className:t(`vui-checkbox`,S),controlHoverColor:q,ref:a,...B.container,...X,...L,children:[h(g,{bg:`white`,className:`vui-checkboxControl`,color:K,focusWithinRing:3,mr:G,role:`none`,...U,children:[m(_,{className:`vui-checkboxInput`,onChange:Y,ref:A,type:`checkbox`,checked:b,defaultChecked:C,disabled:w,id:O,name:N,required:F,value:I,...k}),m(l,{className:`vui-checkboxIcon`,h:`100%`,name:W,w:`100%`})]}),x??(M&&m(u,{className:`vui-checkboxLabel`,lineHeight:J?`26px`:`normal`,...B.label,children:M}))]})});y.displayName=`Checkbox`;export{y as Checkbox,v as CheckboxBase};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/**
+* Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.
+* Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.
+*/
+const Checkbox = vui((props, ref) => {
+	const { defaultValue: groupDefaultValue,...checkboxGroupProps } = useCheckboxGroupContext() ?? {};
+	const mergedProps = {
+		...checkboxGroupProps,
+		...props
+	};
+	const { checked, children, className, defaultChecked = groupDefaultValue !== void 0 ? groupDefaultValue.includes(props.value) : void 0, disabled: disabled$1, icon: iconProp = "uiCheckboxUnselected", iconChecked = "uiCheckboxSelected", iconIndeterminate = "uiCheckboxIndeterminate", id, inputProps, inputRef, isIndeterminate, label, name, onChange: onChangeProp, required, value,...rest } = omitThemingProps(mergedProps);
+	const [isChecked, setIsChecked] = useState(defaultChecked);
+	const styles = useStyleConfig("Checkbox", mergedProps);
+	const { color: controlColor, hoverColor,...controlStyles } = styles.control;
+	const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp;
+	const controlMr = children || label ? 1 : 0;
+	const color = isChecked || isIndeterminate ? checkboxColors.checked : controlColor;
+	const controlHoverColor = hoverColor ? hoverColor : checkboxColors.hover;
+	const isLongLabel = label && label?.length >= 60;
+	useEffect(() => {
+		checked !== void 0 && setIsChecked(checked);
+	}, [checked]);
+	const onChange = (e) => {
+		if (checked === void 0) setIsChecked(e.target.checked);
+		onChangeProp?.(e);
+	};
+	const aliasedProps = filterUndefined({ "aria-disabled": disabled$1 });
+	return /* @__PURE__ */ jsxs(CheckboxBase, {
+		alignItems: isLongLabel ? "flex-start" : "center",
+		className: cs("vui-checkbox", className),
+		controlHoverColor,
+		ref,
+		...styles.container,
+		...aliasedProps,
+		...rest,
+		children: [/* @__PURE__ */ jsxs(CheckboxControl, {
+			bg: "white",
+			className: "vui-checkboxControl",
+			color,
+			focusWithinRing: 3,
+			mr: controlMr,
+			role: "none",
+			...controlStyles,
+			children: [/* @__PURE__ */ jsx(CheckboxInput, {
+				className: "vui-checkboxInput",
+				onChange,
+				ref: inputRef,
+				type: "checkbox",
+				checked,
+				defaultChecked,
+				disabled: disabled$1,
+				id,
+				name,
+				required,
+				value,
+				...inputProps
+			}), /* @__PURE__ */ jsx(icon_default, {
+				className: "vui-checkboxIcon",
+				h: "100%",
+				name: icon,
+				w: "100%"
+			})]
+		}), children ?? (label && /* @__PURE__ */ jsx(t_default, {
+			className: "vui-checkboxLabel",
+			lineHeight: isLongLabel ? "26px" : "normal",
+			...styles.label,
+			children: label
+		}))]
+	});
+});
+Checkbox.displayName = "Checkbox";
+
+//#endregion
+export { Checkbox, CheckboxBase };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=checkbox.js.map

package/dist/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["disabled","Icon","T"],"sources":["../../src/checkbox/checkbox.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { omitThemingProps, styled, th, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport type { CheckboxProps, CheckboxStyleProps } from './checkbox.types'\nimport { checkboxColors, disabled } from './consts'\nimport { useCheckboxGroupContext } from './context'\n\nconst CheckboxControl = styled.spanBox`\n  border-radius: none;\n  display: inline-flex;\n  flex-shrink: 0;\n  position: relative;\n  transition-duration: fast;\n`\n\nconst CheckboxInput = styled.input`\n  cursor: inherit;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n`\n\nexport const CheckboxBase = styled.labelBox<CheckboxStyleProps>`\n  cursor: pointer;\n  display: inline-flex;\n  width: fit-content;\n\n  &:not([aria-disabled='true']):hover .vui-checkboxControl {\n    color: ${p => th.color(p.controlHoverColor)};\n  }\n\n  .vui-checkboxControl:focus-within {\n    color: ${checkboxColors.focus};\n  }\n\n  &[aria-disabled='true'] {\n    color: ${disabled.text};\n    cursor: not-allowed;\n\n    .vui-checkboxControl {\n      color: ${disabled.icon};\n    }\n  }\n`\n\n/**\n * Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.\n * Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.\n */\nexport const Checkbox = vui<'span', CheckboxProps>((props, ref) => {\n  const { defaultValue: groupDefaultValue, ...checkboxGroupProps } = useCheckboxGroupContext() ?? {}\n\n  const mergedProps = { ...checkboxGroupProps, ...props }\n  const {\n    checked,\n    children,\n    className,\n    defaultChecked = groupDefaultValue !== undefined ? groupDefaultValue.includes(props.value) : undefined,\n    disabled,\n    icon: iconProp = 'uiCheckboxUnselected',\n    iconChecked = 'uiCheckboxSelected',\n    iconIndeterminate = 'uiCheckboxIndeterminate',\n    id,\n    inputProps,\n    inputRef,\n    isIndeterminate,\n    label,\n    name,\n    onChange: onChangeProp,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n  const [isChecked, setIsChecked] = useState(defaultChecked)\n  const styles = useStyleConfig('Checkbox', mergedProps)\n  const { color: controlColor, hoverColor, ...controlStyles } = styles.control\n\n  const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp\n  const controlMr = children || label ? 1 : 0\n  const color = isChecked || isIndeterminate ? checkboxColors.checked : controlColor\n  const controlHoverColor = hoverColor ? hoverColor : checkboxColors.hover\n  const isLongLabel = label && label?.length >= 60\n\n  useEffect(() => {\n    checked !== undefined && setIsChecked(checked)\n  }, [checked])\n\n  const onChange = (e: ChangeEvent) => {\n    if (checked === undefined) setIsChecked(e.target.checked)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <CheckboxBase\n      alignItems={isLongLabel ? 'flex-start' : 'center'}\n      className={cs('vui-checkbox', className)}\n      controlHoverColor={controlHoverColor}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <CheckboxControl\n        bg=\"white\"\n        className=\"vui-checkboxControl\"\n        color={color}\n        focusWithinRing={3}\n        mr={controlMr}\n        role=\"none\"\n        {...controlStyles}\n      >\n        <CheckboxInput\n          className=\"vui-checkboxInput\"\n          onChange={onChange}\n          ref={inputRef}\n          type=\"checkbox\"\n          {...{ checked, defaultChecked, disabled, id, name, required, value }}\n          {...inputProps}\n        />\n        <Icon className=\"vui-checkboxIcon\" h=\"100%\" name={icon} w=\"100%\" />\n      </CheckboxControl>\n\n      {children ??\n        (label && (\n          <T className=\"vui-checkboxLabel\" lineHeight={isLongLabel ? '26px' : 'normal'} {...styles.label}>\n            {label}\n          </T>\n        ))}\n    </CheckboxBase>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\nexport default Checkbox\n"],"mappings":"ygBAWA,MAAM,EAAkB,EAAO,OAAO;;;;;;EAQhC,EAAgB,EAAO,KAAK;;;;;;;;;;;EAarB,EAAe,EAAO,QAA4B;;;;;;aAMlD,GAAK,EAAG,MAAM,EAAE,kBAAkB,CAAC;;;;aAInC,EAAe,MAAM;;;;aAIrB,EAAS,KAAK;;;;eAIZ,EAAS,KAAK;;;EAShB,EAAW,GAA4B,EAAO,IAAQ,CACjE,GAAM,CAAE,aAAc,EAAmB,GAAG,GAAuB,GAAyB,EAAI,EAAE,CAE5F,EAAc,CAAE,GAAG,EAAoB,GAAG,EAAO,CACjD,CACJ,UACA,WACA,YACA,iBAAiB,IAAsB,IAAA,GAAsD,IAAA,GAA1C,EAAkB,SAAS,EAAM,MAAM,CAC1F,SAAA,EACA,KAAM,EAAW,uBACjB,cAAc,qBACd,oBAAoB,0BACpB,KACA,aACA,WACA,kBACA,QACA,OACA,SAAU,EACV,WACA,QACA,GAAG,GACD,EAAiB,EAAY,CAC3B,CAAC,EAAW,GAAgB,EAAS,EAAe,CACpD,EAAS,EAAe,WAAY,EAAY,CAChD,CAAE,MAAO,EAAc,aAAY,GAAG,GAAkB,EAAO,QAE/D,EAAO,EAAkB,EAAoB,EAAY,EAAc,EACvE,EAAY,GAAY,EAAQ,EAAI,EACpC,EAAQ,GAAa,EAAkB,EAAe,QAAU,EAChE,EAAoB,GAA0B,EAAe,MAC7D,EAAc,GAAS,GAAO,QAAU,GAE9C,MAAgB,CACd,IAAY,IAAA,IAAa,EAAa,EAAQ,EAC7C,CAAC,EAAQ,CAAC,CAEb,IAAM,EAAY,GAAmB,CAC/B,IAAY,IAAA,IAAW,EAAa,EAAE,OAAO,QAAQ,CACzD,IAAe,EAAE,EAGb,EAAe,EAAgB,CACnC,gBAAiBA,EAClB,CAAC,CAEF,OACE,EAAC,EAAA,CACC,WAAY,EAAc,aAAe,SACzC,UAAW,EAAG,eAAgB,EAAU,CACrB,oBACd,MACL,GAAI,EAAO,UACX,GAAI,EACJ,GAAI,YAEJ,EAAC,EAAA,CACC,GAAG,QACH,UAAU,sBACH,QACP,gBAAiB,EACjB,GAAI,EACJ,KAAK,OACL,GAAI,YAEJ,EAAC,EAAA,CACC,UAAU,oBACA,WACV,IAAK,EACL,KAAK,WACC,UAAS,iBAAgB,SAAA,EAAU,KAAI,OAAM,WAAU,QAC7D,GAAI,GACJ,CACF,EAACC,EAAAA,CAAK,UAAU,mBAAmB,EAAE,OAAO,KAAM,EAAM,EAAE,QAAS,CAAA,EACnD,CAEjB,IACE,GACC,EAACC,EAAAA,CAAE,UAAU,oBAAoB,WAAY,EAAc,OAAS,SAAU,GAAI,EAAO,eACtF,GACC,EAAA,EAEK,EAEjB,CAEF,EAAS,YAAc"}
+{"version":3,"file":"checkbox.js","names":["disabled","Icon","T"],"sources":["../../src/checkbox/checkbox.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { omitThemingProps, styled, th, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport type { CheckboxProps, CheckboxStyleProps } from './checkbox.types'\nimport { checkboxColors, disabled } from './consts'\nimport { useCheckboxGroupContext } from './context'\n\nconst CheckboxControl = styled.spanBox`\n  border-radius: none;\n  display: inline-flex;\n  flex-shrink: 0;\n  position: relative;\n  transition-duration: fast;\n`\n\nconst CheckboxInput = styled.input`\n  cursor: inherit;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n`\n\nexport const CheckboxBase = styled.labelBox<CheckboxStyleProps>`\n  cursor: pointer;\n  display: inline-flex;\n  width: fit-content;\n\n  &:not([aria-disabled='true']):hover .vui-checkboxControl {\n    color: ${p => th.color(p.controlHoverColor)};\n  }\n\n  .vui-checkboxControl:focus-within {\n    color: ${checkboxColors.focus};\n  }\n\n  &[aria-disabled='true'] {\n    color: ${disabled.text};\n    cursor: not-allowed;\n\n    .vui-checkboxControl {\n      color: ${disabled.icon};\n    }\n  }\n`\n\n/**\n * Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.\n * Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.\n */\nexport const Checkbox = vui<'span', CheckboxProps>((props, ref) => {\n  const { defaultValue: groupDefaultValue, ...checkboxGroupProps } = useCheckboxGroupContext() ?? {}\n\n  const mergedProps = { ...checkboxGroupProps, ...props }\n  const {\n    checked,\n    children,\n    className,\n    defaultChecked = groupDefaultValue !== undefined ? groupDefaultValue.includes(props.value) : undefined,\n    disabled,\n    icon: iconProp = 'uiCheckboxUnselected',\n    iconChecked = 'uiCheckboxSelected',\n    iconIndeterminate = 'uiCheckboxIndeterminate',\n    id,\n    inputProps,\n    inputRef,\n    isIndeterminate,\n    label,\n    name,\n    onChange: onChangeProp,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n  const [isChecked, setIsChecked] = useState(defaultChecked)\n  const styles = useStyleConfig('Checkbox', mergedProps)\n  const { color: controlColor, hoverColor, ...controlStyles } = styles.control\n\n  const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp\n  const controlMr = children || label ? 1 : 0\n  const color = isChecked || isIndeterminate ? checkboxColors.checked : controlColor\n  const controlHoverColor = hoverColor ? hoverColor : checkboxColors.hover\n  const isLongLabel = label && label?.length >= 60\n\n  useEffect(() => {\n    checked !== undefined && setIsChecked(checked)\n  }, [checked])\n\n  const onChange = (e: ChangeEvent) => {\n    if (checked === undefined) setIsChecked(e.target.checked)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <CheckboxBase\n      alignItems={isLongLabel ? 'flex-start' : 'center'}\n      className={cs('vui-checkbox', className)}\n      controlHoverColor={controlHoverColor}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <CheckboxControl\n        bg=\"white\"\n        className=\"vui-checkboxControl\"\n        color={color}\n        focusWithinRing={3}\n        mr={controlMr}\n        role=\"none\"\n        {...controlStyles}\n      >\n        <CheckboxInput\n          className=\"vui-checkboxInput\"\n          onChange={onChange}\n          ref={inputRef}\n          type=\"checkbox\"\n          {...{ checked, defaultChecked, disabled, id, name, required, value }}\n          {...inputProps}\n        />\n        <Icon className=\"vui-checkboxIcon\" h=\"100%\" name={icon} w=\"100%\" />\n      </CheckboxControl>\n\n      {children ??\n        (label && (\n          <T className=\"vui-checkboxLabel\" lineHeight={isLongLabel ? '26px' : 'normal'} {...styles.label}>\n            {label}\n          </T>\n        ))}\n    </CheckboxBase>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\nexport default Checkbox\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,kBAAkB,OAAO,OAAO;;;;;;;AAQtC,MAAM,gBAAgB,OAAO,KAAK;;;;;;;;;;;;AAalC,MAAa,eAAe,OAAO,QAA4B;;;;;;cAMlD,MAAK,GAAG,MAAM,EAAE,kBAAkB,CAAC;;;;aAInC,eAAe,MAAM;;;;aAIrB,SAAS,KAAK;;;;eAIZ,SAAS,KAAK;;;;;;;;AAS7B,MAAa,WAAW,KAA4B,OAAO,QAAQ;CACjE,MAAM,EAAE,cAAc,kBAAmB,GAAG,uBAAuB,yBAAyB,IAAI,EAAE;CAElG,MAAM,cAAc;EAAE,GAAG;EAAoB,GAAG;EAAO;CACvD,MAAM,EACJ,SACA,UACA,WACA,iBAAiB,sBAAsB,SAAY,kBAAkB,SAAS,MAAM,MAAM,GAAG,QAC7F,sBACA,MAAM,WAAW,wBACjB,cAAc,sBACd,oBAAoB,2BACpB,IACA,YACA,UACA,iBACA,OACA,MACA,UAAU,cACV,UACA,MACA,GAAG,SACD,iBAAiB,YAAY;CACjC,MAAM,CAAC,WAAW,gBAAgB,SAAS,eAAe;CAC1D,MAAM,SAAS,eAAe,YAAY,YAAY;CACtD,MAAM,EAAE,OAAO,cAAc,WAAY,GAAG,kBAAkB,OAAO;CAErE,MAAM,OAAO,kBAAkB,oBAAoB,YAAY,cAAc;CAC7E,MAAM,YAAY,YAAY,QAAQ,IAAI;CAC1C,MAAM,QAAQ,aAAa,kBAAkB,eAAe,UAAU;CACtE,MAAM,oBAAoB,aAAa,aAAa,eAAe;CACnE,MAAM,cAAc,SAAS,OAAO,UAAU;AAE9C,iBAAgB;AACd,cAAY,UAAa,aAAa,QAAQ;IAC7C,CAAC,QAAQ,CAAC;CAEb,MAAM,YAAY,MAAmB;AACnC,MAAI,YAAY,OAAW,cAAa,EAAE,OAAO,QAAQ;AACzD,iBAAe,EAAE;;CAGnB,MAAM,eAAe,gBAAgB,EACnC,iBAAiBA,YAClB,CAAC;AAEF,QACE,qBAAC;EACC,YAAY,cAAc,eAAe;EACzC,WAAW,GAAG,gBAAgB,UAAU;EACrB;EACd;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;aAEJ,qBAAC;GACC,IAAG;GACH,WAAU;GACH;GACP,iBAAiB;GACjB,IAAI;GACJ,MAAK;GACL,GAAI;cAEJ,oBAAC;IACC,WAAU;IACA;IACV,KAAK;IACL,MAAK;IACC;IAAS;IAAgB;IAAU;IAAI;IAAM;IAAU;IAC7D,GAAI;KACJ,EACF,oBAACC;IAAK,WAAU;IAAmB,GAAE;IAAO,MAAM;IAAM,GAAE;KAAS;IACnD,EAEjB,aACE,SACC,oBAACC;GAAE,WAAU;GAAoB,YAAY,cAAc,SAAS;GAAU,GAAI,OAAO;aACtF;IACC;GAEK;EAEjB;AAEF,SAAS,cAAc"}

package/dist/checkbox/checkbox.types.d.ts

@@ -1,7 +1,10 @@
 import { ChangeEventHandler, FocusEventHandler } from "../utils/types.js";
+import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";
+import "../icon/index.js";
 import { HTMLAttributes } from "react";
 
 //#region src/checkbox/checkbox.types.d.ts

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.types.d.ts","names":[],"sources":["../../src/checkbox/checkbox.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAOY,aAAA,CAAA,CAAA,CAAgB,cAC1B;;EADU,OAAA,CAAA,CAAA,CAAA,OAAa;EAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA;aAAG,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA;;UASjB,CAAA,CAAA,CAAA,OAAA;;MAIa,CAAA,CAAA,CAJb,QAIa;;aAEP,CAAA,CAAA,CAJC,QAID;;mBAEI,CAAA,CAAA,CAJG,QAIH;;YAUN,CAAA,CAAA,CAZE,cAYF,CAZiB,gBAYjB,CAAA;;EAEgB,QAAA,CAAA,CAAA,CAZhB,KAAA,CAAM,gBAYU,CAZO,gBAYP,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAOnB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,EAAA,CAAA,aAAA,CAAA,CAAA,CAAA;;;;;;;WAXC;;aAEE;;YAED;;;;;;KAOF,kBAAA,CAAA,CAAA"}
+{"version":3,"file":"checkbox.types.d.ts","names":[],"sources":["../../src/checkbox/checkbox.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,aAAA,CAAA,CAAA,CAAgB,cAC1B;;;;;EADU,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,OAAA,CAAA,QAAA,CAAA,IAAA,CAAA,GAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAgB,QAAA,CAAA,CAAA,CAAA,OAAA;EAC1B,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,CAAA;EAQS,IAAA,CAAA,CAAA,CAAA,QAAA;EAEO,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,CAAA;EAEM,WAAA,CAAA,CAAA,CAFN,QAEM;EAEQ,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,YAAA,CAAA,KAAA,CAAA,CAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,CAAA;EAAf,iBAAA,CAAA,CAAA,CAFO,QAEP;EAEqB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAvB,UAAM,CAAA,CAAA,CAFJ,cAEI,CAFW,gBAEX,CAAA;EAQR,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAEE,QAAA,CAAA,CAAA,CAVA,KAAA,CAAM,gBAUN,CAVuB,gBAUvB,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAED,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,EAAA,CAAA,aAAA,CAAA,CAAA,CAAA;EAAiB,eAAA,CAAA,CAAA,CAAA,OAAA;EAOnB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA;;;;;WAXC;;aAEE;;YAED;;;;;;KAOF,kBAAA,CAAA,CAAA"}

package/dist/checkbox/checkboxGroup.d.ts

@@ -1,10 +1,11 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { CheckboxGroupProps } from "./checkboxGroup.types.js";
-import * as styled_components21 from "styled-components";
+import "../index.js";
+import * as styled_components371 from "styled-components";
 
 //#region src/checkbox/checkboxGroup.d.ts
-declare const CheckboxGroupBase: styled_components21.StyledComponent<"div", styled_components21.DefaultTheme, SystemProps, never>;
+declare const CheckboxGroupBase: styled_components371.StyledComponent<"div", styled_components371.DefaultTheme, SystemProps, never>;
 /**
  * Organizes layout and display of multiple checkboxes as a row or column.
  * Exposes some props to the children via context.

package/dist/checkbox/checkboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,mBAAiB,mBAAA,CAAA,uBAG7B,mBAAA,CAH6B,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;AAAjB,OAAA,CAAA,KAAA,CASA,aANZ,CAAA,CAMyB,YANzB,CAAA,CAAA,GAAA,CAAA,CAAA,CAMyB,kBANzB,CAAA"}
+{"version":3,"file":"checkboxGroup.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,mBAAiB,oBAAA,CAAA,uBAG7B,oBAAA,CAH6B,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;cASjB,eAAa,oBAAA"}

package/dist/checkbox/checkboxGroup.js

@@ -1,5 +1,55 @@
-import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import{CheckboxGroupProvider as i}from"./context.js";import{useMemo as a}from"react";import{jsx as o}from"react/jsx-runtime";const s=n.divBox`
+import { filterUndefined } from "../utils/object.js";
+import { cs } from "../utils/styles.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { CheckboxGroupProvider } from "./context.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/checkbox/checkboxGroup.tsx
+const CheckboxGroupBase = styled.divBox`
   display: flex;
   flex-direction: column;
-`,c=r((n,r)=>{let{className:c,defaultValue:l,disabled:u,isRow:d,name:f,onBlur:p,onChange:m,onFocus:h,size:g,variant:_,...v}=n,y=a(()=>e({defaultValue:l,disabled:u,name:f,onBlur:p,onChange:m,onFocus:h,size:g,variant:_}),[l,u,f,p,m,h,g,_]),b=e({flexDirection:d?`row`:void 0});return o(i,{value:y,children:o(s,{className:t(`vui-checkboxGroup`,c),ref:r,...b,...v})})});c.displayName=`CheckboxGroup`;export{c as CheckboxGroup,s as CheckboxGroupBase};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/**
+* Organizes layout and display of multiple checkboxes as a row or column.
+* Exposes some props to the children via context.
+*/
+const CheckboxGroup = vui((props, ref) => {
+	const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant,...rest } = props;
+	const context = useMemo(() => filterUndefined({
+		defaultValue,
+		disabled,
+		name,
+		onBlur,
+		onChange,
+		onFocus,
+		size,
+		variant
+	}), [
+		defaultValue,
+		disabled,
+		name,
+		onBlur,
+		onChange,
+		onFocus,
+		size,
+		variant
+	]);
+	const aliasedProps = filterUndefined({ flexDirection: isRow ? "row" : void 0 });
+	return /* @__PURE__ */ jsx(CheckboxGroupProvider, {
+		value: context,
+		children: /* @__PURE__ */ jsx(CheckboxGroupBase, {
+			className: cs("vui-checkboxGroup", className),
+			ref,
+			...aliasedProps,
+			...rest
+		})
+	});
+});
+CheckboxGroup.displayName = "CheckboxGroup";
+
+//#endregion
+export { CheckboxGroup, CheckboxGroupBase };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=checkboxGroup.js.map

package/dist/checkbox/checkboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.js","names":[],"sources":["../../src/checkbox/checkboxGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { CheckboxGroupProps } from './checkboxGroup.types'\nimport { CheckboxGroupProvider } from './context'\n\nexport const CheckboxGroupBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n`\n\n/**\n * Organizes layout and display of multiple checkboxes as a row or column.\n * Exposes some props to the children via context.\n */\nexport const CheckboxGroup = vui<'div', CheckboxGroupProps>((props, ref) => {\n  const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant, ...rest } = props\n\n  const context = useMemo(\n    () => filterUndefined({ defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant }),\n    [defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    flexDirection: isRow ? 'row' : undefined,\n  } as const)\n\n  return (\n    <CheckboxGroupProvider value={context}>\n      <CheckboxGroupBase className={cs('vui-checkboxGroup', className)} ref={ref} {...aliasedProps} {...rest} />\n    </CheckboxGroupProvider>\n  )\n})\n\nCheckboxGroup.displayName = 'CheckboxGroup'\n\nexport default CheckboxGroup\n"],"mappings":"0SAOA,MAAa,EAAoB,EAAO,MAAM;;;EASjC,EAAgB,GAAgC,EAAO,IAAQ,CAC1E,GAAM,CAAE,YAAW,eAAc,WAAU,QAAO,OAAM,SAAQ,WAAU,UAAS,OAAM,UAAS,GAAG,GAAS,EAExG,EAAU,MACR,EAAgB,CAAE,eAAc,WAAU,OAAM,SAAQ,WAAU,UAAS,OAAM,UAAS,CAAC,CACjG,CAAC,EAAc,EAAU,EAAM,EAAQ,EAAU,EAAS,EAAM,EAAQ,CACzE,CAEK,EAAe,EAAgB,CACnC,cAAe,EAAQ,MAAQ,IAAA,GAChC,CAAU,CAEX,OACE,EAAC,EAAA,CAAsB,MAAO,WAC5B,EAAC,EAAA,CAAkB,UAAW,EAAG,oBAAqB,EAAU,CAAO,MAAK,GAAI,EAAc,GAAI,GAAQ,EACpF,EAE1B,CAEF,EAAc,YAAc"}
+{"version":3,"file":"checkboxGroup.js","names":[],"sources":["../../src/checkbox/checkboxGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { CheckboxGroupProps } from './checkboxGroup.types'\nimport { CheckboxGroupProvider } from './context'\n\nexport const CheckboxGroupBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n`\n\n/**\n * Organizes layout and display of multiple checkboxes as a row or column.\n * Exposes some props to the children via context.\n */\nexport const CheckboxGroup = vui<'div', CheckboxGroupProps>((props, ref) => {\n  const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant, ...rest } = props\n\n  const context = useMemo(\n    () => filterUndefined({ defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant }),\n    [defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    flexDirection: isRow ? 'row' : undefined,\n  } as const)\n\n  return (\n    <CheckboxGroupProvider value={context}>\n      <CheckboxGroupBase className={cs('vui-checkboxGroup', className)} ref={ref} {...aliasedProps} {...rest} />\n    </CheckboxGroupProvider>\n  )\n})\n\nCheckboxGroup.displayName = 'CheckboxGroup'\n\nexport default CheckboxGroup\n"],"mappings":";;;;;;;;;AAOA,MAAa,oBAAoB,OAAO,MAAM;;;;;;;;AAS9C,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,cAAc,UAAU,OAAO,MAAM,QAAQ,UAAU,SAAS,MAAM,QAAS,GAAG,SAAS;CAE9G,MAAM,UAAU,cACR,gBAAgB;EAAE;EAAc;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAM;EAAS,CAAC,EACjG;EAAC;EAAc;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAM;EAAQ,CACzE;CAED,MAAM,eAAe,gBAAgB,EACnC,eAAe,QAAQ,QAAQ,QAChC,CAAU;AAEX,QACE,oBAAC;EAAsB,OAAO;YAC5B,oBAAC;GAAkB,WAAW,GAAG,qBAAqB,UAAU;GAAO;GAAK,GAAI;GAAc,GAAI;IAAQ;GACpF;EAE1B;AAEF,cAAc,cAAc"}

package/dist/checkbox/checkboxGroup.types.d.ts

@@ -1,6 +1,8 @@
 import { ChangeEventHandler, FocusEventHandler } from "../utils/types.js";
+import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 
 //#region src/checkbox/checkboxGroup.types.d.ts
 type CheckboxGroupProps = SystemProps & ThemingProps<'Checkbox'> & {

package/dist/checkbox/checkboxGroup.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.types.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.types.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,kBAAA,CAAA,CAAA,CAAqB,cAC/B;;EADU,WAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,QAAA,CAAA;EAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA;UAAG,CAAA,CAAA,CAAA,OAAA;;OAWpB,CAAA,CAAA,CAAA,OAAA;;MAIC,CAAA,CAAA,CAAA,MAAA;EAAiB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA;WAJlB;;aAEE;;YAED"}
+{"version":3,"file":"checkboxGroup.types.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,kBAAA,CAAA,CAAA,CAAqB,cAC/B;;;;EADU,QAAA,CAAA,CAAA,CAAA,OAAA;EAAqB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,UAAA,CAAA,EAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;EAC/B,KAAA,CAAA,CAAA,CAAA,OAAA;EAUW,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAEE,IAAA,CAAA,CAAA,CAAA,MAAA;EAED,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAAiB,MAAA,CAAA,CAAA,CAJlB,iBAIkB;;aAFhB;;YAED"}

package/dist/checkbox/consts.js

@@ -1,2 +1,16 @@
-const e={unchecked:`sandstone.60`,checked:`seaBlue.28`,hover:`seaBlue.20`,focus:`seaBlue.35`},t={icon:`sandstone.79`,text:`sandstone.60`};export{e as checkboxColors,t as disabled};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/checkbox/consts.ts
+const checkboxColors = {
+	unchecked: "sandstone.60",
+	checked: "seaBlue.28",
+	hover: "seaBlue.20",
+	focus: "seaBlue.35"
+};
+const disabled = {
+	icon: "sandstone.79",
+	text: "sandstone.60"
+};
+
+//#endregion
+export { checkboxColors, disabled };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=consts.js.map

package/dist/checkbox/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/checkbox/consts.ts"],"sourcesContent":["export const checkboxColors = {\n  unchecked: 'sandstone.60',\n  checked: 'seaBlue.28',\n  hover: 'seaBlue.20',\n  focus: 'seaBlue.35',\n} as const\n\nexport const disabled = {\n  icon: 'sandstone.79',\n  text: 'sandstone.60',\n} as const\n"],"mappings":"AAAA,MAAa,EAAiB,CAC5B,UAAW,eACX,QAAS,aACT,MAAO,aACP,MAAO,aACR,CAEY,EAAW,CACtB,KAAM,eACN,KAAM,eACP"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/checkbox/consts.ts"],"sourcesContent":["export const checkboxColors = {\n  unchecked: 'sandstone.60',\n  checked: 'seaBlue.28',\n  hover: 'seaBlue.20',\n  focus: 'seaBlue.35',\n} as const\n\nexport const disabled = {\n  icon: 'sandstone.79',\n  text: 'sandstone.60',\n} as const\n"],"mappings":";AAAA,MAAa,iBAAiB;CAC5B,WAAW;CACX,SAAS;CACT,OAAO;CACP,OAAO;CACR;AAED,MAAa,WAAW;CACtB,MAAM;CACN,MAAM;CACP"}

package/dist/checkbox/context.d.ts

@@ -1,8 +1,9 @@
 import { Dict } from "../utils/types.js";
-import * as react1 from "react";
+import "../utils/index.js";
+import * as react936 from "react";
 
 //#region src/checkbox/context.d.ts
-declare const CheckboxGroupProvider: react1.Provider<Dict>, useCheckboxGroupContext: () => Dict;
+declare const CheckboxGroupProvider: react936.Provider<Dict>, useCheckboxGroupContext: () => Dict;
 //#endregion
 export { CheckboxGroupProvider, useCheckboxGroupContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/checkbox/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,uBAAqB,MAAA,CAAA,SAAA,OAAE,+BAAuB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/checkbox/context.ts"],"sourcesContent":[],"mappings":";;;;;cAGO,uBAAqB,QAAA,CAAA,SAAA,OAAE,+BAAuB"}

package/dist/checkbox/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as CheckboxGroupProvider,n as useCheckboxGroupContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { createContext } from "../utils/react.js";
+
+//#region src/checkbox/context.ts
+const [CheckboxGroupProvider, useCheckboxGroupContext] = createContext({ isOptional: true });
+
+//#endregion
+export { CheckboxGroupProvider, useCheckboxGroupContext };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=context.js.map

package/dist/checkbox/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/checkbox/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<Dict>({ isOptional: true })\n\nexport { CheckboxGroupProvider, useCheckboxGroupContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAuB,GAA2B,EAAoB,CAAE,WAAY,GAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/checkbox/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<Dict>({ isOptional: true })\n\nexport { CheckboxGroupProvider, useCheckboxGroupContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,uBAAuB,2BAA2B,cAAoB,EAAE,YAAY,MAAM,CAAC"}

package/dist/checkbox/index.d.ts

@@ -0,0 +1,5 @@
+import { CheckboxProps, CheckboxStyleProps } from "./checkbox.types.js";
+import { Checkbox, CheckboxBase } from "./checkbox.js";
+import { CheckboxGroupProps } from "./checkboxGroup.types.js";
+import { CheckboxGroup, CheckboxGroupBase } from "./checkboxGroup.js";
+import { CheckboxGroupProvider, useCheckboxGroupContext } from "./context.js";

package/dist/checkbox/theme.js

@@ -1,2 +1,52 @@
-import{checkboxColors as e}from"./consts.js";var t={baseStyle:{control:{color:e.unchecked,hoverColor:e.hover},container:{alignItems:`flext-start`}},defaultProps:{size:`md`},parts:[`container`,`control`,`label`],sizes:{sm:{control:{h:16,w:16},label:{size:`sm`}},md:{control:{h:20,w:20},label:{size:`md`}},lg:{control:{h:24,w:24},label:{size:`lg`}}},variants:{}};export{t as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { checkboxColors } from "./consts.js";
+
+//#region src/checkbox/theme.ts
+const baseStyle = {
+	control: {
+		color: checkboxColors.unchecked,
+		hoverColor: checkboxColors.hover
+	},
+	container: { alignItems: "flext-start" }
+};
+const defaultProps = { size: "md" };
+const parts = [
+	"container",
+	"control",
+	"label"
+];
+const sizes = {
+	sm: {
+		control: {
+			h: 16,
+			w: 16
+		},
+		label: { size: "sm" }
+	},
+	md: {
+		control: {
+			h: 20,
+			w: 20
+		},
+		label: { size: "md" }
+	},
+	lg: {
+		control: {
+			h: 24,
+			w: 24
+		},
+		label: { size: "lg" }
+	}
+};
+const variants = {};
+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/checkbox/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/checkbox/theme.ts"],"sourcesContent":["import { checkboxColors } from './consts'\n\nconst baseStyle = {\n  control: {\n    color: checkboxColors.unchecked,\n    hoverColor: checkboxColors.hover,\n  },\n  container: {\n    alignItems: 'flext-start',\n  },\n}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst parts = ['container', 'control', 'label']\n\nconst sizes = {\n  sm: {\n    control: {\n      h: 16,\n      w: 16,\n    },\n    label: {\n      size: 'sm',\n    },\n  },\n  md: {\n    control: {\n      h: 20,\n      w: 20,\n    },\n    label: {\n      size: 'md',\n    },\n  },\n  lg: {\n    control: {\n      h: 24,\n      w: 24,\n    },\n    label: {\n      size: 'lg',\n    },\n  },\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"6CAkDA,IAAA,EAAe,CACb,UAjDgB,CAChB,QAAS,CACP,MAAO,EAAe,UACtB,WAAY,EAAe,MAC5B,CACD,UAAW,CACT,WAAY,cACb,CACF,CA0CC,aAxCmB,CACnB,KAAM,KACP,CAuCC,MArCY,CAAC,YAAa,UAAW,QAAQ,CAsC7C,MApCY,CACZ,GAAI,CACF,QAAS,CACP,EAAG,GACH,EAAG,GACJ,CACD,MAAO,CACL,KAAM,KACP,CACF,CACD,GAAI,CACF,QAAS,CACP,EAAG,GACH,EAAG,GACJ,CACD,MAAO,CACL,KAAM,KACP,CACF,CACD,GAAI,CACF,QAAS,CACP,EAAG,GACH,EAAG,GACJ,CACD,MAAO,CACL,KAAM,KACP,CACF,CACF,CASC,SAPe,EAAE,CAQlB"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/checkbox/theme.ts"],"sourcesContent":["import { checkboxColors } from './consts'\n\nconst baseStyle = {\n  control: {\n    color: checkboxColors.unchecked,\n    hoverColor: checkboxColors.hover,\n  },\n  container: {\n    alignItems: 'flext-start',\n  },\n}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst parts = ['container', 'control', 'label']\n\nconst sizes = {\n  sm: {\n    control: {\n      h: 16,\n      w: 16,\n    },\n    label: {\n      size: 'sm',\n    },\n  },\n  md: {\n    control: {\n      h: 20,\n      w: 20,\n    },\n    label: {\n      size: 'md',\n    },\n  },\n  lg: {\n    control: {\n      h: 24,\n      w: 24,\n    },\n    label: {\n      size: 'lg',\n    },\n  },\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";;;AAEA,MAAM,YAAY;CAChB,SAAS;EACP,OAAO,eAAe;EACtB,YAAY,eAAe;EAC5B;CACD,WAAW,EACT,YAAY,eACb;CACF;AAED,MAAM,eAAe,EACnB,MAAM,MACP;AAED,MAAM,QAAQ;CAAC;CAAa;CAAW;CAAQ;AAE/C,MAAM,QAAQ;CACZ,IAAI;EACF,SAAS;GACP,GAAG;GACH,GAAG;GACJ;EACD,OAAO,EACL,MAAM,MACP;EACF;CACD,IAAI;EACF,SAAS;GACP,GAAG;GACH,GAAG;GACJ;EACD,OAAO,EACL,MAAM,MACP;EACF;CACD,IAAI;EACF,SAAS;GACP,GAAG;GACH,GAAG;GACJ;EACD,OAAO,EACL,MAAM,MACP;EACF;CACF;AAED,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/copyToClipboard/copyToClipboard.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { CopyToClipboardProps } from "./copyToClipboard.types.js";
+import "../index.js";
 
 //#region src/copyToClipboard/copyToClipboard.d.ts
 

package/dist/copyToClipboard/copyToClipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copyToClipboard.d.ts","names":[],"sources":["../../src/copyToClipboard/copyToClipboard.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAiBA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,QAAA,CAAA,IAAA,CAAA,EAAA,CAAA,SAAA;;;;;cAAa,iBAAe,uBAAA"}
+{"version":3,"file":"copyToClipboard.d.ts","names":[],"sources":["../../src/copyToClipboard/copyToClipboard.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAiBA,CAAA;;;;cAAa,iBAAe,uBAAA"}

package/dist/copyToClipboard/copyToClipboard.js

@@ -1,2 +1,37 @@
-import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import n from"../button/button.js";import{useCopyToClipboard as r}from"./useCopyToClipboard.js";import{jsx as i}from"react/jsx-runtime";const a=t((t,a)=>{let{disabled:o,copyText:s,className:c,icon:l=`falCopy`,size:u=`sm`,variant:d=`tertiaryDark`,...f}=t,{copy:p,isCopyDisabled:m}=r(s);return i(n,{"aria-label":`Copy to clipboard ${s}`,className:e(`vui-copy-to-clipboard`,c),disabled:o||m,icon:l,onClick:()=>p(),ref:a,size:u,variant:d,...f})});a.displayName=`CopyToClipboard`;export{a as CopyToClipboard};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { vui } from "../core/vui.js";
+import button_default from "../button/button.js";
+import { useCopyToClipboard } from "./useCopyToClipboard.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/copyToClipboard/copyToClipboard.tsx
+const defaultIcon = "falCopy";
+/**
+* A helper button component.
+*
+* Copies the provided text to clipboard.
+*
+* Copying is available only for a secure environment (https://), otherwise the button is disabled.
+*
+*/
+const CopyToClipboard = vui((props, ref) => {
+	const { disabled, copyText, className, icon = defaultIcon, size = "sm", variant = "tertiaryDark",...rest } = props;
+	const { copy, isCopyDisabled } = useCopyToClipboard(copyText);
+	return /* @__PURE__ */ jsx(button_default, {
+		"aria-label": `Copy to clipboard ${copyText}`,
+		className: cs("vui-copy-to-clipboard", className),
+		disabled: disabled || isCopyDisabled,
+		icon,
+		onClick: () => copy(),
+		ref,
+		size,
+		variant,
+		...rest
+	});
+});
+CopyToClipboard.displayName = "CopyToClipboard";
+
+//#endregion
+export { CopyToClipboard };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=copyToClipboard.js.map

package/dist/copyToClipboard/copyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"copyToClipboard.js","names":["defaultIcon: IconProp","Button"],"sources":["../../src/copyToClipboard/copyToClipboard.tsx"],"sourcesContent":["import Button from '../button'\nimport { vui } from '../core'\nimport type { IconProp } from '../icon'\nimport { cs } from '../utils'\nimport type { CopyToClipboardProps } from './copyToClipboard.types'\nimport { useCopyToClipboard } from './useCopyToClipboard'\n\nconst defaultIcon: IconProp = 'falCopy'\n\n/**\n * A helper button component.\n *\n * Copies the provided text to clipboard.\n *\n * Copying is available only for a secure environment (https://), otherwise the button is disabled.\n *\n */\nexport const CopyToClipboard = vui<'button', CopyToClipboardProps>((props, ref) => {\n  const { disabled, copyText, className, icon = defaultIcon, size = 'sm', variant = 'tertiaryDark', ...rest } = props\n\n  const { copy, isCopyDisabled } = useCopyToClipboard(copyText)\n\n  return (\n    <Button\n      aria-label={`Copy to clipboard ${copyText}`}\n      className={cs('vui-copy-to-clipboard', className)}\n      disabled={disabled || isCopyDisabled}\n      icon={icon}\n      onClick={() => copy()}\n      ref={ref}\n      size={size}\n      variant={variant}\n      {...rest}\n    />\n  )\n})\n\nCopyToClipboard.displayName = 'CopyToClipboard'\nexport default CopyToClipboard\n"],"mappings":"qNAOA,MAUa,EAAkB,GAAqC,EAAO,IAAQ,CACjF,GAAM,CAAE,WAAU,WAAU,YAAW,OAAO,UAAa,OAAO,KAAM,UAAU,eAAgB,GAAG,GAAS,EAExG,CAAE,OAAM,kBAAmB,EAAmB,EAAS,CAE7D,OACE,EAACC,EAAAA,CACC,aAAY,qBAAqB,IACjC,UAAW,EAAG,wBAAyB,EAAU,CACjD,SAAU,GAAY,EAChB,OACN,YAAe,GAAM,CAChB,MACC,OACG,UACT,GAAI,GACJ,EAEJ,CAEF,EAAgB,YAAc"}
+{"version":3,"file":"copyToClipboard.js","names":["defaultIcon: IconProp","Button"],"sources":["../../src/copyToClipboard/copyToClipboard.tsx"],"sourcesContent":["import Button from '../button'\nimport { vui } from '../core'\nimport type { IconProp } from '../icon'\nimport { cs } from '../utils'\nimport type { CopyToClipboardProps } from './copyToClipboard.types'\nimport { useCopyToClipboard } from './useCopyToClipboard'\n\nconst defaultIcon: IconProp = 'falCopy'\n\n/**\n * A helper button component.\n *\n * Copies the provided text to clipboard.\n *\n * Copying is available only for a secure environment (https://), otherwise the button is disabled.\n *\n */\nexport const CopyToClipboard = vui<'button', CopyToClipboardProps>((props, ref) => {\n  const { disabled, copyText, className, icon = defaultIcon, size = 'sm', variant = 'tertiaryDark', ...rest } = props\n\n  const { copy, isCopyDisabled } = useCopyToClipboard(copyText)\n\n  return (\n    <Button\n      aria-label={`Copy to clipboard ${copyText}`}\n      className={cs('vui-copy-to-clipboard', className)}\n      disabled={disabled || isCopyDisabled}\n      icon={icon}\n      onClick={() => copy()}\n      ref={ref}\n      size={size}\n      variant={variant}\n      {...rest}\n    />\n  )\n})\n\nCopyToClipboard.displayName = 'CopyToClipboard'\nexport default CopyToClipboard\n"],"mappings":";;;;;;;AAOA,MAAMA,cAAwB;;;;;;;;;AAU9B,MAAa,kBAAkB,KAAqC,OAAO,QAAQ;CACjF,MAAM,EAAE,UAAU,UAAU,WAAW,OAAO,aAAa,OAAO,MAAM,UAAU,eAAgB,GAAG,SAAS;CAE9G,MAAM,EAAE,MAAM,mBAAmB,mBAAmB,SAAS;AAE7D,QACE,oBAACC;EACC,cAAY,qBAAqB;EACjC,WAAW,GAAG,yBAAyB,UAAU;EACjD,UAAU,YAAY;EAChB;EACN,eAAe,MAAM;EAChB;EACC;EACG;EACT,GAAI;GACJ;EAEJ;AAEF,gBAAgB,cAAc"}

package/dist/copyToClipboard/copyToClipboard.types.d.ts

@@ -1,6 +1,8 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";
+import "../icon/index.js";
 
 //#region src/copyToClipboard/copyToClipboard.types.d.ts
 type CopyToClipboardProps = SystemProps & ThemingProps<'Button'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"copyToClipboard.types.d.ts","names":[],"sources":["../../src/copyToClipboard/copyToClipboard.types.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,oBAAA,CAAA,CAAA,CAAuB,cACjC;;EADU,QAAA,CAAA,CAAA,MAAA;EAAoB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA,CAAA;MAAG,CAAA,CAAA,CAKxB,QALwB;;MAKxB,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA;CAAQ"}
+{"version":3,"file":"copyToClipboard.types.d.ts","names":[],"sources":["../../src/copyToClipboard/copyToClipboard.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,oBAAA,CAAA,CAAA,CAAuB,cACjC;;;;EADU,IAAA,CAAA,CAAA,CAKD,QALC;EAAuB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,OAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;EACjC,IAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA;CAIS"}

package/dist/copyToClipboard/index.d.ts

@@ -0,0 +1,3 @@
+import { CopyToClipboardProps } from "./copyToClipboard.types.js";
+import { CopyToClipboard } from "./copyToClipboard.js";
+import { useCopyToClipboard } from "./useCopyToClipboard.js";

package/dist/copyToClipboard/useCopyToClipboard.js

@@ -1,2 +1,19 @@
-import{useToast as e}from"../toast/useToast.js";const t=t=>{let{showSuccess:n,showError:r}=e(),i=!window?.navigator?.clipboard?.writeText;return{copy:()=>{i||window?.navigator?.clipboard.writeText?.(t).then(()=>n(`Copied to clipboard: ${t}`)).catch(()=>r(`Copy failed`))},isCopyDisabled:i}};export{t as useCopyToClipboard};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useToast } from "../toast/useToast.js";
+
+//#region src/copyToClipboard/useCopyToClipboard.ts
+const useCopyToClipboard = (copyText) => {
+	const { showSuccess, showError } = useToast();
+	const isCopyDisabled = !window?.navigator?.clipboard?.writeText;
+	const copy = () => {
+		if (!isCopyDisabled) window?.navigator?.clipboard.writeText?.(copyText).then(() => showSuccess(`Copied to clipboard: ${copyText}`)).catch(() => showError("Copy failed"));
+	};
+	return {
+		copy,
+		isCopyDisabled
+	};
+};
+
+//#endregion
+export { useCopyToClipboard };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=useCopyToClipboard.js.map

package/dist/copyToClipboard/useCopyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCopyToClipboard.js","names":[],"sources":["../../src/copyToClipboard/useCopyToClipboard.ts"],"sourcesContent":["import { useToast } from '../toast'\n\nexport const useCopyToClipboard = (copyText: string) => {\n  const { showSuccess, showError } = useToast()\n  const isCopyDisabled = !window?.navigator?.clipboard?.writeText\n  const copy = () => {\n    if (!isCopyDisabled) {\n      window?.navigator?.clipboard\n        .writeText?.(copyText)\n        .then(() => showSuccess(`Copied to clipboard: ${copyText}`))\n        .catch(() => showError('Copy failed'))\n    }\n  }\n  return { copy, isCopyDisabled }\n}\n"],"mappings":"gDAEA,MAAa,EAAsB,GAAqB,CACtD,GAAM,CAAE,cAAa,aAAc,GAAU,CACvC,EAAiB,CAAC,QAAQ,WAAW,WAAW,UAStD,MAAO,CAAE,SARU,CACZ,GACH,QAAQ,WAAW,UAChB,YAAY,EAAS,CACrB,SAAW,EAAY,wBAAwB,IAAW,CAAC,CAC3D,UAAY,EAAU,cAAc,CAAC,EAG7B,iBAAgB"}
+{"version":3,"file":"useCopyToClipboard.js","names":[],"sources":["../../src/copyToClipboard/useCopyToClipboard.ts"],"sourcesContent":["import { useToast } from '../toast'\n\nexport const useCopyToClipboard = (copyText: string) => {\n  const { showSuccess, showError } = useToast()\n  const isCopyDisabled = !window?.navigator?.clipboard?.writeText\n  const copy = () => {\n    if (!isCopyDisabled) {\n      window?.navigator?.clipboard\n        .writeText?.(copyText)\n        .then(() => showSuccess(`Copied to clipboard: ${copyText}`))\n        .catch(() => showError('Copy failed'))\n    }\n  }\n  return { copy, isCopyDisabled }\n}\n"],"mappings":";;;AAEA,MAAa,sBAAsB,aAAqB;CACtD,MAAM,EAAE,aAAa,cAAc,UAAU;CAC7C,MAAM,iBAAiB,CAAC,QAAQ,WAAW,WAAW;CACtD,MAAM,aAAa;AACjB,MAAI,CAAC,eACH,SAAQ,WAAW,UAChB,YAAY,SAAS,CACrB,WAAW,YAAY,wBAAwB,WAAW,CAAC,CAC3D,YAAY,UAAU,cAAc,CAAC;;AAG5C,QAAO;EAAE;EAAM;EAAgB"}

package/dist/core/consts.js

@@ -1,2 +1,15 @@
-const e=`https://cdn.veracity.com`,t=`https://cdnstag.veracity.com`,n=`https://cdntest.veracity.com`,r=`/common/fonts`,i={Prod:e,Stag:t,Test:n};export{r as cdnFontsPath,t as cdnStagUrl,n as cdnTestUrl,e as cdnUrl,i as cdnUrls};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/core/consts.ts
+const cdnUrl = "https://cdn.veracity.com";
+const cdnStagUrl = "https://cdnstag.veracity.com";
+const cdnTestUrl = "https://cdntest.veracity.com";
+const cdnFontsPath = "/common/fonts";
+const cdnUrls = {
+	Prod: cdnUrl,
+	Stag: cdnStagUrl,
+	Test: cdnTestUrl
+};
+
+//#endregion
+export { cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=consts.js.map

package/dist/core/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/core/consts.ts"],"sourcesContent":["export const cdnUrl = 'https://cdn.veracity.com'\nexport const cdnStagUrl = 'https://cdnstag.veracity.com'\nexport const cdnTestUrl = 'https://cdntest.veracity.com'\nexport const cdnFontsPath = '/common/fonts'\n\nexport const cdnUrls = {\n  Prod: cdnUrl,\n  Stag: cdnStagUrl,\n  Test: cdnTestUrl,\n} as const\n"],"mappings":"AAAA,MAAa,EAAS,2BACT,EAAa,+BACb,EAAa,+BACb,EAAe,gBAEf,EAAU,CACrB,KAAM,EACN,KAAM,EACN,KAAM,EACP"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/core/consts.ts"],"sourcesContent":["export const cdnUrl = 'https://cdn.veracity.com'\nexport const cdnStagUrl = 'https://cdnstag.veracity.com'\nexport const cdnTestUrl = 'https://cdntest.veracity.com'\nexport const cdnFontsPath = '/common/fonts'\n\nexport const cdnUrls = {\n  Prod: cdnUrl,\n  Stag: cdnStagUrl,\n  Test: cdnTestUrl,\n} as const\n"],"mappings":";AAAA,MAAa,SAAS;AACtB,MAAa,aAAa;AAC1B,MAAa,aAAa;AAC1B,MAAa,eAAe;AAE5B,MAAa,UAAU;CACrB,MAAM;CACN,MAAM;CACN,MAAM;CACP"}