@veeqo/ui 9.0.0-beta-2 → 9.0.0-beta-v2-1

package/dist/components/Card/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["collapseAnimationVariants","expanded","height","collapsed","Card","className","style","title","subtitle","headerActionSlot","action","collapsable","elevation","accent","children","onClose","renderFooter","isCollapsed","useState","headerMarkup","React","default","createElement","CardHeader","actionSlot","onClickClose","onClickCollapse","setIsCollapsed","undefined","showBody","bodyMarkup","Body","animate","variants","transition","duration","ease","Section","footerMarkup","Footer","Surface"],"mappings":"4KAWOA,EAAS,CACdC,SAAe,CAAAC,OAAK,QACpBC,UAAA,CAAAD,OAAA,IAGSE,EAAG,EAAOC,YAAAC,QAAAC,QAAAC,WAAAC,mBAAAC,SAAAC,cAAAC,YAAAC,SAAAC,WAAAC,UAAAC,mBACnB,MAAMC,KAAsBC,EAAAA,UAAA,GAItBC,EAAcZ,GAAAa,EAAAC,QAAAC,cAAAC,EAAAA,WAAA,CAAAhB,MAAAA,EAAAC,SAAAA,EAAAgB,WAAAf,EAAAC,OAAAA,EAAAe,aAAAV,EAAAE,YAAAA,EAAAS,gBAAAf,EAHL,KACPgB,GAAUV,EAAA,OAEEW,IACTC,EAAGlB,IAAQM,IAAAN,EACbmB,EAAGV,EAAAA,QAAcE,cAAAS,EAAAA,KAAA,CAAAC,QAAAH,EAAA,WAAA,YAAAI,SAAAjC,EAAAkC,WAAA,CAAAC,SAAA,GAAAC,KAAA,YAC1BhB,EAASC,QAAAC,cAAkBe,eAAWvB,IAC9BwB,OAAYV,IAAAZ,GAAAI,EAAAC,QAAAC,cAAAiB,SAAA,KAAAvB,KACpB,OAAQI,UAAQE,cAAKkB,EAAAA,QAAA,CAAAnC,UAAAA,EAAAC,MAAAA,EAAAM,UAAAA,EAAAC,OAAAA,GACrBM,EACAW,EAEFQ,EAAiB"}
+{"version":3,"file":"Card.cjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["useState","React","CardHeader","Body","Section","Footer","Surface","FullBleed"],"mappings":";;;;;;;;;;AAKA,MAAM,yBAAyB,GAAG;AAChC,IAAA,QAAQ,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;AAC5B,IAAA,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;CACzB;AAsBM,MAAM,IAAI,GAAG,CAAC,EACnB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,YAAY,GACF,KAAI;IACd,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAErD,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,cAAc,CAAC,CAAC,WAAW,CAAC;AAC9B,KAAC;IAED,MAAM,YAAY,GAAG,KAAK,KACxBC,sBAAC,CAAA,aAAA,CAAAC,qBAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,gBAAgB,EAC5B,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,OAAO,EACrB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,WAAW,GAAG,eAAe,GAAG,SAAS,EAC1D,CAAA,CACH;IAED,MAAM,QAAQ,GAAG,CAAC,WAAW,IAAI,CAAC,WAAW,KAAK,CAAC,WAAW;AAC9D,IAAA,MAAM,UAAU,IACdD,sBAAA,CAAA,aAAA,CAACE,WAAI,EACH,EAAA,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,EAC5C,QAAQ,EAAE,yBAAyB,EACnC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAAA;AAE9C,QAAAF,sBAAA,CAAA,aAAA,CAACG,cAAO,EAAE,IAAA,EAAA,QAAQ,CAAW,CACxB,CACR;AAED,IAAA,MAAM,YAAY,GAAG,YAAY,KAAK,SAAS,IAAIH,sBAAC,CAAA,aAAA,CAAAI,aAAM,EAAE,IAAA,EAAA,YAAY,EAAE,CAAU;AAEpF,IAAA,QACEJ,sBAAC,CAAA,aAAA,CAAAK,cAAO,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAA;QAC9E,YAAY;QACZ,UAAU;QACV,YAAY,CACL;AAEd;AAEA,IAAI,CAAC,OAAO,GAAGA,cAAO;AACtB,IAAI,CAAC,OAAO,GAAGF,cAAO;AACtB,IAAI,CAAC,SAAS,GAAGG,gBAAS;AAC1B,IAAI,CAAC,MAAM,GAAGF,aAAM;;;;"}

package/dist/components/Card/Card.d.ts

@@ -26,4 +26,3 @@ export declare const Card: {
     Footer: import("styled-components").StyledComponent<"footer", any, {}, never>;
 };
 export {};
-//# sourceMappingURL=Card.d.ts.map

package/dist/components/Card/Card.js

@@ -1,2 +1,30 @@
-import e,{useState as t}from"react";import{CardHeader as l}from"../CardHeader/CardHeader.js";import{Body as a,Section as o,Footer as n,Surface as r,FullBleed as i}from"./styled.js";const c={expanded:{height:"auto"},collapsed:{height:0}},s=({className:i,style:s,title:d,subtitle:m,headerActionSlot:p,action:u,collapsable:C,elevation:h,accent:v,children:E,onClose:f,renderFooter:S})=>{const[b,x]=t(!1),y=d&&e.createElement(l,{title:d,subtitle:m,actionSlot:p,action:u,onClickClose:f,isCollapsed:b,onClickCollapse:C?()=>{x(!b)}:void 0}),F=C&&!b||!C,g=e.createElement(a,{animate:F?"expanded":"collapsed",variants:c,transition:{duration:.3,ease:"easeOut"}},e.createElement(o,null,E)),j=void 0!==S&&e.createElement(n,null,S());return e.createElement(r,{className:i,style:s,elevation:h,accent:v},y,g,j)};s.Surface=r,s.Section=o,s.FullBleed=i,s.Footer=n;export{s as Card};
+import React, { useState } from 'react';
+import { CardHeader } from '../CardHeader/CardHeader.js';
+import { Body, Section, Footer, Surface, FullBleed } from './styled.js';
+
+const collapseAnimationVariants = {
+    expanded: { height: 'auto' },
+    collapsed: { height: 0 },
+};
+const Card = ({ className, style, title, subtitle, headerActionSlot, action, collapsable, elevation, accent, children, onClose, renderFooter, }) => {
+    const [isCollapsed, setIsCollapsed] = useState(false);
+    const toggleCollapsed = () => {
+        setIsCollapsed(!isCollapsed);
+    };
+    const headerMarkup = title && (React.createElement(CardHeader, { title: title, subtitle: subtitle, actionSlot: headerActionSlot, action: action, onClickClose: onClose, isCollapsed: isCollapsed, onClickCollapse: collapsable ? toggleCollapsed : undefined }));
+    const showBody = (collapsable && !isCollapsed) || !collapsable;
+    const bodyMarkup = (React.createElement(Body, { animate: showBody ? 'expanded' : 'collapsed', variants: collapseAnimationVariants, transition: { duration: 0.3, ease: 'easeOut' } },
+        React.createElement(Section, null, children)));
+    const footerMarkup = renderFooter !== undefined && React.createElement(Footer, null, renderFooter());
+    return (React.createElement(Surface, { className: className, style: style, elevation: elevation, accent: accent },
+        headerMarkup,
+        bodyMarkup,
+        footerMarkup));
+};
+Card.Surface = Surface;
+Card.Section = Section;
+Card.FullBleed = FullBleed;
+Card.Footer = Footer;
+
+export { Card };
 //# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["collapseAnimationVariants","expanded","height","collapsed","Card","className","style","title","subtitle","headerActionSlot","action","collapsable","elevation","accent","children","onClose","renderFooter","isCollapsed","useState","headerMarkup","React","createElement","CardHeader","actionSlot","onClickClose","onClickCollapse","setIsCollapsed","undefined","showBody","bodyMarkup","Body","animate","variants","transition","duration","ease","Section","footerMarkup","Footer","Surface"],"mappings":"2LAWOA,EAAS,CACdC,SAAe,CAAAC,OAAK,QACpBC,UAAA,CAAAD,OAAA,IAGSE,EAAG,EAAOC,YAAAC,QAAAC,QAAAC,WAAAC,mBAAAC,SAAAC,cAAAC,YAAAC,SAAAC,WAAAC,UAAAC,mBACnB,MAAMC,KAAsBC,GAAA,GAItBC,EAAcZ,GAAAa,EAAAC,cAAAC,EAAA,CAAAf,MAAAA,EAAAC,SAAAA,EAAAe,WAAAd,EAAAC,OAAAA,EAAAc,aAAAT,EAAAE,YAAAA,EAAAQ,gBAAAd,EAHL,KACPe,GAAUT,EAAA,OAEEU,IACTC,EAAGjB,IAAQM,IAAAN,EACbkB,EAAGT,EAAcC,cAAAS,EAAA,CAAAC,QAAAH,EAAA,WAAA,YAAAI,SAAAhC,EAAAiC,WAAA,CAAAC,SAAA,GAAAC,KAAA,YAC1Bf,EAASC,cAAkBe,OAAWtB,IAC9BuB,OAAYV,IAAAX,GAAAI,EAAAC,cAAAiB,EAAA,KAAAtB,KACpB,OAAQI,EAAQC,cAAKkB,EAAA,CAAAlC,UAAAA,EAAAC,MAAAA,EAAAM,UAAAA,EAAAC,OAAAA,GACrBM,EACAU,EAEFQ,EAAiB"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAKA,MAAM,yBAAyB,GAAG;AAChC,IAAA,QAAQ,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;AAC5B,IAAA,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;CACzB;AAsBM,MAAM,IAAI,GAAG,CAAC,EACnB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,YAAY,GACF,KAAI;IACd,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAErD,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,cAAc,CAAC,CAAC,WAAW,CAAC;AAC9B,KAAC;IAED,MAAM,YAAY,GAAG,KAAK,KACxB,KAAC,CAAA,aAAA,CAAA,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,gBAAgB,EAC5B,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,OAAO,EACrB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,WAAW,GAAG,eAAe,GAAG,SAAS,EAC1D,CAAA,CACH;IAED,MAAM,QAAQ,GAAG,CAAC,WAAW,IAAI,CAAC,WAAW,KAAK,CAAC,WAAW;AAC9D,IAAA,MAAM,UAAU,IACd,KAAA,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,EAC5C,QAAQ,EAAE,yBAAyB,EACnC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAAA;AAE9C,QAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAE,IAAA,EAAA,QAAQ,CAAW,CACxB,CACR;AAED,IAAA,MAAM,YAAY,GAAG,YAAY,KAAK,SAAS,IAAI,KAAC,CAAA,aAAA,CAAA,MAAM,EAAE,IAAA,EAAA,YAAY,EAAE,CAAU;AAEpF,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAA;QAC9E,YAAY;QACZ,UAAU;QACV,YAAY,CACL;AAEd;AAEA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,IAAI,CAAC,SAAS,GAAG,SAAS;AAC1B,IAAI,CAAC,MAAM,GAAG,MAAM;;;;"}

package/dist/components/Card/index.d.ts

@@ -1,2 +1 @@
 export { Card } from './Card';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Card/styled.cjs

@@ -1,2 +1,50 @@
-"use strict";var e=require("styled-components"),o=require("framer-motion"),i=require("../../theme/modules/shadows.cjs"),s=require("../../theme/modules/colors.cjs"),t=require("../../theme/modules/sizes.cjs"),d=require("../../theme/modules/radius.cjs"),n=require("../../theme/modules/text.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const{grey:l}=s.colors.neutral,u={0:"none",1:i.Shadows.sm,2:i.Shadows.base,3:i.Shadows.md,4:i.Shadows.lg},m={info:s.colors.secondary.blue.base,success:s.colors.secondary.green.base,error:s.colors.secondary.red.base},c=a.default.footer.withConfig({displayName:"vui--Footer",componentId:"vui--1s3932u"})`margin-top:${t.sizes.base};padding:${t.sizes.md};z-index:2;`,h=a.default.section.withConfig({displayName:"vui--Section",componentId:"vui--n2tmr2"})`padding-right:${t.sizes.md};padding-left:${t.sizes.md};margin-top:${t.sizes.md};margin-bottom:${t.sizes.md};font-family:${n.text.body.fontFamily};font-size:${n.text.body.fontSize};font-weight:${n.text.body.fontWeight};line-height:${n.text.body.lineHeight};color:${n.text.body.color};& + &{border-top:${t.sizes.line} solid ${l.base};padding-top:${t.sizes.md};}`,f=a.default.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--8unl0i"})`margin-left:-${t.sizes.md};margin-right:-${t.sizes.md};`,g=a.default(o.motion.div).withConfig({displayName:"vui--Body",componentId:"vui--1q1caki"})`overflow-y:hidden;&:not(:first-child)> ${h}:first-child{margin-top:0;}`,p=a.default.div.withConfig({displayName:"vui--Surface",componentId:"vui--5cnkiv"})`position:relative;width:100%;background-color:white;border:${t.sizes.line} solid ${l.base};box-shadow:${e=>void 0!==e.elevation?u[e.elevation]:i.Shadows.sm};border-radius:${d.radius.md};overflow:hidden;box-sizing:border-box;${({accent:e})=>e&&`\n    &::after {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: ${t.sizes.xs};\n      background-color: ${m[e]};\n    }\n  `}`;exports.Body=g,exports.Footer=c,exports.FullBleed=f,exports.Section=h,exports.Surface=p;
+'use strict';
+
+var styled = require('styled-components');
+var framerMotion = require('framer-motion');
+var shadows = require('../../theme/modules/shadows.cjs');
+var colors = require('../../theme/modules/colors.cjs');
+var sizes = require('../../theme/modules/sizes.cjs');
+var radius = require('../../theme/modules/radius.cjs');
+var text = require('../../theme/modules/text.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const { grey } = colors.colors.neutral;
+const elevationShadowMap = {
+    0: 'none',
+    1: shadows.Shadows.sm,
+    2: shadows.Shadows.base,
+    3: shadows.Shadows.md,
+    4: shadows.Shadows.lg,
+};
+const accents = {
+    info: colors.colors.secondary.blue.base,
+    success: colors.colors.secondary.green.base,
+    error: colors.colors.secondary.red.base,
+};
+const Footer = styled__default.default.footer.withConfig({ displayName: "vui--Footer", componentId: "vui--1s3932u" }) `margin-top:${sizes.sizes.base};padding:${sizes.sizes.md};z-index:2;`;
+const Section = styled__default.default.section.withConfig({ displayName: "vui--Section", componentId: "vui--n2tmr2" }) `padding-right:${sizes.sizes.md};padding-left:${sizes.sizes.md};margin-top:${sizes.sizes.md};margin-bottom:${sizes.sizes.md};font-family:${text.text.body.fontFamily};font-size:${text.text.body.fontSize};font-weight:${text.text.body.fontWeight};line-height:${text.text.body.lineHeight};color:${text.text.body.color};& + &{border-top:${sizes.sizes.line} solid ${grey.base};padding-top:${sizes.sizes.md};}`;
+const FullBleed = styled__default.default.div.withConfig({ displayName: "vui--FullBleed", componentId: "vui--8unl0i" }) `margin-left:-${sizes.sizes.md};margin-right:-${sizes.sizes.md};`;
+const Body = styled__default.default(framerMotion.motion.div).withConfig({ displayName: "vui--Body", componentId: "vui--1q1caki" }) `overflow-y:hidden;&:not(:first-child)> ${Section}:first-child{margin-top:0;}`;
+const Surface = styled__default.default.div.withConfig({ displayName: "vui--Surface", componentId: "vui--5cnkiv" }) `position:relative;width:100%;background-color:white;border:${sizes.sizes.line} solid ${grey.base};box-shadow:${(props) => props.elevation !== undefined ? elevationShadowMap[props.elevation] : shadows.Shadows.sm};border-radius:${radius.radius.md};overflow:hidden;box-sizing:border-box;${({ accent }) => accent &&
+    `
+    &::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: ${sizes.sizes.xs};
+      background-color: ${accents[accent]};
+    }
+  `}`;
+
+exports.Body = Body;
+exports.Footer = Footer;
+exports.FullBleed = FullBleed;
+exports.Section = Section;
+exports.Surface = Surface;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Card/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Card/styled.ts"],"sourcesContent":[null],"names":["grey","colors","neutral","elevationShadowMap","Shadows","base","md","lg"],"mappings":"mWAgCA,MAAOA,KAAAA,GAAAC,EAAaA,OAAAC,QAkBbC,EAAe,CAKf,EAAA,OAQP,eACE,EAASC,EAACA,QAAEC,KACZ,EAAAD,EAAeA,QAAAE,GAChB,EAAAF,EAAAA,QAAAG"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Card/styled.ts"],"sourcesContent":[null],"names":["colors","Shadows","styled","sizes","text","motion","radius"],"mappings":";;;;;;;;;;;;;;AAQA,MAAM,EAAE,IAAI,EAAE,GAAGA,aAAM,CAAC,OAAO;AAI/B,MAAM,kBAAkB,GAAG;AACzB,IAAA,CAAC,EAAE,MAAM;IACT,CAAC,EAAEC,eAAO,CAAC,EAAE;IACb,CAAC,EAAEA,eAAO,CAAC,IAAI;IACf,CAAC,EAAEA,eAAO,CAAC,EAAE;IACb,CAAC,EAAEA,eAAO,CAAC,EAAE;CACd;AAED,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAED,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,OAAO,EAAEA,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;AACpC,IAAA,KAAK,EAAEA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;CACjC;AAEY,MAAA,MAAM,GAAGE,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,WAAA,EACnBC,WAAK,CAAC,IAAI,CACb,SAAA,EAAAA,WAAK,CAAC,EAAE;AAId,MAAM,OAAO,GAAGD,uBAAM,CAAC,OAAO,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,cAAA,EAClBC,WAAK,CAAC,EAAE,CAAA,cAAA,EACTA,WAAK,CAAC,EAAE,CACV,YAAA,EAAAA,WAAK,CAAC,EAAE,CACL,eAAA,EAAAA,WAAK,CAAC,EAAE,CAAA,aAAA,EAEVC,SAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtBA,SAAI,CAAC,IAAI,CAAC,QAAQ,CAChB,aAAA,EAAAA,SAAI,CAAC,IAAI,CAAC,UAAU,CACpB,aAAA,EAAAA,SAAI,CAAC,IAAI,CAAC,UAAU,UAC1BA,SAAI,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAGRD,WAAK,CAAC,IAAI,CAAU,OAAA,EAAA,IAAI,CAAC,IAAI,CAC5B,aAAA,EAAAA,WAAK,CAAC,EAAE;AAId,MAAA,SAAS,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EACjBC,WAAK,CAAC,EAAE,CACP,eAAA,EAAAA,WAAK,CAAC,EAAE;AAGpB,MAAM,IAAI,GAAGD,uBAAM,CAACG,mBAAM,CAAC,GAAG,CAAC,CAGZ,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uCAAA,EAAA,OAAO;AAUpB,MAAA,OAAO,GAAGH,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAIrBC,WAAK,CAAC,IAAI,CAAA,OAAA,EAAU,IAAI,CAAC,IAAI,CACzB,YAAA,EAAA,CAAC,KAAK,KAClB,KAAK,CAAC,SAAS,KAAK,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,SAAS,CAAC,GAAGF,eAAO,CAAC,EAAE,CACjE,eAAA,EAAAK,aAAM,CAAC,EAAE,CAIxB,uCAAA,EAAA,CAAC,EAAE,MAAM,EAAE,KACX,MAAM;AACN,IAAA;;;;;;;AAOY,cAAA,EAAAH,WAAK,CAAC,EAAE,CAAA;0BACE,OAAO,CAAC,MAAM,CAAC,CAAA;;AAEtC,EAAA,CAAA,CAAA;;;;;;;;"}

