draft-components 0.55.0 → 0.56.0

package/components/breadcrumbs/breadcrumbs.d.ts

@@ -1,7 +1,7 @@
-import { ComponentPropsWithoutRef, ReactNode, ReactNodeArray } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { BreadcrumbsItem } from './breadcrumbs-item';
 export interface BreadcrumbsProps extends ComponentPropsWithoutRef<'nav'> {
-    children: ReactNodeArray;
+    children: ReactNode[];
     delimiter?: ReactNode;
 }
 export declare function Breadcrumbs({ className, children, delimiter, ...props }: BreadcrumbsProps): JSX.Element;

package/components/breadcrumbs/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":";;;;AAAA,iCAKe;AACf,2DAAqD;AACrD,yDAAqD;AAOrD,SAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,GAAG,EACf,GAAG,KAAK,EACS;IACjB,OAAO,CACL,gDAAS,KAAK,IAAE,SAAS,EAAE,IAAA,0BAAU,EAAC,SAAS,EAAE,gBAAgB,CAAC,gBAChE,6CAAI,SAAS,EAAC,uBAAuB,gBAClC,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACvC,OAAO,CACL,2CACG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CACb,+CAAM,SAAS,EAAC,2BAA2B,gBAAE,SAAS,YAAQ,CAC/D,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,KAJC,oBAAoB,KAAK,EAAE,CAK/B,CACN,CAAC;YACJ,CAAC,CAAC,YACC,YACD,CACP,CAAC;AACJ,CAAC;AAtBD,kCAsBC;AAED,WAAW,CAAC,IAAI,GAAG,kCAAe,CAAC"}
+{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsE;AACtE,2DAAqD;AACrD,yDAAqD;AAOrD,SAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,GAAG,EACf,GAAG,KAAK,EACS;IACjB,OAAO,CACL,gDAAS,KAAK,IAAE,SAAS,EAAE,IAAA,0BAAU,EAAC,SAAS,EAAE,gBAAgB,CAAC,gBAChE,6CAAI,SAAS,EAAC,uBAAuB,gBAClC,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACvC,OAAO,CACL,2CACG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CACb,+CAAM,SAAS,EAAC,2BAA2B,gBAAE,SAAS,YAAQ,CAC/D,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,KAJC,oBAAoB,KAAK,EAAE,CAK/B,CACN,CAAC;YACJ,CAAC,CAAC,YACC,YACD,CACP,CAAC;AACJ,CAAC;AAtBD,kCAsBC;AAED,WAAW,CAAC,IAAI,GAAG,kCAAe,CAAC"}

package/components/calendar/calendar-row.d.ts

@@ -1,7 +1,7 @@
-import { ReactNodeArray } from 'react';
+import { ReactNode } from 'react';
 export interface CalendarWeekProps {
     className?: string;
     isHead?: boolean;
-    children: ReactNodeArray;
+    children: ReactNode[];
 }
 export declare function CalendarRow({ className, isHead, children, }: CalendarWeekProps): JSX.Element;

package/components/calendar/calendar.d.ts

@@ -1,4 +1,4 @@
-import { ReactNodeArray } from 'react';
+import { ReactNode } from 'react';
 import { PlainDate } from '../../lib/plain-date';
 export interface CalendarProps {
     className?: string;
@@ -7,7 +7,7 @@ export interface CalendarProps {
     nextMonthButtonLabel?: string;
     prevYearButtonLabel?: string;
     prevMonthButtonLabel?: string;
-    children: ReactNodeArray;
+    children: ReactNode[];
     focusDate: PlainDate;
     onChangeFocusDate(focusDate: PlainDate): void;
 }

package/components/calendar/calendar.js

@@ -20,7 +20,7 @@ const daysOfWeek = [
 function Calendar({ className, locale, nextYearButtonLabel, nextMonthButtonLabel, prevYearButtonLabel, prevMonthButtonLabel, children, focusDate, onChangeFocusDate, }) {
     const isFocused = (0, react_1.useRef)(false);
     const gridRef = (0, react_1.useRef)(null);
-    const headerId = (0, react_1.useRef)((0, util_1.once)(util_1.uniqueId)('dc-calendar-'));
+    const headerId = (0, react_1.useRef)('');
     const intl = (0, react_1.useMemo)(() => new Intl.DateTimeFormat(locale, {
         weekday: 'short',
     }), [locale]);
@@ -32,6 +32,9 @@ function Calendar({ className, locale, nextYearButtonLabel, nextMonthButtonLabel
             }
         }
     }, [focusDate]);
+    if (!headerId.current) {
+        headerId.current = (0, util_1.uniqueId)('dc-calendar-');
+    }
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_helpers_1.classNames)(className, 'dc-calendar'), role: "grid", "aria-labelledby": headerId.current }, { children: [(0, jsx_runtime_1.jsx)(calendar_header_1.CalendarHeader, { id: headerId.current, locale: locale, nextYearButtonLabel: nextYearButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, prevYearButtonLabel: prevYearButtonLabel, prevMonthButtonLabel: prevMonthButtonLabel, focusDate: focusDate, onChangeFocusDate: onChangeFocusDate }, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ role: "rowgroup" }, { children: (0, jsx_runtime_1.jsx)(calendar_row_1.CalendarRow, Object.assign({ isHead: true }, { children: daysOfWeek.map((weekday, index) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ role: "columnheader", className: "dc-calendar__cell-header" }, { children: intl.format(weekday) }), `weekday-${index}`))) }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: gridRef, role: "rowgroup", className: "dc-calendar__row-group", onFocus: () => {
                     isFocused.current = true;
                 }, onBlur: () => {

package/components/calendar/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../src/components/calendar/calendar.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmE;AACnE,2DAAqD;AACrD,iEAAqD;AACrD,yCAAgD;AAChD,iDAA6C;AAC7C,uDAAmD;AAenD,MAAM,UAAU,GAAG;IACjB,IAAI,IAAI,CAAC,YAAY,CAAC;IACtB,IAAI,IAAI,CAAC,YAAY,CAAC;IACtB,IAAI,IAAI,CAAC,YAAY,CAAC;IACtB,IAAI,IAAI,CAAC,YAAY,CAAC;IACtB,IAAI,IAAI,CAAC,YAAY,CAAC;IACtB,IAAI,IAAI,CAAC,YAAY,CAAC;IACtB,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE,SAAS;CAClC,CAAC;AAEF,SAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,MAAM,EACN,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,iBAAiB,GACH;IACd,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAA,WAAI,EAAC,eAAQ,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;IACxD,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;QACzD,OAAO,EAAE,OAAO;KACjB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEd,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE;YACxC,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;YACpE,IAAI,WAAW,YAAY,WAAW,EAAE;gBACtC,WAAW,CAAC,KAAK,EAAE,CAAC;aACrB;SACF;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,+CACE,SAAS,EAAE,IAAA,0BAAU,EAAC,SAAS,EAAE,aAAa,CAAC,EAC/C,IAAI,EAAC,MAAM,qBACM,QAAQ,CAAC,OAAO,iBAEjC,uBAAC,gCAAc,IACb,EAAE,EAAE,QAAQ,CAAC,OAAO,EACpB,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,WACpC,EAEF,8CAAK,IAAI,EAAC,UAAU,gBAClB,uBAAC,0BAAW,kBAAC,MAAM,EAAE,IAAI,gBACtB,UAAU,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,8CAEE,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,0BAA0B,gBAEnC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAJhB,WAAW,KAAK,EAAE,CAKnB,CACP,CAAC,YACU,YACV,EAEN,8CACE,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,GAAG,EAAE;oBACZ,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC3B,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;oBACX,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;gBAC5B,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,EAAE;oBACjB,IAAI,YAAY,GAAqB,IAAI,CAAC;oBAC1C,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,UAAU,EAAE;wBACpC,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;qBACrC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,SAAS,EAAE;wBAC1C,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;qBACtC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,SAAS,EAAE;wBAC1C,YAAY,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;qBACtC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,OAAO,EAAE;wBACxC,YAAY,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;qBACvC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,IAAI,EAAE;wBACrC,YAAY,GAAG,SAAS,CAAC,WAAW,CAAC;qBACtC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,GAAG,EAAE;wBACpC,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC;qBACpC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,MAAM,EAAE;wBACvC,YAAY,GAAG,KAAK,CAAC,QAAQ;4BAC3B,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;4BACxB,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;qBAC7B;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,QAAQ,EAAE;wBACzC,YAAY,GAAG,KAAK,CAAC,QAAQ;4BAC3B,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;4BACvB,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;qBAC5B;oBAED,IAAI,YAAY,EAAE;wBAChB,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,iBAAiB,CAAC,YAAY,CAAC,CAAC;qBACjC;gBACH,CAAC,gBAEA,QAAQ,YACL,aACF,CACP,CAAC;AACJ,CAAC;AAtGD,4BAsGC"}
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../src/components/calendar/calendar.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8D;AAC9D,2DAAqD;AACrD,iEAAqD;AACrD,yCAA0C;AAC1C,iDAA6C;AAC7C,uDAAmD;AAenD,MAAM,UAAU,GAAG;IACjB,IAAI,IAAI,CAAC,YAAY,CAAC;IACtB,IAAI,IAAI,CAAC,YAAY,CAAC;IACtB,IAAI,IAAI,CAAC,YAAY,CAAC;IACtB,IAAI,IAAI,CAAC,YAAY,CAAC;IACtB,IAAI,IAAI,CAAC,YAAY,CAAC;IACtB,IAAI,IAAI,CAAC,YAAY,CAAC;IACtB,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE,SAAS;CAClC,CAAC;AAEF,SAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,MAAM,EACN,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,iBAAiB,GACH;IACd,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,EAAE,CAAC,CAAC;IAC5B,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;QACzD,OAAO,EAAE,OAAO;KACjB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEd,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE;YACxC,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;YACpE,IAAI,WAAW,YAAY,WAAW,EAAE;gBACtC,WAAW,CAAC,KAAK,EAAE,CAAC;aACrB;SACF;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;QACrB,QAAQ,CAAC,OAAO,GAAG,IAAA,eAAQ,EAAC,cAAc,CAAC,CAAC;KAC7C;IAED,OAAO,CACL,+CACE,SAAS,EAAE,IAAA,0BAAU,EAAC,SAAS,EAAE,aAAa,CAAC,EAC/C,IAAI,EAAC,MAAM,qBACM,QAAQ,CAAC,OAAO,iBAEjC,uBAAC,gCAAc,IACb,EAAE,EAAE,QAAQ,CAAC,OAAO,EACpB,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,WACpC,EAEF,8CAAK,IAAI,EAAC,UAAU,gBAClB,uBAAC,0BAAW,kBAAC,MAAM,EAAE,IAAI,gBACtB,UAAU,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,8CAEE,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,0BAA0B,gBAEnC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAJhB,WAAW,KAAK,EAAE,CAKnB,CACP,CAAC,YACU,YACV,EAEN,8CACE,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,GAAG,EAAE;oBACZ,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC3B,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;oBACX,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;gBAC5B,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,EAAE;oBACjB,IAAI,YAAY,GAAqB,IAAI,CAAC;oBAC1C,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,UAAU,EAAE;wBACpC,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;qBACrC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,SAAS,EAAE;wBAC1C,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;qBACtC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,SAAS,EAAE;wBAC1C,YAAY,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;qBACtC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,OAAO,EAAE;wBACxC,YAAY,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;qBACvC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,IAAI,EAAE;wBACrC,YAAY,GAAG,SAAS,CAAC,WAAW,CAAC;qBACtC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,GAAG,EAAE;wBACpC,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC;qBACpC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,MAAM,EAAE;wBACvC,YAAY,GAAG,KAAK,CAAC,QAAQ;4BAC3B,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;4BACxB,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;qBAC7B;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,0BAAO,CAAC,QAAQ,EAAE;wBACzC,YAAY,GAAG,KAAK,CAAC,QAAQ;4BAC3B,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;4BACvB,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;qBAC5B;oBAED,IAAI,YAAY,EAAE;wBAChB,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,iBAAiB,CAAC,YAAY,CAAC,CAAC;qBACjC;gBACH,CAAC,gBAEA,QAAQ,YACL,aACF,CACP,CAAC;AACJ,CAAC;AA1GD,4BA0GC"}

package/components/checkbox/checkbox.d.ts

@@ -5,4 +5,4 @@ export interface CheckboxProps extends SelectionControlBaseProps, CheckboxHtmlAt
     isMixed?: boolean;
     onCheck?(checked: boolean): void;
 }
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "form" | "label" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "hidden" | "disabled" | "list" | "translate" | "autoFocus" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "description" | "autoComplete" | "checked" | "enterKeyHint" | "readOnly" | "required" | "isMixed" | "onCheck"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "form" | "label" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "description" | "hidden" | "disabled" | "list" | "translate" | "autoFocus" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoComplete" | "checked" | "enterKeyHint" | "readOnly" | "required" | "isMixed" | "onCheck"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/index.d.ts

@@ -33,6 +33,7 @@ export * from './spinner';
 export * from './svg-icon';
 export * from './switch';
 export * from './table';
+export * from './tabs';
 export * from './tag';
 export * from './text-input';
 export * from './textarea';

package/components/index.js

@@ -45,6 +45,7 @@ __exportStar(require("./spinner"), exports);
 __exportStar(require("./svg-icon"), exports);
 __exportStar(require("./switch"), exports);
 __exportStar(require("./table"), exports);
+__exportStar(require("./tabs"), exports);
 __exportStar(require("./tag"), exports);
 __exportStar(require("./text-input"), exports);
 __exportStar(require("./textarea"), exports);

package/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAAgC;AAChC,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,gDAA8B;AAC9B,2CAAyB;AACzB,kDAAgC;AAChC,6CAA2B;AAC3B,gDAA8B;AAC9B,+DAA6C;AAC7C,sDAAoC;AACpC,mDAAiC;AACjC,2CAAyB;AACzB,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,0CAAwB;AACxB,iDAA+B;AAC/B,yDAAuC;AACvC,iDAA+B;AAC/B,mDAAiC;AACjC,4CAA0B;AAC1B,2CAAyB;AACzB,iDAA+B;AAC/B,gDAA8B;AAC9B,kDAAgC;AAChC,iDAA+B;AAC/B,2CAAyB;AACzB,sDAAoC;AACpC,2CAAyB;AACzB,2CAAyB;AACzB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,wCAAsB;AACtB,+CAA6B;AAC7B,6CAA2B;AAC3B,0CAAwB;AACxB,4CAA0B;AAC1B,4CAA0B;AAC1B,wDAAsC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAAgC;AAChC,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,gDAA8B;AAC9B,2CAAyB;AACzB,kDAAgC;AAChC,6CAA2B;AAC3B,gDAA8B;AAC9B,+DAA6C;AAC7C,sDAAoC;AACpC,mDAAiC;AACjC,2CAAyB;AACzB,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,0CAAwB;AACxB,iDAA+B;AAC/B,yDAAuC;AACvC,iDAA+B;AAC/B,mDAAiC;AACjC,4CAA0B;AAC1B,2CAAyB;AACzB,iDAA+B;AAC/B,gDAA8B;AAC9B,kDAAgC;AAChC,iDAA+B;AAC/B,2CAAyB;AACzB,sDAAoC;AACpC,2CAAyB;AACzB,2CAAyB;AACzB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,yCAAuB;AACvB,wCAAsB;AACtB,+CAA6B;AAC7B,6CAA2B;AAC3B,0CAAwB;AACxB,4CAA0B;AAC1B,4CAA0B;AAC1B,wDAAsC"}

package/components/radio-button/radio-button.d.ts

@@ -4,4 +4,4 @@ export declare type RadioButtonHtmlAttrs = Omit<ComponentPropsWithRef<'input'>,
 export interface RadioButtonProps extends SelectionControlBaseProps, RadioButtonHtmlAttrs {
     onCheck?(checked: boolean): void;
 }
-export declare const RadioButton: import("react").ForwardRefExoticComponent<Pick<RadioButtonProps, "form" | "label" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "hidden" | "disabled" | "list" | "translate" | "autoFocus" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "description" | "autoComplete" | "checked" | "enterKeyHint" | "readOnly" | "required" | "onCheck"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const RadioButton: import("react").ForwardRefExoticComponent<Pick<RadioButtonProps, "form" | "label" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "description" | "hidden" | "disabled" | "list" | "translate" | "autoFocus" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoComplete" | "checked" | "enterKeyHint" | "readOnly" | "required" | "onCheck"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/switch/switch.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CheckboxProps } from '../checkbox';
-export declare const Switch: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "form" | "label" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "hidden" | "disabled" | "list" | "translate" | "autoFocus" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "description" | "autoComplete" | "checked" | "enterKeyHint" | "readOnly" | "required" | "isMixed" | "onCheck"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Switch: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "form" | "label" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "description" | "hidden" | "disabled" | "list" | "translate" | "autoFocus" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoComplete" | "checked" | "enterKeyHint" | "readOnly" | "required" | "isMixed" | "onCheck"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './tabs';

package/components/tabs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./tabs"), exports);
+//# sourceMappingURL=index.js.map

package/components/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/tabs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yCAAuB"}

package/components/tabs/tab-list.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from 'react';
+export declare type TabListProps = ComponentPropsWithoutRef<'div'>;
+export declare function TabList({ className, children, onFocus, onBlur, onKeyDown, ...props }: TabListProps): JSX.Element;

package/components/tabs/tab-list.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const guards_1 = require("../../lib/guards");
+const react_helpers_1 = require("../../lib/react-helpers");
+const tabs_state_1 = require("./tabs-state");
+const keyboard_helpers_1 = require("../../lib/keyboard-helpers");
+function TabList({ className, children, onFocus, onBlur, onKeyDown, ...props }) {
+    const focused = (0, react_1.useRef)(false);
+    const tabPointer = (0, react_1.useRef)(null);
+    const { tabsOrder, selectedTabKey, focusedTabKey, focusTab, getTabId, } = (0, tabs_state_1.useTabsState)();
+    const selectedTabId = getTabId(selectedTabKey);
+    (0, react_1.useLayoutEffect)(() => {
+        const tabPointerEl = tabPointer.current;
+        const tabEl = document.getElementById(selectedTabId);
+        if (tabPointerEl && tabEl) {
+            tabPointerEl.style.maxWidth = `${tabEl.offsetWidth}px`;
+            tabPointerEl.style.transform = `translateX(${tabEl.offsetLeft}px)`;
+        }
+    }, [selectedTabId]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, 'dc-tabs__list'), role: "tablist", onFocus: event => {
+            focused.current = true;
+            (0, guards_1.isFunction)(onFocus) && onFocus(event);
+        }, onBlur: event => {
+            focused.current = false;
+            (0, guards_1.isFunction)(onBlur) && onBlur(event);
+        }, onKeyDown: event => {
+            const focusedTabIndex = tabsOrder.indexOf(focusedTabKey);
+            const firstTabIndex = 0;
+            const lastTabIndex = tabsOrder.length - 1;
+            let newFocusedTabIndex = focusedTabIndex;
+            if (event.key === keyboard_helpers_1.KeyCode.arrowRight) {
+                newFocusedTabIndex += 1;
+            }
+            else if (event.key === keyboard_helpers_1.KeyCode.arrowLeft) {
+                newFocusedTabIndex -= 1;
+            }
+            else if (event.key === keyboard_helpers_1.KeyCode.end) {
+                newFocusedTabIndex = lastTabIndex;
+            }
+            else if (event.key === keyboard_helpers_1.KeyCode.home) {
+                newFocusedTabIndex = firstTabIndex;
+            }
+            if (newFocusedTabIndex < firstTabIndex) {
+                newFocusedTabIndex = lastTabIndex;
+            }
+            else if (newFocusedTabIndex > lastTabIndex) {
+                newFocusedTabIndex = firstTabIndex;
+            }
+            const newFocusableTabKey = tabsOrder[newFocusedTabIndex];
+            if (newFocusableTabKey !== focusedTabKey) {
+                event.preventDefault();
+                focusTab(newFocusableTabKey);
+            }
+            (0, guards_1.isFunction)(onKeyDown) && onKeyDown(event);
+        } }, { children: [children, (0, jsx_runtime_1.jsx)("span", { ref: tabPointer, className: "dc-tabs__tab-pointer", "aria-hidden": true }, void 0)] }), void 0));
+}
+exports.TabList = TabList;
+//# sourceMappingURL=tab-list.js.map

package/components/tabs/tab-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-list.js","sourceRoot":"","sources":["../../src/components/tabs/tab-list.tsx"],"names":[],"mappings":"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"}

package/components/tabs/tab-panel.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { TabKey } from './tabs-state';
+export interface TabPanelProps extends ComponentPropsWithoutRef<'div'> {
+    associatedTabKey: TabKey;
+}
+export declare function TabPanel({ associatedTabKey, id, className, children, 'aria-labelledby': ariaLabelledBy, ...props }: TabPanelProps): JSX.Element | null;

