@basic-ui/material 1.0.0-alpha.51 → 1.0.0-alpha.54

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

@@ -1,98 +1,98 @@
-import type { TonalPalette } from '@material/material-color-utilities';
-export declare function makeColorScheme(opts: {
-    primary: TonalPalette;
-    secondary: TonalPalette;
-    tertiary: TonalPalette;
-    error: TonalPalette;
-    neutral: TonalPalette;
-    neutralVariant: TonalPalette;
-}): {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    error: string;
-    'primary-container': string;
-    'secondary-container': string;
-    'tertiary-container': string;
-    'error-container': string;
-    background: string;
-    'surface-variant': string;
-    outline: string;
-    'outline-variant': string;
-    'surface-dim': string;
-    surface: string;
-    'surface-bright': string;
-    'surface-container-lowest': string;
-    'surface-container-low': string;
-    'surface-container': string;
-    'surface-container-high': string;
-    'surface-container-highest': string;
-    on: {
-        primary: string;
-        secondary: string;
-        tertiary: string;
-        error: string;
-        'primary-container': string;
-        'secondary-container': string;
-        'tertiary-container': string;
-        'error-container': string;
-        background: string;
-        'surface-variant': string;
-        outline: string;
-        'outline-variant': string;
-        'surface-dim': string;
-        surface: string;
-        'surface-bright': string;
-        'surface-container-lowest': string;
-        'surface-container-low': string;
-        'surface-container': string;
-        'surface-container-high': string;
-        'surface-container-highest': string;
-    };
-    modes: {
-        dark: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            error: string;
-            'primary-container': string;
-            'secondary-container': string;
-            'tertiary-container': string;
-            'error-container': string;
-            background: string;
-            'surface-variant': string;
-            outline: string;
-            'outline-variant': string;
-            'surface-dim': string;
-            surface: string;
-            'surface-bright': string;
-            'surface-container-lowest': string;
-            'surface-container-low': string;
-            'surface-container': string;
-            'surface-container-high': string;
-            'surface-container-highest': string;
-            on: {
-                primary: string;
-                secondary: string;
-                tertiary: string;
-                error: string;
-                'primary-container': string;
-                'secondary-container': string;
-                'tertiary-container': string;
-                'error-container': string;
-                background: string;
-                'surface-variant': string;
-                outline: string;
-                'outline-variant': string;
-                'surface-dim': string;
-                surface: string;
-                'surface-bright': string;
-                'surface-container-lowest': string;
-                'surface-container-low': string;
-                'surface-container': string;
-                'surface-container-high': string;
-                'surface-container-highest': string;
-            };
-        };
-    };
-};
+import type { TonalPalette } from '@material/material-color-utilities';
+export declare function makeColorScheme(opts: {
+    primary: TonalPalette;
+    secondary: TonalPalette;
+    tertiary: TonalPalette;
+    error: TonalPalette;
+    neutral: TonalPalette;
+    neutralVariant: TonalPalette;
+}): {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    error: string;
+    'primary-container': string;
+    'secondary-container': string;
+    'tertiary-container': string;
+    'error-container': string;
+    background: string;
+    'surface-variant': string;
+    outline: string;
+    'outline-variant': string;
+    'surface-dim': string;
+    surface: string;
+    'surface-bright': string;
+    'surface-container-lowest': string;
+    'surface-container-low': string;
+    'surface-container': string;
+    'surface-container-high': string;
+    'surface-container-highest': string;
+    on: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        error: string;
+        'primary-container': string;
+        'secondary-container': string;
+        'tertiary-container': string;
+        'error-container': string;
+        background: string;
+        'surface-variant': string;
+        outline: string;
+        'outline-variant': string;
+        'surface-dim': string;
+        surface: string;
+        'surface-bright': string;
+        'surface-container-lowest': string;
+        'surface-container-low': string;
+        'surface-container': string;
+        'surface-container-high': string;
+        'surface-container-highest': string;
+    };
+    modes: {
+        dark: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            error: string;
+            'primary-container': string;
+            'secondary-container': string;
+            'tertiary-container': string;
+            'error-container': string;
+            background: string;
+            'surface-variant': string;
+            outline: string;
+            'outline-variant': string;
+            'surface-dim': string;
+            surface: string;
+            'surface-bright': string;
+            'surface-container-lowest': string;
+            'surface-container-low': string;
+            'surface-container': string;
+            'surface-container-high': string;
+            'surface-container-highest': string;
+            on: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                error: string;
+                'primary-container': string;
+                'secondary-container': string;
+                'tertiary-container': string;
+                'error-container': string;
+                background: string;
+                'surface-variant': string;
+                outline: string;
+                'outline-variant': string;
+                'surface-dim': string;
+                surface: string;
+                'surface-bright': string;
+                'surface-container-lowest': string;
+                'surface-container-low': string;
+                'surface-container': string;
+                'surface-container-high': string;
+                'surface-container-highest': string;
+            };
+        };
+    };
+};

package/build/esm/ThemeExplorer/makeColorScheme.js