package/dist/components/Card/styled.d.ts

@@ -14,4 +14,3 @@ export interface SurfaceProps {
 }
 export declare const Surface: import("styled-components").StyledComponent<"div", any, SurfaceProps, never>;
 export {};
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/Card/styled.js

@@ -1,2 +1,40 @@
-import o from"styled-components";import{motion as i}from"framer-motion";import{Shadows as e}from"../../theme/modules/shadows.js";import{colors as n}from"../../theme/modules/colors.js";import{sizes as t}from"../../theme/modules/sizes.js";import{radius as d}from"../../theme/modules/radius.js";import{text as r}from"../../theme/modules/text.js";const{grey:m}=n.neutral,s={0:"none",1:e.sm,2:e.base,3:e.md,4:e.lg},a={info:n.secondary.blue.base,success:n.secondary.green.base,error:n.secondary.red.base},l=o.footer.withConfig({displayName:"vui--Footer",componentId:"vui--1s3932u"})`margin-top:${t.base};padding:${t.md};z-index:2;`,f=o.section.withConfig({displayName:"vui--Section",componentId:"vui--n2tmr2"})`padding-right:${t.md};padding-left:${t.md};margin-top:${t.md};margin-bottom:${t.md};font-family:${r.body.fontFamily};font-size:${r.body.fontSize};font-weight:${r.body.fontWeight};line-height:${r.body.lineHeight};color:${r.body.color};& + &{border-top:${t.line} solid ${m.base};padding-top:${t.md};}`,p=o.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--8unl0i"})`margin-left:-${t.md};margin-right:-${t.md};`,c=o(i.div).withConfig({displayName:"vui--Body",componentId:"vui--1q1caki"})`overflow-y:hidden;&:not(:first-child)> ${f}:first-child{margin-top:0;}`,g=o.div.withConfig({displayName:"vui--Surface",componentId:"vui--5cnkiv"})`position:relative;width:100%;background-color:white;border:${t.line} solid ${m.base};box-shadow:${o=>void 0!==o.elevation?s[o.elevation]:e.sm};border-radius:${d.md};overflow:hidden;box-sizing:border-box;${({accent:o})=>o&&`\n    &::after {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: ${t.xs};\n      background-color: ${a[o]};\n    }\n  `}`;export{c as Body,l as Footer,p as FullBleed,f as Section,g as Surface};
+import styled from 'styled-components';
+import { motion } from 'framer-motion';
+import { Shadows } from '../../theme/modules/shadows.js';
+import { colors } from '../../theme/modules/colors.js';
+import { sizes } from '../../theme/modules/sizes.js';
+import { radius } from '../../theme/modules/radius.js';
+import { text } from '../../theme/modules/text.js';
+
+const { grey } = colors.neutral;
+const elevationShadowMap = {
+    0: 'none',
+    1: Shadows.sm,
+    2: Shadows.base,
+    3: Shadows.md,
+    4: Shadows.lg,
+};
+const accents = {
+    info: colors.secondary.blue.base,
+    success: colors.secondary.green.base,
+    error: colors.secondary.red.base,
+};
+const Footer = styled.footer.withConfig({ displayName: "vui--Footer", componentId: "vui--1s3932u" }) `margin-top:${sizes.base};padding:${sizes.md};z-index:2;`;
+const Section = styled.section.withConfig({ displayName: "vui--Section", componentId: "vui--n2tmr2" }) `padding-right:${sizes.md};padding-left:${sizes.md};margin-top:${sizes.md};margin-bottom:${sizes.md};font-family:${text.body.fontFamily};font-size:${text.body.fontSize};font-weight:${text.body.fontWeight};line-height:${text.body.lineHeight};color:${text.body.color};& + &{border-top:${sizes.line} solid ${grey.base};padding-top:${sizes.md};}`;
+const FullBleed = styled.div.withConfig({ displayName: "vui--FullBleed", componentId: "vui--8unl0i" }) `margin-left:-${sizes.md};margin-right:-${sizes.md};`;
+const Body = styled(motion.div).withConfig({ displayName: "vui--Body", componentId: "vui--1q1caki" }) `overflow-y:hidden;&:not(:first-child)> ${Section}:first-child{margin-top:0;}`;
+const Surface = styled.div.withConfig({ displayName: "vui--Surface", componentId: "vui--5cnkiv" }) `position:relative;width:100%;background-color:white;border:${sizes.line} solid ${grey.base};box-shadow:${(props) => props.elevation !== undefined ? elevationShadowMap[props.elevation] : Shadows.sm};border-radius:${radius.md};overflow:hidden;box-sizing:border-box;${({ accent }) => accent &&
+    `
+    &::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: ${sizes.xs};
+      background-color: ${accents[accent]};
+    }
+  `}`;
+
+export { Body, Footer, FullBleed, Section, Surface };
 //# sourceMappingURL=styled.js.map

