@perses-dev/components 0.0.0-snapshot-time-range-height-80d08fc

package/dist/theme/palette/text.js

@@ -0,0 +1,36 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { grey, white, blue } from './colors';
+export const text = (mode)=>{
+    const navigation = grey[800];
+    const accent = grey[300];
+    return mode === 'light' ? {
+        navigation,
+        accent,
+        primary: grey[800],
+        secondary: grey[700],
+        disabled: grey[300],
+        link: blue[500],
+        linkHover: blue[600]
+    } : {
+        navigation,
+        accent,
+        primary: white,
+        secondary: grey[50],
+        disabled: grey[600],
+        link: blue[400],
+        linkHover: blue[500]
+    };
+};
+
+//# sourceMappingURL=text.js.map

package/dist/theme/palette/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/palette/text.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PaletteOptions, PaletteMode } from '@mui/material';\nimport { grey, white, blue } from './colors';\n\nexport const text = (mode: PaletteMode): PaletteOptions['text'] => {\n  const navigation = grey[800];\n  const accent = grey[300];\n  return mode === 'light'\n    ? {\n        navigation,\n        accent,\n        primary: grey[800],\n        secondary: grey[700],\n        disabled: grey[300],\n        link: blue[500],\n        linkHover: blue[600],\n      }\n    : {\n        navigation,\n        accent,\n        primary: white,\n        secondary: grey[50],\n        disabled: grey[600],\n        link: blue[400],\n        linkHover: blue[500],\n      };\n};\n"],"names":["grey","white","blue","text","mode","navigation","accent","primary","secondary","disabled","link","linkHover"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,IAAI,EAAEC,KAAK,EAAEC,IAAI,QAAQ,UAAU,CAAC;AAE7C,OAAO,MAAMC,IAAI,GAAG,CAACC,IAAiB,GAA6B;IACjE,MAAMC,UAAU,GAAGL,IAAI,CAAC,GAAG,CAAC,AAAC;IAC7B,MAAMM,MAAM,GAAGN,IAAI,CAAC,GAAG,CAAC,AAAC;IACzB,OAAOI,IAAI,KAAK,OAAO,GACnB;QACEC,UAAU;QACVC,MAAM;QACNC,OAAO,EAAEP,IAAI,CAAC,GAAG,CAAC;QAClBQ,SAAS,EAAER,IAAI,CAAC,GAAG,CAAC;QACpBS,QAAQ,EAAET,IAAI,CAAC,GAAG,CAAC;QACnBU,IAAI,EAAER,IAAI,CAAC,GAAG,CAAC;QACfS,SAAS,EAAET,IAAI,CAAC,GAAG,CAAC;KACrB,GACD;QACEG,UAAU;QACVC,MAAM;QACNC,OAAO,EAAEN,KAAK;QACdO,SAAS,EAAER,IAAI,CAAC,EAAE,CAAC;QACnBS,QAAQ,EAAET,IAAI,CAAC,GAAG,CAAC;QACnBU,IAAI,EAAER,IAAI,CAAC,GAAG,CAAC;QACfS,SAAS,EAAET,IAAI,CAAC,GAAG,CAAC;KACrB,CAAC;AACR,CAAC,CAAC"}

package/dist/theme/palette/warning.d.ts

@@ -0,0 +1,3 @@
+import { PaletteMode, SimplePaletteColorOptions } from '@mui/material';
+export declare const warning: (mode: PaletteMode) => SimplePaletteColorOptions;
+//# sourceMappingURL=warning.d.ts.map

package/dist/theme/palette/warning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning.d.ts","sourceRoot":"","sources":["../../../src/theme/palette/warning.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAGvE,eAAO,MAAM,OAAO,SAAU,WAAW,KAAG,yBAY3C,CAAC"}

package/dist/theme/palette/warning.js

@@ -0,0 +1,26 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { orange } from './colors';
+export const warning = (mode)=>{
+    return mode === 'light' ? {
+        main: orange[500],
+        dark: orange[700],
+        light: orange[50]
+    } : {
+        main: orange[400],
+        dark: orange[800],
+        light: orange[300]
+    };
+};
+
+//# sourceMappingURL=warning.js.map

package/dist/theme/palette/warning.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/palette/warning.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PaletteMode, SimplePaletteColorOptions } from '@mui/material';\nimport { orange } from './colors';\n\nexport const warning = (mode: PaletteMode): SimplePaletteColorOptions => {\n  return mode === 'light'\n    ? {\n        main: orange[500],\n        dark: orange[700],\n        light: orange[50],\n      }\n    : {\n        main: orange[400],\n        dark: orange[800],\n        light: orange[300],\n      };\n};\n"],"names":["orange","warning","mode","main","dark","light"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,MAAM,QAAQ,UAAU,CAAC;AAElC,OAAO,MAAMC,OAAO,GAAG,CAACC,IAAiB,GAAgC;IACvE,OAAOA,IAAI,KAAK,OAAO,GACnB;QACEC,IAAI,EAAEH,MAAM,CAAC,GAAG,CAAC;QACjBI,IAAI,EAAEJ,MAAM,CAAC,GAAG,CAAC;QACjBK,KAAK,EAAEL,MAAM,CAAC,EAAE,CAAC;KAClB,GACD;QACEG,IAAI,EAAEH,MAAM,CAAC,GAAG,CAAC;QACjBI,IAAI,EAAEJ,MAAM,CAAC,GAAG,CAAC;QACjBK,KAAK,EAAEL,MAAM,CAAC,GAAG,CAAC;KACnB,CAAC;AACR,CAAC,CAAC"}