package/components/tabs/tab-panel.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabPanel = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_helpers_1 = require("../../lib/react-helpers");
+const tabs_state_1 = require("./tabs-state");
+function TabPanel({ associatedTabKey, id, className, children, 'aria-labelledby': ariaLabelledBy, ...props }) {
+    const { selectedTabKey, getTabPanelId, getTabId } = (0, tabs_state_1.useTabsState)();
+    if (selectedTabKey !== associatedTabKey) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { id: getTabPanelId(associatedTabKey, id), className: (0, react_helpers_1.classNames)(className, 'dc-tabs__panel'), role: "tabpanel", "aria-labelledby": getTabId(associatedTabKey, ariaLabelledBy) }, { children: children }), void 0));
+}
+exports.TabPanel = TabPanel;
+//# sourceMappingURL=tab-panel.js.map

package/components/tabs/tab-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.js","sourceRoot":"","sources":["../../src/components/tabs/tab-panel.tsx"],"names":[],"mappings":";;;;AACA,2DAAqD;AACrD,6CAAoD;AAMpD,SAAgB,QAAQ,CAAC,EACvB,gBAAgB,EAChB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,iBAAiB,EAAE,cAAc,EACjC,GAAG,KAAK,EACM;IACd,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,IAAA,yBAAY,GAAE,CAAC;IAEnE,IAAI,cAAc,KAAK,gBAAgB,EAAE;QACvC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,gDACM,KAAK,IACT,EAAE,EAAE,aAAa,CAAC,gBAAgB,EAAE,EAAE,CAAC,EACvC,SAAS,EAAE,IAAA,0BAAU,EAAC,SAAS,EAAE,gBAAgB,CAAC,EAClD,IAAI,EAAC,UAAU,qBACE,QAAQ,CAAC,gBAAgB,EAAE,cAAc,CAAC,gBAE1D,QAAQ,YACL,CACP,CAAC;AACJ,CAAC;AAzBD,4BAyBC"}

package/components/tabs/tab.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface TabProps extends ComponentPropsWithoutRef<'button'> {
+    tabKey: string;
+    icon?: ReactNode;
+    badge?: ReactNode;
+}
+export declare function Tab({ tabKey, icon, badge, id, className, children, onClick, 'aria-controls': ariaControls, ...props }: TabProps): JSX.Element;

package/components/tabs/tab.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const guards_1 = require("../../lib/guards");
+const react_helpers_1 = require("../../lib/react-helpers");
+const tabs_state_1 = require("./tabs-state");
+function Tab({ tabKey, icon, badge, id, className, children, onClick, 'aria-controls': ariaControls, ...props }) {
+    const { selectedTabKey, focusedTabKey, getTabId, getTabPanelId, selectTab, registerTab, } = (0, tabs_state_1.useTabsState)();
+    const selected = tabKey === selectedTabKey;
+    const focused = tabKey === focusedTabKey;
+    (0, react_1.useEffect)(() => {
+        return registerTab(tabKey);
+    }, [tabKey, registerTab]);
+    return ((0, jsx_runtime_1.jsxs)("button", Object.assign({}, props, { id: getTabId(tabKey, id), name: tabKey, className: (0, react_helpers_1.classNames)(className, 'dc-tabs__tab', 'dc-tab', selected && 'dc-tab_selected'), role: "tab", "aria-selected": selected, "aria-controls": getTabPanelId(tabKey, ariaControls), tabIndex: focused ? 0 : -1, onClick: event => {
+            selectTab(tabKey);
+            (0, guards_1.isFunction)(onClick) && onClick(event);
+        } }, { children: [icon && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "dc-tab__icon" }, { children: icon }), void 0), children, badge && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "dc-tab__badge" }, { children: badge }), void 0)] }), void 0));
+}
+exports.Tab = Tab;
+//# sourceMappingURL=tab.js.map

package/components/tabs/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../src/components/tabs/tab.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuE;AACvE,6CAA8C;AAC9C,2DAAqD;AACrD,6CAA4C;AAU5C,SAAgB,GAAG,CAAC,EAClB,MAAM,EACN,IAAI,EACJ,KAAK,EACL,EAAE,EACF,SAAS,EACT,QAAQ,EACR,OAAO,EACP,eAAe,EAAE,YAAY,EAC7B,GAAG,KAAK,EACC;IACT,MAAM,EACJ,cAAc,EACd,aAAa,EACb,QAAQ,EACR,aAAa,EACb,SAAS,EACT,WAAW,GACZ,GAAG,IAAA,yBAAY,GAAE,CAAC;IACnB,MAAM,QAAQ,GAAG,MAAM,KAAK,cAAc,CAAC;IAC3C,MAAM,OAAO,GAAG,MAAM,KAAK,aAAa,CAAC;IAEzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,oDACM,KAAK,IACT,EAAE,EAAE,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,EACxB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,IAAA,0BAAU,EACnB,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,IAAI,iBAAiB,CACnE,EACD,IAAI,EAAC,KAAK,mBACK,QAAQ,mBACR,aAAa,CAAC,MAAM,EAAE,YAAY,CAAC,EAClD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC1B,OAAO,EAAE,KAAK,CAAC,EAAE;YACf,SAAS,CAAC,MAAM,CAAC,CAAC;YAClB,IAAA,mBAAU,EAAC,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC,iBAEA,IAAI,IAAI,8CAAK,SAAS,EAAC,cAAc,gBAAE,IAAI,YAAO,EAClD,QAAQ,EACR,KAAK,IAAI,8CAAK,SAAS,EAAC,eAAe,gBAAE,KAAK,YAAO,aAC/C,CACV,CAAC;AACJ,CAAC;AAhDD,kBAgDC"}

package/components/tabs/tabs-state.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export declare type TabKey = string;
+export declare type UnregisterTabCallback = () => void;
+export declare type TabsState = {
+    tabsOrder: TabKey[];
+    selectedTabKey: TabKey;
+    focusedTabKey: TabKey;
+    selectTab(tabKey: TabKey): void;
+    focusTab(tabKey: TabKey): void;
+    getTabId(tabKey: TabKey, defaultId?: string): string;
+    getTabPanelId(tabKey: TabKey, defaultId?: string): string;
+    registerTab(tabKey: TabKey): UnregisterTabCallback;
+};
+export declare type TabsStateProviderProps = {
+    children: ReactNode;
+    selectedTabKey: TabKey;
+    onSelectTab(tabKey: TabKey): void;
+};
+export declare function TabsStateProvider({ children, selectedTabKey, onSelectTab, }: TabsStateProviderProps): JSX.Element;
+export declare function useTabsState(): TabsState;

package/components/tabs/tabs-state.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTabsState = exports.TabsStateProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const util_1 = require("../../lib/util");
+const TabsContext = (0, react_1.createContext)(null);
+function TabsStateProvider({ children, selectedTabKey, onSelectTab, }) {
+    const [focusedTabKey, setFocusedTabKey] = (0, react_1.useState)(selectedTabKey);
+    const selectTabCallback = (0, react_1.useRef)(onSelectTab);
+    selectTabCallback.current = onSelectTab;
+    const deps = (0, react_1.useMemo)(() => {
+        const prefix = (0, util_1.uniqueId)('dc-');
+        const tabsOrder = [];
+        function getTabId(tabKey, defaultId) {
+            return defaultId || `${prefix}-${tabKey}-tab`;
+        }
+        function getTabPanelId(tabKey, defaultId) {
+            return defaultId || `${prefix}-${tabKey}-tab-panel`;
+        }
+        function registerTab(tabKey) {
+            tabsOrder.push(tabKey);
+            return () => {
+                const index = tabsOrder.indexOf(tabKey);
+                if (~index) {
+                    tabsOrder.splice(index, 1);
+                }
+            };
+        }
+        function selectTab(tabKey) {
+            selectTabCallback.current(tabKey);
+            setFocusedTabKey(tabKey);
+        }
+        function focusTab(tabKey) {
+            var _a;
+            setFocusedTabKey(tabKey);
+            (_a = document.getElementById(getTabId(tabKey))) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        return {
+            tabsOrder,
+            selectTab,
+            focusTab,
+            getTabId,
+            getTabPanelId,
+            registerTab,
+        };
+    }, []);
+    const state = (0, react_1.useMemo)(() => ({
+        ...deps,
+        selectedTabKey,
+        focusedTabKey,
+    }), [selectedTabKey, focusedTabKey, deps]);
+    return ((0, jsx_runtime_1.jsx)(TabsContext.Provider, Object.assign({ value: state }, { children: children }), void 0));
+}
+exports.TabsStateProvider = TabsStateProvider;
+function useTabsState() {
+    const context = (0, react_1.useContext)(TabsContext);
+    if (!context) {
+        throw new Error('useTabsState must be used within TabsStateProvider');
+    }
+    return context;
+}
+exports.useTabsState = useTabsState;
+//# sourceMappingURL=tabs-state.js.map

package/components/tabs/tabs-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-state.js","sourceRoot":"","sources":["../../src/components/tabs/tabs-state.tsx"],"names":[],"mappings":";;;;AAAA,iCAOe;AACf,yCAA0C;AAuB1C,MAAM,WAAW,GAAG,IAAA,qBAAa,EAAmB,IAAI,CAAC,CAAC;AAE1D,SAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,cAAc,EACd,WAAW,GACY;IACvB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,cAAc,CAAC,CAAC;IACnE,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAC,WAAW,CAAC,CAAC;IAC9C,iBAAiB,CAAC,OAAO,GAAG,WAAW,CAAC;IAExC,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACxB,MAAM,MAAM,GAAG,IAAA,eAAQ,EAAC,KAAK,CAAC,CAAC;QAC/B,MAAM,SAAS,GAAa,EAAE,CAAC;QAE/B,SAAS,QAAQ,CAAC,MAAc,EAAE,SAAkB;YAClD,OAAO,SAAS,IAAI,GAAG,MAAM,IAAI,MAAM,MAAM,CAAC;QAChD,CAAC;QAED,SAAS,aAAa,CAAC,MAAc,EAAE,SAAkB;YACvD,OAAO,SAAS,IAAI,GAAG,MAAM,IAAI,MAAM,YAAY,CAAC;QACtD,CAAC;QAED,SAAS,WAAW,CAAC,MAAc;YACjC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACvB,OAAO,GAAG,EAAE;gBACV,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBACxC,IAAI,CAAC,KAAK,EAAE;oBACV,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;iBAC5B;YACH,CAAC,CAAC;QACJ,CAAC;QAED,SAAS,SAAS,CAAC,MAAc;YAC/B,iBAAiB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAClC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC;QAED,SAAS,QAAQ,CAAC,MAAc;;YAC9B,gBAAgB,CAAC,MAAM,CAAC,CAAC;YACzB,MAAA,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,0CAAE,KAAK,EAAE,CAAC;QACrD,CAAC;QAED,OAAO;YACL,SAAS;YACT,SAAS;YACT,QAAQ;YACR,QAAQ;YACR,aAAa;YACb,WAAW;SACZ,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC;QAC3B,GAAG,IAAI;QACP,cAAc;QACd,aAAa;KACd,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAE3C,OAAO,CACL,uBAAC,WAAW,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,gBAC/B,QAAQ,YACY,CACxB,CAAC;AACJ,CAAC;AA9DD,8CA8DC;AAED,SAAgB,YAAY;IAC1B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,WAAW,CAAC,CAAC;IACxC,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAC;KACvE;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAND,oCAMC"}

package/components/tabs/tabs.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { TabsStateProviderProps } from './tabs-state';
+import { TabList } from './tab-list';
+import { TabPanel } from './tab-panel';
+export interface TabsProps extends ComponentPropsWithoutRef<'div'> {
+    selectedTabKey: TabsStateProviderProps['selectedTabKey'];
+    onSelectTab: TabsStateProviderProps['onSelectTab'];
+}
+export declare function Tabs({ className, children, selectedTabKey, onSelectTab, ...props }: TabsProps): JSX.Element;
+export declare namespace Tabs {
+    var List: typeof TabList;
+    var Tab: typeof import("./tab").Tab;
+    var Panel: typeof TabPanel;
+}

package/components/tabs/tabs.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_helpers_1 = require("../../lib/react-helpers");
+const tabs_state_1 = require("./tabs-state");
+const tab_list_1 = require("./tab-list");
+const tab_1 = require("./tab");
+const tab_panel_1 = require("./tab-panel");
+function Tabs({ className, children, selectedTabKey, onSelectTab, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(tabs_state_1.TabsStateProvider, Object.assign({ selectedTabKey: selectedTabKey, onSelectTab: onSelectTab }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, react_helpers_1.classNames)(className, 'dc-tabs') }, { children: children }), void 0) }), void 0));
+}
+exports.Tabs = Tabs;
+Tabs.List = tab_list_1.TabList;
+Tabs.Tab = tab_1.Tab;
+Tabs.Panel = tab_panel_1.TabPanel;
+//# sourceMappingURL=tabs.js.map

package/components/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;AACA,2DAAqD;AACrD,6CAAyE;AACzE,yCAAqC;AACrC,+BAA4B;AAC5B,2CAAuC;AAOvC,SAAgB,IAAI,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,cAAc,EACd,WAAW,EACX,GAAG,KAAK,EACE;IACV,OAAO,CACL,uBAAC,8BAAiB,kBAChB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,gBAExB,gDAAS,KAAK,IAAE,SAAS,EAAE,IAAA,0BAAU,EAAC,SAAS,EAAE,SAAS,CAAC,gBACxD,QAAQ,YACL,YACY,CACrB,CAAC;AACJ,CAAC;AAjBD,oBAiBC;AAED,IAAI,CAAC,IAAI,GAAG,kBAAO,CAAC;AACpB,IAAI,CAAC,GAAG,GAAG,SAAG,CAAC;AACf,IAAI,CAAC,KAAK,GAAG,oBAAQ,CAAC"}

package/components/vertical-navigation/vertical-navigation.d.ts