package/dist/components/Card/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Card/styled.ts"],"sourcesContent":[null],"names":["grey","colors","neutral","elevationShadowMap","Shadows","base","md","lg"],"mappings":"uVAgCA,MAAOA,KAAAA,GAAAC,EAAaC,QAkBbC,EAAe,CAKf,EAAA,OAQP,OACE,EAASC,EAAGC,KACZ,EAAAD,EAAeE,GAChB,EAAAF,EAAAG"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Card/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAQA,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO;AAI/B,MAAM,kBAAkB,GAAG;AACzB,IAAA,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,OAAO,CAAC,EAAE;IACb,CAAC,EAAE,OAAO,CAAC,IAAI;IACf,CAAC,EAAE,OAAO,CAAC,EAAE;IACb,CAAC,EAAE,OAAO,CAAC,EAAE;CACd;AAED,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;AACpC,IAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;CACjC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,WAAA,EACnB,KAAK,CAAC,IAAI,CACb,SAAA,EAAA,KAAK,CAAC,EAAE;AAId,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,cAAA,EAClB,KAAK,CAAC,EAAE,CAAA,cAAA,EACT,KAAK,CAAC,EAAE,CACV,YAAA,EAAA,KAAK,CAAC,EAAE,CACL,eAAA,EAAA,KAAK,CAAC,EAAE,CAAA,aAAA,EAEV,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAChB,aAAA,EAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CACpB,aAAA,EAAA,IAAI,CAAC,IAAI,CAAC,UAAU,UAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAGR,KAAK,CAAC,IAAI,CAAU,OAAA,EAAA,IAAI,CAAC,IAAI,CAC5B,aAAA,EAAA,KAAK,CAAC,EAAE;AAId,MAAA,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EACjB,KAAK,CAAC,EAAE,CACP,eAAA,EAAA,KAAK,CAAC,EAAE;AAGpB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAGZ,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uCAAA,EAAA,OAAO;AAUpB,MAAA,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAIrB,KAAK,CAAC,IAAI,CAAA,OAAA,EAAU,IAAI,CAAC,IAAI,CACzB,YAAA,EAAA,CAAC,KAAK,KAClB,KAAK,CAAC,SAAS,KAAK,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,EAAE,CACjE,eAAA,EAAA,MAAM,CAAC,EAAE,CAIxB,uCAAA,EAAA,CAAC,EAAE,MAAM,EAAE,KACX,MAAM;AACN,IAAA;;;;;;;AAOY,cAAA,EAAA,KAAK,CAAC,EAAE,CAAA;0BACE,OAAO,CAAC,MAAM,CAAC,CAAA;;AAEtC,EAAA,CAAA,CAAA;;;;"}