package/dist/theme/theme.d.ts

@@ -0,0 +1,13 @@
+import { PaletteMode, Theme } from '@mui/material';
+/**
+ * Gets theme used by all components for the provided mode. For more details, see:
+ *   - Base colors, typography, sizing - go/chrono-ui-theme
+ *   - Material UI defaults: https://material-ui.com/customization/default-theme/
+ *   - Material UI variables: https://material-ui.com/customization/theming/#theme-configuration-variables
+ *   - Material UI global overrides and default props: https://material-ui.com/customization/globals/#css
+ *
+ * Need to reinstantiate the theme everytime to support switching between light and dark themes
+ * https://github.com/mui-org/material-ui/issues/18831
+ */
+export declare function getTheme(mode: PaletteMode): Theme;
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAaA,OAAO,EAAe,WAAW,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAiB9E;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,WAAW,SAQzC"}

package/dist/theme/theme.js

@@ -0,0 +1,67 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { createTheme } from '@mui/material';
+import { getPaletteOptions } from './palette/palette-options';
+import { typography } from './typography';
+const getModalBackgroundStyle = ({ theme  })=>{
+    const backgroundStyle = theme.palette.mode === 'light' ? {} : {
+        backgroundImage: 'unset',
+        backgroundColor: theme.palette.designSystem.grey[800]
+    };
+    return {
+        ...backgroundStyle
+    };
+};
+/**
+ * Gets theme used by all components for the provided mode. For more details, see:
+ *   - Base colors, typography, sizing - go/chrono-ui-theme
+ *   - Material UI defaults: https://material-ui.com/customization/default-theme/
+ *   - Material UI variables: https://material-ui.com/customization/theming/#theme-configuration-variables
+ *   - Material UI global overrides and default props: https://material-ui.com/customization/globals/#css
+ *
+ * Need to reinstantiate the theme everytime to support switching between light and dark themes
+ * https://github.com/mui-org/material-ui/issues/18831
+ */ export function getTheme(mode) {
+    const theme = createTheme({
+        palette: getPaletteOptions(mode),
+        typography,
+        mixins: {},
+        components
+    });
+    return theme;
+}
+// Overrides for component default prop values and styles go here
+const components = {
+    MuiFormControl: {
+        defaultProps: {
+            size: 'small'
+        }
+    },
+    MuiTextField: {
+        defaultProps: {
+            size: 'small'
+        }
+    },
+    MuiDrawer: {
+        styleOverrides: {
+            paper: getModalBackgroundStyle
+        }
+    },
+    MuiDialog: {
+        styleOverrides: {
+            paper: getModalBackgroundStyle
+        }
+    }
+};
+
+//# sourceMappingURL=theme.js.map

package/dist/theme/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/theme.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createTheme, PaletteMode, ThemeOptions, Theme } from '@mui/material';\nimport { getPaletteOptions } from './palette/palette-options';\nimport { typography } from './typography';\n\nconst getModalBackgroundStyle = ({ theme }: { theme: Omit<Theme, 'components'> }) => {\n  const backgroundStyle =\n    theme.palette.mode === 'light'\n      ? {}\n      : {\n          backgroundImage: 'unset',\n          backgroundColor: theme.palette.designSystem.grey[800],\n        };\n  return {\n    ...backgroundStyle,\n  };\n};\n\n/**\n * Gets theme used by all components for the provided mode. For more details, see:\n *   - Base colors, typography, sizing - go/chrono-ui-theme\n *   - Material UI defaults: https://material-ui.com/customization/default-theme/\n *   - Material UI variables: https://material-ui.com/customization/theming/#theme-configuration-variables\n *   - Material UI global overrides and default props: https://material-ui.com/customization/globals/#css\n *\n * Need to reinstantiate the theme everytime to support switching between light and dark themes\n * https://github.com/mui-org/material-ui/issues/18831\n */\nexport function getTheme(mode: PaletteMode) {\n  const theme = createTheme({\n    palette: getPaletteOptions(mode),\n    typography,\n    mixins: {},\n    components,\n  });\n  return theme;\n}\n\n// Overrides for component default prop values and styles go here\nconst components: ThemeOptions['components'] = {\n  MuiFormControl: {\n    defaultProps: {\n      size: 'small',\n    },\n  },\n  MuiTextField: {\n    defaultProps: {\n      size: 'small',\n    },\n  },\n  MuiDrawer: {\n    styleOverrides: {\n      paper: getModalBackgroundStyle,\n    },\n  },\n  MuiDialog: {\n    styleOverrides: {\n      paper: getModalBackgroundStyle,\n    },\n  },\n};\n"],"names":["createTheme","getPaletteOptions","typography","getModalBackgroundStyle","theme","backgroundStyle","palette","mode","backgroundImage","backgroundColor","designSystem","grey","getTheme","mixins","components","MuiFormControl","defaultProps","size","MuiTextField","MuiDrawer","styleOverrides","paper","MuiDialog"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,WAAW,QAA0C,eAAe,CAAC;AAC9E,SAASC,iBAAiB,QAAQ,2BAA2B,CAAC;AAC9D,SAASC,UAAU,QAAQ,cAAc,CAAC;AAE1C,MAAMC,uBAAuB,GAAG,CAAC,EAAEC,KAAK,CAAA,EAAwC,GAAK;IACnF,MAAMC,eAAe,GACnBD,KAAK,CAACE,OAAO,CAACC,IAAI,KAAK,OAAO,GAC1B,EAAE,GACF;QACEC,eAAe,EAAE,OAAO;QACxBC,eAAe,EAAEL,KAAK,CAACE,OAAO,CAACI,YAAY,CAACC,IAAI,CAAC,GAAG,CAAC;KACtD,AAAC;IACR,OAAO;QACL,GAAGN,eAAe;KACnB,CAAC;AACJ,CAAC,AAAC;AAEF;;;;;;;;;CASC,GACD,OAAO,SAASO,QAAQ,CAACL,IAAiB,EAAE;IAC1C,MAAMH,KAAK,GAAGJ,WAAW,CAAC;QACxBM,OAAO,EAAEL,iBAAiB,CAACM,IAAI,CAAC;QAChCL,UAAU;QACVW,MAAM,EAAE,EAAE;QACVC,UAAU;KACX,CAAC,AAAC;IACH,OAAOV,KAAK,CAAC;AACf,CAAC;AAED,iEAAiE;AACjE,MAAMU,UAAU,GAA+B;IAC7CC,cAAc,EAAE;QACdC,YAAY,EAAE;YACZC,IAAI,EAAE,OAAO;SACd;KACF;IACDC,YAAY,EAAE;QACZF,YAAY,EAAE;YACZC,IAAI,EAAE,OAAO;SACd;KACF;IACDE,SAAS,EAAE;QACTC,cAAc,EAAE;YACdC,KAAK,EAAElB,uBAAuB;SAC/B;KACF;IACDmB,SAAS,EAAE;QACTF,cAAc,EAAE;YACdC,KAAK,EAAElB,uBAAuB;SAC/B;KACF;CACF,AAAC"}

