@plumile/ui 0.1.53 → 0.1.55

package/lib/esm/atomic/molecules/card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../../../src/atomic/molecules/card/Card.tsx"],"sourcesContent":["import React, { type JSX, useMemo } from 'react';\n\nimport * as styles from './Card.css.js';\nimport { cx } from '../../../theme/tools.js';\n\ntype Props = {\n  headerActions?: React.ReactNode;\n  title?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n  contentClassName?: string;\n};\n\nexport const Card = (props: Props): JSX.Element => {\n  const { title, children, headerActions, className, contentClassName } = props;\n\n  const header = useMemo(() => {\n    if (title == null) {\n      return null;\n    }\n\n    return (\n      <div className={styles.header}>\n        <span className={styles.title}>{title}</span>\n        {headerActions}\n      </div>\n    );\n  }, [headerActions, title]);\n\n  const rootClass = cx(styles.card, className);\n  const contentClass = cx(styles.content, contentClassName);\n\n  return (\n    <div className={rootClass}>\n      {header}\n      <div className={contentClass}>{children}</div>\n    </div>\n  );\n};\n"],"names":["Card","props","title","children","headerActions","className","contentClassName","header","useMemo","jsxs","styles.header","jsx","styles.title","rootClass","cx","styles.card","contentClass","styles.content"],"mappings":";;;;AAaO,MAAMA,IAAO,CAACC,MAA8B;AACjD,QAAM,EAAA,OAAEC,GAAO,UAAAC,GAAU,eAAAC,GAAe,WAAAC,GAAW,kBAAAC,MAAqBL,GAElEM,IAASC,EAAQ,MACjBN,KAAS,OACJ,OAIP,gBAAAO,EAAC,OAAA,EAAI,WAAWC,GACd,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWC,GAAe,UAAAV,GAAM;AAAA,IACrCE;AAAA,EAAA,GACH,GAED,CAACA,GAAeF,CAAK,CAAC,GAEnBW,IAAYC,EAAGC,GAAaV,CAAS,GACrCW,IAAeF,EAAGG,GAAgBX,CAAgB;AAExD,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAWI,GACb,UAAA;AAAA,IAAAN;AAAAA,IACD,gBAAAI,EAAC,OAAA,EAAI,WAAWK,GAAe,UAAAb,EAAA,CAAS;AAAA,EAAA,GAC1C;AAEJ;"}

package/lib/esm/atomic/molecules/tabs/Tabs.js