package/dist/components/CardHeader/CardHeader.cjs

@@ -1,2 +1,25 @@
-"use strict";var e=require("react"),t=require("../Text/Text.cjs"),l=require("../Button/Button.cjs"),a=require("./styled.cjs"),r=require("../../tempIcons/DownArrowIcon.cjs"),n=require("../../tempIcons/UpArrowIcon.cjs"),o=require("../../tempIcons/CrossIcon.cjs");function c(e){return e&&e.__esModule?e:{default:e}}var i=c(e);exports.CardHeader=({id:e,title:c,subtitle:u,headerVariant:s="headingSmall",action:d,actionSlot:m,isCollapsed:f,onClickCollapse:C,onClickClose:E})=>i.default.createElement(a.Header,null,i.default.createElement(a.HeaderGrid,null,i.default.createElement(t.Text,{id:e,variant:s},c),d&&i.default.createElement(l.Button,{variant:"link",onClick:d.onClick},d.title),m,C&&i.default.createElement(l.Button,{variant:"flat",iconSlot:f?i.default.createElement(r.DownArrowIcon,null):i.default.createElement(n.UpArrowIcon,null),onClick:C}),E&&i.default.createElement(l.Button,{variant:"flat",iconSlot:i.default.createElement(o.CrossIcon,null),onClick:E,"aria-label":"Close"})),u&&i.default.createElement(t.Text,{variant:"subheadingSmall"},u));
+'use strict';
+
+var React = require('react');
+var Text = require('../Text/Text.cjs');
+var Button = require('../Button/Button.cjs');
+var styled = require('./styled.cjs');
+var DownArrowIcon = require('../../tempIcons/DownArrowIcon.cjs');
+var UpArrowIcon = require('../../tempIcons/UpArrowIcon.cjs');
+var CrossIcon = require('../../tempIcons/CrossIcon.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const CardHeader = ({ id, title, subtitle, headerVariant = 'headingSmall', action, actionSlot, isCollapsed, onClickCollapse, onClickClose, }) => (React__default.default.createElement(styled.Header, null,
+    React__default.default.createElement(styled.HeaderGrid, null,
+        React__default.default.createElement(Text.Text, { id: id, variant: headerVariant }, title),
+        action && (React__default.default.createElement(Button.Button, { variant: "link", onClick: action.onClick }, action.title)),
+        actionSlot,
+        onClickCollapse && (React__default.default.createElement(Button.Button, { variant: "flat", iconSlot: isCollapsed ? React__default.default.createElement(DownArrowIcon.DownArrowIcon, null) : React__default.default.createElement(UpArrowIcon.UpArrowIcon, null), onClick: onClickCollapse })),
+        onClickClose && (React__default.default.createElement(Button.Button, { variant: "flat", iconSlot: React__default.default.createElement(CrossIcon.CrossIcon, null), onClick: onClickClose, "aria-label": "Close" }))),
+    subtitle && React__default.default.createElement(Text.Text, { variant: "subheadingSmall" }, subtitle)));
+
+exports.CardHeader = CardHeader;
 //# sourceMappingURL=CardHeader.cjs.map

package/dist/components/CardHeader/CardHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.cjs","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":[null],"names":["id","title","subtitle","headerVariant","action","actionSlot","isCollapsed","onClickCollapse","onClickClose","React","createElement","Header","HeaderGrid","Text","variant","Button","onClick","iconSlot","DownArrowIcon","default","UpArrowIcon","CrossIcon"],"mappings":"sVAgBc,EAAAA,KAAAC,QAAAC,WAAAC,gBAAA,eAAAC,SAAAC,aAAAC,cAAAC,kBAAAC,kBAAAC,EAAAA,QAAAC,cAAAC,EAAAA,OAAA,KACZF,UAAMC,cAASE,EAAAA,WAAA,KACPH,UAAGC,cAAOG,EAAAA,KAAA,CAAAb,GAAAA,EAAAc,QAAAX,GAAAF,GACLG,GAAGK,EAAAA,QAAAC,cAAcK,EAAAA,OAAA,CAAAD,QAAA,OAAAE,QAAAZ,EAAAY,SAAAZ,EAAAH,OACxBI,EACNE,aAA6BG,cAAAK,SAAA,CAAAD,QAAA,OAAAG,SAAAX,EAAAG,UAAAC,cAAAQ,EAAAA,cAAA,MAAAT,EAAAU,QAAAT,cAAAU,EAAAA,YAAA,MAAAJ,QAAAT,IAClBC,GAAUC,EAACU,QAAAT,cAAAK,EAAAA,OAAA,CAAAD,QAAA,OAAAG,SAAAR,EAAAU,QAAAT,cAAAW,EAAAA,UAAA,MAAAL,QAAAR,EAAA,aAAA,WACtBN,GAAAO,EAAAA,QAAkBC,cAAWG,EAAAA,KAAA,CAAAC,QAAA,mBAAAZ"}
+{"version":3,"file":"CardHeader.cjs","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":[null],"names":["React","Header","HeaderGrid","Text","Button","DownArrowIcon","UpArrowIcon","CrossIcon"],"mappings":";;;;;;;;;;;;;;AA2BO,MAAM,UAAU,GAAG,CAAC,EACzB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,aAAa,GAAG,cAAc,EAC9B,MAAM,EACN,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,GACI,MAChBA,qCAACC,aAAM,EAAA,IAAA;AACL,IAAAD,sBAAA,CAAA,aAAA,CAACE,iBAAU,EAAA,IAAA;QACTF,sBAAC,CAAA,aAAA,CAAAG,SAAI,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EACjC,EAAA,KAAK,CACD;AACN,QAAA,MAAM,KACLH,sBAAA,CAAA,aAAA,CAACI,aAAM,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAA,EAC3C,MAAM,CAAC,KAAK,CACN,CACV;QACA,UAAU;AACV,QAAA,eAAe,KACdJ,sBAAC,CAAA,aAAA,CAAAI,aAAM,EACL,EAAA,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,WAAW,GAAGJ,sBAAA,CAAA,aAAA,CAACK,2BAAa,EAAA,IAAA,CAAG,GAAGL,sBAAA,CAAA,aAAA,CAACM,uBAAW,EAAA,IAAA,CAAG,EAC3D,OAAO,EAAE,eAAe,GACxB,CACH;QACA,YAAY,KACXN,sBAAC,CAAA,aAAA,CAAAI,aAAM,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAEJ,qCAACO,mBAAS,EAAA,IAAA,CAAG,EAAE,OAAO,EAAE,YAAY,EAAa,YAAA,EAAA,OAAO,EAAG,CAAA,CAC7F,CACU;AACZ,IAAA,QAAQ,IAAIP,sBAAA,CAAA,aAAA,CAACG,SAAI,EAAA,EAAC,OAAO,EAAC,iBAAiB,EAAA,EAAE,QAAQ,CAAQ,CACvD;;;;"}

