@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/Calendars/data/useRangeCalendar.js

@@ -1,2 +1,35 @@
-import{useState as e,useEffect as t}from"react";import{today as o,getLocalTimeZone as n,CalendarDate as r}from"@internationalized/date";import{CalendarLevel as l}from"../types.js";import{useCalendarLevels as a}from"./useCalendarLevels.js";const s=s=>{const[i,u]=e((null==s?void 0:s.start)||o(n())),{level:d,setLevel:c,handleSwitchLevel:v}=a();t((()=>{s&&u(s.start)}),[s]);const m=(null==i?void 0:i.year)||(null==s?void 0:s.start.year)||(new Date).getFullYear(),h=(null==i?void 0:i.month)||(null==s?void 0:s.start.month)||(new Date).getMonth()+1;return{level:d,focusedDate:i,setFocusedDate:u,currentYear:m,onFocusMonth:e=>()=>{u(new r(m,e+1,1)),c(l.MONTH)},onFocusYear:e=>()=>{u(new r(e,h,1)),c(l.YEAR)},handleSwitchLevel:v}};export{s as useRangeCalendarState};
+import { useState, useEffect } from 'react';
+import { today, getLocalTimeZone, CalendarDate } from '@internationalized/date';
+import { CalendarLevel } from '../types.js';
+import { useCalendarLevels } from './useCalendarLevels.js';
+
+const useRangeCalendarState = (initialValue) => {
+    const [focusedDate, setFocusedDate] = useState((initialValue === null || initialValue === undefined ? undefined : initialValue.start) || today(getLocalTimeZone()));
+    const { level, setLevel, handleSwitchLevel } = useCalendarLevels();
+    useEffect(() => {
+        if (initialValue)
+            setFocusedDate(initialValue.start);
+    }, [initialValue]);
+    const currentYear = (focusedDate === null || focusedDate === undefined ? undefined : focusedDate.year) || (initialValue === null || initialValue === undefined ? undefined : initialValue.start.year) || new Date().getFullYear();
+    const currentMonth = (focusedDate === null || focusedDate === undefined ? undefined : focusedDate.month) || (initialValue === null || initialValue === undefined ? undefined : initialValue.start.month) || new Date().getMonth() + 1;
+    const onFocusMonth = (monthIndex) => () => {
+        setFocusedDate(new CalendarDate(currentYear, monthIndex + 1, 1));
+        setLevel(CalendarLevel.MONTH);
+    };
+    const onFocusYear = (year) => () => {
+        setFocusedDate(new CalendarDate(year, currentMonth, 1));
+        setLevel(CalendarLevel.YEAR);
+    };
+    return {
+        level,
+        focusedDate,
+        setFocusedDate,
+        currentYear,
+        onFocusMonth,
+        onFocusYear,
+        handleSwitchLevel,
+    };
+};
+
+export { useRangeCalendarState };
 //# sourceMappingURL=useRangeCalendar.js.map

