@basic-ui/material 1.0.0-alpha.0 → 1.0.0-alpha.3

package/build/esm/ThemeExplorer/makeColorScheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ThemeExplorer/makeColorScheme.tsx"],"names":["hexFromArgb","makeColorScheme","opts","c","palette","tone","primary","secondary","tertiary","error","background","neutral","surface","neutralVariant","outline","on","modes","dark"],"mappings":"AAAA,SAAuBA,WAAvB,QAA0C,oCAA1C;AAEA,OAAO,SAASC,eAAT,CAAyBC,IAAzB,EAOJ;AACD,WAASC,CAAT,CAAWC,OAAX,EAAkCC,IAAlC,EAAgD;AAC9C,WAAOL,WAAW,CAACI,OAAO,CAACC,IAAR,CAAaA,IAAb,CAAD,CAAlB;AACD;;AAED,SAAO;AACLC,IAAAA,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADL;AAELC,IAAAA,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFP;AAGLC,IAAAA,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHN;AAILC,IAAAA,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJH;AAKL,yBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALjB;AAML,2BAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANnB;AAOL,0BAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPlB;AAQL,uBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARf;AASLC,IAAAA,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATR;AAULC,IAAAA,OAAO,EAAET,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAVL;AAWL,uBAAmBR,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAXf;AAYLC,IAAAA,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAZL;AAaLE,IAAAA,EAAE,EAAE;AACFT,MAAAA,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,GAAf,CADR;AAEFC,MAAAA,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,GAAjB,CAFV;AAGFC,MAAAA,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,GAAhB,CAHT;AAIFC,MAAAA,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,GAAb,CAJN;AAKF,2BAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALpB;AAMF,6BAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANtB;AAOF,4BAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPrB;AAQF,yBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARlB;AASFC,MAAAA,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATX;AAUFC,MAAAA,OAAO,EAAET,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAVR;AAWF,yBAAmBR,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAXlB;AAYFC,MAAAA,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB;AAZR,KAbC;AA2BLG,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE;AACJX,QAAAA,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADN;AAEJC,QAAAA,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFR;AAGJC,QAAAA,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHP;AAIJC,QAAAA,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJJ;AAKJ,6BAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALlB;AAMJ,+BAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANpB;AAOJ,8BAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPnB;AAQJ,2BAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARhB;AASJC,QAAAA,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATT;AAUJC,QAAAA,OAAO,EAAET,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAVN;AAWJ,2BAAmBR,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAXhB;AAYJC,QAAAA,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAZN;AAaJE,QAAAA,EAAE,EAAE;AACFT,UAAAA,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADR;AAEFC,UAAAA,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFV;AAGFC,UAAAA,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHT;AAIFC,UAAAA,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJN;AAKF,+BAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALpB;AAMF,iCAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANtB;AAOF,gCAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPrB;AAQF,6BAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARlB;AASFC,UAAAA,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATX;AAUFC,UAAAA,OAAO,EAAET,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAVR;AAWF,6BAAmBR,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAXlB;AAYFC,UAAAA,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB;AAZR;AAbA;AADD;AA3BF,GAAP;AA0DD","sourcesContent":["import { TonalPalette, hexFromArgb } from '@material/material-color-utilities';\n\nexport function makeColorScheme(opts: {\n  primary: TonalPalette;\n  secondary: TonalPalette;\n  tertiary: TonalPalette;\n  error: TonalPalette;\n  neutral: TonalPalette;\n  neutralVariant: TonalPalette;\n}) {\n  function c(palette: TonalPalette, tone: number) {\n    return hexFromArgb(palette.tone(tone));\n  }\n\n  return {\n    primary: c(opts.primary, 40),\n    secondary: c(opts.secondary, 40),\n    tertiary: c(opts.tertiary, 40),\n    error: c(opts.error, 40),\n    'primary-container': c(opts.primary, 90),\n    'secondary-container': c(opts.secondary, 90),\n    'tertiary-container': c(opts.tertiary, 90),\n    'error-container': c(opts.error, 90),\n    background: c(opts.neutral, 99),\n    surface: c(opts.neutral, 99),\n    'surface-variant': c(opts.neutralVariant, 90),\n    outline: c(opts.neutralVariant, 50),\n    on: {\n      primary: c(opts.primary, 100),\n      secondary: c(opts.secondary, 100),\n      tertiary: c(opts.tertiary, 100),\n      error: c(opts.error, 100),\n      'primary-container': c(opts.primary, 10),\n      'secondary-container': c(opts.secondary, 10),\n      'tertiary-container': c(opts.tertiary, 10),\n      'error-container': c(opts.error, 10),\n      background: c(opts.neutral, 10),\n      surface: c(opts.neutral, 10),\n      'surface-variant': c(opts.neutralVariant, 30),\n      outline: c(opts.neutralVariant, 95),\n    },\n    modes: {\n      dark: {\n        primary: c(opts.primary, 80),\n        secondary: c(opts.secondary, 80),\n        tertiary: c(opts.tertiary, 80),\n        error: c(opts.error, 80),\n        'primary-container': c(opts.primary, 30),\n        'secondary-container': c(opts.secondary, 30),\n        'tertiary-container': c(opts.tertiary, 30),\n        'error-container': c(opts.error, 30),\n        background: c(opts.neutral, 10),\n        surface: c(opts.neutral, 10),\n        'surface-variant': c(opts.neutralVariant, 30),\n        outline: c(opts.neutralVariant, 60),\n        on: {\n          primary: c(opts.primary, 20),\n          secondary: c(opts.secondary, 20),\n          tertiary: c(opts.tertiary, 20),\n          error: c(opts.error, 20),\n          'primary-container': c(opts.primary, 90),\n          'secondary-container': c(opts.secondary, 90),\n          'tertiary-container': c(opts.tertiary, 90),\n          'error-container': c(opts.error, 90),\n          background: c(opts.neutral, 90),\n          surface: c(opts.neutral, 90),\n          'surface-variant': c(opts.neutralVariant, 80),\n          outline: c(opts.neutralVariant, 10),\n        },\n      },\n    },\n  };\n}\n"],"file":"makeColorScheme.js"}
+{"version":3,"sources":["../../../src/ThemeExplorer/makeColorScheme.tsx"],"names":["hexFromArgb","makeColorScheme","opts","c","palette","tone","primary","secondary","tertiary","error","background","neutral","surface","neutralVariant","outline","on","modes","dark"],"mappings":"AACA,SAASA,WAAT,QAA4B,oCAA5B;AAEA,OAAO,SAASC,eAAT,CAAyBC,IAAzB,EAOJ;AACD,WAASC,CAAT,CAAWC,OAAX,EAAkCC,IAAlC,EAAgD;AAC9C,WAAOL,WAAW,CAACI,OAAO,CAACC,IAAR,CAAaA,IAAb,CAAD,CAAlB;AACD;;AAED,SAAO;AACLC,IAAAA,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADL;AAELC,IAAAA,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFP;AAGLC,IAAAA,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHN;AAILC,IAAAA,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJH;AAKL,yBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALjB;AAML,2BAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANnB;AAOL,0BAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPlB;AAQL,uBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARf;AASLC,IAAAA,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATR;AAULC,IAAAA,OAAO,EAAET,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAVL;AAWL,uBAAmBR,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAXf;AAYLC,IAAAA,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAZL;AAaLE,IAAAA,EAAE,EAAE;AACFT,MAAAA,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,GAAf,CADR;AAEFC,MAAAA,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,GAAjB,CAFV;AAGFC,MAAAA,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,GAAhB,CAHT;AAIFC,MAAAA,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,GAAb,CAJN;AAKF,2BAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALpB;AAMF,6BAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANtB;AAOF,4BAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPrB;AAQF,yBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARlB;AASFC,MAAAA,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATX;AAUFC,MAAAA,OAAO,EAAET,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAVR;AAWF,yBAAmBR,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAXlB;AAYFC,MAAAA,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB;AAZR,KAbC;AA2BLG,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE;AACJX,QAAAA,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADN;AAEJC,QAAAA,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFR;AAGJC,QAAAA,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHP;AAIJC,QAAAA,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJJ;AAKJ,6BAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALlB;AAMJ,+BAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANpB;AAOJ,8BAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPnB;AAQJ,2BAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARhB;AASJC,QAAAA,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATT;AAUJC,QAAAA,OAAO,EAAET,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAVN;AAWJ,2BAAmBR,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAXhB;AAYJC,QAAAA,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAZN;AAaJE,QAAAA,EAAE,EAAE;AACFT,UAAAA,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADR;AAEFC,UAAAA,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFV;AAGFC,UAAAA,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHT;AAIFC,UAAAA,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJN;AAKF,+BAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALpB;AAMF,iCAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANtB;AAOF,gCAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPrB;AAQF,6BAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARlB;AASFC,UAAAA,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATX;AAUFC,UAAAA,OAAO,EAAET,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAVR;AAWF,6BAAmBR,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB,CAXlB;AAYFC,UAAAA,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACW,cAAN,EAAsB,EAAtB;AAZR;AAbA;AADD;AA3BF,GAAP;AA0DD","sourcesContent":["import type { TonalPalette } from '@material/material-color-utilities';\nimport { hexFromArgb } from '@material/material-color-utilities';\n\nexport function makeColorScheme(opts: {\n  primary: TonalPalette;\n  secondary: TonalPalette;\n  tertiary: TonalPalette;\n  error: TonalPalette;\n  neutral: TonalPalette;\n  neutralVariant: TonalPalette;\n}) {\n  function c(palette: TonalPalette, tone: number) {\n    return hexFromArgb(palette.tone(tone));\n  }\n\n  return {\n    primary: c(opts.primary, 40),\n    secondary: c(opts.secondary, 40),\n    tertiary: c(opts.tertiary, 40),\n    error: c(opts.error, 40),\n    'primary-container': c(opts.primary, 90),\n    'secondary-container': c(opts.secondary, 90),\n    'tertiary-container': c(opts.tertiary, 90),\n    'error-container': c(opts.error, 90),\n    background: c(opts.neutral, 99),\n    surface: c(opts.neutral, 99),\n    'surface-variant': c(opts.neutralVariant, 90),\n    outline: c(opts.neutralVariant, 50),\n    on: {\n      primary: c(opts.primary, 100),\n      secondary: c(opts.secondary, 100),\n      tertiary: c(opts.tertiary, 100),\n      error: c(opts.error, 100),\n      'primary-container': c(opts.primary, 10),\n      'secondary-container': c(opts.secondary, 10),\n      'tertiary-container': c(opts.tertiary, 10),\n      'error-container': c(opts.error, 10),\n      background: c(opts.neutral, 10),\n      surface: c(opts.neutral, 10),\n      'surface-variant': c(opts.neutralVariant, 30),\n      outline: c(opts.neutralVariant, 95),\n    },\n    modes: {\n      dark: {\n        primary: c(opts.primary, 80),\n        secondary: c(opts.secondary, 80),\n        tertiary: c(opts.tertiary, 80),\n        error: c(opts.error, 80),\n        'primary-container': c(opts.primary, 30),\n        'secondary-container': c(opts.secondary, 30),\n        'tertiary-container': c(opts.tertiary, 30),\n        'error-container': c(opts.error, 30),\n        background: c(opts.neutral, 10),\n        surface: c(opts.neutral, 10),\n        'surface-variant': c(opts.neutralVariant, 30),\n        outline: c(opts.neutralVariant, 60),\n        on: {\n          primary: c(opts.primary, 20),\n          secondary: c(opts.secondary, 20),\n          tertiary: c(opts.tertiary, 20),\n          error: c(opts.error, 20),\n          'primary-container': c(opts.primary, 90),\n          'secondary-container': c(opts.secondary, 90),\n          'tertiary-container': c(opts.tertiary, 90),\n          'error-container': c(opts.error, 90),\n          background: c(opts.neutral, 90),\n          surface: c(opts.neutral, 90),\n          'surface-variant': c(opts.neutralVariant, 80),\n          outline: c(opts.neutralVariant, 10),\n        },\n      },\n    },\n  };\n}\n"],"file":"makeColorScheme.js"}