package/dist/theme/types/ThemeExtension.d.js

@@ -0,0 +1,16 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+// Allows extending Lab types/components also
+export { };
+
+//# sourceMappingURL=ThemeExtension.d.js.map

package/dist/theme/types/ThemeExtension.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/types/ThemeExtension.d.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n// Allows extending Lab types/components also\nimport type {} from '@mui/lab/themeAugmentation';\n\n// Use Typescript interface augmentation to extend the MUI type definition\ndeclare module '@mui/material' {\n  interface Color {\n    150: string;\n    250: string;\n    350: string;\n    450: string;\n    550: string;\n    650: string;\n    750: string;\n    850: string;\n    950: string;\n  }\n}\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,6CAA6C;AAC7C,WAeC"}

package/dist/theme/typography.d.ts

@@ -0,0 +1,10 @@
+import '@fontsource/lato/300.css';
+import '@fontsource/lato/400.css';
+import '@fontsource/lato/700.css';
+import '@fontsource/lato/900.css';
+import { ThemeOptions } from '@mui/material';
+/**
+ * Theme typography options that are the same across both the dark and light themes.
+ */
+export declare const typography: ThemeOptions['typography'];
+//# sourceMappingURL=typography.d.ts.map

package/dist/theme/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAaA,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAS7C;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAqEjD,CAAC"}

package/dist/theme/typography.js

@@ -0,0 +1,92 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import '@fontsource/lato/300.css';
+import '@fontsource/lato/400.css';
+import '@fontsource/lato/700.css';
+import '@fontsource/lato/900.css';
+// Font weights need to correspond with the imports at the top of the file
+// (Lato supports 100, 300, 400, 700, 900)
+const fontWeightLight = 300;
+const fontWeightRegular = 400;
+const fontWeightMedium = 700;
+const fontWeightBold = 900;
+/**
+ * Theme typography options that are the same across both the dark and light themes.
+ */ export const typography = {
+    fontFamily: '"Lato", sans-serif',
+    fontWeightLight,
+    fontWeightRegular,
+    fontWeightMedium,
+    fontWeightBold,
+    h1: {
+        fontSize: '1.5rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '32px'
+    },
+    h2: {
+        fontSize: '1.25rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '28px'
+    },
+    h3: {
+        fontSize: '1rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '24px'
+    },
+    h4: {
+        fontSize: '0.875rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '22px'
+    },
+    h5: undefined,
+    h6: undefined,
+    body1: {
+        fontSize: '0.875rem',
+        fontWeight: fontWeightRegular,
+        lineHeight: '20px'
+    },
+    body2: {
+        fontSize: '0.75rem',
+        fontWeight: fontWeightRegular,
+        lineHeight: '18px'
+    },
+    subtitle1: {
+        fontSize: '1rem',
+        fontWeight: fontWeightRegular,
+        lineHeight: '24px',
+        letterSpacing: '0.02rem'
+    },
+    subtitle2: {
+        fontSize: '0.875rem',
+        fontWeight: fontWeightMedium,
+        lineHeight: '22px',
+        letterSpacing: '0.03rem',
+        textTransform: 'uppercase'
+    },
+    button: {
+        // 14px
+        fontSize: '0.875rem',
+        fontWeight: fontWeightMedium,
+        // 20 px
+        lineHeight: '1.25rem',
+        textTransform: 'none',
+        letterSpacing: '0.03rem'
+    },
+    caption: {
+        fontSize: '0.6875rem',
+        fontWeight: fontWeightRegular,
+        lineHeight: '16px'
+    }
+};
+
+//# sourceMappingURL=typography.js.map