@@ -3,7 +3,6 @@ export function makeColorScheme(opts) {
   function c(palette, tone) {
     return hexFromArgb(palette.tone(tone));
   }
-
   return {
     primary: c(opts.primary, 40),
     secondary: c(opts.secondary, 40),

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

@@ -1 +1 @@
-{"version":3,"file":"makeColorScheme.js","names":["hexFromArgb","makeColorScheme","opts","c","palette","tone","primary","secondary","tertiary","error","background","neutral","neutralVariant","outline","surface","on","modes","dark"],"sources":["../../../src/ThemeExplorer/makeColorScheme.tsx"],"sourcesContent":["import type { TonalPalette } from '@material/material-color-utilities';\r\nimport { hexFromArgb } from '@material/material-color-utilities';\r\n\r\nexport function makeColorScheme(opts: {\r\n  primary: TonalPalette;\r\n  secondary: TonalPalette;\r\n  tertiary: TonalPalette;\r\n  error: TonalPalette;\r\n  neutral: TonalPalette;\r\n  neutralVariant: TonalPalette;\r\n}) {\r\n  function c(palette: TonalPalette, tone: number) {\r\n    return hexFromArgb(palette.tone(tone));\r\n  }\r\n\r\n  return {\r\n    primary: c(opts.primary, 40),\r\n    secondary: c(opts.secondary, 40),\r\n    tertiary: c(opts.tertiary, 40),\r\n    error: c(opts.error, 40),\r\n    'primary-container': c(opts.primary, 90),\r\n    'secondary-container': c(opts.secondary, 90),\r\n    'tertiary-container': c(opts.tertiary, 90),\r\n    'error-container': c(opts.error, 90),\r\n    background: c(opts.neutral, 98),\r\n    'surface-variant': c(opts.neutralVariant, 90),\r\n    outline: c(opts.neutralVariant, 50),\r\n    'outline-variant': c(opts.neutralVariant, 80),\r\n    // https://material.io/blog/tone-based-surface-color-m3\r\n    'surface-dim': c(opts.neutral, 87),\r\n    surface: c(opts.neutral, 98),\r\n    'surface-bright': c(opts.neutral, 98),\r\n    'surface-container-lowest': c(opts.neutral, 100),\r\n    'surface-container-low': c(opts.neutral, 96),\r\n    'surface-container': c(opts.neutral, 94),\r\n    'surface-container-high': c(opts.neutral, 92),\r\n    'surface-container-highest': c(opts.neutral, 90),\r\n    on: {\r\n      primary: c(opts.primary, 100),\r\n      secondary: c(opts.secondary, 100),\r\n      tertiary: c(opts.tertiary, 100),\r\n      error: c(opts.error, 100),\r\n      'primary-container': c(opts.primary, 10),\r\n      'secondary-container': c(opts.secondary, 10),\r\n      'tertiary-container': c(opts.tertiary, 10),\r\n      'error-container': c(opts.error, 10),\r\n      background: c(opts.neutral, 10),\r\n      'surface-variant': c(opts.neutralVariant, 30),\r\n      outline: c(opts.neutralVariant, 95),\r\n      'outline-variant': c(opts.neutralVariant, 10),\r\n      // https://material.io/blog/tone-based-surface-color-m3\r\n      'surface-dim': c(opts.neutral, 10),\r\n      surface: c(opts.neutral, 10),\r\n      'surface-bright': c(opts.neutral, 10),\r\n      'surface-container-lowest': c(opts.neutral, 10),\r\n      'surface-container-low': c(opts.neutral, 10),\r\n      'surface-container': c(opts.neutral, 10),\r\n      'surface-container-high': c(opts.neutral, 10),\r\n      'surface-container-highest': c(opts.neutral, 10),\r\n    },\r\n    modes: {\r\n      dark: {\r\n        primary: c(opts.primary, 80),\r\n        secondary: c(opts.secondary, 80),\r\n        tertiary: c(opts.tertiary, 80),\r\n        error: c(opts.error, 80),\r\n        'primary-container': c(opts.primary, 30),\r\n        'secondary-container': c(opts.secondary, 30),\r\n        'tertiary-container': c(opts.tertiary, 30),\r\n        'error-container': c(opts.error, 30),\r\n        background: c(opts.neutral, 6),\r\n        'surface-variant': c(opts.neutralVariant, 30),\r\n        outline: c(opts.neutralVariant, 60),\r\n        'outline-variant': c(opts.neutralVariant, 30),\r\n        // https://material.io/blog/tone-based-surface-color-m3\r\n        // TODO: get the actual values from here once updated: https://github.com/material-foundation/material-color-utilities/blob/main/dart/lib/scheme/scheme.dart#L126-L156\r\n        'surface-dim': c(opts.neutral, 6),\r\n        surface: c(opts.neutral, 6),\r\n        'surface-bright': c(opts.neutral, 24),\r\n        'surface-container-lowest': c(opts.neutral, 4),\r\n        'surface-container-low': c(opts.neutral, 10),\r\n        'surface-container': c(opts.neutral, 12),\r\n        'surface-container-high': c(opts.neutral, 17),\r\n        'surface-container-highest': c(opts.neutral, 22),\r\n        on: {\r\n          primary: c(opts.primary, 20),\r\n          secondary: c(opts.secondary, 20),\r\n          tertiary: c(opts.tertiary, 20),\r\n          error: c(opts.error, 20),\r\n          'primary-container': c(opts.primary, 90),\r\n          'secondary-container': c(opts.secondary, 90),\r\n          'tertiary-container': c(opts.tertiary, 90),\r\n          'error-container': c(opts.error, 90),\r\n          background: c(opts.neutral, 90),\r\n          'surface-variant': c(opts.neutralVariant, 80),\r\n          outline: c(opts.neutralVariant, 10),\r\n          'outline-variant': c(opts.neutralVariant, 90),\r\n          // https://material.io/blog/tone-based-surface-color-m3\r\n          'surface-dim': c(opts.neutral, 90),\r\n          surface: c(opts.neutral, 90),\r\n          'surface-bright': c(opts.neutral, 90),\r\n          'surface-container-lowest': c(opts.neutral, 90),\r\n          'surface-container-low': c(opts.neutral, 90),\r\n          'surface-container': c(opts.neutral, 90),\r\n          'surface-container-high': c(opts.neutral, 90),\r\n          'surface-container-highest': c(opts.neutral, 90),\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"makeColorScheme.js","names":["hexFromArgb","makeColorScheme","opts","c","palette","tone","primary","secondary","tertiary","error","background","neutral","neutralVariant","outline","surface","on","modes","dark"],"sources":["../../../src/ThemeExplorer/makeColorScheme.tsx"],"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, 98),\n    'surface-variant': c(opts.neutralVariant, 90),\n    outline: c(opts.neutralVariant, 50),\n    'outline-variant': c(opts.neutralVariant, 80),\n    // https://material.io/blog/tone-based-surface-color-m3\n    'surface-dim': c(opts.neutral, 87),\n    surface: c(opts.neutral, 98),\n    'surface-bright': c(opts.neutral, 98),\n    'surface-container-lowest': c(opts.neutral, 100),\n    'surface-container-low': c(opts.neutral, 96),\n    'surface-container': c(opts.neutral, 94),\n    'surface-container-high': c(opts.neutral, 92),\n    'surface-container-highest': c(opts.neutral, 90),\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-variant': c(opts.neutralVariant, 30),\n      outline: c(opts.neutralVariant, 95),\n      'outline-variant': c(opts.neutralVariant, 10),\n      // https://material.io/blog/tone-based-surface-color-m3\n      'surface-dim': c(opts.neutral, 10),\n      surface: c(opts.neutral, 10),\n      'surface-bright': c(opts.neutral, 10),\n      'surface-container-lowest': c(opts.neutral, 10),\n      'surface-container-low': c(opts.neutral, 10),\n      'surface-container': c(opts.neutral, 10),\n      'surface-container-high': c(opts.neutral, 10),\n      'surface-container-highest': c(opts.neutral, 10),\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, 6),\n        'surface-variant': c(opts.neutralVariant, 30),\n        outline: c(opts.neutralVariant, 60),\n        'outline-variant': c(opts.neutralVariant, 30),\n        // https://material.io/blog/tone-based-surface-color-m3\n        // TODO: get the actual values from here once updated: https://github.com/material-foundation/material-color-utilities/blob/main/dart/lib/scheme/scheme.dart#L126-L156\n        'surface-dim': c(opts.neutral, 6),\n        surface: c(opts.neutral, 6),\n        'surface-bright': c(opts.neutral, 24),\n        'surface-container-lowest': c(opts.neutral, 4),\n        'surface-container-low': c(opts.neutral, 10),\n        'surface-container': c(opts.neutral, 12),\n        'surface-container-high': c(opts.neutral, 17),\n        'surface-container-highest': c(opts.neutral, 22),\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-variant': c(opts.neutralVariant, 80),\n          outline: c(opts.neutralVariant, 10),\n          'outline-variant': c(opts.neutralVariant, 90),\n          // https://material.io/blog/tone-based-surface-color-m3\n          'surface-dim': c(opts.neutral, 90),\n          surface: c(opts.neutral, 90),\n          'surface-bright': c(opts.neutral, 90),\n          'surface-container-lowest': c(opts.neutral, 90),\n          'surface-container-low': c(opts.neutral, 90),\n          'surface-container': c(opts.neutral, 90),\n          'surface-container-high': c(opts.neutral, 90),\n          'surface-container-highest': c(opts.neutral, 90),\n        },\n      },\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import type { Theme } from '../theme/theme';
-export declare function makeTailwindThemeCSS(theme: Theme): string;
+import type { Theme } from '../theme/theme';
+export declare function makeTailwindThemeCSS(theme: Theme): string;

package/build/esm/ThemeExplorer/makeTailwindTheme.js

@@ -1,30 +1,30 @@
 import { DARK_SCHEME_CLASS, LIGHT_SCHEME_CLASS, transformTheme } from '@basic-ui/dynamic-theme';
 export function makeTailwindThemeCSS(theme) {
-  var transformedTheme = transformTheme(theme, []);
-  var _transformedTheme$col = transformedTheme.colorModes,
-      light = _transformedTheme$col.light,
-      dark = _transformedTheme$col.dark;
-
-  var parseColorMode = function parseColorMode(colors) {
-    var keys = Object.keys(colors);
-    var cssLines = []; // let css = '';
-
-    for (var _i = 0, _keys = keys; _i < _keys.length; _i++) {
-      var key = _keys[_i];
-
+  const transformedTheme = transformTheme(theme, []);
+  const {
+    light,
+    dark
+  } = transformedTheme.colorModes;
+  const parseColorMode = colors => {
+    const keys = Object.keys(colors);
+    const cssLines = [];
+    // let css = '';
+    for (const key of keys) {
       if (!key.endsWith('--rgb')) {
         continue;
       }
-
-      cssLines.push("  " + key + ': ' + colors[key]);
+      cssLines.push(`  ` + key + ': ' + colors[key]);
     }
-
     return cssLines.join(';\n') + ';';
   };
-
-  var bodySelector = "body";
-  var lightThemeSelector = ['' + bodySelector, '' + bodySelector + '.' + LIGHT_SCHEME_CLASS, '' + bodySelector + ' .' + LIGHT_SCHEME_CLASS].join(',\n');
-  var darkThemeSelector = ['' + bodySelector + '.' + DARK_SCHEME_CLASS, '' + bodySelector + ' .' + DARK_SCHEME_CLASS].join(',\n');
-  return "".concat(lightThemeSelector, " {\n").concat(parseColorMode(light), "\n}\n").concat(darkThemeSelector, " {\n").concat(parseColorMode(dark), "\n}");
+  const bodySelector = `body`;
+  const lightThemeSelector = ['' + bodySelector, '' + bodySelector + '.' + LIGHT_SCHEME_CLASS, '' + bodySelector + ' .' + LIGHT_SCHEME_CLASS].join(',\n');
+  const darkThemeSelector = ['' + bodySelector + '.' + DARK_SCHEME_CLASS, '' + bodySelector + ' .' + DARK_SCHEME_CLASS].join(',\n');
+  return `${lightThemeSelector} {
+${parseColorMode(light)}
+}
+${darkThemeSelector} {
+${parseColorMode(dark)}
+}`;
 }
 //# sourceMappingURL=makeTailwindTheme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"makeTailwindTheme.js","names":["DARK_SCHEME_CLASS","LIGHT_SCHEME_CLASS","transformTheme","makeTailwindThemeCSS","theme","transformedTheme","colorModes","light","dark","parseColorMode","colors","keys","Object","cssLines","key","endsWith","push","join","bodySelector","lightThemeSelector","darkThemeSelector"],"sources":["../../../src/ThemeExplorer/makeTailwindTheme.ts"],"sourcesContent":["import {\r\n  DARK_SCHEME_CLASS,\r\n  LIGHT_SCHEME_CLASS,\r\n  transformTheme,\r\n} from '@basic-ui/dynamic-theme';\r\n\r\nimport type { Theme } from '../theme/theme';\r\n\r\nexport function makeTailwindThemeCSS(theme: Theme) {\r\n  const transformedTheme = transformTheme(theme, []);\r\n  const { light, dark } = transformedTheme.colorModes;\r\n\r\n  const parseColorMode = (colors: Record<string, string>) => {\r\n    const keys = Object.keys(colors);\r\n    const cssLines: string[] = [];\r\n    // let css = '';\r\n    for (const key of keys) {\r\n      if (!key.endsWith('--rgb')) {\r\n        continue;\r\n      }\r\n\r\n      cssLines.push(`  ` + key + ': ' + colors[key]);\r\n    }\r\n    return cssLines.join(';\\n') + ';';\r\n  };\r\n\r\n  const bodySelector = `body`;\r\n  const lightThemeSelector = [\r\n    '' + bodySelector,\r\n    '' + bodySelector + '.' + LIGHT_SCHEME_CLASS,\r\n    '' + bodySelector + ' .' + LIGHT_SCHEME_CLASS,\r\n  ].join(',\\n');\r\n  const darkThemeSelector = [\r\n    '' + bodySelector + '.' + DARK_SCHEME_CLASS,\r\n    '' + bodySelector + ' .' + DARK_SCHEME_CLASS,\r\n  ].join(',\\n');\r\n\r\n  return `${lightThemeSelector} {\r\n${parseColorMode(light)}\r\n}\r\n${darkThemeSelector} {\r\n${parseColorMode(dark)}\r\n}`;\r\n}\r\n"],"mappings":"AAAA,SACEA,iBADF,EAEEC,kBAFF,EAGEC,cAHF,QAIO,yBAJP;AAQA,OAAO,SAASC,oBAAT,CAA8BC,KAA9B,EAA4C;EACjD,IAAMC,gBAAgB,GAAGH,cAAc,CAACE,KAAD,EAAQ,EAAR,CAAvC;EACA,4BAAwBC,gBAAgB,CAACC,UAAzC;EAAA,IAAQC,KAAR,yBAAQA,KAAR;EAAA,IAAeC,IAAf,yBAAeA,IAAf;;EAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,MAAD,EAAoC;IACzD,IAAMC,IAAI,GAAGC,MAAM,CAACD,IAAP,CAAYD,MAAZ,CAAb;IACA,IAAMG,QAAkB,GAAG,EAA3B,CAFyD,CAGzD;;IACA,yBAAkBF,IAAlB,2BAAwB;MAAnB,IAAMG,GAAG,YAAT;;MACH,IAAI,CAACA,GAAG,CAACC,QAAJ,CAAa,OAAb,CAAL,EAA4B;QAC1B;MACD;;MAEDF,QAAQ,CAACG,IAAT,CAAc,OAAOF,GAAP,GAAa,IAAb,GAAoBJ,MAAM,CAACI,GAAD,CAAxC;IACD;;IACD,OAAOD,QAAQ,CAACI,IAAT,CAAc,KAAd,IAAuB,GAA9B;EACD,CAZD;;EAcA,IAAMC,YAAY,SAAlB;EACA,IAAMC,kBAAkB,GAAG,CACzB,KAAKD,YADoB,EAEzB,KAAKA,YAAL,GAAoB,GAApB,GAA0BjB,kBAFD,EAGzB,KAAKiB,YAAL,GAAoB,IAApB,GAA2BjB,kBAHF,EAIzBgB,IAJyB,CAIpB,KAJoB,CAA3B;EAKA,IAAMG,iBAAiB,GAAG,CACxB,KAAKF,YAAL,GAAoB,GAApB,GAA0BlB,iBADF,EAExB,KAAKkB,YAAL,GAAoB,IAApB,GAA2BlB,iBAFH,EAGxBiB,IAHwB,CAGnB,KAHmB,CAA1B;EAKA,iBAAUE,kBAAV,iBACAV,cAAc,CAACF,KAAD,CADd,kBAGAa,iBAHA,iBAIAX,cAAc,CAACD,IAAD,CAJd;AAMD"}
+{"version":3,"file":"makeTailwindTheme.js","names":["DARK_SCHEME_CLASS","LIGHT_SCHEME_CLASS","transformTheme","makeTailwindThemeCSS","theme","transformedTheme","light","dark","colorModes","parseColorMode","colors","keys","Object","cssLines","key","endsWith","push","join","bodySelector","lightThemeSelector","darkThemeSelector"],"sources":["../../../src/ThemeExplorer/makeTailwindTheme.ts"],"sourcesContent":["import {\n  DARK_SCHEME_CLASS,\n  LIGHT_SCHEME_CLASS,\n  transformTheme,\n} from '@basic-ui/dynamic-theme';\n\nimport type { Theme } from '../theme/theme';\n\nexport function makeTailwindThemeCSS(theme: Theme) {\n  const transformedTheme = transformTheme(theme, []);\n  const { light, dark } = transformedTheme.colorModes;\n\n  const parseColorMode = (colors: Record<string, string>) => {\n    const keys = Object.keys(colors);\n    const cssLines: string[] = [];\n    // let css = '';\n    for (const key of keys) {\n      if (!key.endsWith('--rgb')) {\n        continue;\n      }\n\n      cssLines.push(`  ` + key + ': ' + colors[key]);\n    }\n    return cssLines.join(';\\n') + ';';\n  };\n\n  const bodySelector = `body`;\n  const lightThemeSelector = [\n    '' + bodySelector,\n    '' + bodySelector + '.' + LIGHT_SCHEME_CLASS,\n    '' + bodySelector + ' .' + LIGHT_SCHEME_CLASS,\n  ].join(',\\n');\n  const darkThemeSelector = [\n    '' + bodySelector + '.' + DARK_SCHEME_CLASS,\n    '' + bodySelector + ' .' + DARK_SCHEME_CLASS,\n  ].join(',\\n');\n\n  return `${lightThemeSelector} {\n${parseColorMode(light)}\n}\n${darkThemeSelector} {\n${parseColorMode(dark)}\n}`;\n}\n"],"mappings":"AAAA,SACEA,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,QACT,yBAAyB;AAIhC,OAAO,SAASC,oBAAoBA,CAACC,KAAY,EAAE;EACjD,MAAMC,gBAAgB,GAAGH,cAAc,CAACE,KAAK,EAAE,EAAE,CAAC;EAClD,MAAM;IAAEE,KAAK;IAAEC;EAAK,CAAC,GAAGF,gBAAgB,CAACG,UAAU;EAEnD,MAAMC,cAAc,GAAIC,MAA8B,IAAK;IACzD,MAAMC,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACD,MAAM,CAAC;IAChC,MAAMG,QAAkB,GAAG,EAAE;IAC7B;IACA,KAAK,MAAMC,GAAG,IAAIH,IAAI,EAAE;MACtB,IAAI,CAACG,GAAG,CAACC,QAAQ,CAAC,OAAO,CAAC,EAAE;QAC1B;MACF;MAEAF,QAAQ,CAACG,IAAI,CAAC,IAAI,GAAGF,GAAG,GAAG,IAAI,GAAGJ,MAAM,CAACI,GAAG,CAAC,CAAC;IAChD;IACA,OAAOD,QAAQ,CAACI,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG;EACnC,CAAC;EAED,MAAMC,YAAY,GAAG,MAAM;EAC3B,MAAMC,kBAAkB,GAAG,CACzB,EAAE,GAAGD,YAAY,EACjB,EAAE,GAAGA,YAAY,GAAG,GAAG,GAAGjB,kBAAkB,EAC5C,EAAE,GAAGiB,YAAY,GAAG,IAAI,GAAGjB,kBAAkB,CAC9C,CAACgB,IAAI,CAAC,KAAK,CAAC;EACb,MAAMG,iBAAiB,GAAG,CACxB,EAAE,GAAGF,YAAY,GAAG,GAAG,GAAGlB,iBAAiB,EAC3C,EAAE,GAAGkB,YAAY,GAAG,IAAI,GAAGlB,iBAAiB,CAC7C,CAACiB,IAAI,CAAC,KAAK,CAAC;EAEb,OAAO,GAAGE,kBAAkB;AAC9B,EAAEV,cAAc,CAACH,KAAK,CAAC;AACvB;AACA,EAAEc,iBAAiB;AACnB,EAAEX,cAAc,CAACF,IAAI,CAAC;AACtB,EAAE;AACF","ignoreList":[]}

package/build/esm/ThemeExplorer/updateGoogleFonts.js

@@ -1,70 +1,29 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+const {
+  writeFileSync
+} = require('fs');
+
+// This file auto generates our googleFonts.ts file
 
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-var _require = require('fs'),
-    writeFileSync = _require.writeFileSync; // This file auto generates our googleFonts.ts file
 // You can generate an API key from here
 // https://developers.google.com/fonts/docs/developer_api#APIKey
-
-
-var API_KEY = process.env.GOOGLE_FONTS_API_KEY;
-
-function main() {
-  return _main.apply(this, arguments);
+const API_KEY = process.env.GOOGLE_FONTS_API_KEY;
+async function main() {
+  const res = await fetch(`https://content-webfonts.googleapis.com/v1/webfonts?sort=POPULARITY&key=${API_KEY}`);
+  const json = await res.json();
+  if (json.error) {
+    console.error(json.error);
+    return;
+  }
+  const fonts = json.items.map(item => item.family);
+  let str = '';
+  str += `// THIS FILE WAS AUTOGENERATED BY updateGoogleFonts.js\n`;
+  str += `// TO UPDATE IT RUN THE FOLLOWING WITH Node.js v18+\n`;
+  str += `// GOOGLE_FONTS_API_KEY="<SECRET>" node updateGoogleFonts.js`;
+  str += `\n\n/* eslint-disable prettier/prettier */\n`;
+  str += `export const googleFonts = [\n`;
+  str += fonts.map(f => '  ' + JSON.stringify(f)).join(',\n');
+  str += '\n];\n';
+  writeFileSync('./googleFonts.ts', str, 'utf-8');
 }
-
-function _main() {
-  _main = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var res, json, fonts, str;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return fetch("https://content-webfonts.googleapis.com/v1/webfonts?sort=POPULARITY&key=".concat(API_KEY));
-
-          case 2:
-            res = _context.sent;
-            _context.next = 5;
-            return res.json();
-
-          case 5:
-            json = _context.sent;
-
-            if (!json.error) {
-              _context.next = 9;
-              break;
-            }
-
-            console.error(json.error);
-            return _context.abrupt("return");
-
-          case 9:
-            fonts = json.items.map(function (item) {
-              return item.family;
-            });
-            str = '';
-            str += "// THIS FILE WAS AUTOGENERATED BY updateGoogleFonts.js\n";
-            str += "// TO UPDATE IT RUN THE FOLLOWING WITH Node.js v18+\n";
-            str += "// GOOGLE_FONTS_API_KEY=\"<SECRET>\" node updateGoogleFonts.js";
-            str += "\n\n/* eslint-disable prettier/prettier */\n";
-            str += "export const googleFonts = [\n";
-            str += fonts.map(function (f) {
-              return '  ' + JSON.stringify(f);
-            }).join(',\n');
-            str += '\n];\n';
-            writeFileSync('./googleFonts.ts', str, 'utf-8');
-
-          case 19:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _main.apply(this, arguments);
-}
-
 main();
 //# sourceMappingURL=updateGoogleFonts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"updateGoogleFonts.js","names":["require","writeFileSync","API_KEY","process","env","GOOGLE_FONTS_API_KEY","main","fetch","res","json","error","console","fonts","items","map","item","family","str","f","JSON","stringify","join"],"sources":["../../../src/ThemeExplorer/updateGoogleFonts.js"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-var-requires\r\nconst { writeFileSync } = require('fs');\r\n\r\n// This file auto generates our googleFonts.ts file\r\n\r\n// You can generate an API key from here\r\n// https://developers.google.com/fonts/docs/developer_api#APIKey\r\nconst API_KEY = process.env.GOOGLE_FONTS_API_KEY;\r\n\r\nasync function main() {\r\n  const res = await fetch(\r\n    `https://content-webfonts.googleapis.com/v1/webfonts?sort=POPULARITY&key=${API_KEY}`\r\n  );\r\n\r\n  const json = await res.json();\r\n  if (json.error) {\r\n    console.error(json.error);\r\n    return;\r\n  }\r\n  const fonts = json.items.map((item) => item.family);\r\n  let str = '';\r\n  str += `// THIS FILE WAS AUTOGENERATED BY updateGoogleFonts.js\\n`;\r\n  str += `// TO UPDATE IT RUN THE FOLLOWING WITH Node.js v18+\\n`;\r\n  str += `// GOOGLE_FONTS_API_KEY=\"<SECRET>\" node updateGoogleFonts.js`;\r\n  str += `\\n\\n/* eslint-disable prettier/prettier */\\n`;\r\n  str += `export const googleFonts = [\\n`;\r\n  str += fonts.map((f) => '  ' + JSON.stringify(f)).join(',\\n');\r\n  str += '\\n];\\n';\r\n\r\n  writeFileSync('./googleFonts.ts', str, 'utf-8');\r\n}\r\n\r\nmain();\r\n"],"mappings":";;;AAAA;AACA,eAA0BA,OAAO,CAAC,IAAD,CAAjC;AAAA,IAAQC,aAAR,YAAQA,aAAR,C,CAEA;AAEA;AACA;;;AACA,IAAMC,OAAO,GAAGC,OAAO,CAACC,GAAR,CAAYC,oBAA5B;;SAEeC,I;;;;;mEAAf;IAAA;IAAA;MAAA;QAAA;UAAA;YAAA;YAAA,OACoBC,KAAK,mFACsDL,OADtD,EADzB;;UAAA;YACQM,GADR;YAAA;YAAA,OAKqBA,GAAG,CAACC,IAAJ,EALrB;;UAAA;YAKQA,IALR;;YAAA,KAMMA,IAAI,CAACC,KANX;cAAA;cAAA;YAAA;;YAOIC,OAAO,CAACD,KAAR,CAAcD,IAAI,CAACC,KAAnB;YAPJ;;UAAA;YAUQE,KAVR,GAUgBH,IAAI,CAACI,KAAL,CAAWC,GAAX,CAAe,UAACC,IAAD;cAAA,OAAUA,IAAI,CAACC,MAAf;YAAA,CAAf,CAVhB;YAWMC,GAXN,GAWY,EAXZ;YAYEA,GAAG,8DAAH;YACAA,GAAG,2DAAH;YACAA,GAAG,oEAAH;YACAA,GAAG,kDAAH;YACAA,GAAG,oCAAH;YACAA,GAAG,IAAIL,KAAK,CAACE,GAAN,CAAU,UAACI,CAAD;cAAA,OAAO,OAAOC,IAAI,CAACC,SAAL,CAAeF,CAAf,CAAd;YAAA,CAAV,EAA2CG,IAA3C,CAAgD,KAAhD,CAAP;YACAJ,GAAG,IAAI,QAAP;YAEAhB,aAAa,CAAC,kBAAD,EAAqBgB,GAArB,EAA0B,OAA1B,CAAb;;UApBF;UAAA;YAAA;QAAA;MAAA;IAAA;EAAA,C;;;;AAuBAX,IAAI"}
+{"version":3,"file":"updateGoogleFonts.js","names":["writeFileSync","require","API_KEY","process","env","GOOGLE_FONTS_API_KEY","main","res","fetch","json","error","console","fonts","items","map","item","family","str","f","JSON","stringify","join"],"sources":["../../../src/ThemeExplorer/updateGoogleFonts.js"],"sourcesContent":["const { writeFileSync } = require('fs');\n\n// This file auto generates our googleFonts.ts file\n\n// You can generate an API key from here\n// https://developers.google.com/fonts/docs/developer_api#APIKey\nconst API_KEY = process.env.GOOGLE_FONTS_API_KEY;\n\nasync function main() {\n  const res = await fetch(\n    `https://content-webfonts.googleapis.com/v1/webfonts?sort=POPULARITY&key=${API_KEY}`\n  );\n\n  const json = await res.json();\n  if (json.error) {\n    console.error(json.error);\n    return;\n  }\n  const fonts = json.items.map((item) => item.family);\n  let str = '';\n  str += `// THIS FILE WAS AUTOGENERATED BY updateGoogleFonts.js\\n`;\n  str += `// TO UPDATE IT RUN THE FOLLOWING WITH Node.js v18+\\n`;\n  str += `// GOOGLE_FONTS_API_KEY=\"<SECRET>\" node updateGoogleFonts.js`;\n  str += `\\n\\n/* eslint-disable prettier/prettier */\\n`;\n  str += `export const googleFonts = [\\n`;\n  str += fonts.map((f) => '  ' + JSON.stringify(f)).join(',\\n');\n  str += '\\n];\\n';\n\n  writeFileSync('./googleFonts.ts', str, 'utf-8');\n}\n\nmain();\n"],"mappings":"AAAA,MAAM;EAAEA;AAAc,CAAC,GAAGC,OAAO,CAAC,IAAI,CAAC;;AAEvC;;AAEA;AACA;AACA,MAAMC,OAAO,GAAGC,OAAO,CAACC,GAAG,CAACC,oBAAoB;AAEhD,eAAeC,IAAIA,CAAA,EAAG;EACpB,MAAMC,GAAG,GAAG,MAAMC,KAAK,CACrB,2EAA2EN,OAAO,EACpF,CAAC;EAED,MAAMO,IAAI,GAAG,MAAMF,GAAG,CAACE,IAAI,CAAC,CAAC;EAC7B,IAAIA,IAAI,CAACC,KAAK,EAAE;IACdC,OAAO,CAACD,KAAK,CAACD,IAAI,CAACC,KAAK,CAAC;IACzB;EACF;EACA,MAAME,KAAK,GAAGH,IAAI,CAACI,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACC,MAAM,CAAC;EACnD,IAAIC,GAAG,GAAG,EAAE;EACZA,GAAG,IAAI,0DAA0D;EACjEA,GAAG,IAAI,uDAAuD;EAC9DA,GAAG,IAAI,8DAA8D;EACrEA,GAAG,IAAI,8CAA8C;EACrDA,GAAG,IAAI,gCAAgC;EACvCA,GAAG,IAAIL,KAAK,CAACE,GAAG,CAAEI,CAAC,IAAK,IAAI,GAAGC,IAAI,CAACC,SAAS,CAACF,CAAC,CAAC,CAAC,CAACG,IAAI,CAAC,KAAK,CAAC;EAC7DJ,GAAG,IAAI,QAAQ;EAEfjB,aAAa,CAAC,kBAAkB,EAAEiB,GAAG,EAAE,OAAO,CAAC;AACjD;AAEAX,IAAI,CAAC,CAAC","ignoreList":[]}

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

@@ -1,3 +1,3 @@
-import { TonalPalette } from '@material/material-color-utilities';
-import type { Color } from '@basic-ui/color-picker';
-export declare function useDeferredColor(key: string, fallbackValue: TonalPalette): [Color | null, TonalPalette, (c: Color | null) => void];
+import { TonalPalette } from '@material/material-color-utilities';
+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,16 +1,9 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useMemo } from 'react';
 import { TonalPalette, argbFromHex } from '@material/material-color-utilities';
 import { useLocalStorageCachedState } from './useLocalStorageCachedState';
 export function useDeferredColor(key, fallbackValue) {
-  var _useLocalStorageCache = useLocalStorageCachedState(null, 'theme-builder.' + key),
-      _useLocalStorageCache2 = _slicedToArray(_useLocalStorageCache, 2),
-      color = _useLocalStorageCache2[0],
-      setColor = _useLocalStorageCache2[1];
-
-  var colorTonal = useMemo(function () {
-    return color !== null && color !== void 0 && color.hex ? TonalPalette.fromInt(argbFromHex(color.hex)) : fallbackValue;
-  }, [color === null || color === void 0 ? void 0 : color.hex, fallbackValue]);
+  const [color, setColor] = useLocalStorageCachedState(null, 'theme-builder.' + key);
+  const colorTonal = useMemo(() => color?.hex ? TonalPalette.fromInt(argbFromHex(color.hex)) : fallbackValue, [color?.hex, fallbackValue]);
   return [color, colorTonal, setColor];
 }
 //# sourceMappingURL=useDeferredColor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDeferredColor.js","names":["useMemo","TonalPalette","argbFromHex","useLocalStorageCachedState","useDeferredColor","key","fallbackValue","color","setColor","colorTonal","hex","fromInt"],"sources":["../../../src/ThemeExplorer/useDeferredColor.tsx"],"sourcesContent":["import { useMemo } from 'react';\r\nimport { TonalPalette, argbFromHex } from '@material/material-color-utilities';\r\nimport type { Color } from '@basic-ui/color-picker';\r\n\r\nimport { useLocalStorageCachedState } from './useLocalStorageCachedState';\r\n\r\nexport function useDeferredColor(\r\n  key: string,\r\n  fallbackValue: TonalPalette\r\n): [Color | null, TonalPalette, (c: Color | null) => void] {\r\n  const [color, setColor] = useLocalStorageCachedState<Color | null>(\r\n    null,\r\n    'theme-builder.' + key\r\n  );\r\n  const colorTonal = useMemo(\r\n    () =>\r\n      color?.hex ? TonalPalette.fromInt(argbFromHex(color.hex)) : fallbackValue,\r\n    [color?.hex, fallbackValue]\r\n  );\r\n  return [color, colorTonal, setColor];\r\n}\r\n"],"mappings":";AAAA,SAASA,OAAT,QAAwB,OAAxB;AACA,SAASC,YAAT,EAAuBC,WAAvB,QAA0C,oCAA1C;AAGA,SAASC,0BAAT,QAA2C,8BAA3C;AAEA,OAAO,SAASC,gBAAT,CACLC,GADK,EAELC,aAFK,EAGoD;EACzD,4BAA0BH,0BAA0B,CAClD,IADkD,EAElD,mBAAmBE,GAF+B,CAApD;EAAA;EAAA,IAAOE,KAAP;EAAA,IAAcC,QAAd;;EAIA,IAAMC,UAAU,GAAGT,OAAO,CACxB;IAAA,OACEO,KAAK,SAAL,IAAAA,KAAK,WAAL,IAAAA,KAAK,CAAEG,GAAP,GAAaT,YAAY,CAACU,OAAb,CAAqBT,WAAW,CAACK,KAAK,CAACG,GAAP,CAAhC,CAAb,GAA4DJ,aAD9D;EAAA,CADwB,EAGxB,CAACC,KAAD,aAACA,KAAD,uBAACA,KAAK,CAAEG,GAAR,EAAaJ,aAAb,CAHwB,CAA1B;EAKA,OAAO,CAACC,KAAD,EAAQE,UAAR,EAAoBD,QAApB,CAAP;AACD"}
+{"version":3,"file":"useDeferredColor.js","names":["useMemo","TonalPalette","argbFromHex","useLocalStorageCachedState","useDeferredColor","key","fallbackValue","color","setColor","colorTonal","hex","fromInt"],"sources":["../../../src/ThemeExplorer/useDeferredColor.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { TonalPalette, argbFromHex } from '@material/material-color-utilities';\nimport type { Color } from '@basic-ui/color-picker';\n\nimport { useLocalStorageCachedState } from './useLocalStorageCachedState';\n\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    null,\n    'theme-builder.' + key\n  );\n  const colorTonal = useMemo(\n    () =>\n      color?.hex ? TonalPalette.fromInt(argbFromHex(color.hex)) : fallbackValue,\n    [color?.hex, fallbackValue]\n  );\n  return [color, colorTonal, setColor];\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,YAAY,EAAEC,WAAW,QAAQ,oCAAoC;AAG9E,SAASC,0BAA0B,QAAQ,8BAA8B;AAEzE,OAAO,SAASC,gBAAgBA,CAC9BC,GAAW,EACXC,aAA2B,EAC8B;EACzD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGL,0BAA0B,CAClD,IAAI,EACJ,gBAAgB,GAAGE,GACrB,CAAC;EACD,MAAMI,UAAU,GAAGT,OAAO,CACxB,MACEO,KAAK,EAAEG,GAAG,GAAGT,YAAY,CAACU,OAAO,CAACT,WAAW,CAACK,KAAK,CAACG,GAAG,CAAC,CAAC,GAAGJ,aAAa,EAC3E,CAACC,KAAK,EAAEG,GAAG,EAAEJ,aAAa,CAC5B,CAAC;EACD,OAAO,CAACC,KAAK,EAAEE,UAAU,EAAED,QAAQ,CAAC;AACtC","ignoreList":[]}

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

@@ -1 +1 @@
-export declare function useLocalStorageCachedState<T>(initialValue: T, key: string): [T, (c: T) => void];
+export declare function useLocalStorageCachedState<T>(initialValue: T, key: string): [T, (c: T) => void];

package/build/esm/ThemeExplorer/useLocalStorageCachedState.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorageCachedState.js","names":["useCallback","useState","useLocalStorageCachedState","initialValue","key","JSON","parse","localStorage","getItem","state","_setState","setState","c","setItem","stringify"],"sources":["../../../src/ThemeExplorer/useLocalStorageCachedState.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\r\n\r\nexport function useLocalStorageCachedState<T>(\r\n  initialValue: T,\r\n  key: string\r\n): [T, (c: T) => void] {\r\n  const [state, _setState] = useState<T>(\r\n    () => JSON.parse(localStorage.getItem(key) || 'null') || initialValue\r\n  );\r\n  const setState = useCallback(\r\n    (c: T): void => {\r\n      _setState(c);\r\n      localStorage.setItem(key, JSON.stringify(c));\r\n    },\r\n    [key]\r\n  );\r\n  return [state, setState];\r\n}\r\n"],"mappings":";AAAA,SAASA,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AAEA,OAAO,SAASC,0BAAT,CACLC,YADK,EAELC,GAFK,EAGgB;EACrB,gBAA2BH,QAAQ,CACjC;IAAA,OAAMI,IAAI,CAACC,KAAL,CAAWC,YAAY,CAACC,OAAb,CAAqBJ,GAArB,KAA6B,MAAxC,KAAmDD,YAAzD;EAAA,CADiC,CAAnC;EAAA;EAAA,IAAOM,KAAP;EAAA,IAAcC,SAAd;;EAGA,IAAMC,QAAQ,GAAGX,WAAW,CAC1B,UAACY,CAAD,EAAgB;IACdF,SAAS,CAACE,CAAD,CAAT;;IACAL,YAAY,CAACM,OAAb,CAAqBT,GAArB,EAA0BC,IAAI,CAACS,SAAL,CAAeF,CAAf,CAA1B;EACD,CAJyB,EAK1B,CAACR,GAAD,CAL0B,CAA5B;EAOA,OAAO,CAACK,KAAD,EAAQE,QAAR,CAAP;AACD"}
+{"version":3,"file":"useLocalStorageCachedState.js","names":["useCallback","useState","useLocalStorageCachedState","initialValue","key","state","_setState","JSON","parse","localStorage","getItem","setState","c","setItem","stringify"],"sources":["../../../src/ThemeExplorer/useLocalStorageCachedState.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport function useLocalStorageCachedState<T>(\n  initialValue: T,\n  key: string\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"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,OAAO,SAASC,0BAA0BA,CACxCC,YAAe,EACfC,GAAW,EACU;EACrB,MAAM,CAACC,KAAK,EAAEC,SAAS,CAAC,GAAGL,QAAQ,CACjC,MAAMM,IAAI,CAACC,KAAK,CAACC,YAAY,CAACC,OAAO,CAACN,GAAG,CAAC,IAAI,MAAM,CAAC,IAAID,YAC3D,CAAC;EACD,MAAMQ,QAAQ,GAAGX,WAAW,CACzBY,CAAI,IAAW;IACdN,SAAS,CAACM,CAAC,CAAC;IACZH,YAAY,CAACI,OAAO,CAACT,GAAG,EAAEG,IAAI,CAACO,SAAS,CAACF,CAAC,CAAC,CAAC;EAC9C,CAAC,EACD,CAACR,GAAG,CACN,CAAC;EACD,OAAO,CAACC,KAAK,EAAEM,QAAQ,CAAC;AAC1B","ignoreList":[]}

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

@@ -1,8 +1,8 @@
-import type { PopperProps } from '@basic-ui/core';
-import type { ReactNode } from 'react';
-import type { BoxProps } from '../Box';
-export interface TooltipProps extends BoxProps, Omit<PopperProps, 'color' | 'anchorEl'> {
-    label: ReactNode;
-    disabled?: boolean;
-}
-export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "boxShadow" | "fontWeight" | "zIndex" | "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" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "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" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "label" | "slot" | "style" | "title" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "disabled" | "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" | "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" | "innerAs" | "placement" | "strategy" | "modifiers" | "usePortal" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding"> & import("react").RefAttributes<HTMLDivElement>>;
+import type { PopperProps } from '@basic-ui/core';
+import type { ReactNode } from 'react';
+import type { BoxProps } from '../Box';
+export interface TooltipProps extends BoxProps, Omit<PopperProps, 'color' | 'anchorEl'> {
+    label: ReactNode;
+    disabled?: boolean;
+}
+export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;