package/build/esm/ThemeExplorer/useDeferredColor.d.ts

@@ -1,3 +1,3 @@
 import { TonalPalette } from '@material/material-color-utilities';
-import { Color } from '@basic-ui/color-picker';
+import type { Color } from '@basic-ui/color-picker';
 export declare function useDeferredColor(key: string, fallbackValue: TonalPalette): [Color | null, TonalPalette, (c: Color | null) => void];

package/build/esm/ThemeExplorer/useDeferredColor.js

@@ -1,11 +1,18 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useMemo, useDeferredValue } from 'react';
 import { TonalPalette, argbFromHex } from '@material/material-color-utilities';
 import { useLocalStorageCachedState } from './useLocalStorageCachedState'; // import './styles.css';
 
 export function useDeferredColor(key, fallbackValue) {
-  const [color, setColor] = useLocalStorageCachedState('theme-builder.' + key, null);
-  const deferredColor = useDeferredValue(color);
-  const colorTonal = useMemo(() => deferredColor != null && deferredColor.hex ? TonalPalette.fromInt(argbFromHex(deferredColor.hex)) : fallbackValue, [deferredColor == null ? void 0 : deferredColor.hex, fallbackValue]);
+  var _useLocalStorageCache = useLocalStorageCachedState('theme-builder.' + key, null),
+      _useLocalStorageCache2 = _slicedToArray(_useLocalStorageCache, 2),
+      color = _useLocalStorageCache2[0],
+      setColor = _useLocalStorageCache2[1];
+
+  var deferredColor = useDeferredValue(color);
+  var colorTonal = useMemo(function () {
+    return deferredColor != null && deferredColor.hex ? TonalPalette.fromInt(argbFromHex(deferredColor.hex)) : fallbackValue;
+  }, [deferredColor == null ? void 0 : deferredColor.hex, fallbackValue]);
   return [color, colorTonal, setColor];
 }
 //# sourceMappingURL=useDeferredColor.js.map