package/dist/theme/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/typography.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport '@fontsource/lato/300.css';\nimport '@fontsource/lato/400.css';\nimport '@fontsource/lato/700.css';\nimport '@fontsource/lato/900.css';\nimport { ThemeOptions } from '@mui/material';\n\n// Font weights need to correspond with the imports at the top of the file\n// (Lato supports 100, 300, 400, 700, 900)\nconst fontWeightLight = 300;\nconst fontWeightRegular = 400;\nconst fontWeightMedium = 700;\nconst fontWeightBold = 900;\n\n/**\n * Theme typography options that are the same across both the dark and light themes.\n */\nexport const typography: ThemeOptions['typography'] = {\n  fontFamily: '\"Lato\", sans-serif',\n\n  fontWeightLight,\n  fontWeightRegular,\n  fontWeightMedium,\n  fontWeightBold,\n\n  h1: {\n    fontSize: '1.5rem', // 24px\n    fontWeight: fontWeightMedium,\n    lineHeight: '32px',\n  },\n  h2: {\n    fontSize: '1.25rem', // 20px\n    fontWeight: fontWeightMedium,\n    lineHeight: '28px',\n  },\n  h3: {\n    fontSize: '1rem', // 16px\n    fontWeight: fontWeightMedium,\n    lineHeight: '24px',\n  },\n  h4: {\n    fontSize: '0.875rem', // 14px\n    fontWeight: fontWeightMedium,\n    lineHeight: '22px',\n  },\n  h5: undefined,\n  h6: undefined,\n\n  body1: {\n    fontSize: '0.875rem', // 14px\n    fontWeight: fontWeightRegular,\n    lineHeight: '20px',\n  },\n  body2: {\n    fontSize: '0.75rem', // 12px\n    fontWeight: fontWeightRegular,\n    lineHeight: '18px',\n  },\n  subtitle1: {\n    fontSize: '1rem', // 16px\n    fontWeight: fontWeightRegular,\n    lineHeight: '24px',\n    letterSpacing: '0.02rem',\n  },\n  subtitle2: {\n    fontSize: '0.875rem', // 14px\n    fontWeight: fontWeightMedium,\n    lineHeight: '22px',\n    letterSpacing: '0.03rem',\n    textTransform: 'uppercase',\n  },\n\n  button: {\n    // 14px\n    fontSize: '0.875rem',\n    fontWeight: fontWeightMedium,\n    // 20 px\n    lineHeight: '1.25rem',\n    textTransform: 'none',\n    letterSpacing: '0.03rem',\n  },\n  caption: {\n    fontSize: '0.6875rem', // 11px\n    fontWeight: fontWeightRegular,\n    lineHeight: '16px',\n  },\n};\n"],"names":["fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","typography","fontFamily","h1","fontSize","fontWeight","lineHeight","h2","h3","h4","h5","undefined","h6","body1","body2","subtitle1","letterSpacing","subtitle2","textTransform","button","caption"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAGlC,0EAA0E;AAC1E,0CAA0C;AAC1C,MAAMA,eAAe,GAAG,GAAG,AAAC;AAC5B,MAAMC,iBAAiB,GAAG,GAAG,AAAC;AAC9B,MAAMC,gBAAgB,GAAG,GAAG,AAAC;AAC7B,MAAMC,cAAc,GAAG,GAAG,AAAC;AAE3B;;CAEC,GACD,OAAO,MAAMC,UAAU,GAA+B;IACpDC,UAAU,EAAE,oBAAoB;IAEhCL,eAAe;IACfC,iBAAiB;IACjBC,gBAAgB;IAChBC,cAAc;IAEdG,EAAE,EAAE;QACFC,QAAQ,EAAE,QAAQ;QAClBC,UAAU,EAAEN,gBAAgB;QAC5BO,UAAU,EAAE,MAAM;KACnB;IACDC,EAAE,EAAE;QACFH,QAAQ,EAAE,SAAS;QACnBC,UAAU,EAAEN,gBAAgB;QAC5BO,UAAU,EAAE,MAAM;KACnB;IACDE,EAAE,EAAE;QACFJ,QAAQ,EAAE,MAAM;QAChBC,UAAU,EAAEN,gBAAgB;QAC5BO,UAAU,EAAE,MAAM;KACnB;IACDG,EAAE,EAAE;QACFL,QAAQ,EAAE,UAAU;QACpBC,UAAU,EAAEN,gBAAgB;QAC5BO,UAAU,EAAE,MAAM;KACnB;IACDI,EAAE,EAAEC,SAAS;IACbC,EAAE,EAAED,SAAS;IAEbE,KAAK,EAAE;QACLT,QAAQ,EAAE,UAAU;QACpBC,UAAU,EAAEP,iBAAiB;QAC7BQ,UAAU,EAAE,MAAM;KACnB;IACDQ,KAAK,EAAE;QACLV,QAAQ,EAAE,SAAS;QACnBC,UAAU,EAAEP,iBAAiB;QAC7BQ,UAAU,EAAE,MAAM;KACnB;IACDS,SAAS,EAAE;QACTX,QAAQ,EAAE,MAAM;QAChBC,UAAU,EAAEP,iBAAiB;QAC7BQ,UAAU,EAAE,MAAM;QAClBU,aAAa,EAAE,SAAS;KACzB;IACDC,SAAS,EAAE;QACTb,QAAQ,EAAE,UAAU;QACpBC,UAAU,EAAEN,gBAAgB;QAC5BO,UAAU,EAAE,MAAM;QAClBU,aAAa,EAAE,SAAS;QACxBE,aAAa,EAAE,WAAW;KAC3B;IAEDC,MAAM,EAAE;QACN,OAAO;QACPf,QAAQ,EAAE,UAAU;QACpBC,UAAU,EAAEN,gBAAgB;QAC5B,QAAQ;QACRO,UAAU,EAAE,SAAS;QACrBY,aAAa,EAAE,MAAM;QACrBF,aAAa,EAAE,SAAS;KACzB;IACDI,OAAO,EAAE;QACPhB,QAAQ,EAAE,WAAW;QACrBC,UAAU,EAAEP,iBAAiB;QAC7BQ,UAAU,EAAE,MAAM;KACnB;CACF,CAAC"}