@@ -1,32 +1,34 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Link, useLocation } from '@plumile/router';
-import * as styles from './tabs.css.js';
-const RouterLink = Link;
-export const Tabs = (props) => {
-    const { items, ariaLabel } = props;
-    const { pathname } = useLocation();
-    return (_jsx("div", { role: "tablist", "aria-label": ariaLabel, className: styles.container, children: items.map((item) => {
-            const { disabled, id, label, to } = item;
-            const isActive = pathname === to;
-            let ariaDisabled;
-            if (disabled) {
-                ariaDisabled = true;
-            }
-            let tabState = 'default';
-            let tabIndex;
-            if (disabled) {
-                tabState = 'disabled';
-                tabIndex = -1;
-            }
-            else if (isActive) {
-                tabState = 'active';
-            }
-            const handleLinkClick = (event) => {
-                if (disabled) {
-                    event.preventDefault();
-                }
-            };
-            return (_jsx(RouterLink, { exact: true, "aria-disabled": ariaDisabled, className: styles.tabRecipe({ state: tabState }), role: "tab", to: to, tabIndex: tabIndex, onClick: handleLinkClick, children: label }, id));
-        }) }));
+import { jsx as r } from "react/jsx-runtime";
+import { useLocation as k, Link as L } from "@plumile/router";
+import { container as h, tabRecipe as v } from "./tabs.css.js";
+const x = L, R = (s) => {
+  const { items: n, ariaLabel: o } = s, { pathname: c } = k();
+  return /* @__PURE__ */ r("div", { role: "tablist", "aria-label": o, className: h, children: n.map((d) => {
+    const { disabled: e, id: b, label: m, to: a } = d, f = c === a;
+    let i;
+    e && (i = !0);
+    let t = "default", l;
+    e ? (t = "disabled", l = -1) : f && (t = "active");
+    const p = (u) => {
+      e && u.preventDefault();
+    };
+    return /* @__PURE__ */ r(
+      x,
+      {
+        exact: !0,
+        "aria-disabled": i,
+        className: v({ state: t }),
+        role: "tab",
+        to: a,
+        tabIndex: l,
+        onClick: p,
+        children: m
+      },
+      b
+    );
+  }) });
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hdG9taWMvbW9sZWN1bGVzL3RhYnMvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQU9BLE9BQU8sRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFcEQsT0FBTyxLQUFLLE1BQU0sTUFBTSxlQUFlLENBQUM7QUFPeEMsTUFBTSxVQUFVLEdBQUcsSUFBMEQsQ0FBQztBQW1COUUsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLENBQUMsS0FBZ0IsRUFBZSxFQUFFO0lBQ3BELE1BQU0sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBQ25DLE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxXQUFXLEVBQUUsQ0FBQztJQUVuQyxPQUFPLENBQ0wsY0FBSyxJQUFJLEVBQUMsU0FBUyxnQkFBYSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxTQUFTLFlBQ25FLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUNsQixNQUFNLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEdBQUcsSUFBSSxDQUFDO1lBQ3pDLE1BQU0sUUFBUSxHQUFHLFFBQVEsS0FBSyxFQUFFLENBQUM7WUFFakMsSUFBSSxZQUE4QixDQUFDO1lBQ25DLElBQUksUUFBUSxFQUFFLENBQUM7Z0JBQ2IsWUFBWSxHQUFHLElBQUksQ0FBQztZQUN0QixDQUFDO1lBS0QsSUFBSSxRQUFRLEdBQWEsU0FBUyxDQUFDO1lBQ25DLElBQUksUUFBNEIsQ0FBQztZQUNqQyxJQUFJLFFBQVEsRUFBRSxDQUFDO2dCQUNiLFFBQVEsR0FBRyxVQUFVLENBQUM7Z0JBQ3RCLFFBQVEsR0FBRyxDQUFDLENBQUMsQ0FBQztZQUNoQixDQUFDO2lCQUFNLElBQUksUUFBUSxFQUFFLENBQUM7Z0JBQ3BCLFFBQVEsR0FBRyxRQUFRLENBQUM7WUFDdEIsQ0FBQztZQUVELE1BQU0sZUFBZSxHQUFHLENBQUMsS0FBb0MsRUFBRSxFQUFFO2dCQUMvRCxJQUFJLFFBQVEsRUFBRSxDQUFDO29CQUNiLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztnQkFDekIsQ0FBQztZQUNILENBQUMsQ0FBQztZQUVGLE9BQU8sQ0FDTCxLQUFDLFVBQVUsSUFFVCxLQUFLLHlCQUNVLFlBQVksRUFDM0IsU0FBUyxFQUFFLE1BQU0sQ0FBQyxTQUFTLENBQUMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFDaEQsSUFBSSxFQUFDLEtBQUssRUFDVixFQUFFLEVBQUUsRUFBRSxFQUNOLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE9BQU8sRUFBRSxlQUFlLFlBRXZCLEtBQUssSUFURCxFQUFFLENBVUksQ0FDZCxDQUFDO1FBQ0osQ0FBQyxDQUFDLEdBQ0UsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBBbmNob3JIVE1MQXR0cmlidXRlcyxcbiAgdHlwZSBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWYsXG4gIHR5cGUgSlNYLFxuICB0eXBlIE1vdXNlRXZlbnQsXG4gIHR5cGUgUmVhY3ROb2RlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBMaW5rLCB1c2VMb2NhdGlvbiB9IGZyb20gJ0BwbHVtaWxlL3JvdXRlcic7XG5cbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuL3RhYnMuY3NzLmpzJztcblxuZXhwb3J0IHR5cGUgVGFic1NlbGVjdEV2ZW50ID0gTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudCB8IEhUTUxBbmNob3JFbGVtZW50PjtcblxudHlwZSBMaW5rQ29tcG9uZW50UHJvcHMgPSBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8dHlwZW9mIExpbms+O1xudHlwZSBSb3V0ZXJMaW5rUHJvcHMgPSBMaW5rQ29tcG9uZW50UHJvcHMgJlxuICBBbmNob3JIVE1MQXR0cmlidXRlczxIVE1MQW5jaG9yRWxlbWVudD47XG5jb25zdCBSb3V0ZXJMaW5rID0gTGluayBhcyB1bmtub3duIGFzIChwcm9wczogUm91dGVyTGlua1Byb3BzKSA9PiBKU1guRWxlbWVudDtcblxudHlwZSBCYXNlVGFiSXRlbSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xufTtcblxudHlwZSBOYXZpZ2F0aW9uVGFiSXRlbSA9IEJhc2VUYWJJdGVtICYge1xuICB0bzogTm9uTnVsbGFibGU8TGlua0NvbXBvbmVudFByb3BzWyd0byddPjtcbn07XG5cbmV4cG9ydCB0eXBlIFRhYkl0ZW0gPSBOYXZpZ2F0aW9uVGFiSXRlbTtcblxuZXhwb3J0IHR5cGUgVGFic1Byb3BzID0ge1xuICBpdGVtczogVGFiSXRlbVtdO1xuICBhcmlhTGFiZWw/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgVGFicyA9IChwcm9wczogVGFic1Byb3BzKTogSlNYLkVsZW1lbnQgPT4ge1xuICBjb25zdCB7IGl0ZW1zLCBhcmlhTGFiZWwgfSA9IHByb3BzO1xuICBjb25zdCB7IHBhdGhuYW1lIH0gPSB1c2VMb2NhdGlvbigpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiByb2xlPVwidGFibGlzdFwiIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH0gY2xhc3NOYW1lPXtzdHlsZXMuY29udGFpbmVyfT5cbiAgICAgIHtpdGVtcy5tYXAoKGl0ZW0pID0+IHtcbiAgICAgICAgY29uc3QgeyBkaXNhYmxlZCwgaWQsIGxhYmVsLCB0byB9ID0gaXRlbTtcbiAgICAgICAgY29uc3QgaXNBY3RpdmUgPSBwYXRobmFtZSA9PT0gdG87XG5cbiAgICAgICAgbGV0IGFyaWFEaXNhYmxlZDogdHJ1ZSB8IHVuZGVmaW5lZDtcbiAgICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgICAgYXJpYURpc2FibGVkID0gdHJ1ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHR5cGUgVGFiU3RhdGUgPSBOb25OdWxsYWJsZTxcbiAgICAgICAgICBQYXJhbWV0ZXJzPHR5cGVvZiBzdHlsZXMudGFiUmVjaXBlPlswXVxuICAgICAgICA+WydzdGF0ZSddO1xuICAgICAgICBsZXQgdGFiU3RhdGU6IFRhYlN0YXRlID0gJ2RlZmF1bHQnO1xuICAgICAgICBsZXQgdGFiSW5kZXg6IG51bWJlciB8IHVuZGVmaW5lZDtcbiAgICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgICAgdGFiU3RhdGUgPSAnZGlzYWJsZWQnO1xuICAgICAgICAgIHRhYkluZGV4ID0gLTE7XG4gICAgICAgIH0gZWxzZSBpZiAoaXNBY3RpdmUpIHtcbiAgICAgICAgICB0YWJTdGF0ZSA9ICdhY3RpdmUnO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgaGFuZGxlTGlua0NsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxBbmNob3JFbGVtZW50PikgPT4ge1xuICAgICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICB9XG4gICAgICAgIH07XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8Um91dGVyTGlua1xuICAgICAgICAgICAga2V5PXtpZH1cbiAgICAgICAgICAgIGV4YWN0XG4gICAgICAgICAgICBhcmlhLWRpc2FibGVkPXthcmlhRGlzYWJsZWR9XG4gICAgICAgICAgICBjbGFzc05hbWU9e3N0eWxlcy50YWJSZWNpcGUoeyBzdGF0ZTogdGFiU3RhdGUgfSl9XG4gICAgICAgICAgICByb2xlPVwidGFiXCJcbiAgICAgICAgICAgIHRvPXt0b31cbiAgICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUxpbmtDbGlja31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgPC9Sb3V0ZXJMaW5rPlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19
+export {
+  R as Tabs
+};
+//# sourceMappingURL=Tabs.js.map

package/lib/esm/atomic/molecules/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../../src/atomic/molecules/tabs/Tabs.tsx"],"sourcesContent":["import {\n  type AnchorHTMLAttributes,\n  type ComponentPropsWithoutRef,\n  type JSX,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { Link, useLocation } from '@plumile/router';\n\nimport * as styles from './tabs.css.js';\n\nexport type TabsSelectEvent = MouseEvent<HTMLButtonElement | HTMLAnchorElement>;\n\ntype LinkComponentProps = ComponentPropsWithoutRef<typeof Link>;\ntype RouterLinkProps = LinkComponentProps &\n  AnchorHTMLAttributes<HTMLAnchorElement>;\nconst RouterLink = Link as unknown as (props: RouterLinkProps) => JSX.Element;\n\ntype BaseTabItem = {\n  id: string;\n  label: ReactNode;\n  disabled?: boolean;\n};\n\ntype NavigationTabItem = BaseTabItem & {\n  to: NonNullable<LinkComponentProps['to']>;\n};\n\nexport type TabItem = NavigationTabItem;\n\nexport type TabsProps = {\n  items: TabItem[];\n  ariaLabel?: string;\n};\n\nexport const Tabs = (props: TabsProps): JSX.Element => {\n  const { items, ariaLabel } = props;\n  const { pathname } = useLocation();\n\n  return (\n    <div role=\"tablist\" aria-label={ariaLabel} className={styles.container}>\n      {items.map((item) => {\n        const { disabled, id, label, to } = item;\n        const isActive = pathname === to;\n\n        let ariaDisabled: true | undefined;\n        if (disabled) {\n          ariaDisabled = true;\n        }\n\n        type TabState = NonNullable<\n          Parameters<typeof styles.tabRecipe>[0]\n        >['state'];\n        let tabState: TabState = 'default';\n        let tabIndex: number | undefined;\n        if (disabled) {\n          tabState = 'disabled';\n          tabIndex = -1;\n        } else if (isActive) {\n          tabState = 'active';\n        }\n\n        const handleLinkClick = (event: MouseEvent<HTMLAnchorElement>) => {\n          if (disabled) {\n            event.preventDefault();\n          }\n        };\n\n        return (\n          <RouterLink\n            key={id}\n            exact\n            aria-disabled={ariaDisabled}\n            className={styles.tabRecipe({ state: tabState })}\n            role=\"tab\"\n            to={to}\n            tabIndex={tabIndex}\n            onClick={handleLinkClick}\n          >\n            {label}\n          </RouterLink>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["RouterLink","Link","Tabs","props","items","ariaLabel","pathname","useLocation","jsx","styles.container","item","disabled","id","label","to","isActive","ariaDisabled","tabState","tabIndex","handleLinkClick","event","styles.tabRecipe"],"mappings":";;;AAgBA,MAAMA,IAAaC,GAmBNC,IAAO,CAACC,MAAkC;AACrD,QAAM,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcF,GACvB,EAAE,UAAAG,EAAA,IAAaC,EAAA;AAErB,SACE,gBAAAC,EAAC,OAAA,EAAI,MAAK,WAAU,cAAYH,GAAW,WAAWI,GACnD,UAAAL,EAAM,IAAI,CAACM,MAAS;AACnB,UAAM,EAAE,UAAAC,GAAU,IAAAC,GAAI,OAAAC,GAAO,IAAAC,MAAOJ,GAC9BK,IAAWT,MAAaQ;AAE9B,QAAIE;AACJ,IAAIL,MACFK,IAAe;AAMjB,QAAIC,IAAqB,WACrBC;AACJ,IAAIP,KACFM,IAAW,YACXC,IAAW,MACFH,MACTE,IAAW;AAGb,UAAME,IAAkB,CAACC,MAAyC;AAChE,MAAIT,KACFS,EAAM,eAAA;AAAA,IAEV;AAEA,WACE,gBAAAZ;AAAA,MAACR;AAAA,MAAA;AAAA,QAEC,OAAK;AAAA,QACL,iBAAegB;AAAA,QACf,WAAWK,EAAiB,EAAE,OAAOJ,GAAU;AAAA,QAC/C,MAAK;AAAA,QACL,IAAAH;AAAA,QACA,UAAAI;AAAA,QACA,SAASC;AAAA,QAER,UAAAN;AAAA,MAAA;AAAA,MATID;AAAA,IAAA;AAAA,EAYX,CAAC,EAAA,CACH;AAEJ;"}

package/lib/esm/atomic/molecules/tabs/tabs.css.js

@@ -1,73 +1,9 @@
-import { style } from '@vanilla-extract/css';
-import { recipe } from '@vanilla-extract/recipes';
-import { sprinkles } from '../../../theme/sprinkles.css.js';
-import { vars } from '../../../theme/themeContract.js';
-export const container = sprinkles({
-    display: 'flex',
-    flexWrap: 'wrap',
-    alignItems: 'center',
-    gap: 2,
-    justifyContent: 'center',
-});
-const tabBase = style([
-    sprinkles({
-        display: 'inline-flex',
-        alignItems: 'center',
-        gap: 1,
-        borderTopLeftRadius: 'md',
-        borderTopRightRadius: 'md',
-        paddingX: 4,
-        paddingY: 2,
-        fontSize: 'sm',
-        color: 'textSecondary',
-        transitionProperty: 'colors',
-        transitionDuration: 150,
-        transitionTimingFunction: 'ease',
-        borderBottomWidth: 2,
-        borderBottomColor: 'transparent',
-        fontWeight: 'medium',
-        textDecoration: 'none',
-        outline: 'none',
-        position: 'relative',
-    }),
-    {
-        marginBottom: '-1px',
-        selectors: {
-            '&:focus-visible': {
-                outline: `2px solid ${vars.colors.primary}`,
-                outlineOffset: '2px',
-                color: vars.colors.primary,
-                borderBottomColor: vars.colors.primary,
-            },
-        },
-    },
-]);
-export const tabRecipe = recipe({
-    base: tabBase,
-    variants: {
-        state: {
-            default: style({
-                selectors: {
-                    '&:hover': {
-                        color: vars.colors.primary,
-                        borderBottomColor: vars.colors.primaryLight,
-                    },
-                },
-            }),
-            active: sprinkles({
-                color: 'primary',
-                borderBottomColor: 'primary',
-                fontWeight: 'semibold',
-            }),
-            disabled: sprinkles({
-                color: 'textMuted',
-                pointerEvents: 'none',
-                cursor: 'not-allowed',
-            }),
-        },
-    },
-    defaultVariants: {
-        state: 'default',
-    },
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXRvbWljL21vbGVjdWxlcy90YWJzL3RhYnMuY3NzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsTUFBTSxFQUF1QixNQUFNLDBCQUEwQixDQUFDO0FBRXZFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFdkQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLFNBQVMsQ0FBQztJQUNqQyxPQUFPLEVBQUUsTUFBTTtJQUNmLFFBQVEsRUFBRSxNQUFNO0lBQ2hCLFVBQVUsRUFBRSxRQUFRO0lBQ3BCLEdBQUcsRUFBRSxDQUFDO0lBQ04sY0FBYyxFQUFFLFFBQVE7Q0FDekIsQ0FBQyxDQUFDO0FBRUgsTUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3BCLFNBQVMsQ0FBQztRQUNSLE9BQU8sRUFBRSxhQUFhO1FBQ3RCLFVBQVUsRUFBRSxRQUFRO1FBQ3BCLEdBQUcsRUFBRSxDQUFDO1FBQ04sbUJBQW1CLEVBQUUsSUFBSTtRQUN6QixvQkFBb0IsRUFBRSxJQUFJO1FBQzFCLFFBQVEsRUFBRSxDQUFDO1FBQ1gsUUFBUSxFQUFFLENBQUM7UUFDWCxRQUFRLEVBQUUsSUFBSTtRQUNkLEtBQUssRUFBRSxlQUFlO1FBQ3RCLGtCQUFrQixFQUFFLFFBQVE7UUFDNUIsa0JBQWtCLEVBQUUsR0FBRztRQUN2Qix3QkFBd0IsRUFBRSxNQUFNO1FBQ2hDLGlCQUFpQixFQUFFLENBQUM7UUFDcEIsaUJBQWlCLEVBQUUsYUFBYTtRQUNoQyxVQUFVLEVBQUUsUUFBUTtRQUNwQixjQUFjLEVBQUUsTUFBTTtRQUN0QixPQUFPLEVBQUUsTUFBTTtRQUNmLFFBQVEsRUFBRSxVQUFVO0tBQ3JCLENBQUM7SUFDRjtRQUNFLFlBQVksRUFBRSxNQUFNO1FBQ3BCLFNBQVMsRUFBRTtZQUNULGlCQUFpQixFQUFFO2dCQUNqQixPQUFPLEVBQUUsYUFBYSxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRTtnQkFDM0MsYUFBYSxFQUFFLEtBQUs7Z0JBQ3BCLEtBQUssRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU87Z0JBQzFCLGlCQUFpQixFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTzthQUN2QztTQUNGO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDO0lBQzlCLElBQUksRUFBRSxPQUFPO0lBQ2IsUUFBUSxFQUFFO1FBQ1IsS0FBSyxFQUFFO1lBQ0wsT0FBTyxFQUFFLEtBQUssQ0FBQztnQkFDYixTQUFTLEVBQUU7b0JBQ1QsU0FBUyxFQUFFO3dCQUNULEtBQUssRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU87d0JBQzFCLGlCQUFpQixFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWTtxQkFDNUM7aUJBQ0Y7YUFDRixDQUFDO1lBQ0YsTUFBTSxFQUFFLFNBQVMsQ0FBQztnQkFDaEIsS0FBSyxFQUFFLFNBQVM7Z0JBQ2hCLGlCQUFpQixFQUFFLFNBQVM7Z0JBQzVCLFVBQVUsRUFBRSxVQUFVO2FBQ3ZCLENBQUM7WUFDRixRQUFRLEVBQUUsU0FBUyxDQUFDO2dCQUNsQixLQUFLLEVBQUUsV0FBVztnQkFDbEIsYUFBYSxFQUFFLE1BQU07Z0JBQ3JCLE1BQU0sRUFBRSxhQUFhO2FBQ3RCLENBQUM7U0FDSDtLQUNGO0lBQ0QsZUFBZSxFQUFFO1FBQ2YsS0FBSyxFQUFFLFNBQVM7S0FDakI7Q0FDRixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdHlsZSB9IGZyb20gJ0B2YW5pbGxhLWV4dHJhY3QvY3NzJztcbmltcG9ydCB7IHJlY2lwZSwgdHlwZSBSZWNpcGVWYXJpYW50cyB9IGZyb20gJ0B2YW5pbGxhLWV4dHJhY3QvcmVjaXBlcyc7XG5cbmltcG9ydCB7IHNwcmlua2xlcyB9IGZyb20gJy4uLy4uLy4uL3RoZW1lL3Nwcmlua2xlcy5jc3MuanMnO1xuaW1wb3J0IHsgdmFycyB9IGZyb20gJy4uLy4uLy4uL3RoZW1lL3RoZW1lQ29udHJhY3QuanMnO1xuXG5leHBvcnQgY29uc3QgY29udGFpbmVyID0gc3ByaW5rbGVzKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4V3JhcDogJ3dyYXAnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgZ2FwOiAyLFxuICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG59KTtcblxuY29uc3QgdGFiQmFzZSA9IHN0eWxlKFtcbiAgc3ByaW5rbGVzKHtcbiAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGdhcDogMSxcbiAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiAnbWQnLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiAnbWQnLFxuICAgIHBhZGRpbmdYOiA0LFxuICAgIHBhZGRpbmdZOiAyLFxuICAgIGZvbnRTaXplOiAnc20nLFxuICAgIGNvbG9yOiAndGV4dFNlY29uZGFyeScsXG4gICAgdHJhbnNpdGlvblByb3BlcnR5OiAnY29sb3JzJyxcbiAgICB0cmFuc2l0aW9uRHVyYXRpb246IDE1MCxcbiAgICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246ICdlYXNlJyxcbiAgICBib3JkZXJCb3R0b21XaWR0aDogMixcbiAgICBib3JkZXJCb3R0b21Db2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgICBmb250V2VpZ2h0OiAnbWVkaXVtJyxcbiAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICAgIG91dGxpbmU6ICdub25lJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgfSksXG4gIHtcbiAgICBtYXJnaW5Cb3R0b206ICctMXB4JyxcbiAgICBzZWxlY3RvcnM6IHtcbiAgICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICAgIG91dGxpbmU6IGAycHggc29saWQgJHt2YXJzLmNvbG9ycy5wcmltYXJ5fWAsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcycHgnLFxuICAgICAgICBjb2xvcjogdmFycy5jb2xvcnMucHJpbWFyeSxcbiAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHZhcnMuY29sb3JzLnByaW1hcnksXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG5dKTtcblxuZXhwb3J0IGNvbnN0IHRhYlJlY2lwZSA9IHJlY2lwZSh7XG4gIGJhc2U6IHRhYkJhc2UsXG4gIHZhcmlhbnRzOiB7XG4gICAgc3RhdGU6IHtcbiAgICAgIGRlZmF1bHQ6IHN0eWxlKHtcbiAgICAgICAgc2VsZWN0b3JzOiB7XG4gICAgICAgICAgJyY6aG92ZXInOiB7XG4gICAgICAgICAgICBjb2xvcjogdmFycy5jb2xvcnMucHJpbWFyeSxcbiAgICAgICAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiB2YXJzLmNvbG9ycy5wcmltYXJ5TGlnaHQsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgYWN0aXZlOiBzcHJpbmtsZXMoe1xuICAgICAgICBjb2xvcjogJ3ByaW1hcnknLFxuICAgICAgICBib3JkZXJCb3R0b21Db2xvcjogJ3ByaW1hcnknLFxuICAgICAgICBmb250V2VpZ2h0OiAnc2VtaWJvbGQnLFxuICAgICAgfSksXG4gICAgICBkaXNhYmxlZDogc3ByaW5rbGVzKHtcbiAgICAgICAgY29sb3I6ICd0ZXh0TXV0ZWQnLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJyxcbiAgICAgIH0pLFxuICAgIH0sXG4gIH0sXG4gIGRlZmF1bHRWYXJpYW50czoge1xuICAgIHN0YXRlOiAnZGVmYXVsdCcsXG4gIH0sXG59KTtcblxuZXhwb3J0IHR5cGUgVGFiUmVjaXBlVmFyaWFudHMgPSBSZWNpcGVWYXJpYW50czx0eXBlb2YgdGFiUmVjaXBlPjtcbiJdfQ==
+/* empty css                                          */
+/* empty css                        */
+import { createRuntimeFn as b } from "@vanilla-extract/recipes/createRuntimeFn";
+var q = "_11tf63d0 txvbqb9io txvbqbajx txvbqbco txvbqbao6 txvbqbdnx", a = b({ defaultClassName: "_11tf63d6 _11tf63d2 _11tf63d1 txvbqbnvf txvbqboio txvbqbp5f txvbqblx6 txvbqb9jf txvbqbco txvbqbanx txvbqb76x txvbqb746 txvbqb8x txvbqbv8r txvbqb78 txvbqb6x txvbqb7k txvbqb5sx txvbqb36f txvbqbamf txvbqb3b txvbqbl3f txvbqbpsf", variantClassNames: { state: { default: "_11tf63d7 _11tf63d3", active: "_11tf63d8 _11tf63d4 txvbqbv7z txvbqb3jo txvbqbamo", disabled: "_11tf63d9 _11tf63d5 txvbqbv8t txvbqb2k txvbqbr" } }, defaultVariants: { state: "default" }, compoundVariants: [] });
+export {
+  q as container,
+  a as tabRecipe
+};
+//# sourceMappingURL=tabs.css.js.map

package/lib/esm/atomic/molecules/tabs/tabs.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/esm/atomic/molecules/tabs/tabs.css.ts.vanilla-DQm5wO0K.css

@@ -0,0 +1 @@
+._11tf63d2{margin-bottom:-1px}._11tf63d2:focus-visible{outline:2px solid var(--kronex-colors-primary);outline-offset:2px;color:var(--kronex-colors-primary);border-bottom-color:var(--kronex-colors-primary)}._11tf63d3:hover{color:var(--kronex-colors-primary);border-bottom-color:var(--kronex-colors-primaryLight)}

package/lib/esm/components/charts/BillingUsageLineChart.js

@@ -1,170 +1,177 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ResponsiveLine } from '@nivo/line';
-import * as styles from './billingUsageLineChart.css.js';
-import { vars } from '../../theme/themeContract.js';
-const MAX_X_TICKS = 6;
-const compactNumberFormatter = new Intl.NumberFormat('en-US', {
-    notation: 'compact',
-    maximumFractionDigits: 1,
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import { ResponsiveLine as T } from "@nivo/line";
+import { chartContainer as v, tooltip as L, tooltipDate as N, tooltipRow as w, tooltipRowLabel as B, tooltipSwatch as D } from "./billingUsageLineChart.css.js";
+import { vars as i } from "../../theme/themeContract.js";
+const h = 6, O = new Intl.NumberFormat("en-US", {
+  notation: "compact",
+  maximumFractionDigits: 1
 });
-function getVisibleDayTicks(series) {
-    const firstSerie = series[0];
-    if (firstSerie == null || firstSerie.data.length <= MAX_X_TICKS) {
-        if (firstSerie == null) {
-            return [];
-        }
-        return firstSerie.data.map((point) => {
-            return point.x;
-        });
-    }
-    const step = Math.ceil(firstSerie.data.length / MAX_X_TICKS);
-    const visibleTicks = firstSerie.data
-        .filter((_, index) => {
-        return index % step === 0;
-    })
-        .map((point) => {
-        return point.x;
-    });
-    const lastPoint = firstSerie.data.at(-1);
-    if (lastPoint != null && visibleTicks.at(-1) !== lastPoint.x) {
-        visibleTicks.push(lastPoint.x);
-    }
-    return visibleTicks;
+function z(l) {
+  const r = l[0];
+  if (r == null || r.data.length <= h)
+    return r == null ? [] : r.data.map((n) => n.x);
+  const d = Math.ceil(r.data.length / h), a = r.data.filter((n, m) => m % d === 0).map((n) => n.x), o = r.data.at(-1);
+  return o != null && a.at(-1) !== o.x && a.push(o.x), a;
 }
-function formatDayTick(dayKey) {
-    const parsed = new Date(`${dayKey}T00:00:00Z`);
-    return parsed.toLocaleDateString(undefined, {
-        month: 'short',
-        day: '2-digit',
-    });
+function y(l) {
+  return (/* @__PURE__ */ new Date(`${l}T00:00:00Z`)).toLocaleDateString(void 0, {
+    month: "short",
+    day: "2-digit"
+  });
 }
-export const BillingUsageLineChart = (props) => {
-    const { ariaLabel, categoryColorById, categoryLabel, categoryOrder, formatValue, series, } = props;
-    const visibleTicks = getVisibleDayTicks(series);
-    const categoryOrderString = categoryOrder;
-    const isCategory = (value) => {
-        return categoryOrderString.includes(value);
-    };
-    const legends = [
-        {
-            anchor: 'bottom',
-            direction: 'row',
-            translateY: 56,
-            itemWidth: 90,
-            itemHeight: 16,
-            itemsSpacing: 8,
-            symbolSize: 10,
-            symbolShape: 'circle',
-            itemTextColor: vars.colors.textSecondary,
-            data: categoryOrder.map((category) => {
-                return {
-                    id: category,
-                    label: categoryLabel(category),
-                    color: categoryColorById[category],
-                };
-            }),
+const P = (l) => {
+  const {
+    ariaLabel: r,
+    categoryColorById: d,
+    categoryLabel: a,
+    categoryOrder: o,
+    formatValue: n,
+    series: m
+  } = l, x = z(m), b = o, f = (t) => b.includes(t), S = [
+    {
+      anchor: "bottom",
+      direction: "row",
+      translateY: 56,
+      itemWidth: 90,
+      itemHeight: 16,
+      itemsSpacing: 8,
+      symbolSize: 10,
+      symbolShape: "circle",
+      itemTextColor: i.colors.textSecondary,
+      data: o.map((t) => ({
+        id: t,
+        label: a(t),
+        color: d[t]
+      }))
+    }
+  ];
+  return /* @__PURE__ */ s("div", { className: v, children: /* @__PURE__ */ s(
+    T,
+    {
+      data: m,
+      margin: { top: 14, right: 16, bottom: 74, left: 52 },
+      colors: (t) => typeof t.id != "string" || !f(t.id) ? i.colors.primary : d[t.id],
+      xScale: { type: "point" },
+      yScale: { type: "linear", min: 0, max: "auto" },
+      curve: "monotoneX",
+      lineWidth: 2.5,
+      pointSize: 4,
+      pointBorderWidth: 2,
+      pointBorderColor: { from: "seriesColor", modifiers: [["darker", 0.2]] },
+      enableArea: !0,
+      areaOpacity: 0.1,
+      enableGridX: !1,
+      enableGridY: !0,
+      axisTop: null,
+      axisRight: null,
+      axisBottom: {
+        tickValues: x,
+        format: (t) => y(String(t)),
+        tickSize: 0,
+        tickPadding: 10
+      },
+      axisLeft: {
+        tickSize: 0,
+        tickPadding: 8,
+        tickValues: 4,
+        format: (t) => O.format(Number(t))
+      },
+      enableSlices: "x",
+      sliceTooltip: ({
+        slice: t
+      }) => {
+        const g = String(t.id), k = o[0] ?? null, I = [...t.points].map((e) => {
+          let u = 0;
+          typeof e.data.y == "number" && (u = e.data.y);
+          let c = k;
+          return typeof e.seriesId == "string" && f(e.seriesId) && (c = e.seriesId), c == null ? null : {
+            seriesId: c,
+            data: { y: u },
+            color: e.seriesColor
+          };
+        }).filter((e) => e != null).sort((e, u) => {
+          const c = o.indexOf(e.seriesId), C = o.indexOf(u.seriesId);
+          return c - C;
+        });
+        return /* @__PURE__ */ p("div", { className: L, children: [
+          /* @__PURE__ */ s("p", { className: N, children: y(g) }),
+          I.map((e) => /* @__PURE__ */ p(
+            "div",
+            {
+              className: w,
+              children: [
+                /* @__PURE__ */ p("span", { className: B, children: [
+                  /* @__PURE__ */ s(
+                    "span",
+                    {
+                      className: D,
+                      style: { backgroundColor: e.color },
+                      "aria-hidden": !0
+                    }
+                  ),
+                  /* @__PURE__ */ s("span", { children: a(e.seriesId) })
+                ] }),
+                /* @__PURE__ */ s("strong", { children: n(e.data.y) })
+              ]
+            },
+            `${g}-${e.seriesId}`
+          ))
+        ] });
+      },
+      legends: S,
+      useMesh: !0,
+      ariaLabel: r,
+      theme: {
+        text: {
+          fill: i.colors.textSecondary,
+          fontSize: 12
         },
-    ];
-    const colorById = (serie) => {
-        if (typeof serie.id !== 'string' || !isCategory(serie.id)) {
-            return vars.colors.primary;
-        }
-        return categoryColorById[serie.id];
-    };
-    const sliceTooltip = ({ slice, }) => {
-        const dayKey = String(slice.id);
-        const fallbackCategory = categoryOrder[0] ?? null;
-        const points = [...slice.points]
-            .map((point) => {
-            let credits = 0;
-            if (typeof point.data.y === 'number') {
-                credits = point.data.y;
+        axis: {
+          domain: {
+            line: {
+              stroke: i.colors.borderLight
             }
-            let seriesId = fallbackCategory;
-            if (typeof point.seriesId === 'string' && isCategory(point.seriesId)) {
-                seriesId = point.seriesId;
+          },
+          ticks: {
+            line: {
+              stroke: "transparent"
             }
-            if (seriesId == null) {
-                return null;
+          },
+          legend: {
+            text: {
+              fill: i.colors.textSecondary
             }
-            return {
-                seriesId,
-                data: { y: credits },
-                color: point.seriesColor,
-            };
-        })
-            .filter((point) => {
-            return point != null;
-        })
-            .sort((left, right) => {
-            const leftIndex = categoryOrder.indexOf(left.seriesId);
-            const rightIndex = categoryOrder.indexOf(right.seriesId);
-            return leftIndex - rightIndex;
-        });
-        return (_jsxs("div", { className: styles.tooltip, children: [_jsx("p", { className: styles.tooltipDate, children: formatDayTick(dayKey) }), points.map((point) => {
-                    return (_jsxs("div", { className: styles.tooltipRow, children: [_jsxs("span", { className: styles.tooltipRowLabel, children: [_jsx("span", { className: styles.tooltipSwatch, style: { backgroundColor: point.color }, "aria-hidden": true }), _jsx("span", { children: categoryLabel(point.seriesId) })] }), _jsx("strong", { children: formatValue(point.data.y) })] }, `${dayKey}-${point.seriesId}`));
-                })] }));
-    };
-    return (_jsx("div", { className: styles.chartContainer, children: _jsx(ResponsiveLine, { data: series, margin: { top: 14, right: 16, bottom: 74, left: 52 }, colors: colorById, xScale: { type: 'point' }, yScale: { type: 'linear', min: 0, max: 'auto' }, curve: "monotoneX", lineWidth: 2.5, pointSize: 4, pointBorderWidth: 2, pointBorderColor: { from: 'seriesColor', modifiers: [['darker', 0.2]] }, enableArea: true, areaOpacity: 0.1, enableGridX: false, enableGridY: true, axisTop: null, axisRight: null, axisBottom: {
-                tickValues: visibleTicks,
-                format: (value) => {
-                    return formatDayTick(String(value));
-                },
-                tickSize: 0,
-                tickPadding: 10,
-            }, axisLeft: {
-                tickSize: 0,
-                tickPadding: 8,
-                tickValues: 4,
-                format: (value) => {
-                    return compactNumberFormatter.format(Number(value));
-                },
-            }, enableSlices: "x", sliceTooltip: sliceTooltip, legends: legends, useMesh: true, ariaLabel: ariaLabel, theme: {
-                text: {
-                    fill: vars.colors.textSecondary,
-                    fontSize: 12,
-                },
-                axis: {
-                    domain: {
-                        line: {
-                            stroke: vars.colors.borderLight,
-                        },
-                    },
-                    ticks: {
-                        line: {
-                            stroke: 'transparent',
-                        },
-                    },
-                    legend: {
-                        text: {
-                            fill: vars.colors.textSecondary,
-                        },
-                    },
-                },
-                grid: {
-                    line: {
-                        stroke: vars.colors.borderLight,
-                    },
-                },
-                crosshair: {
-                    line: {
-                        stroke: vars.colors.primary,
-                        strokeWidth: 1,
-                        strokeOpacity: 0.35,
-                    },
-                },
-                tooltip: {
-                    container: {
-                        background: 'transparent',
-                        boxShadow: 'none',
-                        padding: 0,
-                    },
-                },
-                legends: {
-                    text: {
-                        fill: vars.colors.textSecondary,
-                    },
-                },
-            } }) }));
+          }
+        },
+        grid: {
+          line: {
+            stroke: i.colors.borderLight
+          }
+        },
+        crosshair: {
+          line: {
+            stroke: i.colors.primary,
+            strokeWidth: 1,
+            strokeOpacity: 0.35
+          }
+        },
+        tooltip: {
+          container: {
+            background: "transparent",
+            boxShadow: "none",
+            padding: 0
+          }
+        },
+        legends: {
+          text: {
+            fill: i.colors.textSecondary
+          }
+        }
+      }
+    }
+  ) });
+};
+export {
+  P as BillingUsageLineChart
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmlsbGluZ1VzYWdlTGluZUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hhcnRzL0JpbGxpbmdVc2FnZUxpbmVDaGFydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQTBCLE1BQU0sWUFBWSxDQUFDO0FBR3BFLE9BQU8sS0FBSyxNQUFNLE1BQU0sZ0NBQWdDLENBQUM7QUFDekQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBNkJwRCxNQUFNLFdBQVcsR0FBRyxDQUFDLENBQUM7QUFFdEIsTUFBTSxzQkFBc0IsR0FBRyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFO0lBQzVELFFBQVEsRUFBRSxTQUFTO0lBQ25CLHFCQUFxQixFQUFFLENBQUM7Q0FDekIsQ0FBQyxDQUFDO0FBS0gsU0FBUyxrQkFBa0IsQ0FDekIsTUFBdUQ7SUFFdkQsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzdCLElBQUksVUFBVSxJQUFJLElBQUksSUFBSSxVQUFVLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxXQUFXLEVBQUUsQ0FBQztRQUNoRSxJQUFJLFVBQVUsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUN2QixPQUFPLEVBQUUsQ0FBQztRQUNaLENBQUM7UUFFRCxPQUFPLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDbkMsT0FBTyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ2pCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsV0FBVyxDQUFDLENBQUM7SUFDN0QsTUFBTSxZQUFZLEdBQUcsVUFBVSxDQUFDLElBQUk7U0FDakMs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SixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXO3lCQUNoQztxQkFDRjtvQkFDRCxLQUFLLEVBQUU7d0JBQ0wsSUFBSSxFQUFFOzRCQUNKLE1BQU0sRUFBRSxhQUFhO3lCQUN0QjtxQkFDRjtvQkFDRCxNQUFNLEVBQUU7d0JBQ04sSUFBSSxFQUFFOzRCQUNKLElBQUksRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWE7eUJBQ2hDO3FCQUNGO2lCQUNGO2dCQUNELElBQUksRUFBRTtvQkFDSixJQUFJLEVBQUU7d0JBQ0osTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVztxQkFDaEM7aUJBQ0Y7Z0JBQ0QsU0FBUyxFQUFFO29CQUNULElBQUksRUFBRTt3QkFDSixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPO3dCQUMzQixXQUFXLEVBQUUsQ0FBQzt3QkFDZCxhQUFhLEVBQUUsSUFBSTtxQkFDcEI7aUJBQ0Y7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFNBQVMsRUFBRTt3QkFDVCxVQUFVLEVBQUUsYUFBYTt3QkFDekIsU0FBUyxFQUFFLE1BQU07d0JBQ2pCLE9BQU8sRUFBRSxDQUFDO3FCQUNYO2lCQUNGO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxJQUFJLEVBQUU7d0JBQ0osSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYTtxQkFDaEM7aUJBQ0Y7YUFDRixHQUNELEdBQ0UsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVzcG9uc2l2ZUxpbmUsIHR5cGUgU2xpY2VUb29sdGlwUHJvcHMgfSBmcm9tICdAbml2by9saW5lJztcbmltcG9ydCB0eXBlIHsgSlNYIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgKiBhcyBzdHlsZXMgZnJvbSAnLi9iaWxsaW5nVXNhZ2VMaW5lQ2hhcnQuY3NzLmpzJztcbmltcG9ydCB7IHZhcnMgfSBmcm9tICcuLi8uLi90aGVtZS90aGVtZUNvbnRyYWN0LmpzJztcblxuZXhwb3J0IHR5cGUgQmlsbGluZ1VzYWdlTGluZUNoYXJ0UG9pbnQgPSB7XG4gIHg6IHN0cmluZztcbiAgeTogbnVtYmVyO1xufTtcblxuZXhwb3J0IHR5cGUgQmlsbGluZ1VzYWdlTGluZUNoYXJ0U2VyaWU8Q2F0ZWdvcnkgZXh0ZW5kcyBzdHJpbmc+ID0ge1xuICBpZDogQ2F0ZWdvcnk7XG4gIGRhdGE6IHJlYWRvbmx5IEJpbGxpbmdVc2FnZUxpbmVDaGFydFBvaW50W107XG59O1xuXG50eXBlIFNsaWNlUG9pbnRQYXlsb2FkPENhdGVnb3J5IGV4dGVuZHMgc3RyaW5nPiA9IHtcbiAgc2VyaWVzSWQ6IENhdGVnb3J5O1xuICBkYXRhOiB7XG4gICAgeTogbnVtYmVyO1xuICB9O1xuICBjb2xvcjogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgQmlsbGluZ1VzYWdlTGluZUNoYXJ0UHJvcHM8Q2F0ZWdvcnkgZXh0ZW5kcyBzdHJpbmc+ID0ge1xuICBzZXJpZXM6IHJlYWRvbmx5IEJpbGxpbmdVc2FnZUxpbmVDaGFydFNlcmllPENhdGVnb3J5PltdO1xuICBjYXRlZ29yeU9yZGVyOiByZWFkb25seSBDYXRlZ29yeVtdO1xuICBjYXRlZ29yeUNvbG9yQnlJZDogUmVhZG9ubHk8UmVjb3JkPENhdGVnb3J5LCBzdHJpbmc+PjtcbiAgY2F0ZWdvcnlMYWJlbDogKGNhdGVnb3J5OiBDYXRlZ29yeSkgPT4gc3RyaW5nO1xuICBmb3JtYXRWYWx1ZTogKHZhbHVlOiBudW1iZXIpID0+IHN0cmluZztcbiAgYXJpYUxhYmVsOiBzdHJpbmc7XG59O1xuXG5jb25zdCBNQVhfWF9USUNLUyA9IDY7XG5cbmNvbnN0IGNvbXBhY3ROdW1iZXJGb3JtYXR0ZXIgPSBuZXcgSW50bC5OdW1iZXJGb3JtYXQoJ2VuLVVTJywge1xuICBub3RhdGlvbjogJ2NvbXBhY3QnLFxuICBtYXhpbXVtRnJhY3Rpb25EaWdpdHM6IDEsXG59KTtcblxuLyoqXG4gKiBMaW1pdHMgdGhlIG51bWJlciBvZiB2aXNpYmxlIGRheSB0aWNrcyB3aGlsZSBhbHdheXMga2VlcGluZyB0aGUgbGFzdCBwb2ludC5cbiAqL1xuZnVuY3Rpb24gZ2V0VmlzaWJsZURheVRpY2tzPENhdGVnb3J5IGV4dGVuZHMgc3RyaW5nPihcbiAgc2VyaWVzOiByZWFkb25seSBCaWxsaW5nVXNhZ2VMaW5lQ2hhcnRTZXJpZTxDYXRlZ29yeT5bXSxcbik6IHJlYWRvbmx5IHN0cmluZ1tdIHtcbiAgY29uc3QgZmlyc3RTZXJpZSA9IHNlcmllc1swXTtcbiAgaWYgKGZpcnN0U2VyaWUgPT0gbnVsbCB8fCBmaXJzdFNlcmllLmRhdGEubGVuZ3RoIDw9IE1BWF9YX1RJQ0tTKSB7XG4gICAgaWYgKGZpcnN0U2VyaWUgPT0gbnVsbCkge1xuICAgICAgcmV0dXJuIFtdO1xuICAgIH1cblxuICAgIHJldHVybiBmaXJzdFNlcmllLmRhdGEubWFwKChwb2ludCkgPT4ge1xuICAgICAgcmV0dXJuIHBvaW50Lng7XG4gICAgfSk7XG4gIH1cblxuICBjb25zdCBzdGVwID0gTWF0aC5jZWlsKGZpcnN0U2VyaWUuZGF0YS5sZW5ndGggLyBNQVhfWF9USUNLUyk7XG4gIGNvbnN0IHZpc2libGVUaWNrcyA9IGZpcnN0U2VyaWUuZGF0YVxuICAgIC5maWx0ZXIoKF8sIGluZGV4KSA9PiB7XG4gICAgICByZXR1cm4gaW5kZXggJSBzdGVwID09PSAwO1xuICAgIH0pXG4gICAgLm1hcCgocG9pbnQpID0+IHtcbiAgICAgIHJldHVybiBwb2ludC54O1xuICAgIH0pO1xuXG4gIGNvbnN0IGxhc3RQb2ludCA9IGZpcnN0U2VyaWUuZGF0YS5hdCgtMSk7XG4gIGlmIChsYXN0UG9pbnQgIT0gbnVsbCAmJiB2aXNpYmxlVGlja3MuYXQoLTEpICE9PSBsYXN0UG9pbnQueCkge1xuICAgIHZpc2libGVUaWNrcy5wdXNoKGxhc3RQb2ludC54KTtcbiAgfVxuXG4gIHJldHVybiB2aXNpYmxlVGlja3M7XG59XG5cbi8qKlxuICogRm9ybWF0cyBhIGBZWVlZLU1NLUREYCBrZXkgaW50byBhIHNob3J0IG1vbnRoL2RheSBsYWJlbCBmb3IgdGhlIHgtYXhpcy5cbiAqL1xuZnVuY3Rpb24gZm9ybWF0RGF5VGljayhkYXlLZXk6IHN0cmluZyk6IHN0cmluZyB7XG4gIGNvbnN0IHBhcnNlZCA9IG5ldyBEYXRlKGAke2RheUtleX1UMDA6MDA6MDBaYCk7XG4gIHJldHVybiBwYXJzZWQudG9Mb2NhbGVEYXRlU3RyaW5nKHVuZGVmaW5lZCwge1xuICAgIG1vbnRoOiAnc2hvcnQnLFxuICAgIGRheTogJzItZGlnaXQnLFxuICB9KTtcbn1cblxuZXhwb3J0IGNvbnN0IEJpbGxpbmdVc2FnZUxpbmVDaGFydCA9IDxDYXRlZ29yeSBleHRlbmRzIHN0cmluZz4oXG4gIHByb3BzOiBCaWxsaW5nVXNhZ2VMaW5lQ2hhcnRQcm9wczxDYXRlZ29yeT4sXG4pOiBKU1guRWxlbWVudCA9PiB7XG4gIGNvbnN0IHtcbiAgICBhcmlhTGFiZWwsXG4gICAgY2F0ZWdvcnlDb2xvckJ5SWQsXG4gICAgY2F0ZWdvcnlMYWJlbCxcbiAgICBjYXRlZ29yeU9yZGVyLFxuICAgIGZvcm1hdFZhbHVlLFxuICAgIHNlcmllcyxcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHZpc2libGVUaWNrcyA9IGdldFZpc2libGVEYXlUaWNrcyhzZXJpZXMpO1xuICBjb25zdCBjYXRlZ29yeU9yZGVyU3RyaW5nID0gY2F0ZWdvcnlPcmRlciBhcyByZWFkb25seSBzdHJpbmdbXTtcbiAgY29uc3QgaXNDYXRlZ29yeSA9ICh2YWx1ZTogc3RyaW5nKTogdmFsdWUgaXMgQ2F0ZWdvcnkgPT4ge1xuICAgIHJldHVybiBjYXRlZ29yeU9yZGVyU3RyaW5nLmluY2x1ZGVzKHZhbHVlKTtcbiAgfTtcblxuICBjb25zdCBsZWdlbmRzID0gW1xuICAgIHtcbiAgICAgIGFuY2hvcjogJ2JvdHRvbScgYXMgY29uc3QsXG4gICAgICBkaXJlY3Rpb246ICdyb3cnIGFzIGNvbnN0LFxuICAgICAgdHJhbnNsYXRlWTogNTYsXG4gICAgICBpdGVtV2lkdGg6IDkwLFxuICAgICAgaXRlbUhlaWdodDogMTYsXG4gICAgICBpdGVtc1NwYWNpbmc6IDgsXG4gICAgICBzeW1ib2xTaXplOiAxMCxcbiAgICAgIHN5bWJvbFNoYXBlOiAnY2lyY2xlJyBhcyBjb25zdCxcbiAgICAgIGl0ZW1UZXh0Q29sb3I6IHZhcnMuY29sb3JzLnRleHRTZWNvbmRhcnksXG4gICAgICBkYXRhOiBjYXRlZ29yeU9yZGVyLm1hcCgoY2F0ZWdvcnkpID0+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICBpZDogY2F0ZWdvcnksXG4gICAgICAgICAgbGFiZWw6IGNhdGVnb3J5TGFiZWwoY2F0ZWdvcnkpLFxuICAgICAgICAgIGNvbG9yOiBjYXRlZ29yeUNvbG9yQnlJZFtjYXRlZ29yeV0sXG4gICAgICAgIH07XG4gICAgICB9KSxcbiAgICB9LFxuICBdO1xuXG4gIGNvbnN0IGNvbG9yQnlJZCA9IChzZXJpZTogeyBpZDogc3RyaW5nIHwgbnVtYmVyIH0pOiBzdHJpbmcgPT4ge1xuICAgIGlmICh0eXBlb2Ygc2VyaWUuaWQgIT09ICdzdHJpbmcnIHx8ICFpc0NhdGVnb3J5KHNlcmllLmlkKSkge1xuICAgICAgcmV0dXJuIHZhcnMuY29sb3JzLnByaW1hcnk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNhdGVnb3J5Q29sb3JCeUlkW3NlcmllLmlkXTtcbiAgfTtcblxuICBjb25zdCBzbGljZVRvb2x0aXAgPSAoe1xuICAgIHNsaWNlLFxuICB9OiBTbGljZVRvb2x0aXBQcm9wczxCaWxsaW5nVXNhZ2VMaW5lQ2hhcnRTZXJpZTxDYXRlZ29yeT4+KTogSlNYLkVsZW1lbnQgPT4ge1xuICAgIGNvbnN0IGRheUtleSA9IFN0cmluZyhzbGljZS5pZCk7XG4gICAgY29uc3QgZmFsbGJhY2tDYXRlZ29yeSA9IGNhdGVnb3J5T3JkZXJbMF0gPz8gbnVsbDtcbiAgICBjb25zdCBwb2ludHMgPSBbLi4uc2xpY2UucG9pbnRzXVxuICAgICAgLm1hcCgocG9pbnQpOiBTbGljZVBvaW50UGF5bG9hZDxDYXRlZ29yeT4gfCBudWxsID0+IHtcbiAgICAgICAgbGV0IGNyZWRpdHMgPSAwO1xuICAgICAgICBpZiAodHlwZW9mIHBvaW50LmRhdGEueSA9PT0gJ251bWJlcicpIHtcbiAgICAgICAgICBjcmVkaXRzID0gcG9pbnQuZGF0YS55O1xuICAgICAgICB9XG5cbiAgICAgICAgbGV0IHNlcmllc0lkID0gZmFsbGJhY2tDYXRlZ29yeTtcbiAgICAgICAgaWYgKHR5cGVvZiBwb2ludC5zZXJpZXNJZCA9PT0gJ3N0cmluZycgJiYgaXNDYXRlZ29yeShwb2ludC5zZXJpZXNJZCkpIHtcbiAgICAgICAgICBzZXJpZXNJZCA9IHBvaW50LnNlcmllc0lkO1xuICAgICAgICB9XG4gICAgICAgIGlmIChzZXJpZXNJZCA9PSBudWxsKSB7XG4gICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIHNlcmllc0lkLFxuICAgICAgICAgIGRhdGE6IHsgeTogY3JlZGl0cyB9LFxuICAgICAgICAgIGNvbG9yOiBwb2ludC5zZXJpZXNDb2xvcixcbiAgICAgICAgfTtcbiAgICAgIH0pXG4gICAgICAuZmlsdGVyKChwb2ludCk6IHBvaW50IGlzIFNsaWNlUG9pbnRQYXlsb2FkPENhdGVnb3J5PiA9PiB7XG4gICAgICAgIHJldHVybiBwb2ludCAhPSBudWxsO1xuICAgICAgfSlcbiAgICAgIC5zb3J0KChsZWZ0LCByaWdodCkgPT4ge1xuICAgICAgICBjb25zdCBsZWZ0SW5kZXggPSBjYXRlZ29yeU9yZGVyLmluZGV4T2YobGVmdC5zZXJpZXNJZCk7XG4gICAgICAgIGNvbnN0IHJpZ2h0SW5kZXggPSBjYXRlZ29yeU9yZGVyLmluZGV4T2YocmlnaHQuc2VyaWVzSWQpO1xuXG4gICAgICAgIHJldHVybiBsZWZ0SW5kZXggLSByaWdodEluZGV4O1xuICAgICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e3N0eWxlcy50b29sdGlwfT5cbiAgICAgICAgPHAgY2xhc3NOYW1lPXtzdHlsZXMudG9vbHRpcERhdGV9Pntmb3JtYXREYXlUaWNrKGRheUtleSl9PC9wPlxuICAgICAgICB7cG9pbnRzLm1hcCgocG9pbnQpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBrZXk9e2Ake2RheUtleX0tJHtwb2ludC5zZXJpZXNJZH1gfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e3N0eWxlcy50b29sdGlwUm93fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e3N0eWxlcy50b29sdGlwUm93TGFiZWx9PlxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e3N0eWxlcy50b29sdGlwU3dhdGNofVxuICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgYmFja2dyb3VuZENvbG9yOiBwb2ludC5jb2xvciB9fVxuICAgICAgICAgICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxzcGFuPntjYXRlZ29yeUxhYmVsKHBvaW50LnNlcmllc0lkKX08L3NwYW4+XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgPHN0cm9uZz57Zm9ybWF0VmFsdWUocG9pbnQuZGF0YS55KX08L3N0cm9uZz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtzdHlsZXMuY2hhcnRDb250YWluZXJ9PlxuICAgICAgPFJlc3BvbnNpdmVMaW5lXG4gICAgICAgIGRhdGE9e3Nlcmllc31cbiAgICAgICAgbWFyZ2luPXt7IHRvcDogMTQsIHJpZ2h0OiAxNiwgYm90dG9tOiA3NCwgbGVmdDogNTIgfX1cbiAgICAgICAgY29sb3JzPXtjb2xvckJ5SWR9XG4gICAgICAgIHhTY2FsZT17eyB0eXBlOiAncG9pbnQnIH19XG4gICAgICAgIHlTY2FsZT17eyB0eXBlOiAnbGluZWFyJywgbWluOiAwLCBtYXg6ICdhdXRvJyB9fVxuICAgICAgICBjdXJ2ZT1cIm1vbm90b25lWFwiXG4gICAgICAgIGxpbmVXaWR0aD17Mi41fVxuICAgICAgICBwb2ludFNpemU9ezR9XG4gICAgICAgIHBvaW50Qm9yZGVyV2lkdGg9ezJ9XG4gICAgICAgIHBvaW50Qm9yZGVyQ29sb3I9e3sgZnJvbTogJ3Nlcmllc0NvbG9yJywgbW9kaWZpZXJzOiBbWydkYXJrZXInLCAwLjJdXSB9fVxuICAgICAgICBlbmFibGVBcmVhXG4gICAgICAgIGFyZWFPcGFjaXR5PXswLjF9XG4gICAgICAgIGVuYWJsZUdyaWRYPXtmYWxzZX1cbiAgICAgICAgZW5hYmxlR3JpZFlcbiAgICAgICAgYXhpc1RvcD17bnVsbH1cbiAgICAgICAgYXhpc1JpZ2h0PXtudWxsfVxuICAgICAgICBheGlzQm90dG9tPXt7XG4gICAgICAgICAgdGlja1ZhbHVlczogdmlzaWJsZVRpY2tzLFxuICAgICAgICAgIGZvcm1hdDogKHZhbHVlKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gZm9ybWF0RGF5VGljayhTdHJpbmcodmFsdWUpKTtcbiAgICAgICAgICB9LFxuICAgICAgICAgIHRpY2tTaXplOiAwLFxuICAgICAgICAgIHRpY2tQYWRkaW5nOiAxMCxcbiAgICAgICAgfX1cbiAgICAgICAgYXhpc0xlZnQ9e3tcbiAgICAgICAgICB0aWNrU2l6ZTogMCxcbiAgICAgICAgICB0aWNrUGFkZGluZzogOCxcbiAgICAgICAgICB0aWNrVmFsdWVzOiA0LFxuICAgICAgICAgIGZvcm1hdDogKHZhbHVlKSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gY29tcGFjdE51bWJlckZvcm1hdHRlci5mb3JtYXQoTnVtYmVyKHZhbHVlKSk7XG4gICAgICAgICAgfSxcbiAgICAgICAgfX1cbiAgICAgICAgZW5hYmxlU2xpY2VzPVwieFwiXG4gICAgICAgIHNsaWNlVG9vbHRpcD17c2xpY2VUb29sdGlwfVxuICAgICAgICBsZWdlbmRzPXtsZWdlbmRzfVxuICAgICAgICB1c2VNZXNoXG4gICAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICB0aGVtZT17e1xuICAgICAgICAgIHRleHQ6IHtcbiAgICAgICAgICAgIGZpbGw6IHZhcnMuY29sb3JzLnRleHRTZWNvbmRhcnksXG4gICAgICAgICAgICBmb250U2l6ZTogMTIsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBheGlzOiB7XG4gICAgICAgICAgICBkb21haW46IHtcbiAgICAgICAgICAgICAgbGluZToge1xuICAgICAgICAgICAgICAgIHN0cm9rZTogdmFycy5jb2xvcnMuYm9yZGVyTGlnaHQsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgdGlja3M6IHtcbiAgICAgICAgICAgICAgbGluZToge1xuICAgICAgICAgICAgICAgIHN0cm9rZTogJ3RyYW5zcGFyZW50JyxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBsZWdlbmQ6IHtcbiAgICAgICAgICAgICAgdGV4dDoge1xuICAgICAgICAgICAgICAgIGZpbGw6IHZhcnMuY29sb3JzLnRleHRTZWNvbmRhcnksXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH0sXG4gICAgICAgICAgZ3JpZDoge1xuICAgICAgICAgICAgbGluZToge1xuICAgICAgICAgICAgICBzdHJva2U6IHZhcnMuY29sb3JzLmJvcmRlckxpZ2h0LFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9LFxuICAgICAgICAgIGNyb3NzaGFpcjoge1xuICAgICAgICAgICAgbGluZToge1xuICAgICAgICAgICAgICBzdHJva2U6IHZhcnMuY29sb3JzLnByaW1hcnksXG4gICAgICAgICAgICAgIHN0cm9rZVdpZHRoOiAxLFxuICAgICAgICAgICAgICBzdHJva2VPcGFjaXR5OiAwLjM1LFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9LFxuICAgICAgICAgIHRvb2x0aXA6IHtcbiAgICAgICAgICAgIGNvbnRhaW5lcjoge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAndHJhbnNwYXJlbnQnLFxuICAgICAgICAgICAgICBib3hTaGFkb3c6ICdub25lJyxcbiAgICAgICAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSxcbiAgICAgICAgICBsZWdlbmRzOiB7XG4gICAgICAgICAgICB0ZXh0OiB7XG4gICAgICAgICAgICAgIGZpbGw6IHZhcnMuY29sb3JzLnRleHRTZWNvbmRhcnksXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH0sXG4gICAgICAgIH19XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ==
+//# sourceMappingURL=BillingUsageLineChart.js.map

package/lib/esm/components/charts/BillingUsageLineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingUsageLineChart.js","sources":["../../../../src/components/charts/BillingUsageLineChart.tsx"],"sourcesContent":["import { ResponsiveLine, type SliceTooltipProps } from '@nivo/line';\nimport type { JSX } from 'react';\n\nimport * as styles from './billingUsageLineChart.css.js';\nimport { vars } from '../../theme/themeContract.js';\n\nexport type BillingUsageLineChartPoint = {\n  x: string;\n  y: number;\n};\n\nexport type BillingUsageLineChartSerie<Category extends string> = {\n  id: Category;\n  data: readonly BillingUsageLineChartPoint[];\n};\n\ntype SlicePointPayload<Category extends string> = {\n  seriesId: Category;\n  data: {\n    y: number;\n  };\n  color: string;\n};\n\nexport type BillingUsageLineChartProps<Category extends string> = {\n  series: readonly BillingUsageLineChartSerie<Category>[];\n  categoryOrder: readonly Category[];\n  categoryColorById: Readonly<Record<Category, string>>;\n  categoryLabel: (category: Category) => string;\n  formatValue: (value: number) => string;\n  ariaLabel: string;\n};\n\nconst MAX_X_TICKS = 6;\n\nconst compactNumberFormatter = new Intl.NumberFormat('en-US', {\n  notation: 'compact',\n  maximumFractionDigits: 1,\n});\n\n/**\n * Limits the number of visible day ticks while always keeping the last point.\n */\nfunction getVisibleDayTicks<Category extends string>(\n  series: readonly BillingUsageLineChartSerie<Category>[],\n): readonly string[] {\n  const firstSerie = series[0];\n  if (firstSerie == null || firstSerie.data.length <= MAX_X_TICKS) {\n    if (firstSerie == null) {\n      return [];\n    }\n\n    return firstSerie.data.map((point) => {\n      return point.x;\n    });\n  }\n\n  const step = Math.ceil(firstSerie.data.length / MAX_X_TICKS);\n  const visibleTicks = firstSerie.data\n    .filter((_, index) => {\n      return index % step === 0;\n    })\n    .map((point) => {\n      return point.x;\n    });\n\n  const lastPoint = firstSerie.data.at(-1);\n  if (lastPoint != null && visibleTicks.at(-1) !== lastPoint.x) {\n    visibleTicks.push(lastPoint.x);\n  }\n\n  return visibleTicks;\n}\n\n/**\n * Formats a `YYYY-MM-DD` key into a short month/day label for the x-axis.\n */\nfunction formatDayTick(dayKey: string): string {\n  const parsed = new Date(`${dayKey}T00:00:00Z`);\n  return parsed.toLocaleDateString(undefined, {\n    month: 'short',\n    day: '2-digit',\n  });\n}\n\nexport const BillingUsageLineChart = <Category extends string>(\n  props: BillingUsageLineChartProps<Category>,\n): JSX.Element => {\n  const {\n    ariaLabel,\n    categoryColorById,\n    categoryLabel,\n    categoryOrder,\n    formatValue,\n    series,\n  } = props;\n\n  const visibleTicks = getVisibleDayTicks(series);\n  const categoryOrderString = categoryOrder as readonly string[];\n  const isCategory = (value: string): value is Category => {\n    return categoryOrderString.includes(value);\n  };\n\n  const legends = [\n    {\n      anchor: 'bottom' as const,\n      direction: 'row' as const,\n      translateY: 56,\n      itemWidth: 90,\n      itemHeight: 16,\n      itemsSpacing: 8,\n      symbolSize: 10,\n      symbolShape: 'circle' as const,\n      itemTextColor: vars.colors.textSecondary,\n      data: categoryOrder.map((category) => {\n        return {\n          id: category,\n          label: categoryLabel(category),\n          color: categoryColorById[category],\n        };\n      }),\n    },\n  ];\n\n  const colorById = (serie: { id: string | number }): string => {\n    if (typeof serie.id !== 'string' || !isCategory(serie.id)) {\n      return vars.colors.primary;\n    }\n\n    return categoryColorById[serie.id];\n  };\n\n  const sliceTooltip = ({\n    slice,\n  }: SliceTooltipProps<BillingUsageLineChartSerie<Category>>): JSX.Element => {\n    const dayKey = String(slice.id);\n    const fallbackCategory = categoryOrder[0] ?? null;\n    const points = [...slice.points]\n      .map((point): SlicePointPayload<Category> | null => {\n        let credits = 0;\n        if (typeof point.data.y === 'number') {\n          credits = point.data.y;\n        }\n\n        let seriesId = fallbackCategory;\n        if (typeof point.seriesId === 'string' && isCategory(point.seriesId)) {\n          seriesId = point.seriesId;\n        }\n        if (seriesId == null) {\n          return null;\n        }\n\n        return {\n          seriesId,\n          data: { y: credits },\n          color: point.seriesColor,\n        };\n      })\n      .filter((point): point is SlicePointPayload<Category> => {\n        return point != null;\n      })\n      .sort((left, right) => {\n        const leftIndex = categoryOrder.indexOf(left.seriesId);\n        const rightIndex = categoryOrder.indexOf(right.seriesId);\n\n        return leftIndex - rightIndex;\n      });\n\n    return (\n      <div className={styles.tooltip}>\n        <p className={styles.tooltipDate}>{formatDayTick(dayKey)}</p>\n        {points.map((point) => {\n          return (\n            <div\n              key={`${dayKey}-${point.seriesId}`}\n              className={styles.tooltipRow}\n            >\n              <span className={styles.tooltipRowLabel}>\n                <span\n                  className={styles.tooltipSwatch}\n                  style={{ backgroundColor: point.color }}\n                  aria-hidden\n                />\n                <span>{categoryLabel(point.seriesId)}</span>\n              </span>\n              <strong>{formatValue(point.data.y)}</strong>\n            </div>\n          );\n        })}\n      </div>\n    );\n  };\n\n  return (\n    <div className={styles.chartContainer}>\n      <ResponsiveLine\n        data={series}\n        margin={{ top: 14, right: 16, bottom: 74, left: 52 }}\n        colors={colorById}\n        xScale={{ type: 'point' }}\n        yScale={{ type: 'linear', min: 0, max: 'auto' }}\n        curve=\"monotoneX\"\n        lineWidth={2.5}\n        pointSize={4}\n        pointBorderWidth={2}\n        pointBorderColor={{ from: 'seriesColor', modifiers: [['darker', 0.2]] }}\n        enableArea\n        areaOpacity={0.1}\n        enableGridX={false}\n        enableGridY\n        axisTop={null}\n        axisRight={null}\n        axisBottom={{\n          tickValues: visibleTicks,\n          format: (value) => {\n            return formatDayTick(String(value));\n          },\n          tickSize: 0,\n          tickPadding: 10,\n        }}\n        axisLeft={{\n          tickSize: 0,\n          tickPadding: 8,\n          tickValues: 4,\n          format: (value) => {\n            return compactNumberFormatter.format(Number(value));\n          },\n        }}\n        enableSlices=\"x\"\n        sliceTooltip={sliceTooltip}\n        legends={legends}\n        useMesh\n        ariaLabel={ariaLabel}\n        theme={{\n          text: {\n            fill: vars.colors.textSecondary,\n            fontSize: 12,\n          },\n          axis: {\n            domain: {\n              line: {\n                stroke: vars.colors.borderLight,\n              },\n            },\n            ticks: {\n              line: {\n                stroke: 'transparent',\n              },\n            },\n            legend: {\n              text: {\n                fill: vars.colors.textSecondary,\n              },\n            },\n          },\n          grid: {\n            line: {\n              stroke: vars.colors.borderLight,\n            },\n          },\n          crosshair: {\n            line: {\n              stroke: vars.colors.primary,\n              strokeWidth: 1,\n              strokeOpacity: 0.35,\n            },\n          },\n          tooltip: {\n            container: {\n              background: 'transparent',\n              boxShadow: 'none',\n              padding: 0,\n            },\n          },\n          legends: {\n            text: {\n              fill: vars.colors.textSecondary,\n            },\n          },\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["MAX_X_TICKS","compactNumberFormatter","getVisibleDayTicks","series","firstSerie","point","step","visibleTicks","_","index","lastPoint","formatDayTick","dayKey","BillingUsageLineChart","props","ariaLabel","categoryColorById","categoryLabel","categoryOrder","formatValue","categoryOrderString","isCategory","value","legends","vars","category","jsx","styles.chartContainer","ResponsiveLine","serie","slice","fallbackCategory","points","credits","seriesId","left","right","leftIndex","rightIndex","jsxs","styles.tooltip","styles.tooltipDate","styles.tooltipRow","styles.tooltipRowLabel","styles.tooltipSwatch"],"mappings":"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"}