package/dist/components/CardHeader/CardHeader.d.ts

@@ -17,4 +17,3 @@ export interface CardHeaderProps {
 }
 export declare const CardHeader: ({ id, title, subtitle, headerVariant, action, actionSlot, isCollapsed, onClickCollapse, onClickClose, }: CardHeaderProps) => React.JSX.Element;
 export {};
-//# sourceMappingURL=CardHeader.d.ts.map

package/dist/components/CardHeader/CardHeader.js

@@ -1,2 +1,19 @@
-import e from"react";import{Text as t}from"../Text/Text.js";import{Button as l}from"../Button/Button.js";import{Header as o,HeaderGrid as n}from"./styled.js";import{DownArrowIcon as r}from"../../tempIcons/DownArrowIcon.js";import{UpArrowIcon as a}from"../../tempIcons/UpArrowIcon.js";import{CrossIcon as i}from"../../tempIcons/CrossIcon.js";const m=({id:m,title:c,subtitle:s,headerVariant:p="headingSmall",action:C,actionSlot:E,isCollapsed:f,onClickCollapse:u,onClickClose:d})=>e.createElement(o,null,e.createElement(n,null,e.createElement(t,{id:m,variant:p},c),C&&e.createElement(l,{variant:"link",onClick:C.onClick},C.title),E,u&&e.createElement(l,{variant:"flat",iconSlot:f?e.createElement(r,null):e.createElement(a,null),onClick:u}),d&&e.createElement(l,{variant:"flat",iconSlot:e.createElement(i,null),onClick:d,"aria-label":"Close"})),s&&e.createElement(t,{variant:"subheadingSmall"},s));export{m as CardHeader};
+import React from 'react';
+import { Text } from '../Text/Text.js';
+import { Button } from '../Button/Button.js';
+import { Header, HeaderGrid } from './styled.js';
+import { DownArrowIcon } from '../../tempIcons/DownArrowIcon.js';
+import { UpArrowIcon } from '../../tempIcons/UpArrowIcon.js';
+import { CrossIcon } from '../../tempIcons/CrossIcon.js';
+
+const CardHeader = ({ id, title, subtitle, headerVariant = 'headingSmall', action, actionSlot, isCollapsed, onClickCollapse, onClickClose, }) => (React.createElement(Header, null,
+    React.createElement(HeaderGrid, null,
+        React.createElement(Text, { id: id, variant: headerVariant }, title),
+        action && (React.createElement(Button, { variant: "link", onClick: action.onClick }, action.title)),
+        actionSlot,
+        onClickCollapse && (React.createElement(Button, { variant: "flat", iconSlot: isCollapsed ? React.createElement(DownArrowIcon, null) : React.createElement(UpArrowIcon, null), onClick: onClickCollapse })),
+        onClickClose && (React.createElement(Button, { variant: "flat", iconSlot: React.createElement(CrossIcon, null), onClick: onClickClose, "aria-label": "Close" }))),
+    subtitle && React.createElement(Text, { variant: "subheadingSmall" }, subtitle)));
+
+export { CardHeader };
 //# sourceMappingURL=CardHeader.js.map

package/dist/components/CardHeader/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":[null],"names":["CardHeader","id","title","subtitle","headerVariant","action","actionSlot","isCollapsed","onClickCollapse","onClickClose","React","createElement","Header","HeaderGrid","Text","variant","Button","onClick","iconSlot","DownArrowIcon","UpArrowIcon","CrossIcon"],"mappings":"qVAgBO,MAAAA,EAAO,EAAAC,KAAAC,QAAAC,WAAAC,gBAAA,eAAAC,SAAAC,aAAAC,cAAAC,kBAAAC,kBAAAC,EAAAC,cAAAC,EAAA,KACZF,EAAMC,cAASE,EAAA,KACPH,EAAGC,cAAOG,EAAA,CAAAb,GAAAA,EAAAc,QAAAX,GAAAF,GACLG,GAAGK,EAAAC,cAAcK,EAAA,CAAAD,QAAA,OAAAE,QAAAZ,EAAAY,SAAAZ,EAAAH,OACxBI,EACNE,KAA6BG,cAAAK,EAAA,CAAAD,QAAA,OAAAG,SAAAX,EAAAG,EAAAC,cAAAQ,EAAA,MAAAT,EAAAC,cAAAS,EAAA,MAAAH,QAAAT,IAClBC,GAAUC,EAACC,cAAAK,EAAA,CAAAD,QAAA,OAAAG,SAAAR,EAAAC,cAAAU,EAAA,MAAAJ,QAAAR,EAAA,aAAA,WACtBN,GAAAO,EAAkBC,cAAWG,EAAA,CAAAC,QAAA,mBAAAZ"}
+{"version":3,"file":"CardHeader.js","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AA2BO,MAAM,UAAU,GAAG,CAAC,EACzB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,aAAa,GAAG,cAAc,EAC9B,MAAM,EACN,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,GACI,MAChB,oBAAC,MAAM,EAAA,IAAA;AACL,IAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,IAAA;QACT,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EACjC,EAAA,KAAK,CACD;AACN,QAAA,MAAM,KACL,KAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAA,EAC3C,MAAM,CAAC,KAAK,CACN,CACV;QACA,UAAU;AACV,QAAA,eAAe,KACd,KAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,WAAW,GAAG,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG,GAAG,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,IAAA,CAAG,EAC3D,OAAO,EAAE,eAAe,GACxB,CACH;QACA,YAAY,KACX,KAAC,CAAA,aAAA,CAAA,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,oBAAC,SAAS,EAAA,IAAA,CAAG,EAAE,OAAO,EAAE,YAAY,EAAa,YAAA,EAAA,OAAO,EAAG,CAAA,CAC7F,CACU;AACZ,IAAA,QAAQ,IAAI,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,iBAAiB,EAAA,EAAE,QAAQ,CAAQ,CACvD;;;;"}

package/dist/components/CardHeader/index.d.ts

@@ -1,2 +1 @@
 export { CardHeader } from './CardHeader';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/CardHeader/styled.cjs