package/dist/utils/combine-sx.d.ts

@@ -0,0 +1,8 @@
+import { SxProps, Theme } from '@mui/material';
+/**
+ * Combines sx props from multiple sources. Useful when creating a component and
+ * you want consumers to be able to provide SxProps that should be combined with
+ * some built-in styles.
+ */
+export declare function combineSx(...sxProps: Array<SxProps<Theme> | undefined>): SxProps<Theme>;
+//# sourceMappingURL=combine-sx.d.ts.map

package/dist/utils/combine-sx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combine-sx.d.ts","sourceRoot":"","sources":["../../src/utils/combine-sx.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/C;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAMvF"}

package/dist/utils/combine-sx.js

@@ -0,0 +1,27 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+/**
+ * Combines sx props from multiple sources. Useful when creating a component and
+ * you want consumers to be able to provide SxProps that should be combined with
+ * some built-in styles.
+ */ export function combineSx(...sxProps) {
+    return sxProps.flatMap((sx)=>{
+        if (sx === undefined) return [];
+        if (Array.isArray(sx)) return sx;
+        return [
+            sx
+        ];
+    });
+}
+
+//# sourceMappingURL=combine-sx.js.map

package/dist/utils/combine-sx.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/combine-sx.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { SxProps, Theme } from '@mui/material';\n\n/**\n * Combines sx props from multiple sources. Useful when creating a component and\n * you want consumers to be able to provide SxProps that should be combined with\n * some built-in styles.\n */\nexport function combineSx(...sxProps: Array<SxProps<Theme> | undefined>): SxProps<Theme> {\n  return sxProps.flatMap((sx) => {\n    if (sx === undefined) return [];\n    if (Array.isArray(sx)) return sx;\n    return [sx];\n  });\n}\n"],"names":["combineSx","sxProps","flatMap","sx","undefined","Array","isArray"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC;;;;CAIC,GACD,OAAO,SAASA,SAAS,CAAC,GAAGC,OAAO,AAAmC,EAAkB;IACvF,OAAOA,OAAO,CAACC,OAAO,CAAC,CAACC,EAAE,GAAK;QAC7B,IAAIA,EAAE,KAAKC,SAAS,EAAE,OAAO,EAAE,CAAC;QAChC,IAAIC,KAAK,CAACC,OAAO,CAACH,EAAE,CAAC,EAAE,OAAOA,EAAE,CAAC;QACjC,OAAO;YAACA,EAAE;SAAC,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/utils/component-ids.d.ts

@@ -0,0 +1,8 @@
+declare global {
+    var useIdValue: number;
+}
+/**
+ * Generates a unique (stable) ID for a component. Should be replaced with React.useId once we support only React 18.
+ */
+export declare function useId(prefix: string): string;
+//# sourceMappingURL=component-ids.d.ts.map

package/dist/utils/component-ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-ids.d.ts","sourceRoot":"","sources":["../../src/utils/component-ids.ts"],"names":[],"mappings":"AAeA,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,UAAU,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,MAAM,EAAE,MAAM,UAUnC"}

package/dist/utils/component-ids.js

@@ -0,0 +1,27 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { useRef } from 'react';
+/**
+ * Generates a unique (stable) ID for a component. Should be replaced with React.useId once we support only React 18.
+ */ export function useId(prefix) {
+    if (globalThis.useIdValue === undefined) {
+        globalThis.useIdValue = 0;
+    }
+    const id = useRef(undefined);
+    if (id.current === undefined) {
+        id.current = `${prefix}-${globalThis.useIdValue++}`;
+    }
+    return id.current;
+}
+
+//# sourceMappingURL=component-ids.js.map