package/dist/components/Calendars/data/useRangeCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRangeCalendar.js","sources":["../../../../src/components/Calendars/data/useRangeCalendar.ts"],"sourcesContent":[null],"names":["useRangeCalendarState","initialValue","start","currentMonth","focusedDate","month","Date","getMonth"],"mappings":"+OAMA,MAAAA,EAAkCC,+GAYQC,MAAA,iGAmBxCC,GAAAC,aAAA,EAAAA,EAAAC,SAAAJ,aAAA,EAAAA,EAAAC,MAAAG,SAAA,IAAAC,MAAAC,WAAA"}
+{"version":3,"file":"useRangeCalendar.js","sources":["../../../../src/components/Calendars/data/useRangeCalendar.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMa,MAAA,qBAAqB,GAAG,CAAC,YAA0C,KAAI;IAClF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAA,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,KAAK,KAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAEhG,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE;IAElE,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,YAAY;AAAE,YAAA,cAAc,CAAC,YAAY,CAAC,KAAqB,CAAC;AACtE,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,MAAM,WAAW,GAAG,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,SAAA,GAAA,SAAA,GAAA,WAAW,CAAE,IAAI,MAAI,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,KAAK,CAAC,IAAI,CAAA,IAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AAC7F,IAAA,MAAM,YAAY,GAAG,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,SAAA,GAAA,SAAA,GAAA,WAAW,CAAE,KAAK,MAAI,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,KAAK,CAAC,KAAK,CAAA,IAAI,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC;IAEjG,MAAM,YAAY,GAAG,CAAC,UAAkB,KAAK,MAAK;AAChD,QAAA,cAAc,CAAC,IAAI,YAAY,CAAC,WAAW,EAAE,UAAU,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAChE,QAAA,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC/B,KAAC;IAED,MAAM,WAAW,GAAG,CAAC,IAAY,KAAK,MAAK;QACzC,cAAc,CAAC,IAAI,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;AACvD,QAAA,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;AAC9B,KAAC;IAED,OAAO;QACL,KAAK;QACL,WAAW;QACX,cAAc;QACd,WAAW;QACX,YAAY;QACZ,WAAW;QACX,iBAAiB;KAClB;AACH;;;;"}

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

@@ -1,3 +1,3 @@
 export { RangeCalendar } from './components/RangeCalendar';
 export { Calendar } from './components/Calendar';
-//# sourceMappingURL=index.d.ts.map
+export { useIsDateUnavailable } from './data/useIsDateUnavailable';

package/dist/components/Calendars/types.cjs

@@ -1,2 +1,9 @@
-"use strict";var e;exports.CalendarLevel=void 0,(e=exports.CalendarLevel||(exports.CalendarLevel={}))[e.DODECADE=0]="DODECADE",e[e.YEAR=1]="YEAR",e[e.MONTH=2]="MONTH";
+'use strict';
+
+exports.CalendarLevel = void 0;
+(function (CalendarLevel) {
+    CalendarLevel[CalendarLevel["DODECADE"] = 0] = "DODECADE";
+    CalendarLevel[CalendarLevel["YEAR"] = 1] = "YEAR";
+    CalendarLevel[CalendarLevel["MONTH"] = 2] = "MONTH";
+})(exports.CalendarLevel || (exports.CalendarLevel = {}));
 //# sourceMappingURL=types.cjs.map

package/dist/components/Calendars/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../src/components/Calendars/types.ts"],"sourcesContent":[null],"names":["CalendarLevel"],"mappings":"aACE,IAAAA,EADFA,QAAyBA,mBAAA,GACvBA,qDACIA,EAAA,SAAA,GAAA,WACJA,EAAKA,EAAA,KAAA,GAAA,OACNA,EAAAA,EAAA,MAAA,GAAA"}
+{"version":3,"file":"types.cjs","sources":["../../../src/components/Calendars/types.ts"],"sourcesContent":[null],"names":["CalendarLevel"],"mappings":";;AAAYA;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,aAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAQ;AACR,IAAA,aAAA,CAAA,aAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAI;AACJ,IAAA,aAAA,CAAA,aAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAK;AACP,CAAC,EAJWA,qBAAa,KAAbA,qBAAa,GAIxB,EAAA,CAAA,CAAA;;"}

package/dist/components/Calendars/types.d.ts

@@ -3,4 +3,3 @@ export declare enum CalendarLevel {
     YEAR = 1,
     MONTH = 2
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Calendars/types.js

@@ -1,2 +1,9 @@
-var D;!function(D){D[D.DODECADE=0]="DODECADE",D[D.YEAR=1]="YEAR",D[D.MONTH=2]="MONTH"}(D||(D={}));export{D as CalendarLevel};
+var CalendarLevel;
+(function (CalendarLevel) {
+    CalendarLevel[CalendarLevel["DODECADE"] = 0] = "DODECADE";
+    CalendarLevel[CalendarLevel["YEAR"] = 1] = "YEAR";
+    CalendarLevel[CalendarLevel["MONTH"] = 2] = "MONTH";
+})(CalendarLevel || (CalendarLevel = {}));
+
+export { CalendarLevel };
 //# sourceMappingURL=types.js.map

package/dist/components/Calendars/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/Calendars/types.ts"],"sourcesContent":[null],"names":["CalendarLevel"],"mappings":"AAAA,IAAAA,GACE,SAAAA,GACAA,EAAIA,EAAA,SAAA,GAAA,WACJA,EAAKA,EAAA,KAAA,GAAA,OACNA,EAAAA,EAAA,MAAA,GAAA,QAHC"}
+{"version":3,"file":"types.js","sources":["../../../src/components/Calendars/types.ts"],"sourcesContent":[null],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,aAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAQ;AACR,IAAA,aAAA,CAAA,aAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAI;AACJ,IAAA,aAAA,CAAA,aAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAK;AACP,CAAC,EAJW,aAAa,KAAb,aAAa,GAIxB,EAAA,CAAA,CAAA;;;;"}

package/dist/components/Card/Card.cjs

@@ -1,2 +1,36 @@
-"use strict";var e=require("react"),t=require("../CardHeader/CardHeader.cjs"),a=require("./styled.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var r=l(e);const o={expanded:{height:"auto"},collapsed:{height:0}},n=({className:l,style:n,title:c,subtitle:d,headerActionSlot:i,action:s,collapsable:u,elevation:f,accent:C,children:S,onClose:m,renderFooter:p})=>{const[v,h]=e.useState(!1),F=c&&r.default.createElement(t.CardHeader,{title:c,subtitle:d,actionSlot:i,action:s,onClickClose:m,isCollapsed:v,onClickCollapse:u?()=>{h(!v)}:void 0}),E=u&&!v||!u,y=r.default.createElement(a.Body,{animate:E?"expanded":"collapsed",variants:o,transition:{duration:.3,ease:"easeOut"}},r.default.createElement(a.Section,null,S)),b=void 0!==p&&r.default.createElement(a.Footer,null,p());return r.default.createElement(a.Surface,{className:l,style:n,elevation:f,accent:C},F,y,b)};n.Surface=a.Surface,n.Section=a.Section,n.FullBleed=a.FullBleed,n.Footer=a.Footer,exports.Card=n;
+'use strict';
+
+var React = require('react');
+var CardHeader = require('../CardHeader/CardHeader.cjs');
+var styled = require('./styled.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+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] = React.useState(false);
+    const toggleCollapsed = () => {
+        setIsCollapsed(!isCollapsed);
+    };
+    const headerMarkup = title && (React__default.default.createElement(CardHeader.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__default.default.createElement(styled.Body, { animate: showBody ? 'expanded' : 'collapsed', variants: collapseAnimationVariants, transition: { duration: 0.3, ease: 'easeOut' } },
+        React__default.default.createElement(styled.Section, null, children)));
+    const footerMarkup = renderFooter !== undefined && React__default.default.createElement(styled.Footer, null, renderFooter());
+    return (React__default.default.createElement(styled.Surface, { className: className, style: style, elevation: elevation, accent: accent },
+        headerMarkup,
+        bodyMarkup,
+        footerMarkup));
+};
+Card.Surface = styled.Surface;
+Card.Section = styled.Section;
+Card.FullBleed = styled.FullBleed;
+Card.Footer = styled.Footer;
+
+exports.Card = Card;
 //# sourceMappingURL=Card.cjs.map

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,42 +1,50 @@
-"use strict";var e=require("styled-components"),o=require("framer-motion"),s=require("../../theme/modules/shadows.cjs"),t=require("../../theme/modules/colors.cjs"),i=require("../../theme/modules/sizes.cjs"),r=require("../../theme/modules/radius.cjs"),d=require("../../theme/modules/text.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(e);const{grey:l}=t.colors.neutral,m={0:"none",1:s.Shadows.sm,2:s.Shadows.base,3:s.Shadows.md,4:s.Shadows.lg},c={info:t.colors.secondary.blue.base,success:t.colors.secondary.green.base,error:t.colors.secondary.red.base},u=a.default.footer`
-  margin-top: ${i.sizes.base};
-  padding: ${i.sizes.md};
-  z-index: 2;
-`,h=a.default.section`
-  padding-right: ${i.sizes.md};
-  padding-left: ${i.sizes.md};
-  margin-top: ${i.sizes.md};
-  margin-bottom: ${i.sizes.md};
+'use strict';
 
-  font-family: ${d.text.body.fontFamily};
-  font-size: ${d.text.body.fontSize};
-  font-weight: ${d.text.body.fontWeight};
-  line-height: ${d.text.body.lineHeight};
-  color: ${d.text.body.color};
+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');
 
-  & + & {
-    border-top: ${i.sizes.line} solid ${l.base};
-    padding-top: ${i.sizes.md};
-  }
-`,f=a.default.div`
-  margin-left: -${i.sizes.md};
-  margin-right: -${i.sizes.md};
-`,b=a.default(o.motion.div)`
-  overflow-y: hidden;
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  &:not(:first-child) > ${h}:first-child {
-    margin-top: 0;
-  }
-`,g=a.default.div`
-  position: relative;
-  width: 100%;
-  background-color: white;
-  border: ${i.sizes.line} solid ${l.base};
-  box-shadow: ${e=>void 0!==e.elevation?m[e.elevation]:s.Shadows.sm};
-  border-radius: ${r.radius.md};
-  overflow: hidden;
-  box-sizing: border-box;
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-  ${({accent:e})=>e&&`\n    &::after {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: ${i.sizes.xs};\n      background-color: ${c[e]};\n    }\n  `}
-`;exports.Body=b,exports.Footer=u,exports.FullBleed=f,exports.Section=h,exports.Surface=g;
+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--livrdi" }) `margin-top:${sizes.sizes.base};padding:${sizes.sizes.md};z-index:2;`;
+const Section = styled__default.default.section.withConfig({ displayName: "vui--Section", componentId: "vui--z99ese" }) `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--1lgjeo7" }) `margin-left:-${sizes.sizes.md};margin-right:-${sizes.sizes.md};`;
+const Body = styled__default.default(framerMotion.motion.div).withConfig({ displayName: "vui--Body", componentId: "vui--pfgeh3" }) `overflow-y:hidden;&:not(:first-child)> ${Section}:first-child{margin-top:0;}`;
+const Surface = styled__default.default.div.withConfig({ displayName: "vui--Surface", componentId: "vui--g1wpqa" }) `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,aAAA,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,cAAA,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,aAAA,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,42 +1,40 @@
-import o from"styled-components";import{motion as e}from"framer-motion";import{Shadows as i}from"../../theme/modules/shadows.js";import{colors as t}from"../../theme/modules/colors.js";import{sizes as r}from"../../theme/modules/sizes.js";import{radius as d}from"../../theme/modules/radius.js";import{text as n}from"../../theme/modules/text.js";const{grey:m}=t.neutral,s={0:"none",1:i.sm,2:i.base,3:i.md,4:i.lg},a={info:t.secondary.blue.base,success:t.secondary.green.base,error:t.secondary.red.base},l=o.footer`
-  margin-top: ${r.base};
-  padding: ${r.md};
-  z-index: 2;
-`,f=o.section`
-  padding-right: ${r.md};
-  padding-left: ${r.md};
-  margin-top: ${r.md};
-  margin-bottom: ${r.md};
+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';
 
-  font-family: ${n.body.fontFamily};
-  font-size: ${n.body.fontSize};
-  font-weight: ${n.body.fontWeight};
-  line-height: ${n.body.lineHeight};
-  color: ${n.body.color};
+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--livrdi" }) `margin-top:${sizes.base};padding:${sizes.md};z-index:2;`;
+const Section = styled.section.withConfig({ displayName: "vui--Section", componentId: "vui--z99ese" }) `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--1lgjeo7" }) `margin-left:-${sizes.md};margin-right:-${sizes.md};`;
+const Body = styled(motion.div).withConfig({ displayName: "vui--Body", componentId: "vui--pfgeh3" }) `overflow-y:hidden;&:not(:first-child)> ${Section}:first-child{margin-top:0;}`;
+const Surface = styled.div.withConfig({ displayName: "vui--Surface", componentId: "vui--g1wpqa" }) `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]};
+    }
+  `}`;
 
-  & + & {
-    border-top: ${r.line} solid ${m.base};
-    padding-top: ${r.md};
-  }
-`,b=o.div`
-  margin-left: -${r.md};
-  margin-right: -${r.md};
-`,g=o(e.div)`
-  overflow-y: hidden;
-
-  &:not(:first-child) > ${f}:first-child {
-    margin-top: 0;
-  }
-`,$=o.div`
-  position: relative;
-  width: 100%;
-  background-color: white;
-  border: ${r.line} solid ${m.base};
-  box-shadow: ${o=>void 0!==o.elevation?s[o.elevation]:i.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: ${r.xs};\n      background-color: ${a[o]};\n    }\n  `}
-`;export{g as Body,l as Footer,b as FullBleed,f as Section,$ as Surface};
+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,aAAA,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,cAAA,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,aAAA,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,26 +1,15 @@
-"use strict";var e=require("styled-components"),s=require("../../theme/modules/sizes.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const d=i.default.header`
-  padding-top: ${s.sizes.md};
-  padding-right: ${s.sizes.md};
-  padding-left: ${s.sizes.md};
-  margin-bottom: ${s.sizes.md};
+'use strict';
 
-  & > * + * {
-    margin-top: ${s.sizes.xs};
-  }
-`,r=i.default.div`
-  /* display: grid;
-  grid-auto-flow: column;
-  grid-template-columns: 1fr;
-  grid-auto-columns: max-content;
-  column-gap: ${s.sizes.base};
-  align-items: center; */
+var styled = require('styled-components');
+var sizes = require('../../theme/modules/sizes.cjs');
 
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  & > *:first-child {
-    flex: 1;
-  }
-`;exports.Header=d,exports.HeaderGrid=r;
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const Header = styled__default.default.header.withConfig({ displayName: "vui--Header", componentId: "vui--oa1a54" }) `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--129vg5d" }) `/*${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,aAAA,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,26 +1,8 @@
-import t from"styled-components";import{sizes as e}from"../../theme/modules/sizes.js";const i=t.header`
-  padding-top: ${e.md};
-  padding-right: ${e.md};
-  padding-left: ${e.md};
-  margin-bottom: ${e.md};
+import styled from 'styled-components';
+import { sizes } from '../../theme/modules/sizes.js';
 
-  & > * + * {
-    margin-top: ${e.xs};
-  }
-`,d=t.div`
-  /* display: grid;
-  grid-auto-flow: column;
-  grid-template-columns: 1fr;
-  grid-auto-columns: max-content;
-  column-gap: ${e.base};
-  align-items: center; */
+const Header = styled.header.withConfig({ displayName: "vui--Header", componentId: "vui--oa1a54" }) `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--129vg5d" }) `/*${sizes.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`;
 
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-
-  & > *:first-child {
-    flex: 1;
-  }
-`;export{i as Header,d as HeaderGrid};
+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,aAAA,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;;;;"}