@@ -1,2 +1,15 @@
-"use strict";var e=require("styled-components"),i=require("../../theme/modules/sizes.cjs");function d(e){return e&&e.__esModule?e:{default:e}}var s=d(e);const t=s.default.header.withConfig({displayName:"vui--Header",componentId:"vui--13im4do"})`padding-top:${i.sizes.md};padding-right:${i.sizes.md};padding-left:${i.sizes.md};margin-bottom:${i.sizes.md};& > * + *{margin-top:${i.sizes.xs};}`,r=s.default.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--1orvtgl"})`/*${i.sizes.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`;exports.Header=t,exports.HeaderGrid=r;
+'use strict';
+
+var styled = require('styled-components');
+var sizes = require('../../theme/modules/sizes.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const Header = styled__default.default.header.withConfig({ displayName: "vui--Header", componentId: "vui--13im4do" }) `padding-top:${sizes.sizes.md};padding-right:${sizes.sizes.md};padding-left:${sizes.sizes.md};margin-bottom:${sizes.sizes.md};& > * + *{margin-top:${sizes.sizes.xs};}`;
+const HeaderGrid = styled__default.default.div.withConfig({ displayName: "vui--HeaderGrid", componentId: "vui--1orvtgl" }) `/*${sizes.sizes.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`;
+
+exports.Header = Header;
+exports.HeaderGrid = HeaderGrid;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/CardHeader/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/CardHeader/styled.ts"],"sourcesContent":[null],"names":["styled","sizes"],"mappings":";;;;;;;;;AAGO,MAAM,MAAM,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAClBC,WAAK,CAAC,EAAE,CAAA,eAAA,EACNA,WAAK,CAAC,EAAE,CAAA,cAAA,EACTA,WAAK,CAAC,EAAE,CAAA,eAAA,EACPA,WAAK,CAAC,EAAE,CAAA,sBAAA,EAGTA,WAAK,CAAC,EAAE,CAAA,EAAA;AAInB,MAAM,UAAU,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAKpBC,WAAK,CAAC,IAAI,CAAA,qFAAA;;;;;"}

package/dist/components/CardHeader/styled.d.ts

@@ -1,3 +1,2 @@
 export declare const Header: import("styled-components").StyledComponent<"header", any, {}, never>;
 export declare const HeaderGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/CardHeader/styled.js

@@ -1,2 +1,8 @@
-import i from"styled-components";import{sizes as e}from"../../theme/modules/sizes.js";const d=i.header.withConfig({displayName:"vui--Header",componentId:"vui--13im4do"})`padding-top:${e.md};padding-right:${e.md};padding-left:${e.md};margin-bottom:${e.md};& > * + *{margin-top:${e.xs};}`,t=i.div.withConfig({displayName:"vui--HeaderGrid",componentId:"vui--1orvtgl"})`/*${e.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`;export{d as Header,t as HeaderGrid};
+import styled from 'styled-components';
+import { sizes } from '../../theme/modules/sizes.js';
+
+const Header = styled.header.withConfig({ displayName: "vui--Header", componentId: "vui--13im4do" }) `padding-top:${sizes.md};padding-right:${sizes.md};padding-left:${sizes.md};margin-bottom:${sizes.md};& > * + *{margin-top:${sizes.xs};}`;
+const HeaderGrid = styled.div.withConfig({ displayName: "vui--HeaderGrid", componentId: "vui--1orvtgl" }) `/*${sizes.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`;
+
+export { Header, HeaderGrid };
 //# sourceMappingURL=styled.js.map

package/dist/components/CardHeader/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.js","sources":["../../../src/components/CardHeader/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGO,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAClB,KAAK,CAAC,EAAE,CAAA,eAAA,EACN,KAAK,CAAC,EAAE,CAAA,cAAA,EACT,KAAK,CAAC,EAAE,CAAA,eAAA,EACP,KAAK,CAAC,EAAE,CAAA,sBAAA,EAGT,KAAK,CAAC,EAAE,CAAA,EAAA;AAInB,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAKpB,KAAK,CAAC,IAAI,CAAA,qFAAA;;;;"}

package/dist/components/Checkbox/Checkbox.cjs

@@ -1,2 +1,32 @@
-"use strict";var e=require("react"),a=require("../Choice/Choice.cjs"),r=require("./styled.cjs"),c=require("../../utils/generateId.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(e);exports.Checkbox=({checked:t,indeterminate:u,value:l,name:i,disabled:s,ariaLabel:d,className:o,onChange:h,...b})=>{const m=e.useMemo((()=>c.generateId("checkbox")),[]),f=e.useRef(null),k=e.useCallback((e=>{h(e.currentTarget.checked,l)}),[h,l]);return e.useEffect((()=>{f.current&&(f.current.indeterminate=!0===u)}),[u]),n.default.createElement(a.Choice,{id:m,disabled:s,className:o,...b},n.default.createElement(r.Input,{ref:f,id:m,type:"checkbox",checked:t,value:l,name:i,disabled:s,"aria-label":d,onChange:k}))};
+'use strict';
+
+var React = require('react');
+var Choice = require('../Choice/Choice.cjs');
+var styled = require('./styled.cjs');
+var generateId = require('../../utils/generateId.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const Checkbox = ({ checked, indeterminate, value, name, disabled, ariaLabel, className, onChange, ...otherProps }) => {
+    const id = React.useMemo(() => generateId.generateId('checkbox'), []);
+    const checkboxRef = React.useRef(null);
+    const handleChange = React.useCallback((e) => {
+        onChange(e.currentTarget.checked, value);
+    }, [onChange, value]);
+    React.useEffect(() => {
+        if (!checkboxRef.current)
+            return;
+        if (indeterminate === true) {
+            checkboxRef.current.indeterminate = true;
+            return;
+        }
+        checkboxRef.current.indeterminate = false;
+    }, [indeterminate]);
+    return (React__default.default.createElement(Choice.Choice, { id: id, disabled: disabled, className: className, ...otherProps },
+        React__default.default.createElement(styled.Input, { ref: checkboxRef, id: id, type: "checkbox", checked: checked, value: value, name: name, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange })));
+};
+
+exports.Checkbox = Checkbox;
 //# sourceMappingURL=Checkbox.cjs.map

package/dist/components/Checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["checked","indeterminate","value","name","disabled","ariaLabel","className","onChange","otherProps","id","useMemo","generateId","checkboxRef","useRef","handleChange","useCallback","e","currentTarget","useEffect","current"],"mappings":"uNAQmB,EAAAA,UAAAC,gBAAAC,QAAAC,OAAAC,WAAAC,YAAAC,YAAAC,cAAAC,MACjB,MAAaC,EAAAC,EAAAA,SAAG,IAAQC,EAAAA,WAAA,aAAA,IAClBC,EAAEC,SAAc,MACfC,EAAOC,eAAAC,IACNT,EAAGS,EAAAC,cAAQjB,QAAAE,EAAA,GACV,CAAAK,EAAGL,WACZgB,EAAAA,WAAU,KACDN,EAAUO,mCAalB,IAVHlB"}
+{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["useMemo","generateId","useRef","useCallback","useEffect","React","Choice","Input"],"mappings":";;;;;;;;;;;AAkBa,MAAA,QAAQ,GAAG,CAAC,EACvB,OAAO,EACP,aAAa,EACb,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACC,KAAI;AAClB,IAAA,MAAM,EAAE,GAAGA,aAAO,CAAC,MAAMC,qBAAU,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;AACpD,IAAA,MAAM,WAAW,GAAGC,YAAM,CAAmB,IAAI,CAAC;AAElD,IAAA,MAAM,YAAY,GAAGC,iBAAW,CAC9B,CAAC,CAAsC,KAAI;QACzC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1C,KAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;IAEDC,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE;QAC1B,IAAI,aAAa,KAAK,IAAI,EAAE;AAC1B,YAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,IAAI;YACxC;AACD;AACD,QAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,KAAK;AAC3C,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC;AAEnB,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,aAAM,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,KAAM,UAAU,EAAA;AACtE,QAAAD,sBAAA,CAAA,aAAA,CAACE,YAAK,EACJ,EAAA,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EACN,YAAA,EAAA,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,CAAA,CACK;AAEb;;;;"}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -12,4 +12,3 @@ export interface CheckboxProps extends ForwardedChoiceProps {
     className?: string;
 }
 export declare const Checkbox: ({ checked, indeterminate, value, name, disabled, ariaLabel, className, onChange, ...otherProps }: CheckboxProps) => React.JSX.Element;
-//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox/Checkbox.js

@@ -1,2 +1,26 @@
-import e,{useMemo as r,useRef as a,useCallback as t,useEffect as c}from"react";import{Choice as n}from"../Choice/Choice.js";import{Input as i}from"./styled.js";import{generateId as o}from"../../utils/generateId.js";const l=({checked:l,indeterminate:m,value:d,name:s,disabled:h,ariaLabel:u,className:b,onChange:p,...f})=>{const k=r((()=>o("checkbox")),[]),g=a(null),C=t((e=>{p(e.currentTarget.checked,d)}),[p,d]);return c((()=>{g.current&&(g.current.indeterminate=!0===m)}),[m]),e.createElement(n,{id:k,disabled:h,className:b,...f},e.createElement(i,{ref:g,id:k,type:"checkbox",checked:l,value:d,name:s,disabled:h,"aria-label":u,onChange:C}))};export{l as Checkbox};
+import React, { useMemo, useRef, useCallback, useEffect } from 'react';
+import { Choice } from '../Choice/Choice.js';
+import { Input } from './styled.js';
+import { generateId } from '../../utils/generateId.js';
+
+const Checkbox = ({ checked, indeterminate, value, name, disabled, ariaLabel, className, onChange, ...otherProps }) => {
+    const id = useMemo(() => generateId('checkbox'), []);
+    const checkboxRef = useRef(null);
+    const handleChange = useCallback((e) => {
+        onChange(e.currentTarget.checked, value);
+    }, [onChange, value]);
+    useEffect(() => {
+        if (!checkboxRef.current)
+            return;
+        if (indeterminate === true) {
+            checkboxRef.current.indeterminate = true;
+            return;
+        }
+        checkboxRef.current.indeterminate = false;
+    }, [indeterminate]);
+    return (React.createElement(Choice, { id: id, disabled: disabled, className: className, ...otherProps },
+        React.createElement(Input, { ref: checkboxRef, id: id, type: "checkbox", checked: checked, value: value, name: name, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange })));
+};
+
+export { Checkbox };
 //# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["Checkbox","checked","indeterminate","value","name","disabled","ariaLabel","className","onChange","otherProps","id","useMemo","generateId","checkboxRef","useRef","handleChange","useCallback","e","currentTarget","useEffect","current"],"mappings":"uNAQS,MAAEA,EAAQ,EAAAC,UAAAC,gBAAAC,QAAAC,OAAAC,WAAAC,YAAAC,YAAAC,cAAAC,MACjB,MAAaC,EAAAC,GAAG,IAAQC,EAAA,aAAA,IAClBC,EAAEC,EAAc,MACfC,EAAOC,GAAAC,IACNT,EAAGS,EAAAC,cAAQjB,QAAAE,EAAA,GACV,CAAAK,EAAGL,WACZgB,GAAU,KACDN,EAAUO,mCAalB,IAVHlB"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAkBa,MAAA,QAAQ,GAAG,CAAC,EACvB,OAAO,EACP,aAAa,EACb,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,UAAU,EACC,KAAI;AAClB,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,UAAU,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC;AACpD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC;AAElD,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAsC,KAAI;QACzC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1C,KAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB;IAED,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE;QAC1B,IAAI,aAAa,KAAK,IAAI,EAAE;AAC1B,YAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,IAAI;YACxC;AACD;AACD,QAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,KAAK;AAC3C,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC;AAEnB,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,KAAM,UAAU,EAAA;AACtE,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EACJ,EAAA,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EACN,YAAA,EAAA,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,CAAA,CACK;AAEb;;;;"}

package/dist/components/Checkbox/index.d.ts

@@ -1,2 +1 @@
 export { Checkbox } from './Checkbox';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Checkbox/styled.cjs

@@ -1,2 +1,14 @@
-"use strict";var e=require("styled-components"),o=require("../../theme/index.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const{colors:t,sizes:i,radius:n}=o.theme,s=a.default.input.withConfig({displayName:"vui--Input",componentId:"vui--bq2l9d"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${t.neutral.ink.lightest};border-radius:${n.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${t.secondary.blue.base};border-color:${t.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${i[4]};background-position:center;}&:hover{border-color:${t.secondary.blue.base};}&:active{border-color:${t.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${t.secondary.blue.light};outline:0;}&:indeterminate{background-color:${t.secondary.blue.base};border-color:${t.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${i[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${t.neutral.grey.base};border-color:${t.neutral.grey.base};color:${t.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;exports.Input=s;
+'use strict';
+
+var styled = require('styled-components');
+var index = require('../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const { colors, sizes, radius } = index.theme;
+const Input = styled__default.default.input.withConfig({ displayName: "vui--Input", componentId: "vui--bq2l9d" }) `appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${colors.neutral.ink.lightest};border-radius:${radius.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:hover{border-color:${colors.secondary.blue.base};}&:active{border-color:${colors.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${colors.secondary.blue.light};outline:0;}&:indeterminate{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${colors.neutral.grey.base};border-color:${colors.neutral.grey.base};color:${colors.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;
+
+exports.Input = Input;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Checkbox/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Checkbox/styled.ts"],"sourcesContent":[null],"names":["theme","styled"],"mappings":";;;;;;;;;AAIA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAGA,WAAK;AAE1B,MAAA,KAAK,GAAGC,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qFAAA,EAKX,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAC9B,eAAA,EAAA,MAAM,CAAC,IAAI,6GASN,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAC9B,cAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,uUAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,qDAKX,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,wBAAA,EAI1B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAIlB,+BAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,6CAAA,EAK/B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAC9B,cAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,2PAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,CAAA,yEAAA,EAMP,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAC5B,cAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EAC/B,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,miBAAA;;;;"}

package/dist/components/Checkbox/styled.d.ts

@@ -1,2 +1 @@
 export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/Checkbox/styled.js

@@ -1,2 +1,8 @@
-import e from"styled-components";import{theme as o}from"../../theme/index.js";const{colors:r,sizes:a,radius:t}=o,i=e.input.withConfig({displayName:"vui--Input",componentId:"vui--bq2l9d"})`appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${r.neutral.ink.lightest};border-radius:${t.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${r.secondary.blue.base};border-color:${r.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${a[4]};background-position:center;}&:hover{border-color:${r.secondary.blue.base};}&:active{border-color:${r.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${r.secondary.blue.light};outline:0;}&:indeterminate{background-color:${r.secondary.blue.base};border-color:${r.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${a[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${r.neutral.grey.base};border-color:${r.neutral.grey.base};color:${r.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;export{i as Input};
+import styled from 'styled-components';
+import { theme } from '../../theme/index.js';
+
+const { colors, sizes, radius } = theme;
+const Input = styled.input.withConfig({ displayName: "vui--Input", componentId: "vui--bq2l9d" }) `appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${colors.neutral.ink.lightest};border-radius:${radius.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:hover{border-color:${colors.secondary.blue.base};}&:active{border-color:${colors.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${colors.secondary.blue.light};outline:0;}&:indeterminate{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${colors.neutral.grey.base};border-color:${colors.neutral.grey.base};color:${colors.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;
+
+export { Input };
 //# sourceMappingURL=styled.js.map

package/dist/components/Checkbox/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Checkbox/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK;AAE1B,MAAA,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qFAAA,EAKX,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAC9B,eAAA,EAAA,MAAM,CAAC,IAAI,6GASN,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAC9B,cAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,uUAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,qDAKX,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,wBAAA,EAI1B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAIlB,+BAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,6CAAA,EAK/B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAC9B,cAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,2PAAA,EAGvB,KAAK,CAAC,CAAC,CAAC,CAAA,yEAAA,EAMP,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAC5B,cAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EAC/B,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,miBAAA;;;;"}

package/dist/components/Choice/Choice.cjs

@@ -1,2 +1,42 @@
-"use strict";var e=require("react"),t=require("../Stack/Stack.cjs"),l=require("../../theme/index.cjs"),a=require("./components/styled.cjs"),r=require("../../tempIcons/HelpIcon.cjs"),o=require("../Text/Text.cjs");function c(e){return e&&e.__esModule?e:{default:e}}var n=c(e);exports.Choice=({id:e,className:c,label:i,hint:s,tooltip:u,error:d,bordered:m,Badge:p,Accessory:h,Footer:f,children:E,disabled:b=!1,labelVariant:_="body",inputPosition:x="left"})=>{const y={hint:(v=c)?"choice__hint":void 0,label:v?"choice__label":void 0,tooltip:v?"choice__tooltip":void 0,error:v?"choice__error":void 0};var v;const g=n.default.createElement(a.RootLayout,null,"left"===x&&n.default.createElement(a.InputLayout,{align:h?"center":"top"},E),h&&n.default.createElement(a.AccessoryLayout,null,h),i||s||d||p||f?n.default.createElement(a.TextLayout,null,n.default.createElement(t.Stack,{direction:"horizontal",alignY:"center",spacing:"sm"},p,i&&n.default.createElement(o.Text,{variant:_,className:y.label},i),u&&n.default.createElement(a.BlockTooltip,{text:u,className:y.tooltip},n.default.createElement(r.HelpIcon,{name:"help",width:l.theme.sizes.base,color:l.theme.colors.neutral.ink.lightest}))),s&&n.default.createElement(a.HintText,{className:y.hint},s),d&&n.default.createElement(a.ErrorText,{className:y.error},d),f):null,"right"===x&&n.default.createElement(a.InputLayout,{align:h?"center":"top"},E));return m?n.default.createElement(a.BorderedWrapper,{disabled:b,htmlFor:e,className:c},g):n.default.createElement(a.Wrapper,{disabled:b,htmlFor:e,className:c},g)};
+'use strict';
+
+var React = require('react');
+var Stack = require('../Stack/Stack.cjs');
+var index = require('../../theme/index.cjs');
+var styled = require('./components/styled.cjs');
+var HelpIcon = require('../../tempIcons/HelpIcon.cjs');
+var Text = require('../Text/Text.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const generateClassNames = (prefix) => ({
+    hint: prefix ? 'choice__hint' : undefined,
+    label: prefix ? 'choice__label' : undefined,
+    tooltip: prefix ? 'choice__tooltip' : undefined,
+    error: prefix ? 'choice__error' : undefined,
+});
+const Choice = ({ id, className, label, hint, tooltip, error, bordered, Badge, Accessory, Footer, children, disabled = false, labelVariant = 'body', inputPosition = 'left', }) => {
+    const classNames = generateClassNames(className);
+    const contentMarkup = (React__default.default.createElement(styled.RootLayout, null,
+        inputPosition === 'left' && (React__default.default.createElement(styled.InputLayout, { align: Accessory ? 'center' : 'top' }, children)),
+        Accessory && React__default.default.createElement(styled.AccessoryLayout, null, Accessory),
+        label || hint || error || Badge || Footer ? (React__default.default.createElement(styled.TextLayout, null,
+            React__default.default.createElement(Stack.Stack, { direction: "horizontal", alignY: "center", spacing: "sm" },
+                Badge,
+                label && (React__default.default.createElement(Text.Text, { variant: labelVariant, className: classNames.label }, label)),
+                tooltip && (React__default.default.createElement(styled.BlockTooltip, { text: tooltip, className: classNames.tooltip },
+                    React__default.default.createElement(HelpIcon.HelpIcon, { name: "help", width: index.theme.sizes.base, color: index.theme.colors.neutral.ink.lightest })))),
+            hint && React__default.default.createElement(styled.HintText, { className: classNames.hint }, hint),
+            error && React__default.default.createElement(styled.ErrorText, { className: classNames.error }, error),
+            Footer)) : null,
+        inputPosition === 'right' && (React__default.default.createElement(styled.InputLayout, { align: Accessory ? 'center' : 'top' }, children))));
+    if (bordered) {
+        return (React__default.default.createElement(styled.BorderedWrapper, { disabled: disabled, htmlFor: id, className: className }, contentMarkup));
+    }
+    return (React__default.default.createElement(styled.Wrapper, { disabled: disabled, htmlFor: id, className: className }, contentMarkup));
+};
+
+exports.Choice = Choice;
 //# sourceMappingURL=Choice.cjs.map

package/dist/components/Choice/Choice.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Choice.cjs","sources":["../../../src/components/Choice/Choice.tsx"],"sourcesContent":[null],"names":["id","className","label","hint","tooltip","error","bordered","Badge","Accessory","Footer","children","disabled","labelVariant","inputPosition","classNames","prefix","undefined","contentMarkup","React","createElement","RootLayout","InputLayout","align","AccessoryLayout","TextLayout","Stack","direction","alignY","spacing","default","Text","variant"],"mappings":"iSA6BoB,EAACA,KAAAC,YAAAC,QAAAC,OAAAC,UAAAC,QAAAC,WAAAC,QAAAC,YAAAC,SAAAC,WAAAC,YAAA,EAAAC,eAAA,OAAAC,gBAAA,WACnB,MAAAC,EAPc,CACdX,MADcY,EAOmBd,GANvB,oBAAOe,EACjBd,MAAQa,EAAO,qBAAAC,EACfZ,QAASW,EAAS,uBAACC,EACnBX,MAAQU,EAAA,qBAAUC,GAJJ,IAAAD,EAQd,MAAYE,EAAGC,EAAAA,QAAYC,cAAAC,EAAAA,WAAA,KAC5B,SAAAP,GAAAK,UAAAC,cAAAE,EAAAA,YAAA,CAAAC,MAAAd,EAAA,SAAA,OAAAE,GAEKF,GAAuBU,EAAAA,QAAAC,cAA4BI,EAAAA,gBAAA,KAAAf,GACnDN,GAAOC,GAAAE,GAAAE,GAAAE,EAAAS,UAAAC,cAAAK,EAAAA,WAAA,KACHN,wBAAYO,EAAAA,MAAA,CAAAC,UAAA,aAAAC,OAAA,SAAAC,QAAA,MACrBrB,EASYL,GAAAgB,EAeVW,QAAAV,cAAAW,EAAAA,KAAA,CAAAC,QAAAnB,EAAAX,UAAAa,EAAAZ,OAAAA"}
+{"version":3,"file":"Choice.cjs","sources":["../../../src/components/Choice/Choice.tsx"],"sourcesContent":[null],"names":["React","RootLayout","InputLayout","AccessoryLayout","TextLayout","Stack","Text","BlockTooltip","HelpIcon","theme","HintText","ErrorText","BorderedWrapper","Wrapper"],"mappings":";;;;;;;;;;;;;AAuCA,MAAM,kBAAkB,GAAG,CAAC,MAAe,MAAW;IACpD,IAAI,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS;IACzC,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS;IAC3C,OAAO,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS;IAC/C,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS;AAC5C,CAAA,CAAC;AAEW,MAAA,MAAM,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,MAAM,EACrB,aAAa,GAAG,MAAM,GACV,KAAI;AAChB,IAAA,MAAM,UAAU,GAAG,kBAAkB,CAAC,SAAS,CAAC;AAEhD,IAAA,MAAM,aAAa,IACjBA,sBAAA,CAAA,aAAA,CAACC,iBAAU,EAAA,IAAA;QACR,aAAa,KAAK,MAAM,KACvBD,qCAACE,kBAAW,EAAA,EAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,EAAA,EAAG,QAAQ,CAAe,CAC3E;AACA,QAAA,SAAS,IAAIF,sBAAA,CAAA,aAAA,CAACG,sBAAe,EAAA,IAAA,EAAE,SAAS,CAAmB;AAC3D,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,IACxCH,qCAACI,iBAAU,EAAA,IAAA;AACT,YAAAJ,sBAAA,CAAA,aAAA,CAACK,WAAK,EAAA,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAA;gBACvD,KAAK;AACL,gBAAA,KAAK,KACJL,sBAAA,CAAA,aAAA,CAACM,SAAI,EAAA,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,EACrD,EAAA,KAAK,CACD,CACR;AACA,gBAAA,OAAO,KACNN,sBAAC,CAAA,aAAA,CAAAO,mBAAY,EAAC,EAAA,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAA;AACxD,oBAAAP,sBAAA,CAAA,aAAA,CAACQ,iBAAQ,EAAA,EACP,IAAI,EAAC,MAAM,EACX,KAAK,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAA,CACxC,CACW,CAChB,CACK;YACP,IAAI,IAAIT,sBAAC,CAAA,aAAA,CAAAU,eAAQ,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,IAAI,EAAG,EAAA,IAAI,CAAY;YAC/D,KAAK,IAAIV,sBAAC,CAAA,aAAA,CAAAW,gBAAS,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,KAAK,EAAG,EAAA,KAAK,CAAa;AACpE,YAAA,MAAM,CACI,IACX,IAAI;QACP,aAAa,KAAK,OAAO,KACxBX,sBAAA,CAAA,aAAA,CAACE,kBAAW,EAAC,EAAA,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,EAAA,EAAG,QAAQ,CAAe,CAC3E,CACU,CACd;AAED,IAAA,IAAI,QAAQ,EAAE;AACZ,QAAA,QACEF,sBAAC,CAAA,aAAA,CAAAY,sBAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IACnE,aAAa,CACE;AAErB;AAED,IAAA,QACEZ,sBAAC,CAAA,aAAA,CAAAa,cAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC3D,aAAa,CACN;AAEd;;;;"}

package/dist/components/Choice/Choice.d.ts

@@ -19,4 +19,3 @@ export interface ChoiceProps extends ForwardedChoiceProps {
     children: ReactNode;
 }
 export declare const Choice: ({ id, className, label, hint, tooltip, error, bordered, Badge, Accessory, Footer, children, disabled, labelVariant, inputPosition, }: ChoiceProps) => React.JSX.Element;
-//# sourceMappingURL=Choice.d.ts.map