package/dist/utils/component-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/component-ids.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useRef } from 'react';\n\ndeclare global {\n  // eslint-disable-next-line no-var\n  var useIdValue: number;\n}\n\n/**\n * Generates a unique (stable) ID for a component. Should be replaced with React.useId once we support only React 18.\n */\nexport function useId(prefix: string) {\n  if (globalThis.useIdValue === undefined) {\n    globalThis.useIdValue = 0;\n  }\n\n  const id = useRef<string | undefined>(undefined);\n  if (id.current === undefined) {\n    id.current = `${prefix}-${globalThis.useIdValue++}`;\n  }\n  return id.current;\n}\n"],"names":["useRef","useId","prefix","globalThis","useIdValue","undefined","id","current"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,MAAM,QAAQ,OAAO,CAAC;AAO/B;;CAEC,GACD,OAAO,SAASC,KAAK,CAACC,MAAc,EAAE;IACpC,IAAIC,UAAU,CAACC,UAAU,KAAKC,SAAS,EAAE;QACvCF,UAAU,CAACC,UAAU,GAAG,CAAC,CAAC;IAC5B,CAAC;IAED,MAAME,EAAE,GAAGN,MAAM,CAAqBK,SAAS,CAAC,AAAC;IACjD,IAAIC,EAAE,CAACC,OAAO,KAAKF,SAAS,EAAE;QAC5BC,EAAE,CAACC,OAAO,GAAG,CAAC,EAAEL,MAAM,CAAC,CAAC,EAAEC,UAAU,CAACC,UAAU,EAAE,CAAC,CAAC,CAAC;IACtD,CAAC;IACD,OAAOE,EAAE,CAACC,OAAO,CAAC;AACpB,CAAC"}

package/dist/utils/format.d.ts

@@ -0,0 +1,3 @@
+export declare function dateFormatOptionsWithTimeZone(dateFormatOptions: Intl.DateTimeFormatOptions, timeZone?: string): Intl.DateTimeFormatOptions;
+export declare function formatWithTimeZone(date: Date, formatString: string, timeZone?: string): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/utils/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../src/utils/format.ts"],"names":[],"mappings":"AAgBA,wBAAgB,6BAA6B,CAAC,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CAAC,EAAE,MAAM,8BAgB7G;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,UAYrF"}

package/dist/utils/format.js

@@ -0,0 +1,44 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { formatInTimeZone } from 'date-fns-tz';
+import { format } from 'date-fns';
+export function dateFormatOptionsWithTimeZone(dateFormatOptions, timeZone) {
+    /*
+   * if timeZone is provided, and is not local|browser,
+   * then set timeZone option (recognize UTC regardless of uppercase/lowercase)
+   * otherwise, default to browser timeZone setting
+   */ if (timeZone) {
+        const lowerTimeZone = timeZone.toLowerCase();
+        if (lowerTimeZone !== 'local' && lowerTimeZone !== 'browser') {
+            return {
+                ...dateFormatOptions,
+                timeZone: lowerTimeZone === 'utc' ? 'UTC' : timeZone
+            };
+        }
+    }
+    return dateFormatOptions;
+}
+export function formatWithTimeZone(date, formatString, timeZone) {
+    /*
+   * if timeZone is provided, and is not local|browser,
+   * then format using timeZone option (recognize UTC regardless of uppercase/lowercase)
+   * otherwise, format without timeZone option, defaulting to browser timeZone setting
+   */ const lowerTimeZone = timeZone === null || timeZone === void 0 ? void 0 : timeZone.toLowerCase();
+    if (!timeZone || lowerTimeZone === 'local' || lowerTimeZone === 'browser') {
+        return format(date, formatString);
+    } else {
+        return formatInTimeZone(date, lowerTimeZone === 'utc' ? 'UTC' : timeZone, formatString);
+    }
+}
+
+//# sourceMappingURL=format.js.map

package/dist/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/format.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { formatInTimeZone } from 'date-fns-tz';\nimport { format } from 'date-fns';\n\nexport function dateFormatOptionsWithTimeZone(dateFormatOptions: Intl.DateTimeFormatOptions, timeZone?: string) {\n  /*\n   * if timeZone is provided, and is not local|browser,\n   * then set timeZone option (recognize UTC regardless of uppercase/lowercase)\n   * otherwise, default to browser timeZone setting\n   */\n  if (timeZone) {\n    const lowerTimeZone = timeZone.toLowerCase();\n    if (lowerTimeZone !== 'local' && lowerTimeZone !== 'browser') {\n      return {\n        ...dateFormatOptions,\n        timeZone: lowerTimeZone === 'utc' ? 'UTC' : timeZone,\n      };\n    }\n  }\n  return dateFormatOptions;\n}\n\nexport function formatWithTimeZone(date: Date, formatString: string, timeZone?: string) {\n  /*\n   * if timeZone is provided, and is not local|browser,\n   * then format using timeZone option (recognize UTC regardless of uppercase/lowercase)\n   * otherwise, format without timeZone option, defaulting to browser timeZone setting\n   */\n  const lowerTimeZone = timeZone?.toLowerCase();\n  if (!timeZone || lowerTimeZone === 'local' || lowerTimeZone === 'browser') {\n    return format(date, formatString);\n  } else {\n    return formatInTimeZone(date, lowerTimeZone === 'utc' ? 'UTC' : timeZone, formatString);\n  }\n}\n"],"names":["formatInTimeZone","format","dateFormatOptionsWithTimeZone","dateFormatOptions","timeZone","lowerTimeZone","toLowerCase","formatWithTimeZone","date","formatString"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,gBAAgB,QAAQ,aAAa,CAAC;AAC/C,SAASC,MAAM,QAAQ,UAAU,CAAC;AAElC,OAAO,SAASC,6BAA6B,CAACC,iBAA6C,EAAEC,QAAiB,EAAE;IAC9G;;;;GAIC,GACD,IAAIA,QAAQ,EAAE;QACZ,MAAMC,aAAa,GAAGD,QAAQ,CAACE,WAAW,EAAE,AAAC;QAC7C,IAAID,aAAa,KAAK,OAAO,IAAIA,aAAa,KAAK,SAAS,EAAE;YAC5D,OAAO;gBACL,GAAGF,iBAAiB;gBACpBC,QAAQ,EAAEC,aAAa,KAAK,KAAK,GAAG,KAAK,GAAGD,QAAQ;aACrD,CAAC;QACJ,CAAC;IACH,CAAC;IACD,OAAOD,iBAAiB,CAAC;AAC3B,CAAC;AAED,OAAO,SAASI,kBAAkB,CAACC,IAAU,EAAEC,YAAoB,EAAEL,QAAiB,EAAE;IACtF;;;;GAIC,GACD,MAAMC,aAAa,GAAGD,QAAQ,aAARA,QAAQ,WAAa,GAArBA,KAAAA,CAAqB,GAArBA,QAAQ,CAAEE,WAAW,EAAE,AAAC;IAC9C,IAAI,CAACF,QAAQ,IAAIC,aAAa,KAAK,OAAO,IAAIA,aAAa,KAAK,SAAS,EAAE;QACzE,OAAOJ,MAAM,CAACO,IAAI,EAAEC,YAAY,CAAC,CAAC;IACpC,OAAO;QACL,OAAOT,gBAAgB,CAACQ,IAAI,EAAEH,aAAa,KAAK,KAAK,GAAG,KAAK,GAAGD,QAAQ,EAAEK,YAAY,CAAC,CAAC;IAC1F,CAAC;AACH,CAAC"}