package/build/esm/ThemeExplorer/useDeferredColor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ThemeExplorer/useDeferredColor.tsx"],"names":["useMemo","useDeferredValue","TonalPalette","argbFromHex","useLocalStorageCachedState","useDeferredColor","key","fallbackValue","color","setColor","deferredColor","colorTonal","hex","fromInt"],"mappings":"AAAA,SAASA,OAAT,EAAkBC,gBAAlB,QAA0C,OAA1C;AACA,SAASC,YAAT,EAAuBC,WAAvB,QAA0C,oCAA1C;AAEA,SAASC,0BAAT,QAA2C,8BAA3C,C,CAEA;;AACA,OAAO,SAASC,gBAAT,CACLC,GADK,EAELC,aAFK,EAGoD;AACzD,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBL,0BAA0B,CAClD,mBAAmBE,GAD+B,EAElD,IAFkD,CAApD;AAIA,QAAMI,aAAa,GAAGT,gBAAgB,CAACO,KAAD,CAAtC;AACA,QAAMG,UAAU,GAAGX,OAAO,CACxB,MACEU,aAAa,QAAb,IAAAA,aAAa,CAAEE,GAAf,GACIV,YAAY,CAACW,OAAb,CAAqBV,WAAW,CAACO,aAAa,CAACE,GAAf,CAAhC,CADJ,GAEIL,aAJkB,EAKxB,CAACG,aAAD,oBAACA,aAAa,CAAEE,GAAhB,EAAqBL,aAArB,CALwB,CAA1B;AAOA,SAAO,CAACC,KAAD,EAAQG,UAAR,EAAoBF,QAApB,CAAP;AACD","sourcesContent":["import { useMemo, useDeferredValue } from 'react';\nimport { TonalPalette, argbFromHex } from '@material/material-color-utilities';\nimport { Color } from '@basic-ui/color-picker';\nimport { useLocalStorageCachedState } from './useLocalStorageCachedState';\n\n// import './styles.css';\nexport function useDeferredColor(\n  key: string,\n  fallbackValue: TonalPalette\n): [Color | null, TonalPalette, (c: Color | null) => void] {\n  const [color, setColor] = useLocalStorageCachedState<Color | null>(\n    'theme-builder.' + key,\n    null\n  );\n  const deferredColor = useDeferredValue(color);\n  const colorTonal = useMemo(\n    () =>\n      deferredColor?.hex\n        ? TonalPalette.fromInt(argbFromHex(deferredColor.hex))\n        : fallbackValue,\n    [deferredColor?.hex, fallbackValue]\n  );\n  return [color, colorTonal, setColor];\n}\n"],"file":"useDeferredColor.js"}
+{"version":3,"sources":["../../../src/ThemeExplorer/useDeferredColor.tsx"],"names":["useMemo","useDeferredValue","TonalPalette","argbFromHex","useLocalStorageCachedState","useDeferredColor","key","fallbackValue","color","setColor","deferredColor","colorTonal","hex","fromInt"],"mappings":";AAAA,SAASA,OAAT,EAAkBC,gBAAlB,QAA0C,OAA1C;AACA,SAASC,YAAT,EAAuBC,WAAvB,QAA0C,oCAA1C;AAGA,SAASC,0BAAT,QAA2C,8BAA3C,C,CAEA;;AACA,OAAO,SAASC,gBAAT,CACLC,GADK,EAELC,aAFK,EAGoD;AAAA,8BAC/BH,0BAA0B,CAClD,mBAAmBE,GAD+B,EAElD,IAFkD,CADK;AAAA;AAAA,MAClDE,KADkD;AAAA,MAC3CC,QAD2C;;AAKzD,MAAMC,aAAa,GAAGT,gBAAgB,CAACO,KAAD,CAAtC;AACA,MAAMG,UAAU,GAAGX,OAAO,CACxB;AAAA,WACEU,aAAa,QAAb,IAAAA,aAAa,CAAEE,GAAf,GACIV,YAAY,CAACW,OAAb,CAAqBV,WAAW,CAACO,aAAa,CAACE,GAAf,CAAhC,CADJ,GAEIL,aAHN;AAAA,GADwB,EAKxB,CAACG,aAAD,oBAACA,aAAa,CAAEE,GAAhB,EAAqBL,aAArB,CALwB,CAA1B;AAOA,SAAO,CAACC,KAAD,EAAQG,UAAR,EAAoBF,QAApB,CAAP;AACD","sourcesContent":["import { useMemo, useDeferredValue } from 'react';\nimport { TonalPalette, argbFromHex } from '@material/material-color-utilities';\nimport type { Color } from '@basic-ui/color-picker';\n\nimport { useLocalStorageCachedState } from './useLocalStorageCachedState';\n\n// import './styles.css';\nexport function useDeferredColor(\n  key: string,\n  fallbackValue: TonalPalette\n): [Color | null, TonalPalette, (c: Color | null) => void] {\n  const [color, setColor] = useLocalStorageCachedState<Color | null>(\n    'theme-builder.' + key,\n    null\n  );\n  const deferredColor = useDeferredValue(color);\n  const colorTonal = useMemo(\n    () =>\n      deferredColor?.hex\n        ? TonalPalette.fromInt(argbFromHex(deferredColor.hex))\n        : fallbackValue,\n    [deferredColor?.hex, fallbackValue]\n  );\n  return [color, colorTonal, setColor];\n}\n"],"file":"useDeferredColor.js"}

package/build/esm/ThemeExplorer/useLocalStorageCachedState.js