@@ -1,7 +1,7 @@
-import { ComponentPropsWithoutRef, ReactNodeArray } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { VerticalNavigationItem } from './vertical-navigation-item';
 export interface VerticalNavigationProps extends ComponentPropsWithoutRef<'nav'> {
-    children: ReactNodeArray;
+    children: ReactNode[];
 }
 export declare function VerticalNavigation({ className, children, ...props }: VerticalNavigationProps): JSX.Element;
 export declare namespace VerticalNavigation {

package/components/vertical-navigation/vertical-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"vertical-navigation.js","sourceRoot":"","sources":["../../src/components/vertical-navigation/vertical-navigation.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2E;AAC3E,yEAAoE;AACpE,2DAAqD;AAOrD,SAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACgB;IACxB,OAAO,CACL,gDAAS,KAAK,IAAE,SAAS,EAAE,IAAA,0BAAU,EAAC,SAAS,EAAE,iBAAiB,CAAC,gBACjE,6CAAI,SAAS,EAAC,wBAAwB,gBACnC,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACvC,OAAO,yCAA+C,KAAK,IAA3C,4BAA4B,KAAK,EAAE,CAAc,CAAC;YACpE,CAAC,CAAC,YACC,YACD,CACP,CAAC;AACJ,CAAC;AAdD,gDAcC;AAED,kBAAkB,CAAC,IAAI,GAAG,iDAAsB,CAAC"}
+{"version":3,"file":"vertical-navigation.js","sourceRoot":"","sources":["../../src/components/vertical-navigation/vertical-navigation.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsE;AACtE,yEAAoE;AACpE,2DAAqD;AAOrD,SAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACgB;IACxB,OAAO,CACL,gDAAS,KAAK,IAAE,SAAS,EAAE,IAAA,0BAAU,EAAC,SAAS,EAAE,iBAAiB,CAAC,gBACjE,6CAAI,SAAS,EAAC,wBAAwB,gBACnC,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACvC,OAAO,yCAA+C,KAAK,IAA3C,4BAA4B,KAAK,EAAE,CAAc,CAAC;YACpE,CAAC,CAAC,YACC,YACD,CACP,CAAC;AACJ,CAAC;AAdD,gDAcC;AAED,kBAAkB,CAAC,IAAI,GAAG,iDAAsB,CAAC"}

package/css/draft-components.css

@@ -1,3 +1,3 @@
-:root{--dc-font-base:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--dc-font-code:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--dc-primary-text-color:#27272a;--dc-secondary-text-color:#71717a;--dc-tertiary-text-color:#a1a1aa;--dc-link-text-color:#3b82f6;--dc-error-text-color:#ff6b6b;--dc-warning-text-color:#ff922b;--dc-info-text-color:#3b82f6;--dc-success-text-color:#5ec169;--dc-primary-border-color:#d4d4d8;--dc-secondary-border-color:#e4e4e7;--dc-primary-bg-color:#fff;--dc-secondary-bg-color:#fafafa;--dc-tertiary-bg-color:#f4f4f5;--dc-skeleton-color:#f4f4f5;--dc-skeleton-bg-color:#e4e4e7;--dc-focus-border-color:#3b82f6;--dc-focus-ring-color:rgba(59,130,246,.45);--dc-focus-ring-secondary-color:#fff;--dc-focus-danger-border-color:#ff6b6b;--dc-focus-danger-ring-color:hsla(0,100%,71%,.4);--dc-zindex-base:0;--dc-zindex-sticky:100;--dc-zindex-fixed:200;--dc-zindex-overlay:300;--dc-disabled-state-opacity:0.5;--dc-control-xs-h:1.375rem;--dc-control-sm-h:1.75rem;--dc-control-md-h:2rem;--dc-control-lg-h:2.25rem;--dc-scrollbar-track-bg-color:#f4f4f5;--dc-scrollbar-track-bg-hover-color:#e4e4e7;--dc-scrollbar-thumb-bg-color:#d4d4d8;--dc-scrollbar-thumb-bg-hover-color:#71717a;--dc-btn-height:var(--dc-control-md-h);--dc-btn-text-color:#3f3f46;--dc-btn-bg:#fff;--dc-btn-bg-hover:#f4f4f5;--dc-btn-bg-active:#e4e4e7;--dc-btn-border-color:#e4e4e7;--dc-btn-border-color-focus:#e4e4e7;--dc-btn-focus-ring-color:var(--dc-focus-ring-color);--dc-btn-secondary-text-color:#3f3f46;--dc-btn-secondary-bg:hsla(240,4%,46%,.1);--dc-btn-secondary-bg-hover:hsla(240,4%,46%,.15);--dc-btn-secondary-bg-active:hsla(240,4%,46%,.2);--dc-btn-secondary-border-color:hsla(240,4%,46%,.1);--dc-btn-secondary-border-color-focus:hsla(240,4%,46%,.1);--dc-btn-secondary-focus-ring-color:var(--dc-focus-ring-color);--dc-btn-minimal-text-color:#3f3f46;--dc-btn-minimal-bg:hsla(240,4%,46%,0);--dc-btn-minimal-bg-hover:hsla(240,4%,46%,.1);--dc-btn-minimal-bg-active:hsla(240,4%,46%,.15);--dc-btn-minimal-border-color:hsla(240,4%,46%,0);--dc-btn-minimal-border-color-focus:hsla(240,4%,46%,0);--dc-btn-minimal-focus-ring-color:var(--dc-focus-ring-color);--dc-btn-primary-text-color:#fff;--dc-btn-primary-bg:#3b82f6;--dc-btn-primary-bg-hover:#2563eb;--dc-btn-primary-bg-active:#1d4ed8;--dc-btn-primary-border-color:#3b82f6;--dc-btn-primary-border-color-focus:#2563eb;--dc-btn-primary-focus-ring-color:var(--dc-focus-ring-color);--dc-btn-danger-text-color:#fff;--dc-btn-danger-bg:#fa5252;--dc-btn-danger-bg-hover:#f03e3e;--dc-btn-danger-bg-active:#e03131;--dc-btn-danger-border-color:#fa5252;--dc-btn-danger-border-color-focus:#e03131;--dc-btn-danger-focus-ring-color:rgba(250,82,82,.5);--dc-btn-success-text-color:#fff;--dc-btn-success-bg:#5ec169;--dc-btn-success-bg-hover:#4ca054;--dc-btn-success-bg-active:#3b7c44;--dc-btn-success-border-color:#5ec169;--dc-btn-success-border-color-focus:#4ca054;--dc-btn-success-focus-ring-color:rgba(94,193,105,.5);--dc-input-text-color:#27272a;--dc-input-add-on-color:#52525b;--dc-input-border-color:#d4d4d8;--dc-input-border:1px solid var(--dc-input-border-color);--dc-input-bg:#fff;--dc-input-disabled-text-color:#a1a1aa;--dc-input-disabled-add-on-color:#a1a1aa;--dc-input-disabled-border-color:#e4e4e7;--dc-input-disabled-bg:#fafafa;--dc-input-error-color:#fa5252;--dc-input-accent-color:#3b82f6;--dc-input-accent-secondary-color:#fff;--dc-input-width:18rem;--dc-input-height:var(--dc-control-md-h);--dc-input-gap:0.75em;--dc-input-border-radius:0.25rem;--dc-input-font-size:0.875rem;--dc-textarea-leading:1.375;--dc-checkbox-size:1.125rem;--dc-radio-btn-size:1.125rem;--dc-switch-check-size:1rem;--dc-switch-width:2rem;--dc-switch-height:1.25rem;--dc-switch-bg:#e4e4e7;--dc-radio-group-selection-color:#3b82f6;--dc-radio-group-border-color:rgba(0,0,0,.1);--dc-slider-thumb-bg:#fff;--dc-slider-track-bg:#a1a1aa;--dc-slider-fill-track-bg:#3b82f6;--dc-calendar-text-color:#27272a;--dc-calendar-text-secondary-color:#71717a;--dc-calendar-border-color:#71717a;--dc-calendar-border-secondary-color:#e4e4e7;--dc-calendar-arrow-color:#2563eb;--dc-calendar-current-day-text-color:#fd7e14;--dc-calendar-selected-day-text-color:#fff;--dc-calendar-selected-day-bg-color:#3b82f6;--dc-date-preset-btn-text-color:#71717a;--dc-date-preset-btn-bg:none;--dc-date-preset-phone-btn-text-color:#27272a;--dc-date-preset-phone-btn-bg:#f4f4f5;--dc-date-preset-hover-btn-text-color:#27272a;--dc-date-preset-hover-btn-bg:#f4f4f5;--dc-date-preset-selected-btn-text-color:#1d4ed8;--dc-date-preset-selected-btn-bg:#dbeafe;--dc-actions-group-border:#d4d4d8;--dc-actions-group-bg:#fff;--dc-non-ideal-state-text-color:var(--dc-primary-text-color);--dc-non-ideal-state-description-color:var(--dc-secondary-text-color);--dc-non-ideal-state-icon-color:var(--dc-tertiary-text-color);--dc-toast-bg:#3f3f46;--dc-toast-text-color:#fff;--dc-toast-secondary-text-color:#d4d4d8;--dc-toast-btn-bg:hsla(0,0%,100%,.1);--dc-toast-btn-text-color:#fff;--dc-breadcrumbs-item-color:var(--dc-secondary-text-color);--dc-breadcrumbs-item-hover-color:var(--dc-primary-text-color);--dc-breadcrumbs-selected-item-color:var(--dc-primary-text-color);--dc-breadcrumbs-delimiter-color:#a1a1aa;--dc-segmented-control-text-color:#3f3f46;--dc-segmented-control-text-color-active:#fff;--dc-segmented-control-border-color:rgba(24,24,27,.15);--dc-segmented-control-border-focus:#3b82f6;--dc-segmented-control-separator-color:rgba(24,24,27,.2);--dc-segmented-control-bg:hsla(240,4%,46%,.05);--dc-segmented-control-bg-active:#3b82f6;--dc-label-text-color:var(--dc-primary-text-color);--dc-label-required-mark-color:#fa5252;--dc-tooltip-bg-color:#27272a;--dc-tooltip-text-color:#f4f4f5;--dc-table-border-color:hsla(240,4%,46%,.25);--dc-table-border:1px solid var(--dc-table-border-color);--dc-table-cell-bg:var(--dc-primary-bg-color);--dc-table-header-cell-bg:var(--dc-secondary-bg-color);--dc-table-hover-row-bg:var(--dc-tertiary-bg-color);--dc-table-striped-row-bg:var(--dc-secondary-bg-color);--dc-table-selected-row-bg:blue-100;--dc-table-selected-stiped-row-bg:blue-50;--dc-avatar-color:#fff;--dc-avatar-bg1-color:#a1a1aa;--dc-avatar-bg2-color:#71717a;--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#a1a1aa,#71717a)}
+:root{--dc-font-base:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--dc-font-code:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--dc-primary-text-color:#27272a;--dc-secondary-text-color:#71717a;--dc-tertiary-text-color:#a1a1aa;--dc-link-text-color:#3b82f6;--dc-error-text-color:#ff6b6b;--dc-warning-text-color:#ff922b;--dc-info-text-color:#3b82f6;--dc-success-text-color:#5ec169;--dc-primary-border-color:#d4d4d8;--dc-secondary-border-color:#e4e4e7;--dc-primary-bg-color:#fff;--dc-secondary-bg-color:#fafafa;--dc-tertiary-bg-color:#f4f4f5;--dc-skeleton-color:#f4f4f5;--dc-skeleton-bg-color:#e4e4e7;--dc-focus-border-color:#3b82f6;--dc-focus-ring-color:rgba(59,130,246,.45);--dc-focus-ring-secondary-color:#fff;--dc-focus-danger-border-color:#ff6b6b;--dc-focus-danger-ring-color:hsla(0,100%,71%,.4);--dc-zindex-base:0;--dc-zindex-sticky:100;--dc-zindex-fixed:200;--dc-zindex-overlay:300;--dc-disabled-state-opacity:0.5;--dc-control-xs-h:1.375rem;--dc-control-sm-h:1.75rem;--dc-control-md-h:2rem;--dc-control-lg-h:2.25rem;--dc-scrollbar-track-bg-color:#f4f4f5;--dc-scrollbar-track-bg-hover-color:#e4e4e7;--dc-scrollbar-thumb-bg-color:#d4d4d8;--dc-scrollbar-thumb-bg-hover-color:#71717a;--dc-btn-height:var(--dc-control-md-h);--dc-btn-text-color:#3f3f46;--dc-btn-bg:#fff;--dc-btn-bg-hover:#f4f4f5;--dc-btn-bg-active:#e4e4e7;--dc-btn-border-color:#e4e4e7;--dc-btn-border-color-focus:#e4e4e7;--dc-btn-focus-ring-color:var(--dc-focus-ring-color);--dc-btn-secondary-text-color:#3f3f46;--dc-btn-secondary-bg:hsla(240,4%,46%,.1);--dc-btn-secondary-bg-hover:hsla(240,4%,46%,.15);--dc-btn-secondary-bg-active:hsla(240,4%,46%,.2);--dc-btn-secondary-border-color:hsla(240,4%,46%,.1);--dc-btn-secondary-border-color-focus:hsla(240,4%,46%,.1);--dc-btn-secondary-focus-ring-color:var(--dc-focus-ring-color);--dc-btn-minimal-text-color:#3f3f46;--dc-btn-minimal-bg:hsla(240,4%,46%,0);--dc-btn-minimal-bg-hover:hsla(240,4%,46%,.1);--dc-btn-minimal-bg-active:hsla(240,4%,46%,.15);--dc-btn-minimal-border-color:hsla(240,4%,46%,0);--dc-btn-minimal-border-color-focus:hsla(240,4%,46%,0);--dc-btn-minimal-focus-ring-color:var(--dc-focus-ring-color);--dc-btn-primary-text-color:#fff;--dc-btn-primary-bg:#3b82f6;--dc-btn-primary-bg-hover:#2563eb;--dc-btn-primary-bg-active:#1d4ed8;--dc-btn-primary-border-color:#3b82f6;--dc-btn-primary-border-color-focus:#2563eb;--dc-btn-primary-focus-ring-color:var(--dc-focus-ring-color);--dc-btn-danger-text-color:#fff;--dc-btn-danger-bg:#fa5252;--dc-btn-danger-bg-hover:#f03e3e;--dc-btn-danger-bg-active:#e03131;--dc-btn-danger-border-color:#fa5252;--dc-btn-danger-border-color-focus:#e03131;--dc-btn-danger-focus-ring-color:rgba(250,82,82,.5);--dc-btn-success-text-color:#fff;--dc-btn-success-bg:#5ec169;--dc-btn-success-bg-hover:#4ca054;--dc-btn-success-bg-active:#3b7c44;--dc-btn-success-border-color:#5ec169;--dc-btn-success-border-color-focus:#4ca054;--dc-btn-success-focus-ring-color:rgba(94,193,105,.5);--dc-input-text-color:#27272a;--dc-input-add-on-color:#52525b;--dc-input-border-color:#d4d4d8;--dc-input-border:1px solid var(--dc-input-border-color);--dc-input-bg:#fff;--dc-input-disabled-text-color:#a1a1aa;--dc-input-disabled-add-on-color:#a1a1aa;--dc-input-disabled-border-color:#e4e4e7;--dc-input-disabled-bg:#fafafa;--dc-input-error-color:#fa5252;--dc-input-accent-color:#3b82f6;--dc-input-accent-secondary-color:#fff;--dc-input-width:18rem;--dc-input-height:var(--dc-control-md-h);--dc-input-gap:0.75em;--dc-input-border-radius:0.25rem;--dc-input-font-size:0.875rem;--dc-textarea-leading:1.375;--dc-checkbox-size:1.125rem;--dc-radio-btn-size:1.125rem;--dc-switch-check-size:1rem;--dc-switch-width:2rem;--dc-switch-height:1.25rem;--dc-switch-bg:#e4e4e7;--dc-radio-group-selection-color:#3b82f6;--dc-radio-group-border-color:rgba(0,0,0,.1);--dc-slider-thumb-bg:#fff;--dc-slider-track-bg:#a1a1aa;--dc-slider-fill-track-bg:#3b82f6;--dc-calendar-text-color:#27272a;--dc-calendar-text-secondary-color:#71717a;--dc-calendar-border-color:#71717a;--dc-calendar-border-secondary-color:#e4e4e7;--dc-calendar-arrow-color:#2563eb;--dc-calendar-current-day-text-color:#fd7e14;--dc-calendar-selected-day-text-color:#fff;--dc-calendar-selected-day-bg-color:#3b82f6;--dc-date-preset-btn-text-color:#71717a;--dc-date-preset-btn-bg:none;--dc-date-preset-phone-btn-text-color:#27272a;--dc-date-preset-phone-btn-bg:#f4f4f5;--dc-date-preset-hover-btn-text-color:#27272a;--dc-date-preset-hover-btn-bg:#f4f4f5;--dc-date-preset-selected-btn-text-color:#1d4ed8;--dc-date-preset-selected-btn-bg:#dbeafe;--dc-actions-group-border:#d4d4d8;--dc-actions-group-bg:#fff;--dc-non-ideal-state-text-color:var(--dc-primary-text-color);--dc-non-ideal-state-description-color:var(--dc-secondary-text-color);--dc-non-ideal-state-icon-color:var(--dc-tertiary-text-color);--dc-toast-bg:#3f3f46;--dc-toast-text-color:#fff;--dc-toast-secondary-text-color:#d4d4d8;--dc-toast-btn-bg:hsla(0,0%,100%,.1);--dc-toast-btn-text-color:#fff;--dc-breadcrumbs-item-color:var(--dc-secondary-text-color);--dc-breadcrumbs-item-hover-color:var(--dc-primary-text-color);--dc-breadcrumbs-selected-item-color:var(--dc-primary-text-color);--dc-breadcrumbs-delimiter-color:#a1a1aa;--dc-segmented-control-text-color:#3f3f46;--dc-segmented-control-text-color-active:#fff;--dc-segmented-control-border-color:rgba(24,24,27,.15);--dc-segmented-control-border-focus:#3b82f6;--dc-segmented-control-separator-color:rgba(24,24,27,.2);--dc-segmented-control-bg:hsla(240,4%,46%,.05);--dc-segmented-control-bg-active:#3b82f6;--dc-tab-text-color:#71717a;--dc-tab-selected-text-color:#3b82f6;--dc-tab-badge-text-color:#fff;--dc-tab-badge-bg-color:#d4d4d8;--dc-tab-badge-selected-text-color:#fff;--dc-tab-selected-badge-bg-color:#3b82f6;--dc-tab-pointer-color:#3b82f6;--dc-tabs-border-color:#e4e4e7;--dc-label-text-color:var(--dc-primary-text-color);--dc-label-required-mark-color:#fa5252;--dc-tooltip-bg-color:#27272a;--dc-tooltip-text-color:#f4f4f5;--dc-table-border-color:hsla(240,4%,46%,.25);--dc-table-border:1px solid var(--dc-table-border-color);--dc-table-cell-bg:var(--dc-primary-bg-color);--dc-table-header-cell-bg:var(--dc-secondary-bg-color);--dc-table-hover-row-bg:var(--dc-tertiary-bg-color);--dc-table-striped-row-bg:var(--dc-secondary-bg-color);--dc-table-selected-row-bg:blue-100;--dc-table-selected-stiped-row-bg:blue-50;--dc-avatar-color:#fff;--dc-avatar-bg1-color:#a1a1aa;--dc-avatar-bg2-color:#71717a;--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#a1a1aa,#71717a)}
 
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@keyframes dc-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dc-box{box-sizing:border-box;font-family:var(--dc-font-base)}.dc-box_bg_none{background:none}.dc-box_bg_primary{background:var(--dc-primary-bg-color)}.dc-box_bg_secondary{background:var(--dc-secondary-bg-color)}.dc-box_bg_tertiary{background:var(--dc-tertiary-bg-color)}.dc-box_border_none{border:none}.dc-box_border_primary{border:.0625rem solid var(--dc-primary-border-color)}.dc-box_border_secondary{border:.0625rem solid var(--dc-secondary-border-color)}.dc-box_border-radius_none{border-radius:0}.dc-box_border-radius_2xs{border-radius:.125rem}.dc-box_border-radius_xs{border-radius:.25rem}.dc-box_border-radius_sm{border-radius:.3125rem}.dc-box_border-radius_md{border-radius:.375rem}.dc-box_border-radius_lg{border-radius:.5rem}.dc-box_border-radius_xl{border-radius:.625rem}.dc-box_border-radius_2xl{border-radius:.75rem}.dc-box_elevation_none{box-shadow:none}.dc-box_elevation_xs{box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05)}.dc-box_elevation_sm{box-shadow:0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06)}.dc-box_elevation_md{box-shadow:0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06)}.dc-box_elevation_lg{box-shadow:0 .625rem .9375rem -.1875rem rgba(0,0,0,.1),0 .25rem .375rem -.125rem rgba(0,0,0,.05)}.dc-box_elevation_xl{box-shadow:0 1.25rem 1.5625rem -.3125rem rgba(0,0,0,.1),0 .625rem .625rem -.3125rem rgba(0,0,0,.04)}.dc-box_p_none{padding:0}.dc-box_p_1x{padding:.25rem}.dc-box_p_2x{padding:.5rem}.dc-box_p_3x{padding:.75rem}.dc-box_p_4x{padding:1rem}.dc-box_p_5x{padding:1.25rem}.dc-box_p_6x{padding:1.5rem}.dc-box_p_8x{padding:2rem}.dc-box_pt_none{padding-top:0}.dc-box_pt_1x{padding-top:.25rem}.dc-box_pt_2x{padding-top:.5rem}.dc-box_pt_3x{padding-top:.75rem}.dc-box_pt_4x{padding-top:1rem}.dc-box_pt_5x{padding-top:1.25rem}.dc-box_pt_6x{padding-top:1.5rem}.dc-box_pt_8x{padding-top:2rem}.dc-box_pr_none{padding-right:0}.dc-box_pr_1x{padding-right:.25rem}.dc-box_pr_2x{padding-right:.5rem}.dc-box_pr_3x{padding-right:.75rem}.dc-box_pr_4x{padding-right:1rem}.dc-box_pr_5x{padding-right:1.25rem}.dc-box_pr_6x{padding-right:1.5rem}.dc-box_pr_8x{padding-right:2rem}.dc-box_pb_none{padding-bottom:0}.dc-box_pb_1x{padding-bottom:.25rem}.dc-box_pb_2x{padding-bottom:.5rem}.dc-box_pb_3x{padding-bottom:.75rem}.dc-box_pb_4x{padding-bottom:1rem}.dc-box_pb_5x{padding-bottom:1.25rem}.dc-box_pb_6x{padding-bottom:1.5rem}.dc-box_pb_8x{padding-bottom:2rem}.dc-box_pl_none{padding-left:0}.dc-box_pl_1x{padding-left:.25rem}.dc-box_pl_2x{padding-left:.5rem}.dc-box_pl_3x{padding-left:.75rem}.dc-box_pl_4x{padding-left:1rem}.dc-box_pl_5x{padding-left:1.25rem}.dc-box_pl_6x{padding-left:1.5rem}.dc-box_pl_8x{padding-left:2rem}.dc-svg-icon{display:inline-block;flex:none;font-size:1em;height:1em;vertical-align:-.125em;width:1em}.dc-fmt-content,.dc-fmt-content__caption,.dc-fmt-content__code,.dc-fmt-content__footnote,.dc-fmt-content__headline,.dc-fmt-content__large-title,.dc-fmt-content__link,.dc-fmt-content__paragraph,.dc-fmt-content__subheadline,.dc-fmt-content__title-1,.dc-fmt-content__title-2,.dc-fmt-content__title-3{color:inherit;font-family:var(--dc-font-base);letter-spacing:0;margin-bottom:0;margin-top:0}.dc-fmt-content,.dc-fmt-content__paragraph{font-size:1rem;font-weight:400;line-height:1.5}.dc-fmt-content__paragraph b,.dc-fmt-content__paragraph strong,.dc-fmt-content b,.dc-fmt-content strong{font-weight:600}.dc-fmt-content__paragraph em,.dc-fmt-content__paragraph i,.dc-fmt-content em,.dc-fmt-content i{font-style:italic}.dc-fmt-content__caption a,.dc-fmt-content__footnote a,.dc-fmt-content__link,.dc-fmt-content__paragraph a,.dc-fmt-content a{color:var(--dc-link-text-color);text-decoration:none}.dc-fmt-content__caption a:hover,.dc-fmt-content__footnote a:hover,.dc-fmt-content__link:hover,.dc-fmt-content__paragraph a:hover,.dc-fmt-content a:hover{text-decoration:underline}.dc-fmt-content__code,.dc-fmt-content__paragraph code,.dc-fmt-content code{background:rgba(0,0,0,.05);border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:85%;padding:.2em .4em}.dc-fmt-content__headline,.dc-fmt-content__large-title,.dc-fmt-content__title-1,.dc-fmt-content__title-2,.dc-fmt-content__title-3,.dc-fmt-content h1,.dc-fmt-content h2,.dc-fmt-content h3,.dc-fmt-content h4,.dc-fmt-content h5,.dc-fmt-content h6{font-weight:700;line-height:1.25}.dc-fmt-content__title-1,.dc-fmt-content h1{font-size:1.75rem}.dc-fmt-content__title-2,.dc-fmt-content h2{font-size:1.5rem}.dc-fmt-content__title-3,.dc-fmt-content h3{font-size:1.125rem}.dc-fmt-content__headline,.dc-fmt-content h4,.dc-fmt-content h5,.dc-fmt-content h6{font-size:1rem}.dc-fmt-content__large-title{font-size:2rem}.dc-fmt-content__subheadline{font-size:.875rem;line-height:1.25}.dc-fmt-content__footnote{font-size:.8125rem;line-height:1.25}.dc-fmt-content__caption{font-size:.75rem;line-height:1.25;opacity:.9}.dc-fmt-content{color:var(--dc-primary-text-color)}.dc-fmt-content>*{margin-bottom:0;margin-top:0}.dc-fmt-content>*+*{margin-top:1.25em}.dc-fmt-content>*+.dc-fmt-content__headline,.dc-fmt-content>*+.dc-fmt-content__large-title,.dc-fmt-content>*+.dc-fmt-content__title-1,.dc-fmt-content>*+.dc-fmt-content__title-2,.dc-fmt-content>*+.dc-fmt-content__title-3,.dc-fmt-content>*+h1,.dc-fmt-content>*+h2,.dc-fmt-content>*+h3,.dc-fmt-content>*+h4,.dc-fmt-content>*+h5,.dc-fmt-content>*+h6{margin-top:1.5em}.dc-fmt-content>.dc-fmt-content__headline+*,.dc-fmt-content>.dc-fmt-content__large-title+*,.dc-fmt-content>.dc-fmt-content__title-1+*,.dc-fmt-content>.dc-fmt-content__title-2+*,.dc-fmt-content>.dc-fmt-content__title-3+*,.dc-fmt-content>h1+*,.dc-fmt-content>h2+*,.dc-fmt-content>h3+*,.dc-fmt-content>h4+*,.dc-fmt-content>h5+*,.dc-fmt-content>h6+*{margin-top:.625em}.dc-fmt-content ol,.dc-fmt-content ul{padding-left:1.15em}.dc-fmt-content ol li+li,.dc-fmt-content ul li+li{margin-top:.5em}.dc-label{color:var(--dc-label-text-color);font-weight:500;position:relative}.dc-label_required:after{color:var(--dc-label-required-mark-color);content:"*";padding-left:.25rem}.dc-inline-message{align-items:flex-start;color:var(--dc-secondary-text-color);display:inline-flex}.dc-inline-message_info{color:var(--dc-info-text-color)}.dc-inline-message_success{color:var(--dc-success-text-color)}.dc-inline-message_error{color:var(--dc-error-text-color)}.dc-inline-message_warning{color:var(--dc-warning-text-color)}.dc-inline-message__icon{flex-shrink:0;line-height:1;margin-right:.5rem;transform:translateY(.125em)}.dc-dialog-container{align-items:center;background:rgba(0,0,0,.25);display:flex;flex-wrap:wrap;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:var(--dc-zindex-overlay)}.dc-dialog{border-color:rgba(0,0,0,.25);box-sizing:border-box;display:inline-flex;flex-direction:column;height:auto;margin:1rem;max-width:100%;padding-bottom:1rem;position:relative;transition-property:opacity,transform;vertical-align:middle;width:40rem}.dc-dialog>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.dc-dialog>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.dc-dialog__header{align-items:flex-start;display:flex;justify-content:flex-end}.dc-dialog__close-btn{flex:none;margin:.25rem}.dc-dialog__description{color:var(--dc-secondary-text-color)}.dc-dialog__actions,.dc-dialog__content,.dc-dialog__footer,.dc-dialog__header-content{padding-left:1rem;padding-right:1rem}.dc-dialog__header-content{flex:auto;padding-bottom:1rem;padding-top:1rem}.dc-dialog__header-content>*+*{margin-top:.25rem}.dc-dialog__content{position:relative}.dc-dialog__actions{align-items:center;display:flex;justify-content:flex-end;padding-top:1rem}.dc-dialog__actions>*+*{margin-left:.5rem}.dc-popover-container{z-index:var(--dc-zindex-overlay)}.dc-popover{max-height:28rem;max-width:28rem}.dc-tooltip{background:var(--dc-tooltip-bg-color);border-radius:.3125rem;box-sizing:border-box;color:var(--dc-tooltip-text-color);display:inline-block;font-family:var(--dc-font-base);font-size:.875rem;line-height:1.375;max-width:18rem;padding:.25rem .5rem;width:auto}.dc-spinner{animation:dc-rotate .8s linear infinite;flex:0 0 1em;height:1em;width:1em}.dc-btn{align-items:center;background:var(--dc-btn-bg);border:1px solid var(--dc-btn-border-color);border-radius:.375rem;box-shadow:0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;color:var(--dc-btn-text-color);cursor:pointer;display:inline-flex;font-family:var(--dc-font-base);font-size:.875rem;font-weight:500;justify-content:center;letter-spacing:-.025em;line-height:1;max-width:100%;min-height:var(--dc-btn-height);min-width:var(--dc-btn-height);padding:0 .75rem;position:relative;text-decoration:none;transition:.1s ease-in-out;transition-property:opacity,background-color;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:auto}.dc-btn:focus{border-color:var(--dc-btn-border-color-focus);box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 3px var(--dc-btn-focus-ring-color);outline:none}.dc-btn:not(:disabled):hover{background:var(--dc-btn-bg-hover)}.dc-btn:active:enabled{background:var(--dc-btn-bg-active)}.dc-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:var(--dc-disabled-state-opacity)}.dc-btn>*+*{margin-left:.5rem}.dc-btn_size_sm,.dc-btn_size_xs{--dc-btn-height:var(--dc-control-xs-h);border-radius:.3125rem;font-size:.75rem}.dc-btn_size_xs{padding-left:.5rem;padding-right:.5rem}.dc-btn_size_sm{--dc-btn-height:var(--dc-control-sm-h)}.dc-btn_size_lg{--dc-btn-height:var(--dc-control-lg-h);border-radius:.375rem;font-size:1rem;padding-left:1rem;padding-right:1rem}.dc-btn_minimal,.dc-btn_secondary{border-color:transparent;box-shadow:none}.dc-btn_minimal:focus,.dc-btn_secondary:focus{box-shadow:0 0 0 3px var(--dc-btn-focus-ring-color)}.dc-btn_minimal:disabled,.dc-btn_secondary:disabled{box-shadow:none}.dc-btn_secondary{--dc-btn-text-color:var(--dc-btn-secondary-text-color);--dc-btn-bg:var(--dc-btn-secondary-bg);--dc-btn-bg-hover:var(--dc-btn-secondary-bg-hover);--dc-btn-bg-active:var(--dc-btn-secondary-bg-active);--dc-btn-border-color:var(--dc-btn-secondary-border-color);--dc-btn-border-color-focus:var(--dc-btn-secondary-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-secondary-focus-ring-color)}.dc-btn_minimal{--dc-btn-text-color:var(--dc-btn-minimal-text-color);--dc-btn-bg:var(--dc-btn-minimal-bg);--dc-btn-bg-hover:var(--dc-btn-minimal-bg-hover);--dc-btn-bg-active:var(--dc-btn-minimal-bg-active);--dc-btn-border-color:var(--dc-btn-minimal-border-color);--dc-btn-border-color-focus:var(--dc-btn-minimal-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-minimal-focus-ring-color)}.dc-btn_primary{--dc-btn-text-color:var(--dc-btn-primary-text-color);--dc-btn-bg:var(--dc-btn-primary-bg);--dc-btn-bg-hover:var(--dc-btn-primary-bg-hover);--dc-btn-bg-active:var(--dc-btn-primary-bg-active);--dc-btn-border-color:var(--dc-btn-primary-border-color);--dc-btn-border-color-focus:var(--dc-btn-primary-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-primary-focus-ring-color)}.dc-btn_danger{--dc-btn-text-color:var(--dc-btn-danger-text-color);--dc-btn-bg:var(--dc-btn-danger-bg);--dc-btn-bg-hover:var(--dc-btn-danger-bg-hover);--dc-btn-bg-active:var(--dc-btn-danger-bg-active);--dc-btn-border-color:var(--dc-btn-danger-border-color);--dc-btn-border-color-focus:var(--dc-btn-danger-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-danger-focus-ring-color)}.dc-btn_success{--dc-btn-text-color:var(--dc-btn-success-text-color);--dc-btn-bg:var(--dc-btn-success-bg);--dc-btn-bg-hover:var(--dc-btn-success-bg-hover);--dc-btn-bg-active:var(--dc-btn-success-bg-active);--dc-btn-border-color:var(--dc-btn-success-border-color);--dc-btn-border-color-focus:var(--dc-btn-success-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-success-focus-ring-color)}.dc-btn__icon{display:inline-flex;flex:0 0 auto}.dc-btn__text{align-items:center;display:flex;justify-content:center}.dc-btn_full-width{width:100%}.dc-btn_circle,.dc-btn_no-padding{padding-left:0;padding-right:0}.dc-btn_rounded{border-radius:calc(var(--dc-btn-height)/2);padding-left:calc(var(--dc-btn-height)/2);padding-right:calc(var(--dc-btn-height)/2)}.dc-btn_circle{border-radius:50%}.dc-btn_loading{pointer-events:none}.dc-btn_loading>*{opacity:0}.dc-btn_loading>.dc-btn__spinner{align-items:center;display:flex;height:100%;justify-content:center;left:0;margin:0;opacity:1;position:absolute;top:0;width:100%}.dc-actions-group{align-items:center;background:var(--dc-actions-group-bg);border:.0625rem solid var(--dc-actions-group-border);border-radius:.375rem;box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05);box-sizing:border-box;display:inline-flex;padding:.125rem}.dc-actions-group>*+*{margin-left:.25rem}.dc-actions-group__btn{border-radius:inherit}.dc-buttons-group{display:inline-flex}.dc-buttons-group>:not(:first-child):not(:last-child){border-radius:0}.dc-buttons-group>:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.dc-buttons-group>:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.dc-buttons-group>*+*{border-left:none}.dc-buttons-group>:focus{z-index:1}.dc-input{-webkit-appearance:none;appearance:none;background:var(--dc-input-bg);border-radius:var(--dc-input-border-radius);box-shadow:0 0 0 1px var(--dc-input-border-color);box-sizing:border-box;color:var(--dc-input-text-color);font-family:var(--dc-font-base);font-size:var(--dc-input-font-size);font-weight:400;height:var(--dc-input-height);line-height:1;margin:0;max-width:100%;min-width:0;padding:0;position:relative;transition:.1s ease-in-out;transition-property:color,border-color,background-color,box-shadow;width:var(--dc-input-width)}.dc-input:-ms-input-placeholder{color:inherit;opacity:.4}.dc-input::placeholder{color:inherit;opacity:.4}.dc-input:focus,.dc-input_focused{--dc-input-focus-color:var(--dc-input-accent-color);box-shadow:0 0 0 2px var(--dc-input-focus-color);outline:none}.dc-input_invalid{--dc-input-border-color:var(--dc-input-error-color)}.dc-input_invalid.dc-input_focused,.dc-input_invalid:focus{--dc-input-focus-color:var(--dc-input-error-color)}.dc-input:disabled,.dc-input[disabled],.dc-input_disabled{--dc-input-border-color:var(--dc-input-disabled-border-color);-webkit-text-fill-color:var(--dc-input-disabled-text-color);background-color:var(--dc-input-disabled-bg);color:var(--dc-input-disabled-text-color);pointer-events:none}.dc-input_size_sm{--dc-input-width:14rem;--dc-input-height:var(--dc-control-sm-h);--dc-input-border-radius:0.25rem;--dc-input-font-size:0.8125rem}.dc-input_size_lg{--dc-input-width:20rem;--dc-input-height:var(--dc-control-lg-h);--dc-input-border-radius:0.3125rem;--dc-input-font-size:0.9375rem}.dc-input_full_width{width:100%!important}.dc-text-input{align-items:center;display:inline-flex}.dc-text-input__native-input{background:none;border:none;box-sizing:border-box;color:inherit;flex:auto;font:inherit;height:inherit;line-height:var(--dc-input-height);min-width:0;padding:0 calc(var(--dc-input-gap)*.75);width:100%}.dc-text-input__native-input:-ms-input-placeholder{color:inherit;opacity:.4}.dc-text-input__native-input::placeholder{color:inherit;opacity:.4}.dc-text-input__native-input:focus{outline:none}.dc-text-input__native-input:disabled{-webkit-text-fill-color:inherit;color:inherit}.dc-text-input__add-on{border-radius:inherit;color:var(--dc-input-add-on-color);display:inline-flex;flex:none;padding:0}.dc-input_disabled .dc-text-input__add-on{color:var(--dc-input-disabled-add-on-color)}.dc-text-input>:first-child{border-bottom-left-radius:inherit;border-top-left-radius:inherit;padding-left:var(--dc-input-gap)}.dc-text-input>:last-child{border-bottom-right-radius:inherit;border-top-right-radius:inherit;padding-right:var(--dc-input-gap)}.dc-number-input{align-items:center;display:inline-flex}.dc-number-input_full-width{width:100%}.dc-number-input>*+*{margin-left:.25rem}.dc-number-input__text-input{flex:auto;width:10rem}.dc-password-input>:last-child{padding-right:.125rem}.dc-password-input__button{border-radius:inherit;color:inherit;max-height:100%}.dc-datetime-input{border:none;display:inline-block}.dc-datetime-input__body,.dc-datetime-input__group{align-items:center;display:inline-flex;width:auto}.dc-datetime-input__body{padding:.25rem calc(var(--dc-input-gap) - .125rem);width:auto}.dc-datetime-input__group{height:100%}.dc-datetime-input__group+.dc-datetime-input__group{margin-left:.75rem}.dc-datetime-input__separator{display:inline-block;opacity:.5;padding:0 .125rem}.dc-date-component-input{align-items:center;display:inline-flex;height:100%;justify-content:center;padding:0;position:relative}.dc-date-component-input>*{font-variant-numeric:tabular-nums;padding:0 .125rem}.dc-date-component-input>[aria-hidden=true]{opacity:0;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dc-date-component-input>input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;background:none;border:none;border-radius:.125rem;box-sizing:border-box;height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.dc-date-component-input>input::-webkit-inner-spin-button,.dc-date-component-input>input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.dc-date-component-input>input:-ms-input-placeholder{color:inherit;opacity:.4}.dc-date-component-input>input::placeholder{color:inherit;opacity:.4}.dc-date-component-input>input:focus{background:var(--dc-input-accent-color);caret-color:transparent;color:#fff;outline:none}.dc-date-component-input>input::selection,.dc-date-component-input>input:focus::selection{background:transparent}.dc-date-component-input>input:focus:-ms-input-placeholder{opacity:.8}.dc-date-component-input>input:focus::placeholder{opacity:.8}.dc-calendar{font-family:var(--dc-font-base)}.dc-calendar-header{align-items:center;display:flex}.dc-calendar-header>*+*{margin-left:.25rem}.dc-calendar-header__title{color:var(--dc-calendar-text-color);flex:auto;font-size:.875rem;font-weight:400;text-align:center}.dc-calendar-header__title:first-letter{text-transform:uppercase}.dc-calendar-header__btn{color:var(--dc-calendar-arrow-color)}.dc-calendar__row-group>*+*{margin-top:.5rem}.dc-calendar__row-group>:first-child{justify-content:flex-end}.dc-calendar-row{display:flex}.dc-calendar-row_head{border-bottom:1px solid var(--dc-calendar-border-secondary-color);margin-bottom:.5rem;padding:.5rem 0}.dc-calendar-row_head>*{color:var(--dc-calendar-text-secondary-color);flex:1 0 1.875rem;font-size:.75rem;text-align:center}.dc-calendar-row_head>*+*{margin-left:.5rem}.dc-calendar-day{color:var(--dc-calendar-text-color);flex:0 0 1.875rem;height:1.875rem;position:relative}.dc-calendar-day:before{border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.dc-calendar-day__btn{-webkit-appearance:none;appearance:none;background:none;border:1px solid transparent;border-radius:50%;box-sizing:border-box;color:inherit;display:inline-block;font-size:.875rem;height:1.875rem;line-height:1;margin:0;padding:0;position:relative;text-align:center;width:1.875rem}.dc-calendar-day__btn:hover{border-color:var(--dc-calendar-border-color);z-index:1}.dc-calendar-day__btn:focus{box-shadow:0 0 0 .2rem var(--dc-focus-ring-color);outline:none;z-index:1}.dc-calendar-day_range-preview-end:not(.dc-calendar-day_selected) .dc-calendar-day__btn,.dc-calendar-day_range-preview-start:not(.dc-calendar-day_selected) .dc-calendar-day__btn{border-color:var(--dc-calendar-border-color)}.dc-calendar-day+.dc-calendar-day{padding-left:.5rem}.dc-calendar-day+.dc-calendar-day_range-preview-start,.dc-calendar-day+.dc-calendar-day_range-start{margin-left:.5rem;padding-left:0}.dc-calendar-day_in-range:before{background:#dbeafe}.dc-calendar-day_in-range-preview:before{border-bottom:1px dashed var(--dc-calendar-border-color);border-top:1px dashed var(--dc-calendar-border-color)}.dc-calendar-day_in-range-preview.dc-calendar-day_range-preview-start:before,.dc-calendar-day_in-range-preview:first-child:before{border-left:1px dashed var(--dc-calendar-border-color)}.dc-calendar-day_in-range-preview.dc-calendar-day_range-preview-end:before,.dc-calendar-day_in-range-preview:last-child:before{border-right:1px dashed var(--dc-calendar-border-color)}.dc-calendar-day:first-child,.dc-calendar-day_range-preview-start,.dc-calendar-day_range-start{border-bottom-left-radius:.9375rem;border-top-left-radius:.9375rem}.dc-calendar-day:last-child,.dc-calendar-day_range-end,.dc-calendar-day_range-preview-end{border-bottom-right-radius:.9375rem;border-top-right-radius:.9375rem}.dc-calendar-day_current{color:var(--dc-calendar-current-day-text-color)}.dc-calendar-day_selected{color:var(--dc-calendar-selected-day-text-color)}.dc-calendar-day_selected .dc-calendar-day__btn{background:var(--dc-calendar-selected-day-bg-color)}.dc-calendar-day_selected .dc-calendar-day__btn:hover{border-color:var(--dc-calendar-selected-day-bg-color)}.dc-date-picker{display:inline-block;font-family:var(--dc-font-base)}.dc-date-picker__footer{font-size:.875rem;margin-top:.5rem}.dc-date-preset-picker-popover{max-height:none;max-width:none}.dc-date-preset-picker__body{display:flex}.dc-date-preset-picker__body>*+*{margin-left:1.5rem}.dc-date-preset-picker_phone-view .dc-date-preset-picker__body{flex-direction:column}.dc-date-preset-picker_phone-view .dc-date-preset-picker__body>*+*{margin-left:0;margin-top:1rem}.dc-date-preset-picker__footer{align-items:center;border-top:1px solid var(--dc-secondary-border-color);display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.dc-date-preset-picker__footer>*+*{margin-left:1rem}.dc-date-preset-picker__selection{font-size:.75rem;text-align:right}.dc-date-preset-picker__selection>*{display:block}.dc-date-preset-picker__selection>small{color:var(--dc-secondary-text-color);font-size:.625rem}.dc-date-preset-picker__btns{align-items:center;display:flex}.dc-date-preset-picker__btns>*+*{margin-left:.5rem}.dc-date-preset-picker_phone-view .dc-date-preset-picker__footer{align-items:stretch;border-top:none;flex-direction:column;padding-top:0}.dc-date-preset-picker_phone-view .dc-date-preset-picker__footer>*+*{margin-left:0;margin-top:.75rem}.dc-date-preset-picker_phone-view .dc-date-preset-picker__btns>*{flex:1 0 50%}.dc-slider{box-sizing:border-box;position:relative;width:100%}.dc-slider_disabled{opacity:var(--dc-disabled-state-opacity)}.dc-slider__tick_marks{align-items:center;display:flex;height:100%;justify-content:space-between;left:0;position:absolute;top:0;width:100%}.dc-slider__tick_marks>*{background:var(--dc-slider-track-bg);flex:0 0 3px;height:6px}.dc-slider:before,.dc-slider__fill-track{height:.125rem;left:0;position:absolute;top:.5625rem}.dc-slider:before{background:var(--dc-slider-track-bg);content:"";width:100%}.dc-slider__fill-track{background:var(--dc-slider-fill-track-bg);width:0}.dc-slider__input{-webkit-appearance:none;appearance:none;background:transparent;box-sizing:border-box;cursor:pointer;display:block;height:1.25rem;left:0;opacity:1;position:relative;top:0;width:100%}.dc-slider__input::-ms-track{background:transparent;border-color:transparent;color:transparent;cursor:pointer;width:100%}.dc-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--dc-slider-thumb-bg);border-color:transparent;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;height:1.25rem;width:1.25rem}.dc-slider__input::-moz-range-thumb{appearance:none;background:var(--dc-slider-thumb-bg);border-color:transparent;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;height:1.25rem;width:1.25rem}.dc-slider__input::-ms-thumb{appearance:none;background:var(--dc-slider-thumb-bg);border-color:transparent;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;height:1.25rem;width:1.25rem}.dc-slider__input:focus{outline:none}.dc-slider__input:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06),0 0 0 4px var(--dc-focus-ring-color)}.dc-slider__input:focus::-moz-range-thumb{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06),0 0 0 4px var(--dc-focus-ring-color)}.dc-slider__input:focus::-ms-thumb{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06),0 0 0 4px var(--dc-focus-ring-color)}.dc-slider__input:disabled{cursor:default}.dc-slider__input_thumb_style_rect::-webkit-slider-thumb{border-radius:.25rem;width:.625rem}.dc-slider__input_thumb_style_rect::-moz-range-thumb{border-radius:.25rem;width:.625rem}.dc-slider__input_thumb_style_rect::-ms-thumb{border-radius:.25rem;width:.625rem}.dc-textarea{border:none;line-height:var(--dc-textarea-leading);min-height:calc(var(--dc-textarea-leading)*5*1rem + var(--dc-input-gap)*2);padding:var(--dc-input-gap);resize:vertical;width:calc(var(--dc-input-width)*1.75)}.dc-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 11 3 3 3-3M9 5 6 2 3 5' stroke='%2352525b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:calc(100% - var(--dc-input-gap));background-repeat:no-repeat;background-size:.85em auto;border:none;box-shadow:0 0 0 1px var(--dc-input-border-color),0 .0625rem .125rem 0 rgba(0,0,0,.05);color:initial;cursor:pointer;line-height:1;padding-left:var(--dc-input-gap);padding-right:calc(1.25em + var(--dc-input-gap));width:auto}.dc-select:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 11 3 3 3-3M9 5 6 2 3 5' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dc-select[multiple]{background:var(--dc-input-bg);height:auto;padding:.5rem 0}.dc-select option{padding:.25rem .75rem}.dc-selection-control{--dc-selection-control-size:1.125rem;--dc-selection-control-gap:0.75rem;align-items:flex-start;display:inline-flex;flex-direction:column;font-family:var(--dc-font-base);justify-content:flex-start}.dc-selection-control__body{align-items:center;display:flex;justify-content:flex-start}.dc-selection-control__label{color:var(--dc-primary-text-color);display:inline-block;font-size:.875rem;font-weight:500;line-height:1;margin-left:var(--dc-selection-control-gap);overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.dc-selection-control__description{color:var(--dc-secondary-text-color);font-size:.875rem;line-height:1.25;margin-left:calc(var(--dc-selection-control-size) + var(--dc-selection-control-gap));margin-top:.25rem}.dc-selection-control_disabled .dc-selection-control__description,.dc-selection-control_disabled .dc-selection-control__label{color:var(--dc-input-disabled-text-color)}.dc-checkbox{--dc-selection-control-size:var(--dc-checkbox-size);position:relative}.dc-checkbox__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-checkbox__check{align-items:center;background:var(--dc-input-bg);border:var(--dc-input-border);border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--dc-checkbox-size);justify-content:center;position:relative;width:var(--dc-checkbox-size)}.dc-checkbox__input:checked+.dc-checkbox__check{background:var(--dc-input-accent-color);border-color:var(--dc-input-accent-color);color:var(--dc-input-accent-secondary-color)}.dc-checkbox__input:focus+.dc-checkbox__check{box-shadow:0 0 0 3px var(--dc-focus-ring-color)}.dc-checkbox__input:disabled+.dc-checkbox__check{background:var(--dc-input-disabled-bg);border-color:var(--dc-input-disabled-border-color);cursor:default}.dc-checkbox__check-icon{display:none}.dc-checkbox__input:checked+.dc-checkbox__check>.dc-checkbox__check-icon{display:inline-flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dc-checkbox__input:disabled+.dc-checkbox__check>.dc-checkbox__check-icon{color:var(--dc-input-disabled-text-color)}.dc-switch{--dc-selection-control-size:var(--dc-switch-width);position:relative}.dc-switch__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-switch__check{background:var(--dc-switch-bg);border-radius:calc(var(--dc-switch-height)/2);box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--dc-switch-height);position:relative;transition:.1s ease-in-out;transition-property:border-color,background-color;width:var(--dc-switch-width)}.dc-switch__check:after{align-items:center;background:var(--dc-input-accent-secondary-color);border-radius:50%;box-shadow:0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;content:"";display:inline-flex;height:var(--dc-switch-check-size);justify-content:center;left:calc(var(--dc-switch-height)/2 - var(--dc-switch-check-size)/2);position:absolute;top:calc(var(--dc-switch-height)/2 - var(--dc-switch-check-size)/2);transition:inherit;transition-property:transform,border-color;width:var(--dc-switch-check-size)}.dc-switch__input:checked+.dc-switch__check{background:var(--dc-input-accent-color)}.dc-switch__input:checked+.dc-switch__check:after{transform:translateX(calc(var(--dc-switch-width) - var(--dc-switch-height)))}.dc-switch__input:focus+.dc-switch__check{box-shadow:0 0 0 3px var(--dc-focus-ring-color)}.dc-switch__input:disabled+.dc-switch__check{cursor:default;opacity:var(--dc-disabled-state-opacity)}.dc-radio-btn{--dc-selection-control-size:var(--dc-radio-btn-size);position:relative}.dc-radio-btn__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-radio-btn__radio{align-items:center;background:var(--dc-input-bg);border:var(--dc-input-border);border-radius:50%;box-sizing:border-box;color:var(--dc-input-accent-secondary-color);cursor:pointer;display:inline-flex;height:var(--dc-radio-btn-size);justify-content:center;width:var(--dc-radio-btn-size)}.dc-radio-btn__input:checked+.dc-radio-btn__radio{background:var(--dc-input-accent-color);border-color:var(--dc-input-accent-color);color:var(--dc-input-accent-secondary-color);position:relative}.dc-radio-btn__input:checked+.dc-radio-btn__radio:after{background:currentColor;border-radius:50%;box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05);content:"";display:inline-flex;height:calc(var(--dc-radio-btn-size)/2.618);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--dc-radio-btn-size)/2.618)}.dc-radio-btn__input:focus+.dc-radio-btn__radio{box-shadow:0 0 0 3px var(--dc-focus-ring-color)}.dc-radio-btn__input:disabled+.dc-radio-btn__radio{background:var(--dc-input-disabled-bg);border-color:var(--dc-input-disabled-border-color);cursor:default}.dc-radio-btn__input:disabled+.dc-radio-btn__radio:after{color:var(--dc-input-disabled-text-color)}.dc-radio-group{font-family:var(--dc-font-base);list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.dc-radio-group>*+*{margin-top:.5rem}.dc-radio-group-input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-radio-group-item{align-items:center;border:2px solid var(--dc-radio-group-border-color);border-radius:.375rem;box-sizing:border-box;cursor:default;display:flex;padding:.5rem 1rem}.dc-radio-group-item__check{border-radius:50%;box-shadow:inset 0 0 0 1px var(--dc-radio-group-border-color);color:var(--dc-radio-group-selection-color);display:inline-block;height:1.125rem;width:1.125rem}.dc-radio-group-item__check-icon{visibility:hidden}.dc-radio-group-item>*+*{margin-left:1rem}.dc-radio-group-item__body{flex:auto;font-size:.875rem}.dc-radio-group-item__label{color:var(--dc-primary-text-color);font-weight:500;margin:0;padding:0}.dc-radio-group-item__description{color:var(--dc-secondary-text-color);margin-top:.25rem}.dc-radio-group-input:checked~.dc-radio-group-item{border-color:var(--dc-radio-group-selection-color)}.dc-radio-group-input:checked~.dc-radio-group-item .dc-radio-group-item__check-icon{visibility:visible}.dc-radio-group-input:focus~.dc-radio-group-item{box-shadow:0 0 0 3px var(--dc-focus-ring-color);outline:none}.dc-radio-group-input:disabled~.dc-radio-group-item{opacity:var(--dc-disabled-state-opacity)}.dc-radio-group_type_simple-list>*+*{margin-top:.25rem}.dc-radio-group_type_simple-list .dc-radio-group-item{border:none;border-radius:.3125rem;display:inline-flex;padding:.25rem}.dc-radio-group_type_simple-list .dc-radio-group-item__label{font-weight:400}.dc-table-container{-webkit-overflow-scrolling:touch;border-bottom:var(--dc-table-border);border-top:var(--dc-table-border);overflow-x:auto;position:relative}.dc-table-container:focus{box-shadow:0 0 0 .2rem var(--dc-focus-ring-color);outline:none}.dc-table{border-collapse:separate;border-spacing:0;font-family:var(--dc-font-base);font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:400;height:auto;width:100%}.dc-table-cell{background:var(--dc-table-cell-bg);border-bottom:var(--dc-table-border);padding:.625rem}.dc-table-head .dc-table-cell{font-size:90%;padding-bottom:.5rem;padding-top:.5rem;white-space:nowrap}.dc-table_padding_lg .dc-table-cell{padding:.875rem}.dc-table_padding_lg .dc-table-head .dc-table-cell{padding-bottom:.75rem;padding-top:.75rem}.dc-table_padding_sm .dc-table-cell{padding:.5rem}.dc-table-cell_header{background:var(--dc-table-header-cell-bg);font-weight:500}.dc-table-cell__body{align-items:center;display:inline-flex}.dc-table-cell__sort-btn{margin-right:.5rem}.dc-table-sort-btn .dc-btn__text{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-table_sticky-header>.dc-table-head>.dc-table-row>.dc-table-cell{position:-webkit-sticky;position:sticky;top:0;z-index:1}.dc-table-body>.dc-table-row:last-child>.dc-table-cell{border-bottom:none}.dc-table_bordered .dc-table-cell+.dc-table-cell{border-left:var(--dc-table-border)}.dc-table_striped>.dc-table-body>.dc-table-row:nth-child(2n)>.dc-table-cell{background:var(--dc-table-striped-row-bg)}.dc-table.dc-table_row_highlighted:not(.dc-table_loading)>.dc-table-body>.dc-table-row:hover>.dc-table-cell{background:var(--dc-table-hover-row-bg)}.dc-table-row_selected>.dc-table-cell{background:var(--dc-table-selected-row-bg)}.dc-table_striped>.dc-table-body>.dc-table-row_selected:nth-child(2n)>.dc-table-cell{background:var(--dc-table-selected-stiped-row-bg)}.dc-table_loading>.dc-table-body .dc-table-cell{color:transparent;position:relative}.dc-table_loading>.dc-table-body .dc-table-cell>*{visibility:hidden}@keyframes shine{0%{background-position:-5rem}75%,to{background-position:calc(100% + 5rem) 0}}.dc-table_loading>.dc-table-body .dc-table-cell:after{animation:shine 2s linear infinite;background-color:var(--dc-skeleton-bg-color);background-image:linear-gradient(90deg,var(--dc-skeleton-bg-color) 0,var(--dc-skeleton-color) 50%,var(--dc-skeleton-bg-color) 100%);background-position:-5rem 0;background-repeat:no-repeat;background-size:5rem 100%;border-radius:.125rem;content:"";height:1rem;left:8%;max-height:100%;position:absolute;top:calc(50% - .5rem);width:84%}.dc-avatar{display:inline-flex;position:relative}.dc-avatar_tint_blue{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#6fd2fc;--dc-avatar-bg2-color:#2a9ef1}.dc-avatar_icon-tint_blue{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#6fd2fc,#2a9ef1)}.dc-avatar_tint_cyan{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#51ebd5;--dc-avatar-bg2-color:#28c9b7}.dc-avatar_icon-tint_cyan{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#51ebd5,#28c9b7)}.dc-avatar_tint_red{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#ff8e72;--dc-avatar-bg2-color:#ff5151}.dc-avatar_icon-tint_red{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#ff8e72,#ff5151)}.dc-avatar_tint_green{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#28ed7f;--dc-avatar-bg2-color:#16c059}.dc-avatar_icon-tint_green{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#28ed7f,#16c032)}.dc-avatar_tint_lime{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#9ddd7d;--dc-avatar-bg2-color:#54cb68}.dc-avatar_icon-tint_lime{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#9ddd7d,#54cb68)}.dc-avatar_tint_indigo{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#80aaff;--dc-avatar-bg2-color:#665fff}.dc-avatar_icon-tint_indigo{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#80aaff,#665fff)}.dc-avatar_tint_yellow{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#ffd85e;--dc-avatar-bg2-color:#ffb92b}.dc-avatar_icon-tint_yellow{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#ffd85e,#ffb92b)}.dc-avatar_tint_orange{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#ffc045;--dc-avatar-bg2-color:#ff8f15}.dc-avatar_icon-tint_orange{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#ffc045,#ff8f15)}.dc-avatar_tint_pink{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#e09ff2;--dc-avatar-bg2-color:#d669ed}.dc-avatar_icon-tint_pink{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#e09ff2,#d669ed)}.dc-avatar__icon{background:var(--dc-avatar-icon-bg);border-radius:50%;color:var(--dc-avatar-icon-color);justify-content:center;position:absolute}.dc-avatar-group,.dc-avatar__icon{align-items:center;display:inline-flex}.dc-avatar-group{justify-content:flex-start;margin:0;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dc-secret{display:inline-block;font-family:var(--dc-font-code);position:relative;word-break:break-word}.dc-secret__content{opacity:.75;text-align:left}.dc-secret__btn{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.dc-secret_shown{font-size:.875em;text-align:right}.dc-secret_shown .dc-secret__btn{margin-top:.5rem;position:static;transform:none}.dc-tag{--dc-tag-height:1.625rem;--dc-tag-color:#3f3f46;--dc-tag-fill-color:#e4e4e7;align-items:center;background:var(--dc-tag-fill-color);border-radius:.3125rem;color:var(--dc-tag-color);display:inline-flex;font-family:var(--dc-font-base);font-size:.875rem;font-weight:400;line-height:1;min-height:var(--dc-tag-height);padding:0 .75rem}.dc-tag_size_sm{--dc-tag-height:1.5rem;font-size:.75rem}.dc-tag_size_lg{--dc-tag-height:1.75rem;border-radius:.375rem;font-size:1rem}.dc-tag_rounded{border-radius:calc(var(--dc-tag-height)/2);padding-left:calc(var(--dc-tag-height)/2);padding-right:calc(var(--dc-tag-height)/2)}.dc-tag__icon{margin-right:.4285714286em}.dc-tag__btn{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:.0625rem;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;margin-left:.4285714286em;opacity:.6;padding:0;transform:translateY(.05em);transition:.1s ease-in-out;transition-property:opacity}.dc-tag__btn:disabled{cursor:not-allowed;opacity:var(--dc-disabled-state-opacity)}.dc-tag__btn:enabled:hover{opacity:1}.dc-tag:focus{box-shadow:0 0 0 2px var(--dc-tag-fill-color),0 0 0 4px currentColor;opacity:1;outline:none}.dc-tag_color_blue{--dc-tag-color:#1e40af;--dc-tag-fill-color:#dbeafe}.dc-tag_color_cyan{--dc-tag-color:#0b7285;--dc-tag-fill-color:#c5f6fa}.dc-tag_color_red{--dc-tag-color:#b52626;--dc-tag-fill-color:#ffe3e3}.dc-tag_color_green{--dc-tag-color:#306339;--dc-tag-fill-color:#c7f5d4}.dc-tag_color_lime{--dc-tag-color:#47730a;--dc-tag-fill-color:#e9fac8}.dc-tag_color_indigo{--dc-tag-color:#364fc7;--dc-tag-fill-color:#dbe4ff}.dc-tag_color_yellow{--dc-tag-color:#995200;--dc-tag-fill-color:#fff3bf}.dc-tag_color_orange{--dc-tag-color:#d9480f;--dc-tag-fill-color:#ffe8cc}.dc-alert{--dc-alert-bg-color:#fafafa;--dc-alert-border-color:#e4e4e7;--dc-alert-icon-color:#a1a1aa;--dc-alert-primary-text-color:#27272a;--dc-alert-secondary-text-color:#52525b;background:var(--dc-alert-bg-color);border:.0625rem solid var(--dc-alert-border-color);border-radius:.375rem;box-sizing:border-box;display:flex;font-family:var(--dc-font-base);font-weight:400;padding:.75rem 1rem;position:relative}.dc-alert__icon{color:var(--dc-alert-icon-color);flex-shrink:0;height:1.125rem;margin-right:.75rem;width:1.125rem}.dc-alert__heading{color:var(--dc-alert-primary-text-color);font-weight:500;line-height:1.125rem;margin:0}.dc-alert__description{color:var(--dc-alert-secondary-text-color);margin:0}.dc-alert__description ol,.dc-alert__description ul{margin:0;padding:0 0 0 1em}*+.dc-alert__description,.dc-alert__description ol li+li,.dc-alert__description ul li+li{margin-top:.25rem}.dc-alert_bordered{border-left:.25rem solid var(--dc-alert-icon-color);border-radius:0}.dc-alert_appearance_warning{--dc-alert-bg-color:#fffceb;--dc-alert-border-color:#ffec99;--dc-alert-icon-color:#f0a800;--dc-alert-primary-text-color:#995200;--dc-alert-secondary-text-color:#ab6700}.dc-alert_appearance_error{--dc-alert-bg-color:#fff5f5;--dc-alert-border-color:#ffc9c9;--dc-alert-icon-color:#ff6b6b;--dc-alert-primary-text-color:#b52626;--dc-alert-secondary-text-color:#e03131}.dc-alert_appearance_info{--dc-alert-bg-color:#eff6ff;--dc-alert-border-color:#bfdbfe;--dc-alert-icon-color:#3b82f6;--dc-alert-primary-text-color:#1e40af;--dc-alert-secondary-text-color:#1d4ed8}.dc-alert_appearance_success{--dc-alert-bg-color:#e2fbe8;--dc-alert-border-color:#9fecb1;--dc-alert-icon-color:#5ec169;--dc-alert-primary-text-color:#285131;--dc-alert-secondary-text-color:#306339}.dc-non-ideal-state{box-sizing:border-box;color:var(--dc-non-ideal-state-text-color);font-family:var(--dc-font-base);font-size:1rem;padding-left:1rem;padding-right:1rem;text-align:center}.dc-non-ideal-state__body{margin:0 auto;max-width:36rem}.dc-non-ideal-state__icon{color:var(--dc-non-ideal-state-icon-color);margin-bottom:2rem}.dc-non-ideal-state__description{color:var(--dc-non-ideal-state-description-color)}.dc-non-ideal-state__icon_red{color:#ff6b6b}.dc-non-ideal-state__icon_orange{color:#ff922b}.dc-non-ideal-state__icon_blue{color:#3b82f6}.dc-non-ideal-state__icon_green{color:#5ec169}.dc-non-ideal-state__description{margin-top:.5rem}.dc-non-ideal-state__actions,.dc-non-ideal-state__content{margin-top:1rem}.dc-non-ideal-state_spacing_none{padding-bottom:0;padding-top:0}.dc-non-ideal-state_spacing_2xs{padding-bottom:.25rem;padding-top:.25rem}.dc-non-ideal-state_spacing_xs{padding-bottom:.5rem;padding-top:.5rem}.dc-non-ideal-state_spacing_sm{padding-bottom:1rem;padding-top:1rem}.dc-non-ideal-state_spacing_md{padding-bottom:2rem;padding-top:2rem}.dc-non-ideal-state_spacing_lg{padding-bottom:4rem;padding-top:4rem}.dc-non-ideal-state_spacing_xl{padding-bottom:5rem;padding-top:5rem}.dc-non-ideal-state_spacing_2xl{padding-bottom:6rem;padding-top:6rem}.dc-loading-view{color:var(--dc-primary-text-color);font-family:var(--dc-font-base);font-size:1rem;padding-left:1rem;padding-right:1rem;text-align:center}.dc-loading-view__spinner{color:var(--dc-secondary-text-color)}.dc-loading-view__content{margin-top:.75rem}.dc-loading-view_pad-y_none{padding-bottom:0;padding-top:0}.dc-loading-view_pad-y_2xs{padding-bottom:.25rem;padding-top:.25rem}.dc-loading-view_pad-y_xs{padding-bottom:.5rem;padding-top:.5rem}.dc-loading-view_pad-y_sm{padding-bottom:1rem;padding-top:1rem}.dc-loading-view_pad-y_md{padding-bottom:2rem;padding-top:2rem}.dc-loading-view_pad-y_lg{padding-bottom:4rem;padding-top:4rem}.dc-loading-view_pad-y_xl{padding-bottom:5rem;padding-top:5rem}.dc-loading-view_pad-y_2xl{padding-bottom:6rem;padding-top:6rem}.dc-toast-btn{-webkit-appearance:none;appearance:none;background:var(--dc-toast-btn-bg);border:none;border-radius:.375rem;color:var(--dc-toast-btn-text-color);cursor:pointer;font-size:.875rem;opacity:.65;padding:.25rem .75rem;transition:.1s ease-in-out;transition-property:opacity}.dc-toast-btn:hover{opacity:1}.dc-toast-btn:focus{box-shadow:0 0 0 .125rem #71717a;opacity:1;outline:none}.dc-toast{background:var(--dc-toast-bg);border-radius:.625rem;box-sizing:border-box;color:var(--dc-toast-text-color);display:inline-flex;font-family:var(--dc-font-base);font-size:.875rem;max-width:37.5rem;min-width:16rem;position:relative;text-align:left;width:auto}.dc-toast_full-width{max-width:none;width:100%}.dc-toast__body,.dc-toast__btns{box-sizing:border-box;display:inline-flex}.dc-toast__body{flex:auto;padding:1rem}.dc-toast__btns{flex:none;flex-direction:column;padding:.25rem}.dc-toast__btns>*+*{margin-top:.25rem}.dc-toast__icon{margin-right:1rem;margin-top:.125rem}.dc-toast_appearance_error .dc-toast__icon{color:#ff6b6b}.dc-toast_appearance_warning .dc-toast__icon{color:#ff922b}.dc-toast_appearance_success .dc-toast__icon{color:#77d989}.dc-toast_appearance_info .dc-toast__icon{color:#60a5fa}.dc-toast__informative-text,.dc-toast__message{font-size:inherit;font-weight:400;line-height:1.375;margin:0}.dc-toast__informative-text{color:var(--dc-toast-secondary-text-color);font-size:90%}.dc-toast__content>*+*{margin-top:.5em}.toaster{box-sizing:border-box;left:.5rem;list-style:none;margin:0;padding:0;pointer-events:none;position:fixed;right:.5rem;z-index:400}.toaster_position_top-center,.toaster_position_top-left,.toaster_position_top-right{top:.5rem}.toaster_position_bottom-center,.toaster_position_bottom-left,.toaster_position_bottom-right{bottom:.5rem}.toaster_position_bottom-left>*,.toaster_position_top-left>*{text-align:left}.toaster_position_bottom-center>*,.toaster_position_top-center>*{text-align:center}.toaster_position_bottom-right>*,.toaster_position_top-right>*{text-align:right}.toaster>*{left:0;position:absolute;right:0;transform:translateX(-50%,0);transition:transform .25s ease}.toaster__item{animation:.25s ease forwards;box-shadow:0 0 0 1px #52525b,0 .625rem .9375rem -.1875rem rgba(0,0,0,.1),0 .25rem .375rem -.125rem rgba(0,0,0,.05);pointer-events:all}@keyframes dc-show-toast-from-top{0%{opacity:0;transform:translateY(-100%) scale(.75)}to{opacity:1;transform:translateY(0) scale(1)}}.toaster_position_top-center .toaster__item,.toaster_position_top-left .toaster__item,.toaster_position_top-right .toaster__item{animation-name:dc-show-toast-from-top}@keyframes dc-show-toast-from-bottom{0%{opacity:0;transform:translateY(0) scale(.75)}to{opacity:1;transform:translateY(-100%) scale(1)}}.toaster_position_bottom-center .toaster__item,.toaster_position_bottom-left .toaster__item,.toaster_position_bottom-right .toaster__item{animation-name:dc-show-toast-from-bottom}.dc-breadcrumbs{overflow-scrolling:touch;font-family:var(--dc-font-base);overflow-y:auto}.dc-breadcrumbs__items{align-items:center;display:flex;list-style:none;margin:0;padding:0}.dc-breadcrumbs__items>*{align-items:center;display:inline-flex}.dc-breadcrumbs__delimiter{color:var(--dc-breadcrumbs-delimiter-color);margin-left:1rem;margin-right:1rem}.dc-breadcrumbs-item{align-items:center;color:var(--dc-breadcrumbs-item-color);display:inline-flex;font-family:inherit;text-decoration:none;transition:.1s ease-in-out;transition-property:color}.dc-breadcrumbs-item:hover{color:var(--dc-breadcrumbs-item-hover-color)}.dc-breadcrumbs-item_selected{color:var(--dc-breadcrumbs-selected-item-color)}.dc-breadcrumbs-item__icon{margin-right:.5rem}.dc-vertical-nav{font-family:var(--dc-font-base)}.dc-vertical-nav__items{list-style:none;margin:0;padding:0}.dc-vertical-nav__items>*+*{margin-top:.25rem}.dc-vertical-nav-item{align-items:center;border-radius:.3125rem;box-sizing:border-box;color:var(--dc-secondary-text-color);cursor:default;display:flex;font-size:1rem;height:2.25rem;padding:0 .5rem;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dc-vertical-nav-item:focus{box-shadow:0 0 0 .2rem var(--dc-focus-ring-color);outline:none}.dc-vertical-nav-item:hover{background:rgba(0,0,0,.05)}.dc-vertical-nav-item_selected{background:rgba(0,0,0,.05);color:var(--dc-primary-text-color)}.dc-vertical-nav-item__icon{flex:none;padding-right:.5rem}.dc-vertical-nav-item__content{flex:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-vertical-nav-item__badge{flex:none;padding-left:.25rem}.dc-segmented-control{background:rgba(24,24,27,.05);border-radius:.5rem;display:inline-flex;list-style:none;margin-bottom:0;margin-top:0;padding:.0625rem .125rem;position:relative}.dc-segmented-control_size_sm{border-radius:.375rem}.dc-segmented-control_size_lg{border-radius:.625rem}.dc-segmented-control__radio-btn{flex:auto;white-space:nowrap}.dc-segmented-control__radio-btn:focus{z-index:1}.dc-segmented-control__radio-btn.dc-btn_default:hover{background:var(--dc-btn-default-bg)}.dc-scope-buttons{display:inline-flex;height:auto;max-width:100%;overflow-x:auto;overflow-y:hidden}.dc-scope-buttons::-webkit-scrollbar{height:.625rem}.dc-scope-buttons::-webkit-scrollbar-track{background-color:var(--dc-scrollbar-track-bg-color)}.dc-scope-buttons::-webkit-scrollbar-track:hover{background-color:var(--dc-scrollbar-track-bg-hover-color)}.dc-scope-buttons::-webkit-scrollbar-thumb{background-color:var(--dc-scrollbar-thumb-bg-color)}.dc-scope-buttons::-webkit-scrollbar-thumb:hover{background-color:var(--dc-scrollbar-thumb-bg-hover-color)}.dc-scope-buttons_bottom-pad{padding-bottom:.25rem}.dc-scope-buttons>.dc-scope-button+.dc-scope-button{margin-left:.125rem}.dc-scope-button{border-width:2px;flex:none}.dc-scope-button:focus{border-color:var(--dc-focus-border-color);box-shadow:none}.dc-form-field__label{display:inline-block;margin-bottom:.25rem}.dc-form-field__error,.dc-form-field__hint{margin-top:.25rem;width:100%}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@keyframes dc-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dc-box{box-sizing:border-box;font-family:var(--dc-font-base)}.dc-box_bg_none{background:none}.dc-box_bg_primary{background:var(--dc-primary-bg-color)}.dc-box_bg_secondary{background:var(--dc-secondary-bg-color)}.dc-box_bg_tertiary{background:var(--dc-tertiary-bg-color)}.dc-box_border_none{border:none}.dc-box_border_primary{border:.0625rem solid var(--dc-primary-border-color)}.dc-box_border_secondary{border:.0625rem solid var(--dc-secondary-border-color)}.dc-box_border-radius_none{border-radius:0}.dc-box_border-radius_2xs{border-radius:.125rem}.dc-box_border-radius_xs{border-radius:.25rem}.dc-box_border-radius_sm{border-radius:.3125rem}.dc-box_border-radius_md{border-radius:.375rem}.dc-box_border-radius_lg{border-radius:.5rem}.dc-box_border-radius_xl{border-radius:.625rem}.dc-box_border-radius_2xl{border-radius:.75rem}.dc-box_elevation_none{box-shadow:none}.dc-box_elevation_xs{box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05)}.dc-box_elevation_sm{box-shadow:0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06)}.dc-box_elevation_md{box-shadow:0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06)}.dc-box_elevation_lg{box-shadow:0 .625rem .9375rem -.1875rem rgba(0,0,0,.1),0 .25rem .375rem -.125rem rgba(0,0,0,.05)}.dc-box_elevation_xl{box-shadow:0 1.25rem 1.5625rem -.3125rem rgba(0,0,0,.1),0 .625rem .625rem -.3125rem rgba(0,0,0,.04)}.dc-box_p_none{padding:0}.dc-box_p_1x{padding:.25rem}.dc-box_p_2x{padding:.5rem}.dc-box_p_3x{padding:.75rem}.dc-box_p_4x{padding:1rem}.dc-box_p_5x{padding:1.25rem}.dc-box_p_6x{padding:1.5rem}.dc-box_p_8x{padding:2rem}.dc-box_pt_none{padding-top:0}.dc-box_pt_1x{padding-top:.25rem}.dc-box_pt_2x{padding-top:.5rem}.dc-box_pt_3x{padding-top:.75rem}.dc-box_pt_4x{padding-top:1rem}.dc-box_pt_5x{padding-top:1.25rem}.dc-box_pt_6x{padding-top:1.5rem}.dc-box_pt_8x{padding-top:2rem}.dc-box_pr_none{padding-right:0}.dc-box_pr_1x{padding-right:.25rem}.dc-box_pr_2x{padding-right:.5rem}.dc-box_pr_3x{padding-right:.75rem}.dc-box_pr_4x{padding-right:1rem}.dc-box_pr_5x{padding-right:1.25rem}.dc-box_pr_6x{padding-right:1.5rem}.dc-box_pr_8x{padding-right:2rem}.dc-box_pb_none{padding-bottom:0}.dc-box_pb_1x{padding-bottom:.25rem}.dc-box_pb_2x{padding-bottom:.5rem}.dc-box_pb_3x{padding-bottom:.75rem}.dc-box_pb_4x{padding-bottom:1rem}.dc-box_pb_5x{padding-bottom:1.25rem}.dc-box_pb_6x{padding-bottom:1.5rem}.dc-box_pb_8x{padding-bottom:2rem}.dc-box_pl_none{padding-left:0}.dc-box_pl_1x{padding-left:.25rem}.dc-box_pl_2x{padding-left:.5rem}.dc-box_pl_3x{padding-left:.75rem}.dc-box_pl_4x{padding-left:1rem}.dc-box_pl_5x{padding-left:1.25rem}.dc-box_pl_6x{padding-left:1.5rem}.dc-box_pl_8x{padding-left:2rem}.dc-svg-icon{display:inline-block;flex:none;font-size:1em;height:1em;vertical-align:-.125em;width:1em}.dc-fmt-content,.dc-fmt-content__caption,.dc-fmt-content__code,.dc-fmt-content__footnote,.dc-fmt-content__headline,.dc-fmt-content__large-title,.dc-fmt-content__link,.dc-fmt-content__paragraph,.dc-fmt-content__subheadline,.dc-fmt-content__title-1,.dc-fmt-content__title-2,.dc-fmt-content__title-3{color:inherit;font-family:var(--dc-font-base);letter-spacing:0;margin-bottom:0;margin-top:0}.dc-fmt-content,.dc-fmt-content__paragraph{font-size:1rem;font-weight:400;line-height:1.5}.dc-fmt-content__paragraph b,.dc-fmt-content__paragraph strong,.dc-fmt-content b,.dc-fmt-content strong{font-weight:600}.dc-fmt-content__paragraph em,.dc-fmt-content__paragraph i,.dc-fmt-content em,.dc-fmt-content i{font-style:italic}.dc-fmt-content__caption a,.dc-fmt-content__footnote a,.dc-fmt-content__link,.dc-fmt-content__paragraph a,.dc-fmt-content a{color:var(--dc-link-text-color);text-decoration:none}.dc-fmt-content__caption a:hover,.dc-fmt-content__footnote a:hover,.dc-fmt-content__link:hover,.dc-fmt-content__paragraph a:hover,.dc-fmt-content a:hover{text-decoration:underline}.dc-fmt-content__code,.dc-fmt-content__paragraph code,.dc-fmt-content code{background:rgba(0,0,0,.05);border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:85%;padding:.2em .4em}.dc-fmt-content__headline,.dc-fmt-content__large-title,.dc-fmt-content__title-1,.dc-fmt-content__title-2,.dc-fmt-content__title-3,.dc-fmt-content h1,.dc-fmt-content h2,.dc-fmt-content h3,.dc-fmt-content h4,.dc-fmt-content h5,.dc-fmt-content h6{font-weight:700;line-height:1.25}.dc-fmt-content__title-1,.dc-fmt-content h1{font-size:1.75rem}.dc-fmt-content__title-2,.dc-fmt-content h2{font-size:1.5rem}.dc-fmt-content__title-3,.dc-fmt-content h3{font-size:1.125rem}.dc-fmt-content__headline,.dc-fmt-content h4,.dc-fmt-content h5,.dc-fmt-content h6{font-size:1rem}.dc-fmt-content__large-title{font-size:2rem}.dc-fmt-content__subheadline{font-size:.875rem;line-height:1.25}.dc-fmt-content__footnote{font-size:.8125rem;line-height:1.25}.dc-fmt-content__caption{font-size:.75rem;line-height:1.25;opacity:.9}.dc-fmt-content{color:var(--dc-primary-text-color)}.dc-fmt-content>*{margin-bottom:0;margin-top:0}.dc-fmt-content>*+*{margin-top:1.25em}.dc-fmt-content>*+.dc-fmt-content__headline,.dc-fmt-content>*+.dc-fmt-content__large-title,.dc-fmt-content>*+.dc-fmt-content__title-1,.dc-fmt-content>*+.dc-fmt-content__title-2,.dc-fmt-content>*+.dc-fmt-content__title-3,.dc-fmt-content>*+h1,.dc-fmt-content>*+h2,.dc-fmt-content>*+h3,.dc-fmt-content>*+h4,.dc-fmt-content>*+h5,.dc-fmt-content>*+h6{margin-top:1.5em}.dc-fmt-content>.dc-fmt-content__headline+*,.dc-fmt-content>.dc-fmt-content__large-title+*,.dc-fmt-content>.dc-fmt-content__title-1+*,.dc-fmt-content>.dc-fmt-content__title-2+*,.dc-fmt-content>.dc-fmt-content__title-3+*,.dc-fmt-content>h1+*,.dc-fmt-content>h2+*,.dc-fmt-content>h3+*,.dc-fmt-content>h4+*,.dc-fmt-content>h5+*,.dc-fmt-content>h6+*{margin-top:.625em}.dc-fmt-content ol,.dc-fmt-content ul{padding-left:1.15em}.dc-fmt-content ol li+li,.dc-fmt-content ul li+li{margin-top:.5em}.dc-label{color:var(--dc-label-text-color);font-weight:500;position:relative}.dc-label_required:after{color:var(--dc-label-required-mark-color);content:"*";padding-left:.25rem}.dc-inline-message{align-items:flex-start;color:var(--dc-secondary-text-color);display:inline-flex}.dc-inline-message_info{color:var(--dc-info-text-color)}.dc-inline-message_success{color:var(--dc-success-text-color)}.dc-inline-message_error{color:var(--dc-error-text-color)}.dc-inline-message_warning{color:var(--dc-warning-text-color)}.dc-inline-message__icon{flex-shrink:0;line-height:1;margin-right:.5rem;transform:translateY(.125em)}.dc-dialog-container{align-items:center;background:rgba(0,0,0,.25);display:flex;flex-wrap:wrap;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:var(--dc-zindex-overlay)}.dc-dialog{border-color:rgba(0,0,0,.25);box-sizing:border-box;display:inline-flex;flex-direction:column;height:auto;margin:1rem;max-width:100%;padding-bottom:1rem;position:relative;transition-property:opacity,transform;vertical-align:middle;width:40rem}.dc-dialog>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.dc-dialog>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.dc-dialog__header{align-items:flex-start;display:flex;justify-content:flex-end}.dc-dialog__close-btn{flex:none;margin:.25rem}.dc-dialog__description{color:var(--dc-secondary-text-color)}.dc-dialog__actions,.dc-dialog__content,.dc-dialog__footer,.dc-dialog__header-content{padding-left:1rem;padding-right:1rem}.dc-dialog__header-content{flex:auto;padding-bottom:1rem;padding-top:1rem}.dc-dialog__header-content>*+*{margin-top:.25rem}.dc-dialog__content{position:relative}.dc-dialog__actions{align-items:center;display:flex;justify-content:flex-end;padding-top:1rem}.dc-dialog__actions>*+*{margin-left:.5rem}.dc-popover-container{z-index:var(--dc-zindex-overlay)}.dc-popover{max-height:28rem;max-width:28rem}.dc-tooltip{background:var(--dc-tooltip-bg-color);border-radius:.3125rem;box-sizing:border-box;color:var(--dc-tooltip-text-color);display:inline-block;font-family:var(--dc-font-base);font-size:.875rem;line-height:1.375;max-width:18rem;padding:.25rem .5rem;width:auto}.dc-spinner{animation:dc-rotate .8s linear infinite;flex:0 0 1em;height:1em;width:1em}.dc-btn{align-items:center;background:var(--dc-btn-bg);border:1px solid var(--dc-btn-border-color);border-radius:.375rem;box-shadow:0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;color:var(--dc-btn-text-color);cursor:pointer;display:inline-flex;font-family:var(--dc-font-base);font-size:.875rem;font-weight:500;justify-content:center;letter-spacing:-.025em;line-height:1;max-width:100%;min-height:var(--dc-btn-height);min-width:var(--dc-btn-height);padding:0 .75rem;position:relative;text-decoration:none;transition:.1s ease-in-out;transition-property:opacity,background-color;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:auto}.dc-btn:focus{border-color:var(--dc-btn-border-color-focus);box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 3px var(--dc-btn-focus-ring-color);outline:none}.dc-btn:not(:disabled):hover{background:var(--dc-btn-bg-hover)}.dc-btn:active:enabled{background:var(--dc-btn-bg-active)}.dc-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:var(--dc-disabled-state-opacity)}.dc-btn>*+*{margin-left:.5rem}.dc-btn_size_sm,.dc-btn_size_xs{--dc-btn-height:var(--dc-control-xs-h);border-radius:.3125rem;font-size:.75rem}.dc-btn_size_xs{padding-left:.5rem;padding-right:.5rem}.dc-btn_size_sm{--dc-btn-height:var(--dc-control-sm-h)}.dc-btn_size_lg{--dc-btn-height:var(--dc-control-lg-h);border-radius:.375rem;font-size:1rem;padding-left:1rem;padding-right:1rem}.dc-btn_minimal,.dc-btn_secondary{border-color:transparent;box-shadow:none}.dc-btn_minimal:focus,.dc-btn_secondary:focus{box-shadow:0 0 0 3px var(--dc-btn-focus-ring-color)}.dc-btn_minimal:disabled,.dc-btn_secondary:disabled{box-shadow:none}.dc-btn_secondary{--dc-btn-text-color:var(--dc-btn-secondary-text-color);--dc-btn-bg:var(--dc-btn-secondary-bg);--dc-btn-bg-hover:var(--dc-btn-secondary-bg-hover);--dc-btn-bg-active:var(--dc-btn-secondary-bg-active);--dc-btn-border-color:var(--dc-btn-secondary-border-color);--dc-btn-border-color-focus:var(--dc-btn-secondary-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-secondary-focus-ring-color)}.dc-btn_minimal{--dc-btn-text-color:var(--dc-btn-minimal-text-color);--dc-btn-bg:var(--dc-btn-minimal-bg);--dc-btn-bg-hover:var(--dc-btn-minimal-bg-hover);--dc-btn-bg-active:var(--dc-btn-minimal-bg-active);--dc-btn-border-color:var(--dc-btn-minimal-border-color);--dc-btn-border-color-focus:var(--dc-btn-minimal-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-minimal-focus-ring-color)}.dc-btn_primary{--dc-btn-text-color:var(--dc-btn-primary-text-color);--dc-btn-bg:var(--dc-btn-primary-bg);--dc-btn-bg-hover:var(--dc-btn-primary-bg-hover);--dc-btn-bg-active:var(--dc-btn-primary-bg-active);--dc-btn-border-color:var(--dc-btn-primary-border-color);--dc-btn-border-color-focus:var(--dc-btn-primary-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-primary-focus-ring-color)}.dc-btn_danger{--dc-btn-text-color:var(--dc-btn-danger-text-color);--dc-btn-bg:var(--dc-btn-danger-bg);--dc-btn-bg-hover:var(--dc-btn-danger-bg-hover);--dc-btn-bg-active:var(--dc-btn-danger-bg-active);--dc-btn-border-color:var(--dc-btn-danger-border-color);--dc-btn-border-color-focus:var(--dc-btn-danger-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-danger-focus-ring-color)}.dc-btn_success{--dc-btn-text-color:var(--dc-btn-success-text-color);--dc-btn-bg:var(--dc-btn-success-bg);--dc-btn-bg-hover:var(--dc-btn-success-bg-hover);--dc-btn-bg-active:var(--dc-btn-success-bg-active);--dc-btn-border-color:var(--dc-btn-success-border-color);--dc-btn-border-color-focus:var(--dc-btn-success-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-success-focus-ring-color)}.dc-btn__icon{display:inline-flex;flex:0 0 auto}.dc-btn__text{align-items:center;display:flex;justify-content:center}.dc-btn_full-width{width:100%}.dc-btn_circle,.dc-btn_no-padding{padding-left:0;padding-right:0}.dc-btn_rounded{border-radius:calc(var(--dc-btn-height)/2);padding-left:calc(var(--dc-btn-height)/2);padding-right:calc(var(--dc-btn-height)/2)}.dc-btn_circle{border-radius:50%}.dc-btn_loading{pointer-events:none}.dc-btn_loading>*{opacity:0}.dc-btn_loading>.dc-btn__spinner{align-items:center;display:flex;height:100%;justify-content:center;left:0;margin:0;opacity:1;position:absolute;top:0;width:100%}.dc-actions-group{align-items:center;background:var(--dc-actions-group-bg);border:.0625rem solid var(--dc-actions-group-border);border-radius:.375rem;box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05);box-sizing:border-box;display:inline-flex;padding:.125rem}.dc-actions-group>*+*{margin-left:.25rem}.dc-actions-group__btn{border-radius:inherit}.dc-buttons-group{display:inline-flex}.dc-buttons-group>:not(:first-child):not(:last-child){border-radius:0}.dc-buttons-group>:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.dc-buttons-group>:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.dc-buttons-group>*+*{border-left:none}.dc-buttons-group>:focus{z-index:1}.dc-input{-webkit-appearance:none;appearance:none;background:var(--dc-input-bg);border-radius:var(--dc-input-border-radius);box-shadow:0 0 0 1px var(--dc-input-border-color);box-sizing:border-box;color:var(--dc-input-text-color);font-family:var(--dc-font-base);font-size:var(--dc-input-font-size);font-weight:400;height:var(--dc-input-height);line-height:1;margin:0;max-width:100%;min-width:0;padding:0;position:relative;transition:.1s ease-in-out;transition-property:color,border-color,background-color,box-shadow;width:var(--dc-input-width)}.dc-input:-ms-input-placeholder{color:inherit;opacity:.4}.dc-input::placeholder{color:inherit;opacity:.4}.dc-input:focus,.dc-input_focused{--dc-input-focus-color:var(--dc-input-accent-color);box-shadow:0 0 0 2px var(--dc-input-focus-color);outline:none}.dc-input_invalid{--dc-input-border-color:var(--dc-input-error-color)}.dc-input_invalid.dc-input_focused,.dc-input_invalid:focus{--dc-input-focus-color:var(--dc-input-error-color)}.dc-input:disabled,.dc-input[disabled],.dc-input_disabled{--dc-input-border-color:var(--dc-input-disabled-border-color);-webkit-text-fill-color:var(--dc-input-disabled-text-color);background-color:var(--dc-input-disabled-bg);color:var(--dc-input-disabled-text-color);pointer-events:none}.dc-input_size_sm{--dc-input-width:14rem;--dc-input-height:var(--dc-control-sm-h);--dc-input-border-radius:0.25rem;--dc-input-font-size:0.8125rem}.dc-input_size_lg{--dc-input-width:20rem;--dc-input-height:var(--dc-control-lg-h);--dc-input-border-radius:0.3125rem;--dc-input-font-size:0.9375rem}.dc-input_full_width{width:100%!important}.dc-text-input{align-items:center;display:inline-flex}.dc-text-input__native-input{background:none;border:none;box-sizing:border-box;color:inherit;flex:auto;font:inherit;height:inherit;line-height:var(--dc-input-height);min-width:0;padding:0 calc(var(--dc-input-gap)*.75);width:100%}.dc-text-input__native-input:-ms-input-placeholder{color:inherit;opacity:.4}.dc-text-input__native-input::placeholder{color:inherit;opacity:.4}.dc-text-input__native-input:focus{outline:none}.dc-text-input__native-input:disabled{-webkit-text-fill-color:inherit;color:inherit}.dc-text-input__add-on{border-radius:inherit;color:var(--dc-input-add-on-color);display:inline-flex;flex:none;padding:0}.dc-input_disabled .dc-text-input__add-on{color:var(--dc-input-disabled-add-on-color)}.dc-text-input>:first-child{border-bottom-left-radius:inherit;border-top-left-radius:inherit;padding-left:var(--dc-input-gap)}.dc-text-input>:last-child{border-bottom-right-radius:inherit;border-top-right-radius:inherit;padding-right:var(--dc-input-gap)}.dc-number-input{align-items:center;display:inline-flex}.dc-number-input_full-width{width:100%}.dc-number-input>*+*{margin-left:.25rem}.dc-number-input__text-input{flex:auto;width:10rem}.dc-password-input>:last-child{padding-right:.125rem}.dc-password-input__button{border-radius:inherit;color:inherit;max-height:100%}.dc-datetime-input{border:none;display:inline-block}.dc-datetime-input__body,.dc-datetime-input__group{align-items:center;display:inline-flex;width:auto}.dc-datetime-input__body{padding:.25rem calc(var(--dc-input-gap) - .125rem);width:auto}.dc-datetime-input__group{height:100%}.dc-datetime-input__group+.dc-datetime-input__group{margin-left:.75rem}.dc-datetime-input__separator{display:inline-block;opacity:.5;padding:0 .125rem}.dc-date-component-input{align-items:center;display:inline-flex;height:100%;justify-content:center;padding:0;position:relative}.dc-date-component-input>*{font-variant-numeric:tabular-nums;padding:0 .125rem}.dc-date-component-input>[aria-hidden=true]{opacity:0;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dc-date-component-input>input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;background:none;border:none;border-radius:.125rem;box-sizing:border-box;height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.dc-date-component-input>input::-webkit-inner-spin-button,.dc-date-component-input>input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.dc-date-component-input>input:-ms-input-placeholder{color:inherit;opacity:.4}.dc-date-component-input>input::placeholder{color:inherit;opacity:.4}.dc-date-component-input>input:focus{background:var(--dc-input-accent-color);caret-color:transparent;color:#fff;outline:none}.dc-date-component-input>input::selection,.dc-date-component-input>input:focus::selection{background:transparent}.dc-date-component-input>input:focus:-ms-input-placeholder{opacity:.8}.dc-date-component-input>input:focus::placeholder{opacity:.8}.dc-calendar{font-family:var(--dc-font-base)}.dc-calendar-header{align-items:center;display:flex}.dc-calendar-header>*+*{margin-left:.25rem}.dc-calendar-header__title{color:var(--dc-calendar-text-color);flex:auto;font-size:.875rem;font-weight:400;text-align:center}.dc-calendar-header__title:first-letter{text-transform:uppercase}.dc-calendar-header__btn{color:var(--dc-calendar-arrow-color)}.dc-calendar__row-group>*+*{margin-top:.5rem}.dc-calendar__row-group>:first-child{justify-content:flex-end}.dc-calendar-row{display:flex}.dc-calendar-row_head{border-bottom:1px solid var(--dc-calendar-border-secondary-color);margin-bottom:.5rem;padding:.5rem 0}.dc-calendar-row_head>*{color:var(--dc-calendar-text-secondary-color);flex:1 0 1.875rem;font-size:.75rem;text-align:center}.dc-calendar-row_head>*+*{margin-left:.5rem}.dc-calendar-day{color:var(--dc-calendar-text-color);flex:0 0 1.875rem;height:1.875rem;position:relative}.dc-calendar-day:before{border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.dc-calendar-day__btn{-webkit-appearance:none;appearance:none;background:none;border:1px solid transparent;border-radius:50%;box-sizing:border-box;color:inherit;display:inline-block;font-size:.875rem;height:1.875rem;line-height:1;margin:0;padding:0;position:relative;text-align:center;width:1.875rem}.dc-calendar-day__btn:hover{border-color:var(--dc-calendar-border-color);z-index:1}.dc-calendar-day__btn:focus{box-shadow:0 0 0 .2rem var(--dc-focus-ring-color);outline:none;z-index:1}.dc-calendar-day_range-preview-end:not(.dc-calendar-day_selected) .dc-calendar-day__btn,.dc-calendar-day_range-preview-start:not(.dc-calendar-day_selected) .dc-calendar-day__btn{border-color:var(--dc-calendar-border-color)}.dc-calendar-day+.dc-calendar-day{padding-left:.5rem}.dc-calendar-day+.dc-calendar-day_range-preview-start,.dc-calendar-day+.dc-calendar-day_range-start{margin-left:.5rem;padding-left:0}.dc-calendar-day_in-range:before{background:#dbeafe}.dc-calendar-day_in-range-preview:before{border-bottom:1px dashed var(--dc-calendar-border-color);border-top:1px dashed var(--dc-calendar-border-color)}.dc-calendar-day_in-range-preview.dc-calendar-day_range-preview-start:before,.dc-calendar-day_in-range-preview:first-child:before{border-left:1px dashed var(--dc-calendar-border-color)}.dc-calendar-day_in-range-preview.dc-calendar-day_range-preview-end:before,.dc-calendar-day_in-range-preview:last-child:before{border-right:1px dashed var(--dc-calendar-border-color)}.dc-calendar-day:first-child,.dc-calendar-day_range-preview-start,.dc-calendar-day_range-start{border-bottom-left-radius:.9375rem;border-top-left-radius:.9375rem}.dc-calendar-day:last-child,.dc-calendar-day_range-end,.dc-calendar-day_range-preview-end{border-bottom-right-radius:.9375rem;border-top-right-radius:.9375rem}.dc-calendar-day_current{color:var(--dc-calendar-current-day-text-color)}.dc-calendar-day_selected{color:var(--dc-calendar-selected-day-text-color)}.dc-calendar-day_selected .dc-calendar-day__btn{background:var(--dc-calendar-selected-day-bg-color)}.dc-calendar-day_selected .dc-calendar-day__btn:hover{border-color:var(--dc-calendar-selected-day-bg-color)}.dc-date-picker{display:inline-block;font-family:var(--dc-font-base)}.dc-date-picker__footer{font-size:.875rem;margin-top:.5rem}.dc-date-preset-picker-popover{max-height:none;max-width:none}.dc-date-preset-picker__body{display:flex}.dc-date-preset-picker__body>*+*{margin-left:1.5rem}.dc-date-preset-picker_phone-view .dc-date-preset-picker__body{flex-direction:column}.dc-date-preset-picker_phone-view .dc-date-preset-picker__body>*+*{margin-left:0;margin-top:1rem}.dc-date-preset-picker__footer{align-items:center;border-top:1px solid var(--dc-secondary-border-color);display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.dc-date-preset-picker__footer>*+*{margin-left:1rem}.dc-date-preset-picker__selection{font-size:.75rem;text-align:right}.dc-date-preset-picker__selection>*{display:block}.dc-date-preset-picker__selection>small{color:var(--dc-secondary-text-color);font-size:.625rem}.dc-date-preset-picker__btns{align-items:center;display:flex}.dc-date-preset-picker__btns>*+*{margin-left:.5rem}.dc-date-preset-picker_phone-view .dc-date-preset-picker__footer{align-items:stretch;border-top:none;flex-direction:column;padding-top:0}.dc-date-preset-picker_phone-view .dc-date-preset-picker__footer>*+*{margin-left:0;margin-top:.75rem}.dc-date-preset-picker_phone-view .dc-date-preset-picker__btns>*{flex:1 0 50%}.dc-slider{box-sizing:border-box;position:relative;width:100%}.dc-slider_disabled{opacity:var(--dc-disabled-state-opacity)}.dc-slider__tick_marks{align-items:center;display:flex;height:100%;justify-content:space-between;left:0;position:absolute;top:0;width:100%}.dc-slider__tick_marks>*{background:var(--dc-slider-track-bg);flex:0 0 3px;height:6px}.dc-slider:before,.dc-slider__fill-track{height:.125rem;left:0;position:absolute;top:.5625rem}.dc-slider:before{background:var(--dc-slider-track-bg);content:"";width:100%}.dc-slider__fill-track{background:var(--dc-slider-fill-track-bg);width:0}.dc-slider__input{-webkit-appearance:none;appearance:none;background:transparent;box-sizing:border-box;cursor:pointer;display:block;height:1.25rem;left:0;opacity:1;position:relative;top:0;width:100%}.dc-slider__input::-ms-track{background:transparent;border-color:transparent;color:transparent;cursor:pointer;width:100%}.dc-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--dc-slider-thumb-bg);border-color:transparent;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;height:1.25rem;width:1.25rem}.dc-slider__input::-moz-range-thumb{appearance:none;background:var(--dc-slider-thumb-bg);border-color:transparent;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;height:1.25rem;width:1.25rem}.dc-slider__input::-ms-thumb{appearance:none;background:var(--dc-slider-thumb-bg);border-color:transparent;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;height:1.25rem;width:1.25rem}.dc-slider__input:focus{outline:none}.dc-slider__input:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06),0 0 0 4px var(--dc-focus-ring-color)}.dc-slider__input:focus::-moz-range-thumb{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06),0 0 0 4px var(--dc-focus-ring-color)}.dc-slider__input:focus::-ms-thumb{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06),0 0 0 4px var(--dc-focus-ring-color)}.dc-slider__input:disabled{cursor:default}.dc-slider__input_thumb_style_rect::-webkit-slider-thumb{border-radius:.25rem;width:.625rem}.dc-slider__input_thumb_style_rect::-moz-range-thumb{border-radius:.25rem;width:.625rem}.dc-slider__input_thumb_style_rect::-ms-thumb{border-radius:.25rem;width:.625rem}.dc-textarea{border:none;line-height:var(--dc-textarea-leading);min-height:calc(var(--dc-textarea-leading)*5*1rem + var(--dc-input-gap)*2);padding:var(--dc-input-gap);resize:vertical;width:calc(var(--dc-input-width)*1.75)}.dc-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 11 3 3 3-3M9 5 6 2 3 5' stroke='%2352525b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:calc(100% - var(--dc-input-gap));background-repeat:no-repeat;background-size:.85em auto;border:none;box-shadow:0 0 0 1px var(--dc-input-border-color),0 .0625rem .125rem 0 rgba(0,0,0,.05);color:initial;cursor:pointer;line-height:1;padding-left:var(--dc-input-gap);padding-right:calc(1.25em + var(--dc-input-gap));width:auto}.dc-select:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 11 3 3 3-3M9 5 6 2 3 5' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dc-select[multiple]{background:var(--dc-input-bg);height:auto;padding:.5rem 0}.dc-select option{padding:.25rem .75rem}.dc-selection-control{--dc-selection-control-size:1.125rem;--dc-selection-control-gap:0.75rem;align-items:flex-start;display:inline-flex;flex-direction:column;font-family:var(--dc-font-base);justify-content:flex-start}.dc-selection-control__body{align-items:center;display:flex;justify-content:flex-start}.dc-selection-control__label{color:var(--dc-primary-text-color);display:inline-block;font-size:.875rem;font-weight:500;line-height:1;margin-left:var(--dc-selection-control-gap);overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.dc-selection-control__description{color:var(--dc-secondary-text-color);font-size:.875rem;line-height:1.25;margin-left:calc(var(--dc-selection-control-size) + var(--dc-selection-control-gap));margin-top:.25rem}.dc-selection-control_disabled .dc-selection-control__description,.dc-selection-control_disabled .dc-selection-control__label{color:var(--dc-input-disabled-text-color)}.dc-checkbox{--dc-selection-control-size:var(--dc-checkbox-size);position:relative}.dc-checkbox__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-checkbox__check{align-items:center;background:var(--dc-input-bg);border:var(--dc-input-border);border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--dc-checkbox-size);justify-content:center;position:relative;width:var(--dc-checkbox-size)}.dc-checkbox__input:checked+.dc-checkbox__check{background:var(--dc-input-accent-color);border-color:var(--dc-input-accent-color);color:var(--dc-input-accent-secondary-color)}.dc-checkbox__input:focus+.dc-checkbox__check{box-shadow:0 0 0 3px var(--dc-focus-ring-color)}.dc-checkbox__input:disabled+.dc-checkbox__check{background:var(--dc-input-disabled-bg);border-color:var(--dc-input-disabled-border-color);cursor:default}.dc-checkbox__check-icon{display:none}.dc-checkbox__input:checked+.dc-checkbox__check>.dc-checkbox__check-icon{display:inline-flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dc-checkbox__input:disabled+.dc-checkbox__check>.dc-checkbox__check-icon{color:var(--dc-input-disabled-text-color)}.dc-switch{--dc-selection-control-size:var(--dc-switch-width);position:relative}.dc-switch__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-switch__check{background:var(--dc-switch-bg);border-radius:calc(var(--dc-switch-height)/2);box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--dc-switch-height);position:relative;transition:.1s ease-in-out;transition-property:border-color,background-color;width:var(--dc-switch-width)}.dc-switch__check:after{align-items:center;background:var(--dc-input-accent-secondary-color);border-radius:50%;box-shadow:0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;content:"";display:inline-flex;height:var(--dc-switch-check-size);justify-content:center;left:calc(var(--dc-switch-height)/2 - var(--dc-switch-check-size)/2);position:absolute;top:calc(var(--dc-switch-height)/2 - var(--dc-switch-check-size)/2);transition:inherit;transition-property:transform,border-color;width:var(--dc-switch-check-size)}.dc-switch__input:checked+.dc-switch__check{background:var(--dc-input-accent-color)}.dc-switch__input:checked+.dc-switch__check:after{transform:translateX(calc(var(--dc-switch-width) - var(--dc-switch-height)))}.dc-switch__input:focus+.dc-switch__check{box-shadow:0 0 0 3px var(--dc-focus-ring-color)}.dc-switch__input:disabled+.dc-switch__check{cursor:default;opacity:var(--dc-disabled-state-opacity)}.dc-radio-btn{--dc-selection-control-size:var(--dc-radio-btn-size);position:relative}.dc-radio-btn__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-radio-btn__radio{align-items:center;background:var(--dc-input-bg);border:var(--dc-input-border);border-radius:50%;box-sizing:border-box;color:var(--dc-input-accent-secondary-color);cursor:pointer;display:inline-flex;height:var(--dc-radio-btn-size);justify-content:center;width:var(--dc-radio-btn-size)}.dc-radio-btn__input:checked+.dc-radio-btn__radio{background:var(--dc-input-accent-color);border-color:var(--dc-input-accent-color);color:var(--dc-input-accent-secondary-color);position:relative}.dc-radio-btn__input:checked+.dc-radio-btn__radio:after{background:currentColor;border-radius:50%;box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05);content:"";display:inline-flex;height:calc(var(--dc-radio-btn-size)/2.618);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--dc-radio-btn-size)/2.618)}.dc-radio-btn__input:focus+.dc-radio-btn__radio{box-shadow:0 0 0 3px var(--dc-focus-ring-color)}.dc-radio-btn__input:disabled+.dc-radio-btn__radio{background:var(--dc-input-disabled-bg);border-color:var(--dc-input-disabled-border-color);cursor:default}.dc-radio-btn__input:disabled+.dc-radio-btn__radio:after{color:var(--dc-input-disabled-text-color)}.dc-radio-group{font-family:var(--dc-font-base);list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.dc-radio-group>*+*{margin-top:.5rem}.dc-radio-group-input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-radio-group-item{align-items:center;border:2px solid var(--dc-radio-group-border-color);border-radius:.375rem;box-sizing:border-box;cursor:default;display:flex;padding:.5rem 1rem}.dc-radio-group-item__check{border-radius:50%;box-shadow:inset 0 0 0 1px var(--dc-radio-group-border-color);color:var(--dc-radio-group-selection-color);display:inline-block;height:1.125rem;width:1.125rem}.dc-radio-group-item__check-icon{visibility:hidden}.dc-radio-group-item>*+*{margin-left:1rem}.dc-radio-group-item__body{flex:auto;font-size:.875rem}.dc-radio-group-item__label{color:var(--dc-primary-text-color);font-weight:500;margin:0;padding:0}.dc-radio-group-item__description{color:var(--dc-secondary-text-color);margin-top:.25rem}.dc-radio-group-input:checked~.dc-radio-group-item{border-color:var(--dc-radio-group-selection-color)}.dc-radio-group-input:checked~.dc-radio-group-item .dc-radio-group-item__check-icon{visibility:visible}.dc-radio-group-input:focus~.dc-radio-group-item{box-shadow:0 0 0 3px var(--dc-focus-ring-color);outline:none}.dc-radio-group-input:disabled~.dc-radio-group-item{opacity:var(--dc-disabled-state-opacity)}.dc-radio-group_type_simple-list>*+*{margin-top:.25rem}.dc-radio-group_type_simple-list .dc-radio-group-item{border:none;border-radius:.3125rem;display:inline-flex;padding:.25rem}.dc-radio-group_type_simple-list .dc-radio-group-item__label{font-weight:400}.dc-table-container{-webkit-overflow-scrolling:touch;border-bottom:var(--dc-table-border);border-top:var(--dc-table-border);overflow-x:auto;position:relative}.dc-table-container:focus{box-shadow:0 0 0 .2rem var(--dc-focus-ring-color);outline:none}.dc-table{border-collapse:separate;border-spacing:0;font-family:var(--dc-font-base);font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:400;height:auto;width:100%}.dc-table-cell{background:var(--dc-table-cell-bg);border-bottom:var(--dc-table-border);padding:.625rem}.dc-table-head .dc-table-cell{font-size:90%;padding-bottom:.5rem;padding-top:.5rem;white-space:nowrap}.dc-table_padding_lg .dc-table-cell{padding:.875rem}.dc-table_padding_lg .dc-table-head .dc-table-cell{padding-bottom:.75rem;padding-top:.75rem}.dc-table_padding_sm .dc-table-cell{padding:.5rem}.dc-table-cell_header{background:var(--dc-table-header-cell-bg);font-weight:500}.dc-table-cell__body{align-items:center;display:inline-flex}.dc-table-cell__sort-btn{margin-right:.5rem}.dc-table-sort-btn .dc-btn__text{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-table_sticky-header>.dc-table-head>.dc-table-row>.dc-table-cell{position:-webkit-sticky;position:sticky;top:0;z-index:1}.dc-table-body>.dc-table-row:last-child>.dc-table-cell{border-bottom:none}.dc-table_bordered .dc-table-cell+.dc-table-cell{border-left:var(--dc-table-border)}.dc-table_striped>.dc-table-body>.dc-table-row:nth-child(2n)>.dc-table-cell{background:var(--dc-table-striped-row-bg)}.dc-table.dc-table_row_highlighted:not(.dc-table_loading)>.dc-table-body>.dc-table-row:hover>.dc-table-cell{background:var(--dc-table-hover-row-bg)}.dc-table-row_selected>.dc-table-cell{background:var(--dc-table-selected-row-bg)}.dc-table_striped>.dc-table-body>.dc-table-row_selected:nth-child(2n)>.dc-table-cell{background:var(--dc-table-selected-stiped-row-bg)}.dc-table_loading>.dc-table-body .dc-table-cell{color:transparent;position:relative}.dc-table_loading>.dc-table-body .dc-table-cell>*{visibility:hidden}@keyframes shine{0%{background-position:-5rem}75%,to{background-position:calc(100% + 5rem) 0}}.dc-table_loading>.dc-table-body .dc-table-cell:after{animation:shine 2s linear infinite;background-color:var(--dc-skeleton-bg-color);background-image:linear-gradient(90deg,var(--dc-skeleton-bg-color) 0,var(--dc-skeleton-color) 50%,var(--dc-skeleton-bg-color) 100%);background-position:-5rem 0;background-repeat:no-repeat;background-size:5rem 100%;border-radius:.125rem;content:"";height:1rem;left:8%;max-height:100%;position:absolute;top:calc(50% - .5rem);width:84%}.dc-avatar{display:inline-flex;position:relative}.dc-avatar_tint_blue{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#6fd2fc;--dc-avatar-bg2-color:#2a9ef1}.dc-avatar_icon-tint_blue{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#6fd2fc,#2a9ef1)}.dc-avatar_tint_cyan{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#51ebd5;--dc-avatar-bg2-color:#28c9b7}.dc-avatar_icon-tint_cyan{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#51ebd5,#28c9b7)}.dc-avatar_tint_red{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#ff8e72;--dc-avatar-bg2-color:#ff5151}.dc-avatar_icon-tint_red{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#ff8e72,#ff5151)}.dc-avatar_tint_green{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#28ed7f;--dc-avatar-bg2-color:#16c059}.dc-avatar_icon-tint_green{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#28ed7f,#16c032)}.dc-avatar_tint_lime{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#9ddd7d;--dc-avatar-bg2-color:#54cb68}.dc-avatar_icon-tint_lime{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#9ddd7d,#54cb68)}.dc-avatar_tint_indigo{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#80aaff;--dc-avatar-bg2-color:#665fff}.dc-avatar_icon-tint_indigo{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#80aaff,#665fff)}.dc-avatar_tint_yellow{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#ffd85e;--dc-avatar-bg2-color:#ffb92b}.dc-avatar_icon-tint_yellow{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#ffd85e,#ffb92b)}.dc-avatar_tint_orange{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#ffc045;--dc-avatar-bg2-color:#ff8f15}.dc-avatar_icon-tint_orange{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#ffc045,#ff8f15)}.dc-avatar_tint_pink{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#e09ff2;--dc-avatar-bg2-color:#d669ed}.dc-avatar_icon-tint_pink{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#e09ff2,#d669ed)}.dc-avatar__icon{background:var(--dc-avatar-icon-bg);border-radius:50%;color:var(--dc-avatar-icon-color);justify-content:center;position:absolute}.dc-avatar-group,.dc-avatar__icon{align-items:center;display:inline-flex}.dc-avatar-group{justify-content:flex-start;margin:0;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dc-secret{display:inline-block;font-family:var(--dc-font-code);position:relative;word-break:break-word}.dc-secret__content{opacity:.75;text-align:left}.dc-secret__btn{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.dc-secret_shown{font-size:.875em;text-align:right}.dc-secret_shown .dc-secret__btn{margin-top:.5rem;position:static;transform:none}.dc-tag{--dc-tag-height:1.625rem;--dc-tag-color:#3f3f46;--dc-tag-fill-color:#e4e4e7;align-items:center;background:var(--dc-tag-fill-color);border-radius:.3125rem;color:var(--dc-tag-color);display:inline-flex;font-family:var(--dc-font-base);font-size:.875rem;font-weight:400;line-height:1;min-height:var(--dc-tag-height);padding:0 .75rem}.dc-tag_size_sm{--dc-tag-height:1.5rem;font-size:.75rem}.dc-tag_size_lg{--dc-tag-height:1.75rem;border-radius:.375rem;font-size:1rem}.dc-tag_rounded{border-radius:calc(var(--dc-tag-height)/2);padding-left:calc(var(--dc-tag-height)/2);padding-right:calc(var(--dc-tag-height)/2)}.dc-tag__icon{margin-right:.4285714286em}.dc-tag__btn{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:.0625rem;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;margin-left:.4285714286em;opacity:.6;padding:0;transform:translateY(.05em);transition:.1s ease-in-out;transition-property:opacity}.dc-tag__btn:disabled{cursor:not-allowed;opacity:var(--dc-disabled-state-opacity)}.dc-tag__btn:enabled:hover{opacity:1}.dc-tag:focus{box-shadow:0 0 0 2px var(--dc-tag-fill-color),0 0 0 4px currentColor;opacity:1;outline:none}.dc-tag_color_blue{--dc-tag-color:#1e40af;--dc-tag-fill-color:#dbeafe}.dc-tag_color_cyan{--dc-tag-color:#0b7285;--dc-tag-fill-color:#c5f6fa}.dc-tag_color_red{--dc-tag-color:#b52626;--dc-tag-fill-color:#ffe3e3}.dc-tag_color_green{--dc-tag-color:#306339;--dc-tag-fill-color:#c7f5d4}.dc-tag_color_lime{--dc-tag-color:#47730a;--dc-tag-fill-color:#e9fac8}.dc-tag_color_indigo{--dc-tag-color:#364fc7;--dc-tag-fill-color:#dbe4ff}.dc-tag_color_yellow{--dc-tag-color:#995200;--dc-tag-fill-color:#fff3bf}.dc-tag_color_orange{--dc-tag-color:#d9480f;--dc-tag-fill-color:#ffe8cc}.dc-alert{--dc-alert-bg-color:#fafafa;--dc-alert-border-color:#e4e4e7;--dc-alert-icon-color:#a1a1aa;--dc-alert-primary-text-color:#27272a;--dc-alert-secondary-text-color:#52525b;background:var(--dc-alert-bg-color);border:.0625rem solid var(--dc-alert-border-color);border-radius:.375rem;box-sizing:border-box;display:flex;font-family:var(--dc-font-base);font-weight:400;padding:.75rem 1rem;position:relative}.dc-alert__icon{color:var(--dc-alert-icon-color);flex-shrink:0;height:1.125rem;margin-right:.75rem;width:1.125rem}.dc-alert__heading{color:var(--dc-alert-primary-text-color);font-weight:500;line-height:1.125rem;margin:0}.dc-alert__description{color:var(--dc-alert-secondary-text-color);margin:0}.dc-alert__description ol,.dc-alert__description ul{margin:0;padding:0 0 0 1em}*+.dc-alert__description,.dc-alert__description ol li+li,.dc-alert__description ul li+li{margin-top:.25rem}.dc-alert_bordered{border-left:.25rem solid var(--dc-alert-icon-color);border-radius:0}.dc-alert_appearance_warning{--dc-alert-bg-color:#fffceb;--dc-alert-border-color:#ffec99;--dc-alert-icon-color:#f0a800;--dc-alert-primary-text-color:#995200;--dc-alert-secondary-text-color:#ab6700}.dc-alert_appearance_error{--dc-alert-bg-color:#fff5f5;--dc-alert-border-color:#ffc9c9;--dc-alert-icon-color:#ff6b6b;--dc-alert-primary-text-color:#b52626;--dc-alert-secondary-text-color:#e03131}.dc-alert_appearance_info{--dc-alert-bg-color:#eff6ff;--dc-alert-border-color:#bfdbfe;--dc-alert-icon-color:#3b82f6;--dc-alert-primary-text-color:#1e40af;--dc-alert-secondary-text-color:#1d4ed8}.dc-alert_appearance_success{--dc-alert-bg-color:#e2fbe8;--dc-alert-border-color:#9fecb1;--dc-alert-icon-color:#5ec169;--dc-alert-primary-text-color:#285131;--dc-alert-secondary-text-color:#306339}.dc-non-ideal-state{box-sizing:border-box;color:var(--dc-non-ideal-state-text-color);font-family:var(--dc-font-base);font-size:1rem;padding-left:1rem;padding-right:1rem;text-align:center}.dc-non-ideal-state__body{margin:0 auto;max-width:36rem}.dc-non-ideal-state__icon{color:var(--dc-non-ideal-state-icon-color);margin-bottom:2rem}.dc-non-ideal-state__description{color:var(--dc-non-ideal-state-description-color)}.dc-non-ideal-state__icon_red{color:#ff6b6b}.dc-non-ideal-state__icon_orange{color:#ff922b}.dc-non-ideal-state__icon_blue{color:#3b82f6}.dc-non-ideal-state__icon_green{color:#5ec169}.dc-non-ideal-state__description{margin-top:.5rem}.dc-non-ideal-state__actions,.dc-non-ideal-state__content{margin-top:1rem}.dc-non-ideal-state_spacing_none{padding-bottom:0;padding-top:0}.dc-non-ideal-state_spacing_2xs{padding-bottom:.25rem;padding-top:.25rem}.dc-non-ideal-state_spacing_xs{padding-bottom:.5rem;padding-top:.5rem}.dc-non-ideal-state_spacing_sm{padding-bottom:1rem;padding-top:1rem}.dc-non-ideal-state_spacing_md{padding-bottom:2rem;padding-top:2rem}.dc-non-ideal-state_spacing_lg{padding-bottom:4rem;padding-top:4rem}.dc-non-ideal-state_spacing_xl{padding-bottom:5rem;padding-top:5rem}.dc-non-ideal-state_spacing_2xl{padding-bottom:6rem;padding-top:6rem}.dc-loading-view{color:var(--dc-primary-text-color);font-family:var(--dc-font-base);font-size:1rem;padding-left:1rem;padding-right:1rem;text-align:center}.dc-loading-view__spinner{color:var(--dc-secondary-text-color)}.dc-loading-view__content{margin-top:.75rem}.dc-loading-view_pad-y_none{padding-bottom:0;padding-top:0}.dc-loading-view_pad-y_2xs{padding-bottom:.25rem;padding-top:.25rem}.dc-loading-view_pad-y_xs{padding-bottom:.5rem;padding-top:.5rem}.dc-loading-view_pad-y_sm{padding-bottom:1rem;padding-top:1rem}.dc-loading-view_pad-y_md{padding-bottom:2rem;padding-top:2rem}.dc-loading-view_pad-y_lg{padding-bottom:4rem;padding-top:4rem}.dc-loading-view_pad-y_xl{padding-bottom:5rem;padding-top:5rem}.dc-loading-view_pad-y_2xl{padding-bottom:6rem;padding-top:6rem}.dc-toast-btn{-webkit-appearance:none;appearance:none;background:var(--dc-toast-btn-bg);border:none;border-radius:.375rem;color:var(--dc-toast-btn-text-color);cursor:pointer;font-size:.875rem;opacity:.65;padding:.25rem .75rem;transition:.1s ease-in-out;transition-property:opacity}.dc-toast-btn:hover{opacity:1}.dc-toast-btn:focus{box-shadow:0 0 0 .125rem #71717a;opacity:1;outline:none}.dc-toast{background:var(--dc-toast-bg);border-radius:.625rem;box-sizing:border-box;color:var(--dc-toast-text-color);display:inline-flex;font-family:var(--dc-font-base);font-size:.875rem;max-width:37.5rem;min-width:16rem;position:relative;text-align:left;width:auto}.dc-toast_full-width{max-width:none;width:100%}.dc-toast__body,.dc-toast__btns{box-sizing:border-box;display:inline-flex}.dc-toast__body{flex:auto;padding:1rem}.dc-toast__btns{flex:none;flex-direction:column;padding:.25rem}.dc-toast__btns>*+*{margin-top:.25rem}.dc-toast__icon{margin-right:1rem;margin-top:.125rem}.dc-toast_appearance_error .dc-toast__icon{color:#ff6b6b}.dc-toast_appearance_warning .dc-toast__icon{color:#ff922b}.dc-toast_appearance_success .dc-toast__icon{color:#77d989}.dc-toast_appearance_info .dc-toast__icon{color:#60a5fa}.dc-toast__informative-text,.dc-toast__message{font-size:inherit;font-weight:400;line-height:1.375;margin:0}.dc-toast__informative-text{color:var(--dc-toast-secondary-text-color);font-size:90%}.dc-toast__content>*+*{margin-top:.5em}.toaster{box-sizing:border-box;left:.5rem;list-style:none;margin:0;padding:0;pointer-events:none;position:fixed;right:.5rem;z-index:400}.toaster_position_top-center,.toaster_position_top-left,.toaster_position_top-right{top:.5rem}.toaster_position_bottom-center,.toaster_position_bottom-left,.toaster_position_bottom-right{bottom:.5rem}.toaster_position_bottom-left>*,.toaster_position_top-left>*{text-align:left}.toaster_position_bottom-center>*,.toaster_position_top-center>*{text-align:center}.toaster_position_bottom-right>*,.toaster_position_top-right>*{text-align:right}.toaster>*{left:0;position:absolute;right:0;transform:translateX(-50%,0);transition:transform .25s ease}.toaster__item{animation:.25s ease forwards;box-shadow:0 0 0 1px #52525b,0 .625rem .9375rem -.1875rem rgba(0,0,0,.1),0 .25rem .375rem -.125rem rgba(0,0,0,.05);pointer-events:all}@keyframes dc-show-toast-from-top{0%{opacity:0;transform:translateY(-100%) scale(.75)}to{opacity:1;transform:translateY(0) scale(1)}}.toaster_position_top-center .toaster__item,.toaster_position_top-left .toaster__item,.toaster_position_top-right .toaster__item{animation-name:dc-show-toast-from-top}@keyframes dc-show-toast-from-bottom{0%{opacity:0;transform:translateY(0) scale(.75)}to{opacity:1;transform:translateY(-100%) scale(1)}}.toaster_position_bottom-center .toaster__item,.toaster_position_bottom-left .toaster__item,.toaster_position_bottom-right .toaster__item{animation-name:dc-show-toast-from-bottom}.dc-breadcrumbs{overflow-scrolling:touch;font-family:var(--dc-font-base);overflow-y:auto}.dc-breadcrumbs__items{align-items:center;display:flex;list-style:none;margin:0;padding:0}.dc-breadcrumbs__items>*{align-items:center;display:inline-flex}.dc-breadcrumbs__delimiter{color:var(--dc-breadcrumbs-delimiter-color);margin-left:1rem;margin-right:1rem}.dc-breadcrumbs-item{align-items:center;color:var(--dc-breadcrumbs-item-color);display:inline-flex;font-family:inherit;text-decoration:none;transition:.1s ease-in-out;transition-property:color}.dc-breadcrumbs-item:hover{color:var(--dc-breadcrumbs-item-hover-color)}.dc-breadcrumbs-item_selected{color:var(--dc-breadcrumbs-selected-item-color)}.dc-breadcrumbs-item__icon{margin-right:.5rem}.dc-vertical-nav{font-family:var(--dc-font-base)}.dc-vertical-nav__items{list-style:none;margin:0;padding:0}.dc-vertical-nav__items>*+*{margin-top:.25rem}.dc-vertical-nav-item{align-items:center;border-radius:.3125rem;box-sizing:border-box;color:var(--dc-secondary-text-color);cursor:default;display:flex;font-size:1rem;height:2.25rem;padding:0 .5rem;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dc-vertical-nav-item:focus{box-shadow:0 0 0 .2rem var(--dc-focus-ring-color);outline:none}.dc-vertical-nav-item:hover{background:rgba(0,0,0,.05)}.dc-vertical-nav-item_selected{background:rgba(0,0,0,.05);color:var(--dc-primary-text-color)}.dc-vertical-nav-item__icon{flex:none;padding-right:.5rem}.dc-vertical-nav-item__content{flex:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-vertical-nav-item__badge{flex:none;padding-left:.25rem}.dc-segmented-control{background:rgba(24,24,27,.05);border-radius:.5rem;display:inline-flex;list-style:none;margin-bottom:0;margin-top:0;padding:.0625rem .125rem;position:relative}.dc-segmented-control_size_sm{border-radius:.375rem}.dc-segmented-control_size_lg{border-radius:.625rem}.dc-segmented-control__radio-btn{flex:auto;white-space:nowrap}.dc-segmented-control__radio-btn:focus{z-index:1}.dc-segmented-control__radio-btn.dc-btn_default:hover{background:var(--dc-btn-default-bg)}.dc-scope-buttons{display:inline-flex;height:auto;max-width:100%;overflow-x:auto;overflow-y:hidden}.dc-scope-buttons::-webkit-scrollbar{height:.625rem}.dc-scope-buttons::-webkit-scrollbar-track{background-color:var(--dc-scrollbar-track-bg-color)}.dc-scope-buttons::-webkit-scrollbar-track:hover{background-color:var(--dc-scrollbar-track-bg-hover-color)}.dc-scope-buttons::-webkit-scrollbar-thumb{background-color:var(--dc-scrollbar-thumb-bg-color)}.dc-scope-buttons::-webkit-scrollbar-thumb:hover{background-color:var(--dc-scrollbar-thumb-bg-hover-color)}.dc-scope-buttons_bottom-pad{padding-bottom:.25rem}.dc-scope-buttons>.dc-scope-button+.dc-scope-button{margin-left:.125rem}.dc-scope-button{border-width:2px;flex:none}.dc-scope-button:focus{border-color:var(--dc-focus-border-color);box-shadow:none}.dc-tab{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:.375rem;color:var(--dc-tab-text-color);cursor:pointer;display:inline-flex;font-size:.875rem;height:1.75rem;line-height:1;padding:0 .25rem;position:relative;white-space:nowrap}.dc-tab:focus{box-shadow:0 0 0 .2rem var(--dc-focus-ring-color);outline:none}.dc-tab_selected{color:var(--dc-tab-selected-text-color)}.dc-tab__icon{flex:0;margin-right:.5rem}.dc-tab__badge{background:var(--dc-tab-badge-bg-color);border-radius:.5625rem;box-sizing:border-box;color:var(--dc-tab-badge-text-color);font-size:.75rem;height:1.125rem;line-height:1.125rem;margin-left:.5rem;min-width:1.125rem;padding:0 .25rem}.dc-tab_selected .dc-tab__badge{background:var(--dc-tab-selected-badge-bg-color);color:var(--dc-tab-badge-selected-text-color)}.dc-tabs{font-family:var(--dc-font-base)}.dc-tabs__list{border-bottom:1px solid var(--dc-tabs-border-color);display:flex;overflow-x:auto;padding-bottom:.4rem;position:relative}.dc-tabs__tab{margin:.2rem}.dc-tabs__list>.dc-tabs__tab+.dc-tabs__tab{margin-left:1rem}.dc-tabs__tab-pointer{background:var(--dc-tab-pointer-color);border-top-left-radius:.125rem;border-top-right-radius:.125rem;bottom:0;height:.25rem;left:0;position:absolute;transition:.2s ease-in-out;transition-property:transform,max-width;transition-timing-function:ease;width:100%;will-change:max-width}.dc-form-field__label{display:inline-block;margin-bottom:.25rem}.dc-form-field__error,.dc-form-field__hint{margin-top:.25rem;width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "draft-components",
-  "version": "0.55.0",
+  "version": "0.56.0",
   "description": "The set of React.js components for rapid prototyping.",
   "main": "components/index.js",
   "files": [
@@ -53,7 +53,7 @@
     "@testing-library/react-hooks": "7.0.2",
     "@testing-library/user-event": "13.5.0",
     "@types/jest": "27.0.2",
-    "@types/node": "14.17.33",
+    "@types/node": "16.11.7",
     "@types/react": "17.0.34",
     "@types/react-dom": "17.0.11",
     "@types/resize-observer-browser": "0.1.6",

package/scss/components/_index.scss

@@ -39,4 +39,5 @@
 @import 'vertical-navigation';
 @import 'segmented-control';
 @import 'scope-buttons';
+@import 'tabs';
 @import 'form-field';

package/scss/components/_tabs.scss

@@ -0,0 +1,91 @@
+@use 'sass:math' as math;
+
+.dc-tab {
+  font-size: $font-size-sm;
+  line-height: 1;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  height: px-to-rem(28px);
+  padding: 0 $gap-1x;
+  cursor: pointer;
+  white-space: nowrap;
+  color: var(--dc-tab-text-color);
+  border: none;
+  border-radius: $border-radius-md;
+  background: none;
+  appearance: none;
+}
+
+.dc-tab:focus {
+  outline: none;
+  @include focus-ring;
+}
+
+.dc-tab_selected {
+  color: var(--dc-tab-selected-text-color);
+}
+
+.dc-tab__icon {
+  flex: 0;
+  margin-right: $gap-2x;
+}
+
+.dc-tab__badge {
+  $_size: px-to-rem(18px);
+
+  font-size: $font-size-xs;
+  line-height: $_size;
+  box-sizing: border-box;
+  min-width: $_size;
+  height: $_size;
+  margin-left: $gap-2x;
+  padding: 0 $gap-1x;
+  color: var(--dc-tab-badge-text-color);
+  border-radius: math.div($_size, 2);
+  background: var(--dc-tab-badge-bg-color);
+}
+
+.dc-tab_selected .dc-tab__badge {
+  color: var(--dc-tab-badge-selected-text-color);
+  background: var(--dc-tab-selected-badge-bg-color);
+}
+
+.dc-tabs {
+  font-family: var(--dc-font-base);
+}
+
+.dc-tabs__list {
+  position: relative;
+  display: flex;
+  overflow-x: auto;
+  padding-bottom: $gap-2x - 0.1rem;
+  border-bottom: 1px solid var(--dc-tabs-border-color);
+}
+
+.dc-tabs__tab {
+  /* Need to add space for the focus ring because of .dc-tabs__list has overflow auto property. */
+  margin: 0.2rem;
+}
+
+.dc-tabs__list > .dc-tabs__tab + .dc-tabs__tab {
+  margin-left: $gap-4x;
+}
+
+.dc-tabs__tab-pointer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: px-to-rem(4px);
+  transition: $transition-normal;
+  transition-timing-function: ease;
+  transition-property: transform, max-width;
+  border-top-left-radius: px-to-rem(2px);
+  border-top-right-radius: px-to-rem(2px);
+  background: var(--dc-tab-pointer-color);
+  will-change: max-width;
+}
+
+.dc-tabs__panel {
+}

package/scss/themes/_default-theme.scss

@@ -218,6 +218,18 @@
   --dc-segmented-control-bg: #{rgba($gray-500, $opacity-5)};
   --dc-segmented-control-bg-active: #{$blue-500};
 
+  /*------------------------------------*\
+   #TABS
+  \*------------------------------------*/
+  --dc-tab-text-color: #{$gray-500};
+  --dc-tab-selected-text-color: #{$blue-500};
+  --dc-tab-badge-text-color: #{$white};
+  --dc-tab-badge-bg-color: #{$gray-300};
+  --dc-tab-badge-selected-text-color: #{$white};
+  --dc-tab-selected-badge-bg-color: #{$blue-500};
+  --dc-tab-pointer-color: #{$blue-500};
+  --dc-tabs-border-color: #{$gray-200};
+
   /*------------------------------------*\
    #LABEL
   \*------------------------------------*/