package/dist/utils/format.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=format.test.d.ts.map

package/dist/utils/format.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.test.d.ts","sourceRoot":"","sources":["../../src/utils/format.test.ts"],"names":[],"mappings":""}

package/dist/utils/format.test.js

@@ -0,0 +1,45 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { dateFormatOptionsWithTimeZone, formatWithTimeZone } from './format';
+const DATE = new Date(168523200000);
+const DATE_FORMAT_OPTIONS = {
+    hour: 'numeric',
+    minute: 'numeric',
+    hourCycle: 'h23'
+};
+describe('formatWithTimeZone', ()=>{
+    it('should format in Los Angeles timezone', ()=>{
+        expect(formatWithTimeZone(DATE, 'yyyy-MM-dd HH:mm:ss', 'America/Los_Angeles')).toBe('1975-05-05 05:00:00');
+    });
+    it('should format in UTC timezone', ()=>{
+        expect(formatWithTimeZone(DATE, 'yyyy-MM-dd HH:mm:ss', 'UTC')).toBe('1975-05-05 12:00:00');
+        expect(formatWithTimeZone(DATE, 'yyyy-MM-dd HH:mm:ss', 'utc')).toBe('1975-05-05 12:00:00');
+    });
+});
+describe('dateFormatOptionsWithTimeZone', ()=>{
+    it('should format in Los Angeles timezone', ()=>{
+        const dateFormatOptions = dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'America/Los_Angeles');
+        expect(new Intl.DateTimeFormat(undefined, dateFormatOptions).format(DATE)).toBe('05:00');
+    });
+    it('should format in UTC timezone', ()=>{
+        const dateFormatOptions = dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'utc');
+        expect(new Intl.DateTimeFormat(undefined, dateFormatOptions).format(DATE)).toBe('12:00');
+    });
+    it('should use browser local timezone', ()=>{
+        expect(dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'browser').timeZone).toBeUndefined();
+        expect(dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'local').timeZone).toBeUndefined();
+        expect(dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS).timeZone).toBeUndefined();
+    });
+});
+
+//# sourceMappingURL=format.test.js.map