@@ -1,7 +1,14 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useCallback, useState } from 'react';
 export function useLocalStorageCachedState(key, initialValue) {
-  const [state, _setState] = useState(() => JSON.parse(localStorage.getItem(key) || 'null') || initialValue);
-  const setState = useCallback(c => {
+  var _useState = useState(function () {
+    return JSON.parse(localStorage.getItem(key) || 'null') || initialValue;
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      _setState = _useState2[1];
+
+  var setState = useCallback(function (c) {
     _setState(c);
 
     localStorage.setItem(key, JSON.stringify(c));

package/build/esm/ThemeExplorer/useLocalStorageCachedState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ThemeExplorer/useLocalStorageCachedState.ts"],"names":["useCallback","useState","useLocalStorageCachedState","key","initialValue","state","_setState","JSON","parse","localStorage","getItem","setState","c","setItem","stringify"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AAEA,OAAO,SAASC,0BAAT,CACLC,GADK,EAELC,YAFK,EAGgB;AACrB,QAAM,CAACC,KAAD,EAAQC,SAAR,IAAqBL,QAAQ,CACjC,MAAMM,IAAI,CAACC,KAAL,CAAWC,YAAY,CAACC,OAAb,CAAqBP,GAArB,KAA6B,MAAxC,KAAmDC,YADxB,CAAnC;AAGA,QAAMO,QAAQ,GAAGX,WAAW,CACzBY,CAAD,IAAgB;AACdN,IAAAA,SAAS,CAACM,CAAD,CAAT;;AACAH,IAAAA,YAAY,CAACI,OAAb,CAAqBV,GAArB,EAA0BI,IAAI,CAACO,SAAL,CAAeF,CAAf,CAA1B;AACD,GAJyB,EAK1B,CAACT,GAAD,CAL0B,CAA5B;AAOA,SAAO,CAACE,KAAD,EAAQM,QAAR,CAAP;AACD","sourcesContent":["import { useCallback, useState } from 'react';\n\nexport function useLocalStorageCachedState<T>(\n  key: string,\n  initialValue: T\n): [T, (c: T) => void] {\n  const [state, _setState] = useState<T>(\n    () => JSON.parse(localStorage.getItem(key) || 'null') || initialValue\n  );\n  const setState = useCallback(\n    (c: T): void => {\n      _setState(c);\n      localStorage.setItem(key, JSON.stringify(c));\n    },\n    [key]\n  );\n  return [state, setState];\n}\n"],"file":"useLocalStorageCachedState.js"}
+{"version":3,"sources":["../../../src/ThemeExplorer/useLocalStorageCachedState.ts"],"names":["useCallback","useState","useLocalStorageCachedState","key","initialValue","JSON","parse","localStorage","getItem","state","_setState","setState","c","setItem","stringify"],"mappings":";AAAA,SAASA,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AAEA,OAAO,SAASC,0BAAT,CACLC,GADK,EAELC,YAFK,EAGgB;AAAA,kBACMH,QAAQ,CACjC;AAAA,WAAMI,IAAI,CAACC,KAAL,CAAWC,YAAY,CAACC,OAAb,CAAqBL,GAArB,KAA6B,MAAxC,KAAmDC,YAAzD;AAAA,GADiC,CADd;AAAA;AAAA,MACdK,KADc;AAAA,MACPC,SADO;;AAIrB,MAAMC,QAAQ,GAAGX,WAAW,CAC1B,UAACY,CAAD,EAAgB;AACdF,IAAAA,SAAS,CAACE,CAAD,CAAT;;AACAL,IAAAA,YAAY,CAACM,OAAb,CAAqBV,GAArB,EAA0BE,IAAI,CAACS,SAAL,CAAeF,CAAf,CAA1B;AACD,GAJyB,EAK1B,CAACT,GAAD,CAL0B,CAA5B;AAOA,SAAO,CAACM,KAAD,EAAQE,QAAR,CAAP;AACD","sourcesContent":["import { useCallback, useState } from 'react';\n\nexport function useLocalStorageCachedState<T>(\n  key: string,\n  initialValue: T\n): [T, (c: T) => void] {\n  const [state, _setState] = useState<T>(\n    () => JSON.parse(localStorage.getItem(key) || 'null') || initialValue\n  );\n  const setState = useCallback(\n    (c: T): void => {\n      _setState(c);\n      localStorage.setItem(key, JSON.stringify(c));\n    },\n    [key]\n  );\n  return [state, setState];\n}\n"],"file":"useLocalStorageCachedState.js"}

package/build/esm/Tooltip/Tooltip.d.ts

@@ -1,8 +1,8 @@
-import { PopperProps } from '@basic-ui/core';
+import type { PopperProps } from '@basic-ui/core';
 import React from 'react';
-import { BoxProps } from '../Box';
+import type { BoxProps } from '../Box';
 export interface TooltipProps extends BoxProps, Omit<PopperProps, 'color' | 'anchorEl'> {
     label: React.ReactNode;
     disabled?: boolean;
 }
-export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "label" | "innerAs" | "disabled" | "placement" | "strategy" | "modifiers" | "usePortal" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "children" | "label" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerAs" | "disabled" | "placement" | "strategy" | "modifiers" | "usePortal" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/Tooltip/Tooltip.js

@@ -1,17 +1,16 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { Tooltip as _BaseTooltip, Popper } from '@basic-ui/core';
 import React, { forwardRef } from 'react';
 import { Box } from '../Box';
 import { alpha } from '../color';
 import { jsx as _jsx } from "react/jsx-runtime";
-const BaseTooltip = _BaseTooltip;
-export const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, forwardedRef) {
-  const {
-    placement = 'bottom',
-    __css
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["placement", "__css"]);
+var BaseTooltip = _BaseTooltip;
+export var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, forwardedRef) {
+  var _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottom' : _props$placement,
+      __css = props.__css,
+      otherProps = _objectWithoutProperties(props, ["placement", "__css"]);
 
   return /*#__PURE__*/_jsx(BaseTooltip, _extends({
     as: Popper,

package/build/esm/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tooltip/Tooltip.tsx"],"names":["Tooltip","_BaseTooltip","Popper","React","forwardRef","Box","alpha","BaseTooltip","props","forwardedRef","placement","__css","otherProps","bg","color","fontSize","fontFamily","fontWeight","lineHeight","px","py","borderRadius","zIndex"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,YAApB,EAAkCC,MAAlC,QAA6D,gBAA7D;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAuC,OAAvC;AACA,SAASC,GAAT,QAA8B,QAA9B;AACA,SAASC,KAAT,QAAsB,UAAtB;;AASA,MAAMC,WAIL,GAAGN,YAJJ;AAKA,OAAO,MAAMD,OAAO,gBAAGI,UAAU,CAC/B,SAASJ,OAAT,CAAiBQ,KAAjB,EAAwBC,YAAxB,EAAsC;AACpC,QAAM;AAAEC,IAAAA,SAAS,GAAG,QAAd;AAAwBC,IAAAA;AAAxB,MAAiDH,KAAvD;AAAA,QAAwCI,UAAxC,iCAAuDJ,KAAvD;;AAEA,sBACE,KAAC,WAAD;AACE,IAAA,EAAE,EAAEN,MADN;AAEE,IAAA,OAAO,EAAEG,GAFX;AAGE,IAAA,GAAG,EAAEI,YAHP;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,IAAA,KAAK;AACHG,MAAAA,EAAE,EAAEP,KAAK,CAAC,SAAD,EAAY,GAAZ,CADN;AAEHQ,MAAAA,KAAK,EAAE,MAFJ;AAGHC,MAAAA,QAAQ,EAAE,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAHP;AAIHC,MAAAA,UAAU,EAAE,MAJT;AAKHC,MAAAA,UAAU,EAAE,SALT;AAMHC,MAAAA,UAAU,EAAE,CAAC,GAAD,EAAM,GAAN,EAAW,IAAX,CANT;AAOHC,MAAAA,EAAE,EAAE,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAPD;AAQHC,MAAAA,EAAE,EAAE,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CARD;AASHC,MAAAA,YAAY,EAAE,KATX;AAUHC,MAAAA,MAAM,EAAE;AAVL,OAWAX,KAXA;AANP,KAmBMC,UAnBN,EADF;AAuBD,CA3B8B,CAA1B","sourcesContent":["import { Tooltip as _BaseTooltip, Popper, PopperProps } from '@basic-ui/core';\nimport React, { forwardRef, VFC } from 'react';\nimport { Box, BoxProps } from '../Box';\nimport { alpha } from '../color';\n\nexport interface TooltipProps\n  extends BoxProps,\n    Omit<PopperProps, 'color' | 'anchorEl'> {\n  label: React.ReactNode;\n  disabled?: boolean;\n}\n\nconst BaseTooltip: VFC<\n  BoxProps & {\n    innerAs?: React.ElementType<any>;\n  } & Omit<PopperProps, 'color' | 'anchorEl'>\n> = _BaseTooltip as any;\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(props, forwardedRef) {\n    const { placement = 'bottom', __css, ...otherProps } = props;\n\n    return (\n      <BaseTooltip\n        as={Popper}\n        innerAs={Box}\n        ref={forwardedRef}\n        placement={placement}\n        distance={8}\n        __css={{\n          bg: alpha('#616161', 0.9),\n          color: '#fff',\n          fontSize: [2, 2, 1],\n          fontFamily: 'body',\n          fontWeight: 'regular',\n          lineHeight: [1.2, 1.2, 1.33],\n          px: [3, 3, 2],\n          py: [2, 2, 1],\n          borderRadius: '4px',\n          zIndex: 'tooltip',\n          ...__css,\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"Tooltip.js"}
+{"version":3,"sources":["../../../src/Tooltip/Tooltip.tsx"],"names":["Tooltip","_BaseTooltip","Popper","React","forwardRef","Box","alpha","BaseTooltip","props","forwardedRef","placement","__css","otherProps","bg","color","fontSize","fontFamily","fontWeight","lineHeight","px","py","borderRadius","zIndex"],"mappings":";;AACA,SAASA,OAAO,IAAIC,YAApB,EAAkCC,MAAlC,QAAgD,gBAAhD;AAEA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAGA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AASA,IAAMC,WAIL,GAAGN,YAJJ;AAKA,OAAO,IAAMD,OAAO,gBAAGI,UAAU,CAC/B,SAASJ,OAAT,CAAiBQ,KAAjB,EAAwBC,YAAxB,EAAsC;AAAA,yBACmBD,KADnB,CAC5BE,SAD4B;AAAA,MAC5BA,SAD4B,iCAChB,QADgB;AAAA,MACNC,KADM,GACmBH,KADnB,CACNG,KADM;AAAA,MACIC,UADJ,4BACmBJ,KADnB;;AAGpC,sBACE,KAAC,WAAD;AACE,IAAA,EAAE,EAAEN,MADN;AAEE,IAAA,OAAO,EAAEG,GAFX;AAGE,IAAA,GAAG,EAAEI,YAHP;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,IAAA,KAAK;AACHG,MAAAA,EAAE,EAAEP,KAAK,CAAC,SAAD,EAAY,GAAZ,CADN;AAEHQ,MAAAA,KAAK,EAAE,MAFJ;AAGHC,MAAAA,QAAQ,EAAE,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAHP;AAIHC,MAAAA,UAAU,EAAE,MAJT;AAKHC,MAAAA,UAAU,EAAE,SALT;AAMHC,MAAAA,UAAU,EAAE,CAAC,GAAD,EAAM,GAAN,EAAW,IAAX,CANT;AAOHC,MAAAA,EAAE,EAAE,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAPD;AAQHC,MAAAA,EAAE,EAAE,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CARD;AASHC,MAAAA,YAAY,EAAE,KATX;AAUHC,MAAAA,MAAM,EAAE;AAVL,OAWAX,KAXA;AANP,KAmBMC,UAnBN,EADF;AAuBD,CA3B8B,CAA1B","sourcesContent":["import type { PopperProps } from '@basic-ui/core';\nimport { Tooltip as _BaseTooltip, Popper } from '@basic-ui/core';\nimport type { FC } from 'react';\nimport React, { forwardRef } from 'react';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { alpha } from '../color';\n\nexport interface TooltipProps\n  extends BoxProps,\n    Omit<PopperProps, 'color' | 'anchorEl'> {\n  label: React.ReactNode;\n  disabled?: boolean;\n}\n\nconst BaseTooltip: FC<\n  BoxProps & {\n    innerAs?: React.ElementType<any>;\n  } & Omit<PopperProps, 'color' | 'anchorEl'>\n> = _BaseTooltip as any;\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(props, forwardedRef) {\n    const { placement = 'bottom', __css, ...otherProps } = props;\n\n    return (\n      <BaseTooltip\n        as={Popper}\n        innerAs={Box}\n        ref={forwardedRef}\n        placement={placement}\n        distance={8}\n        __css={{\n          bg: alpha('#616161', 0.9),\n          color: '#fff',\n          fontSize: [2, 2, 1],\n          fontFamily: 'body',\n          fontWeight: 'regular',\n          lineHeight: [1.2, 1.2, 1.33],\n          px: [3, 3, 2],\n          py: [2, 2, 1],\n          borderRadius: '4px',\n          zIndex: 'tooltip',\n          ...__css,\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"Tooltip.js"}

package/build/esm/color.d.ts

@@ -1,6 +1,6 @@
-import { SystemStyleObject } from '@styled-system/css';
-import { Theme } from './theme';
+import type { SystemStyleObject } from '@styled-system/css';
+import type { Theme } from './theme';
 export declare const alpha: (colorString: string, alphaValue: number) => (theme: any) => string;
 export declare function getColorOverlay(theme: Theme, baseColor: string, overlayColor: string, overlayOpacity: number): SystemStyleObject;
 export declare function getBackgroundOverlay(theme: Theme, backgroundOverlay: number | string, overlayColor?: string): SystemStyleObject;
-export declare function getDarkThemeBackgroundOverlay(theme: Theme, backgroundOverlay: number | string): SystemStyleObject;
+export declare function getDarkThemeBackgroundOverlay(theme: Theme, backgroundOverlay: number | string, overlayColor?: string): SystemStyleObject;

package/build/esm/color.js

@@ -1,17 +1,21 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import { get } from '@styled-system/css';
 import { parseToRgb } from 'polished';
 import { DARK_THEME_CLASS } from './ColorMode';
-export const alpha = (colorString, alphaValue) => theme => {
-  const color = get(theme, 'colors.' + colorString, colorString);
+export var alpha = function alpha(colorString, alphaValue) {
+  return function (theme) {
+    var color = get(theme, 'colors.' + colorString, colorString);
 
-  if (color.startsWith('var')) {
-    const color = get(theme, 'colors.' + colorString + '_rgb', colorString);
-    return "rgba(".concat(color, ",").concat(alphaValue, ")");
-  }
+    if (color.startsWith('var')) {
+      var _color = get(theme, 'colors.' + colorString + '_rgb', colorString);
+
+      return "rgba(".concat(_color, ",").concat(alphaValue, ")");
+    }
 
-  const rgb = parseToRgb(color);
-  return "rgba(".concat(rgb.red, ",").concat(rgb.green, ",").concat(rgb.blue, ",").concat(alphaValue, ")");
+    var rgb = parseToRgb(color);
+    return "rgba(".concat(rgb.red, ",").concat(rgb.green, ",").concat(rgb.blue, ",").concat(alphaValue, ")");
+  };
 };
 export function getColorOverlay(theme, baseColor, overlayColor, overlayOpacity) {
   baseColor = get(theme, "colors.".concat(baseColor)) || baseColor;
@@ -20,21 +24,23 @@ export function getColorOverlay(theme, baseColor, overlayColor, overlayOpacity)
     background: "linear-gradient(".concat(overlayColor, ", ").concat(overlayColor, "), ").concat(baseColor)
   };
 }
-export function getBackgroundOverlay(theme, backgroundOverlay, overlayColor = 'on.surface') {
+export function getBackgroundOverlay(theme, backgroundOverlay) {
+  var overlayColor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'on.surface';
+
   if (Number(backgroundOverlay) <= 0) {
     return {};
   }
 
-  const overlay = get(theme, "paper.overlays.".concat(backgroundOverlay)) || 0;
+  var overlay = get(theme, "paper.overlays.".concat(backgroundOverlay)) || 0;
   return getColorOverlay(theme, 'surface', overlayColor, overlay);
 }
 export function getDarkThemeBackgroundOverlay(theme, backgroundOverlay) {
+  var overlayColor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'on.surface';
+
   if (Number(backgroundOverlay) <= 0) {
     return {};
   }
 
-  return {
-    [".".concat(DARK_THEME_CLASS, " &, &.").concat(DARK_THEME_CLASS)]: _extends({}, getBackgroundOverlay(theme, backgroundOverlay))
-  };
+  return _defineProperty({}, ".".concat(DARK_THEME_CLASS, " &, &.").concat(DARK_THEME_CLASS), _extends({}, getBackgroundOverlay(theme, backgroundOverlay, overlayColor)));
 }
 //# sourceMappingURL=color.js.map

package/build/esm/color.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/color.ts"],"names":["get","parseToRgb","DARK_THEME_CLASS","alpha","colorString","alphaValue","theme","color","startsWith","rgb","red","green","blue","getColorOverlay","baseColor","overlayColor","overlayOpacity","background","getBackgroundOverlay","backgroundOverlay","Number","overlay","getDarkThemeBackgroundOverlay"],"mappings":";AAAA,SAASA,GAAT,QAAuC,oBAAvC;AACA,SAASC,UAAT,QAA2B,UAA3B;AACA,SAASC,gBAAT,QAAiC,aAAjC;AAGA,OAAO,MAAMC,KAAK,GAAG,CAACC,WAAD,EAAsBC,UAAtB,KACnBC,KADgE,IAE7D;AACH,QAAMC,KAAK,GAAGP,GAAG,CAACM,KAAD,EAAQ,YAAYF,WAApB,EAAiCA,WAAjC,CAAjB;;AACA,MAAIG,KAAK,CAACC,UAAN,CAAiB,KAAjB,CAAJ,EAA6B;AAC3B,UAAMD,KAAK,GAAGP,GAAG,CAACM,KAAD,EAAQ,YAAYF,WAAZ,GAA0B,MAAlC,EAA0CA,WAA1C,CAAjB;AACA,0BAAeG,KAAf,cAAwBF,UAAxB;AACD;;AAED,QAAMI,GAAG,GAAGR,UAAU,CAACM,KAAD,CAAtB;AACA,wBAAeE,GAAG,CAACC,GAAnB,cAA0BD,GAAG,CAACE,KAA9B,cAAuCF,GAAG,CAACG,IAA3C,cAAmDP,UAAnD;AACD,CAXM;AAaP,OAAO,SAASQ,eAAT,CACLP,KADK,EAELQ,SAFK,EAGLC,YAHK,EAILC,cAJK,EAKc;AACnBF,EAAAA,SAAS,GAAGd,GAAG,CAACM,KAAD,mBAAkBQ,SAAlB,EAAH,IAAqCA,SAAjD;AACAC,EAAAA,YAAY,GAAGZ,KAAK,CAACY,YAAD,EAAeC,cAAf,CAAL,CAAoCV,KAApC,CAAf;AAEA,SAAO;AACLW,IAAAA,UAAU,4BAAqBF,YAArB,eAAsCA,YAAtC,gBAAwDD,SAAxD;AADL,GAAP;AAGD;AAED,OAAO,SAASI,oBAAT,CACLZ,KADK,EAELa,iBAFK,EAGLJ,YAAY,GAAG,YAHV,EAIc;AACnB,MAAIK,MAAM,CAACD,iBAAD,CAAN,IAA6B,CAAjC,EAAoC;AAClC,WAAO,EAAP;AACD;;AACD,QAAME,OAAO,GAAGrB,GAAG,CAACM,KAAD,2BAA0Ba,iBAA1B,EAAH,IAAqD,CAArE;AACA,SAAON,eAAe,CAACP,KAAD,EAAQ,SAAR,EAAmBS,YAAnB,EAAiCM,OAAjC,CAAtB;AACD;AAED,OAAO,SAASC,6BAAT,CACLhB,KADK,EAELa,iBAFK,EAGc;AACnB,MAAIC,MAAM,CAACD,iBAAD,CAAN,IAA6B,CAAjC,EAAoC;AAClC,WAAO,EAAP;AACD;;AAED,SAAO;AACL,gBAAKjB,gBAAL,mBAA8BA,gBAA9B,iBACKgB,oBAAoB,CAACZ,KAAD,EAAQa,iBAAR,CADzB;AADK,GAAP;AAKD","sourcesContent":["import { get, SystemStyleObject } from '@styled-system/css';\nimport { parseToRgb } from 'polished';\nimport { DARK_THEME_CLASS } from './ColorMode';\nimport { Theme } from './theme';\n\nexport const alpha = (colorString: string, alphaValue: number) => (\n  theme: any\n) => {\n  const color = get(theme, 'colors.' + colorString, colorString);\n  if (color.startsWith('var')) {\n    const color = get(theme, 'colors.' + colorString + '_rgb', colorString);\n    return `rgba(${color},${alphaValue})`;\n  }\n\n  const rgb = parseToRgb(color);\n  return `rgba(${rgb.red},${rgb.green},${rgb.blue},${alphaValue})`;\n};\n\nexport function getColorOverlay(\n  theme: Theme,\n  baseColor: string,\n  overlayColor: string,\n  overlayOpacity: number\n): SystemStyleObject {\n  baseColor = get(theme, `colors.${baseColor}`) || baseColor;\n  overlayColor = alpha(overlayColor, overlayOpacity)(theme);\n\n  return {\n    background: `linear-gradient(${overlayColor}, ${overlayColor}), ${baseColor}`,\n  };\n}\n\nexport function getBackgroundOverlay(\n  theme: Theme,\n  backgroundOverlay: number | string,\n  overlayColor = 'on.surface'\n): SystemStyleObject {\n  if (Number(backgroundOverlay) <= 0) {\n    return {};\n  }\n  const overlay = get(theme, `paper.overlays.${backgroundOverlay}`) || 0;\n  return getColorOverlay(theme, 'surface', overlayColor, overlay);\n}\n\nexport function getDarkThemeBackgroundOverlay(\n  theme: Theme,\n  backgroundOverlay: number | string\n): SystemStyleObject {\n  if (Number(backgroundOverlay) <= 0) {\n    return {};\n  }\n\n  return {\n    [`.${DARK_THEME_CLASS} &, &.${DARK_THEME_CLASS}`]: {\n      ...getBackgroundOverlay(theme, backgroundOverlay),\n    },\n  };\n}\n"],"file":"color.js"}
+{"version":3,"sources":["../../src/color.ts"],"names":["get","parseToRgb","DARK_THEME_CLASS","alpha","colorString","alphaValue","theme","color","startsWith","rgb","red","green","blue","getColorOverlay","baseColor","overlayColor","overlayOpacity","background","getBackgroundOverlay","backgroundOverlay","Number","overlay","getDarkThemeBackgroundOverlay"],"mappings":";;AACA,SAASA,GAAT,QAAoB,oBAApB;AACA,SAASC,UAAT,QAA2B,UAA3B;AAEA,SAASC,gBAAT,QAAiC,aAAjC;AAGA,OAAO,IAAMC,KAAK,GAChB,SADWA,KACX,CAACC,WAAD,EAAsBC,UAAtB;AAAA,SAA6C,UAACC,KAAD,EAAgB;AAC3D,QAAMC,KAAK,GAAGP,GAAG,CAACM,KAAD,EAAQ,YAAYF,WAApB,EAAiCA,WAAjC,CAAjB;;AACA,QAAIG,KAAK,CAACC,UAAN,CAAiB,KAAjB,CAAJ,EAA6B;AAC3B,UAAMD,MAAK,GAAGP,GAAG,CAACM,KAAD,EAAQ,YAAYF,WAAZ,GAA0B,MAAlC,EAA0CA,WAA1C,CAAjB;;AACA,4BAAeG,MAAf,cAAwBF,UAAxB;AACD;;AAED,QAAMI,GAAG,GAAGR,UAAU,CAACM,KAAD,CAAtB;AACA,0BAAeE,GAAG,CAACC,GAAnB,cAA0BD,GAAG,CAACE,KAA9B,cAAuCF,GAAG,CAACG,IAA3C,cAAmDP,UAAnD;AACD,GATD;AAAA,CADK;AAYP,OAAO,SAASQ,eAAT,CACLP,KADK,EAELQ,SAFK,EAGLC,YAHK,EAILC,cAJK,EAKc;AACnBF,EAAAA,SAAS,GAAGd,GAAG,CAACM,KAAD,mBAAkBQ,SAAlB,EAAH,IAAqCA,SAAjD;AACAC,EAAAA,YAAY,GAAGZ,KAAK,CAACY,YAAD,EAAeC,cAAf,CAAL,CAAoCV,KAApC,CAAf;AAEA,SAAO;AACLW,IAAAA,UAAU,4BAAqBF,YAArB,eAAsCA,YAAtC,gBAAwDD,SAAxD;AADL,GAAP;AAGD;AAED,OAAO,SAASI,oBAAT,CACLZ,KADK,EAELa,iBAFK,EAIc;AAAA,MADnBJ,YACmB,uEADJ,YACI;;AACnB,MAAIK,MAAM,CAACD,iBAAD,CAAN,IAA6B,CAAjC,EAAoC;AAClC,WAAO,EAAP;AACD;;AACD,MAAME,OAAO,GAAGrB,GAAG,CAACM,KAAD,2BAA0Ba,iBAA1B,EAAH,IAAqD,CAArE;AACA,SAAON,eAAe,CAACP,KAAD,EAAQ,SAAR,EAAmBS,YAAnB,EAAiCM,OAAjC,CAAtB;AACD;AAED,OAAO,SAASC,6BAAT,CACLhB,KADK,EAELa,iBAFK,EAIc;AAAA,MADnBJ,YACmB,uEADJ,YACI;;AACnB,MAAIK,MAAM,CAACD,iBAAD,CAAN,IAA6B,CAAjC,EAAoC;AAClC,WAAO,EAAP;AACD;;AAED,wCACOjB,gBADP,mBACgCA,gBADhC,gBAEOgB,oBAAoB,CAACZ,KAAD,EAAQa,iBAAR,EAA2BJ,YAA3B,CAF3B;AAKD","sourcesContent":["import type { SystemStyleObject } from '@styled-system/css';\nimport { get } from '@styled-system/css';\nimport { parseToRgb } from 'polished';\n\nimport { DARK_THEME_CLASS } from './ColorMode';\nimport type { Theme } from './theme';\n\nexport const alpha =\n  (colorString: string, alphaValue: number) => (theme: any) => {\n    const color = get(theme, 'colors.' + colorString, colorString);\n    if (color.startsWith('var')) {\n      const color = get(theme, 'colors.' + colorString + '_rgb', colorString);\n      return `rgba(${color},${alphaValue})`;\n    }\n\n    const rgb = parseToRgb(color);\n    return `rgba(${rgb.red},${rgb.green},${rgb.blue},${alphaValue})`;\n  };\n\nexport function getColorOverlay(\n  theme: Theme,\n  baseColor: string,\n  overlayColor: string,\n  overlayOpacity: number\n): SystemStyleObject {\n  baseColor = get(theme, `colors.${baseColor}`) || baseColor;\n  overlayColor = alpha(overlayColor, overlayOpacity)(theme);\n\n  return {\n    background: `linear-gradient(${overlayColor}, ${overlayColor}), ${baseColor}`,\n  };\n}\n\nexport function getBackgroundOverlay(\n  theme: Theme,\n  backgroundOverlay: number | string,\n  overlayColor = 'on.surface'\n): SystemStyleObject {\n  if (Number(backgroundOverlay) <= 0) {\n    return {};\n  }\n  const overlay = get(theme, `paper.overlays.${backgroundOverlay}`) || 0;\n  return getColorOverlay(theme, 'surface', overlayColor, overlay);\n}\n\nexport function getDarkThemeBackgroundOverlay(\n  theme: Theme,\n  backgroundOverlay: number | string,\n  overlayColor = 'on.surface'\n): SystemStyleObject {\n  if (Number(backgroundOverlay) <= 0) {\n    return {};\n  }\n\n  return {\n    [`.${DARK_THEME_CLASS} &, &.${DARK_THEME_CLASS}`]: {\n      ...getBackgroundOverlay(theme, backgroundOverlay, overlayColor),\n    },\n  };\n}\n"],"file":"color.js"}

package/build/esm/hooks/useAnimation.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 export declare type AnimationStateStyles<TStyleProps extends CSSProperties> = {
     closed: TStyleProps;
     opening?: TStyleProps;

package/build/esm/hooks/useAnimation.js

@@ -1,51 +1,62 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState, useEffect, useCallback } from 'react';
 export function useAnimation(opts) {
-  const {
-    styles,
-    mode,
-    open: openProp,
-    openTimeoutInMilliseconds = 225,
-    closeTimeoutInMilliseconds = 110
-  } = opts;
-  const animationStyle = styles[mode];
-  const [{
-    timing,
-    open,
-    state,
-    style
-  }, setAnimation] = useState({
+  var styles = opts.styles,
+      mode = opts.mode,
+      openProp = opts.open,
+      _opts$openTimeoutInMi = opts.openTimeoutInMilliseconds,
+      openTimeoutInMilliseconds = _opts$openTimeoutInMi === void 0 ? 225 : _opts$openTimeoutInMi,
+      _opts$closeTimeoutInM = opts.closeTimeoutInMilliseconds,
+      closeTimeoutInMilliseconds = _opts$closeTimeoutInM === void 0 ? 110 : _opts$closeTimeoutInM;
+  var animationStyle = styles[mode];
+
+  var _useState = useState({
     state: 'closed',
     style: animationStyle.closed,
     timing: closeTimeoutInMilliseconds,
     open: openProp
-  });
-  const handleClose = useCallback(() => {
-    setAnimation(animation => animation.state === 'closed' ? animation : _extends({}, animation, {
-      state: 'close',
-      style: animationStyle.close || animationStyle.closed,
-      timing: closeTimeoutInMilliseconds
-    }));
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      _useState2$ = _useState2[0],
+      timing = _useState2$.timing,
+      open = _useState2$.open,
+      state = _useState2$.state,
+      style = _useState2$.style,
+      setAnimation = _useState2[1];
+
+  var handleClose = useCallback(function () {
+    setAnimation(function (animation) {
+      return animation.state === 'closed' ? animation : _extends({}, animation, {
+        state: 'close',
+        style: animationStyle.close || animationStyle.closed,
+        timing: closeTimeoutInMilliseconds
+      });
+    });
   }, [animationStyle, closeTimeoutInMilliseconds]);
-  const handleOpen = useCallback(() => {
-    setAnimation(animation => animation.state === 'open' ? animation : _extends({}, animation, {
-      open: true,
-      state: 'opening',
-      style: animationStyle.opening || animationStyle.closed
-    }));
+  var handleOpen = useCallback(function () {
+    setAnimation(function (animation) {
+      return animation.state === 'open' ? animation : _extends({}, animation, {
+        open: true,
+        state: 'opening',
+        style: animationStyle.opening || animationStyle.closed
+      });
+    });
   }, [animationStyle]);
-  useEffect(() => {
+  useEffect(function () {
     if (state === 'opening') {
-      setAnimation(animation => _extends({}, animation, {
-        state: 'open',
-        style: animationStyle.open,
-        timing: openTimeoutInMilliseconds
-      }));
+      setAnimation(function (animation) {
+        return _extends({}, animation, {
+          state: 'open',
+          style: animationStyle.open,
+          timing: openTimeoutInMilliseconds
+        });
+      });
     }
   }, [animationStyle.open, openTimeoutInMilliseconds, state]);
-  useEffect(() => {
+  useEffect(function () {
     if (state === 'close') {
-      const timeout = setTimeout(() => {
+      var timeout = setTimeout(function () {
         setAnimation({
           state: 'closed',
           style: animationStyle.closed,
@@ -53,10 +64,12 @@ export function useAnimation(opts) {
           timing: closeTimeoutInMilliseconds
         });
       }, closeTimeoutInMilliseconds);
-      return () => clearTimeout(timeout);
+      return function () {
+        return clearTimeout(timeout);
+      };
     }
   }, [animationStyle.closed, closeTimeoutInMilliseconds, state]);
-  useEffect(() => {
+  useEffect(function () {
     if (openProp) {
       handleOpen();
     } else {
@@ -64,10 +77,10 @@ export function useAnimation(opts) {
     }
   }, [handleClose, handleOpen, openProp]);
   return {
-    state,
-    style,
-    timing,
-    open
+    state: state,
+    style: style,
+    timing: timing,
+    open: open
   };
 }
 //# sourceMappingURL=useAnimation.js.map

package/build/esm/hooks/useAnimation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAnimation.ts"],"names":["useState","useEffect","useCallback","useAnimation","opts","styles","mode","open","openProp","openTimeoutInMilliseconds","closeTimeoutInMilliseconds","animationStyle","timing","state","style","setAnimation","closed","handleClose","animation","close","handleOpen","opening","timeout","setTimeout","clearTimeout"],"mappings":"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","sourcesContent":["import { useState, useEffect, useCallback, CSSProperties } from 'react';\n\nexport type AnimationStateStyles<TStyleProps extends CSSProperties> = {\n  closed: TStyleProps;\n  opening?: TStyleProps;\n  open: TStyleProps;\n  close?: TStyleProps;\n};\n\nexport type AnimationStyles<TStyleProps extends CSSProperties> = Record<\n  string,\n  AnimationStateStyles<TStyleProps>\n>;\n\nexport function useAnimation<\n  TStyles extends AnimationStyles<TStyleProps>,\n  TStyleProps extends CSSProperties\n>(opts: {\n  open: boolean;\n  styles: TStyles;\n  mode: keyof TStyles;\n  openTimeoutInMilliseconds?: number;\n  closeTimeoutInMilliseconds?: number;\n}) {\n  const {\n    styles,\n    mode,\n    open: openProp,\n    openTimeoutInMilliseconds = 225,\n    closeTimeoutInMilliseconds = 110,\n  } = opts;\n  const animationStyle = styles[mode];\n  const [{ timing, open, state, style }, setAnimation] = useState<{\n    state: keyof AnimationStateStyles<TStyleProps>;\n    timing: number;\n    open: boolean;\n    style: CSSProperties;\n  }>({\n    state: 'closed',\n    style: animationStyle.closed,\n    timing: closeTimeoutInMilliseconds,\n    open: openProp,\n  });\n\n  const handleClose = useCallback(() => {\n    setAnimation((animation) =>\n      animation.state === 'closed'\n        ? animation\n        : {\n            ...animation,\n            state: 'close',\n            style: animationStyle.close || animationStyle.closed,\n            timing: closeTimeoutInMilliseconds,\n          }\n    );\n  }, [animationStyle, closeTimeoutInMilliseconds]);\n\n  const handleOpen = useCallback(() => {\n    setAnimation((animation) =>\n      animation.state === 'open'\n        ? animation\n        : {\n            ...animation,\n            open: true,\n            state: 'opening',\n            style: animationStyle.opening || animationStyle.closed,\n          }\n    );\n  }, [animationStyle]);\n\n  useEffect(() => {\n    if (state === 'opening') {\n      setAnimation((animation) => ({\n        ...animation,\n        state: 'open',\n        style: animationStyle.open,\n        timing: openTimeoutInMilliseconds,\n      }));\n    }\n  }, [animationStyle.open, openTimeoutInMilliseconds, state]);\n\n  useEffect(() => {\n    if (state === 'close') {\n      const timeout = setTimeout(() => {\n        setAnimation({\n          state: 'closed',\n          style: animationStyle.closed,\n          open: false,\n          timing: closeTimeoutInMilliseconds,\n        });\n      }, closeTimeoutInMilliseconds);\n      return () => clearTimeout(timeout);\n    }\n  }, [animationStyle.closed, closeTimeoutInMilliseconds, state]);\n\n  useEffect(() => {\n    if (openProp) {\n      handleOpen();\n    } else {\n      handleClose();\n    }\n  }, [handleClose, handleOpen, openProp]);\n\n  return {\n    state,\n    style,\n    timing,\n    open,\n  };\n}\n"],"file":"useAnimation.js"}
+{"version":3,"sources":["../../../src/hooks/useAnimation.ts"],"names":["useState","useEffect","useCallback","useAnimation","opts","styles","mode","openProp","open","openTimeoutInMilliseconds","closeTimeoutInMilliseconds","animationStyle","state","style","closed","timing","setAnimation","handleClose","animation","close","handleOpen","opening","timeout","setTimeout","clearTimeout"],"mappings":"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","sourcesContent":["import type { CSSProperties } from 'react';\nimport { useState, useEffect, useCallback } from 'react';\n\nexport type AnimationStateStyles<TStyleProps extends CSSProperties> = {\n  closed: TStyleProps;\n  opening?: TStyleProps;\n  open: TStyleProps;\n  close?: TStyleProps;\n};\n\nexport type AnimationStyles<TStyleProps extends CSSProperties> = Record<\n  string,\n  AnimationStateStyles<TStyleProps>\n>;\n\nexport function useAnimation<\n  TStyles extends AnimationStyles<TStyleProps>,\n  TStyleProps extends CSSProperties\n>(opts: {\n  open: boolean;\n  styles: TStyles;\n  mode: keyof TStyles;\n  openTimeoutInMilliseconds?: number;\n  closeTimeoutInMilliseconds?: number;\n}) {\n  const {\n    styles,\n    mode,\n    open: openProp,\n    openTimeoutInMilliseconds = 225,\n    closeTimeoutInMilliseconds = 110,\n  } = opts;\n  const animationStyle = styles[mode];\n  const [{ timing, open, state, style }, setAnimation] = useState<{\n    state: keyof AnimationStateStyles<TStyleProps>;\n    timing: number;\n    open: boolean;\n    style: CSSProperties;\n  }>({\n    state: 'closed',\n    style: animationStyle.closed,\n    timing: closeTimeoutInMilliseconds,\n    open: openProp,\n  });\n\n  const handleClose = useCallback(() => {\n    setAnimation((animation) =>\n      animation.state === 'closed'\n        ? animation\n        : {\n            ...animation,\n            state: 'close',\n            style: animationStyle.close || animationStyle.closed,\n            timing: closeTimeoutInMilliseconds,\n          }\n    );\n  }, [animationStyle, closeTimeoutInMilliseconds]);\n\n  const handleOpen = useCallback(() => {\n    setAnimation((animation) =>\n      animation.state === 'open'\n        ? animation\n        : {\n            ...animation,\n            open: true,\n            state: 'opening',\n            style: animationStyle.opening || animationStyle.closed,\n          }\n    );\n  }, [animationStyle]);\n\n  useEffect(() => {\n    if (state === 'opening') {\n      setAnimation((animation) => ({\n        ...animation,\n        state: 'open',\n        style: animationStyle.open,\n        timing: openTimeoutInMilliseconds,\n      }));\n    }\n  }, [animationStyle.open, openTimeoutInMilliseconds, state]);\n\n  useEffect(() => {\n    if (state === 'close') {\n      const timeout = setTimeout(() => {\n        setAnimation({\n          state: 'closed',\n          style: animationStyle.closed,\n          open: false,\n          timing: closeTimeoutInMilliseconds,\n        });\n      }, closeTimeoutInMilliseconds);\n      return () => clearTimeout(timeout);\n    }\n  }, [animationStyle.closed, closeTimeoutInMilliseconds, state]);\n\n  useEffect(() => {\n    if (openProp) {\n      handleOpen();\n    } else {\n      handleClose();\n    }\n  }, [handleClose, handleOpen, openProp]);\n\n  return {\n    state,\n    style,\n    timing,\n    open,\n  };\n}\n"],"file":"useAnimation.js"}

package/build/esm/theme/theme.js

@@ -3,7 +3,7 @@
 // references
 // - https://material.io/design/typography/the-type-system.html#type-scale
 import { em } from 'polished';
-export const theme = {
+export var theme = {
   googleFonts: 'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',
   colors: {
     primary: '#934078',