package/dist/utils/format.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/format.test.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { dateFormatOptionsWithTimeZone, formatWithTimeZone } from './format';\n\nconst DATE = new Date(168523200000);\n\nconst DATE_FORMAT_OPTIONS: Intl.DateTimeFormatOptions = {\n  hour: 'numeric',\n  minute: 'numeric',\n  hourCycle: 'h23',\n};\n\ndescribe('formatWithTimeZone', () => {\n  it('should format in Los Angeles timezone', () => {\n    expect(formatWithTimeZone(DATE, 'yyyy-MM-dd HH:mm:ss', 'America/Los_Angeles')).toBe('1975-05-05 05:00:00');\n  });\n  it('should format in UTC timezone', () => {\n    expect(formatWithTimeZone(DATE, 'yyyy-MM-dd HH:mm:ss', 'UTC')).toBe('1975-05-05 12:00:00');\n    expect(formatWithTimeZone(DATE, 'yyyy-MM-dd HH:mm:ss', 'utc')).toBe('1975-05-05 12:00:00');\n  });\n});\n\ndescribe('dateFormatOptionsWithTimeZone', () => {\n  it('should format in Los Angeles timezone', () => {\n    const dateFormatOptions = dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'America/Los_Angeles');\n    expect(new Intl.DateTimeFormat(undefined, dateFormatOptions).format(DATE)).toBe('05:00');\n  });\n  it('should format in UTC timezone', () => {\n    const dateFormatOptions = dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'utc');\n    expect(new Intl.DateTimeFormat(undefined, dateFormatOptions).format(DATE)).toBe('12:00');\n  });\n  it('should use browser local timezone', () => {\n    expect(dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'browser').timeZone).toBeUndefined();\n    expect(dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS, 'local').timeZone).toBeUndefined();\n    expect(dateFormatOptionsWithTimeZone(DATE_FORMAT_OPTIONS).timeZone).toBeUndefined();\n  });\n});\n"],"names":["dateFormatOptionsWithTimeZone","formatWithTimeZone","DATE","Date","DATE_FORMAT_OPTIONS","hour","minute","hourCycle","describe","it","expect","toBe","dateFormatOptions","Intl","DateTimeFormat","undefined","format","timeZone","toBeUndefined"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AACjC,SAASA,6BAA6B,EAAEC,kBAAkB,QAAQ,UAAU,CAAC;AAE7E,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,YAAY,CAAC,AAAC;AAEpC,MAAMC,mBAAmB,GAA+B;IACtDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE,SAAS;IACjBC,SAAS,EAAE,KAAK;CACjB,AAAC;AAEFC,QAAQ,CAAC,oBAAoB,EAAE,IAAM;IACnCC,EAAE,CAAC,uCAAuC,EAAE,IAAM;QAChDC,MAAM,CAACT,kBAAkB,CAACC,IAAI,EAAE,qBAAqB,EAAE,qBAAqB,CAAC,CAAC,CAACS,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC7G,CAAC,CAAC,CAAC;IACHF,EAAE,CAAC,+BAA+B,EAAE,IAAM;QACxCC,MAAM,CAACT,kBAAkB,CAACC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC,CAACS,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC3FD,MAAM,CAACT,kBAAkB,CAACC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC,CAACS,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC7F,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEHH,QAAQ,CAAC,+BAA+B,EAAE,IAAM;IAC9CC,EAAE,CAAC,uCAAuC,EAAE,IAAM;QAChD,MAAMG,iBAAiB,GAAGZ,6BAA6B,CAACI,mBAAmB,EAAE,qBAAqB,CAAC,AAAC;QACpGM,MAAM,CAAC,IAAIG,IAAI,CAACC,cAAc,CAACC,SAAS,EAAEH,iBAAiB,CAAC,CAACI,MAAM,CAACd,IAAI,CAAC,CAAC,CAACS,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3F,CAAC,CAAC,CAAC;IACHF,EAAE,CAAC,+BAA+B,EAAE,IAAM;QACxC,MAAMG,iBAAiB,GAAGZ,6BAA6B,CAACI,mBAAmB,EAAE,KAAK,CAAC,AAAC;QACpFM,MAAM,CAAC,IAAIG,IAAI,CAACC,cAAc,CAACC,SAAS,EAAEH,iBAAiB,CAAC,CAACI,MAAM,CAACd,IAAI,CAAC,CAAC,CAACS,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3F,CAAC,CAAC,CAAC;IACHF,EAAE,CAAC,mCAAmC,EAAE,IAAM;QAC5CC,MAAM,CAACV,6BAA6B,CAACI,mBAAmB,EAAE,SAAS,CAAC,CAACa,QAAQ,CAAC,CAACC,aAAa,EAAE,CAAC;QAC/FR,MAAM,CAACV,6BAA6B,CAACI,mBAAmB,EAAE,OAAO,CAAC,CAACa,QAAQ,CAAC,CAACC,aAAa,EAAE,CAAC;QAC7FR,MAAM,CAACV,6BAA6B,CAACI,mBAAmB,CAAC,CAACa,QAAQ,CAAC,CAACC,aAAa,EAAE,CAAC;IACtF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './combine-sx';
+export * from './theme-gen';
+export * from './component-ids';
+export * from './format';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAaA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1,18 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export * from './combine-sx';
+export * from './theme-gen';
+export * from './component-ids';
+export * from './format';
+
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './combine-sx';\nexport * from './theme-gen';\nexport * from './component-ids';\nexport * from './format';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC"}

package/dist/utils/mathjs.d.ts

@@ -0,0 +1,6 @@
+declare const round: {
+    <T extends import("mathjs").MathNumericType | import("mathjs").MathCollection>(x: T, n?: number | import("mathjs").BigNumber | undefined): T extends number ? number : T extends string ? string : T extends boolean ? boolean : T;
+    <U extends import("mathjs").MathCollection>(x: import("mathjs").MathNumericType, n: U): U;
+};
+export { round };
+//# sourceMappingURL=mathjs.d.ts.map

package/dist/utils/mathjs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mathjs.d.ts","sourceRoot":"","sources":["../../src/utils/mathjs.ts"],"names":[],"mappings":"AAgBA,QAAA,MAAQ,KAAK;;;CAAkC,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,CAAC"}