@basic-ui/material 1.0.0-alpha.44 → 1.0.0-alpha.45

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.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":"AACA,SAASA,WAAT,QAA4B,oCAA5B;AAEA,OAAO,SAASC,eAAT,CAAyBC,IAAzB,EAOJ;EACD,SAASC,CAAT,CAAWC,OAAX,EAAkCC,IAAlC,EAAgD;IAC9C,OAAOL,WAAW,CAACI,OAAO,CAACC,IAAR,CAAaA,IAAb,CAAD,CAAlB;EACD;;EAED,OAAO;IACLC,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADL;IAELC,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFP;IAGLC,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHN;IAILC,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJH;IAKL,qBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALjB;IAML,uBAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANnB;IAOL,sBAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPlB;IAQL,mBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARf;IASLC,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATR;IAUL,mBAAmBR,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAVf;IAWLC,OAAO,EAAEV,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAXL;IAYL,mBAAmBT,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAZf;IAaL;IACA,eAAeT,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAdX;IAeLG,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAfL;IAgBL,kBAAkBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAhBd;IAiBL,4BAA4BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,GAAf,CAjBxB;IAkBL,yBAAyBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAlBrB;IAmBL,qBAAqBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAnBjB;IAoBL,0BAA0BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CApBtB;IAqBL,6BAA6BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CArBzB;IAsBLI,EAAE,EAAE;MACFT,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,GAAf,CADR;MAEFC,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,GAAjB,CAFV;MAGFC,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,GAAhB,CAHT;MAIFC,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,GAAb,CAJN;MAKF,qBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALpB;MAMF,uBAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANtB;MAOF,sBAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPrB;MAQF,mBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARlB;MASFC,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATX;MAUF,mBAAmBR,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAVlB;MAWFC,OAAO,EAAEV,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAXR;MAYF,mBAAmBT,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAZlB;MAaF;MACA,eAAeT,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAdd;MAeFG,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAfR;MAgBF,kBAAkBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAhBjB;MAiBF,4BAA4BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAjB3B;MAkBF,yBAAyBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAlBxB;MAmBF,qBAAqBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAnBpB;MAoBF,0BAA0BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CApBzB;MAqBF,6BAA6BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf;IArB5B,CAtBC;IA6CLK,KAAK,EAAE;MACLC,IAAI,EAAE;QACJX,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADN;QAEJC,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFR;QAGJC,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHP;QAIJC,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJJ;QAKJ,qBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALlB;QAMJ,uBAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANpB;QAOJ,sBAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPnB;QAQJ,mBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARhB;QASJC,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,CAAf,CATT;QAUJ,mBAAmBR,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAVhB;QAWJC,OAAO,EAAEV,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAXN;QAYJ,mBAAmBT,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAZhB;QAaJ;QACA;QACA,eAAeT,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,CAAf,CAfZ;QAgBJG,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,CAAf,CAhBN;QAiBJ,kBAAkBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAjBf;QAkBJ,4BAA4BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,CAAf,CAlBzB;QAmBJ,yBAAyBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAnBtB;QAoBJ,qBAAqBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CApBlB;QAqBJ,0BAA0BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CArBvB;QAsBJ,6BAA6BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAtB1B;QAuBJI,EAAE,EAAE;UACFT,OAAO,EAAEH,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CADR;UAEFC,SAAS,EAAEJ,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CAFV;UAGFC,QAAQ,EAAEL,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAHT;UAIFC,KAAK,EAAEN,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CAJN;UAKF,qBAAqBN,CAAC,CAACD,IAAI,CAACI,OAAN,EAAe,EAAf,CALpB;UAMF,uBAAuBH,CAAC,CAACD,IAAI,CAACK,SAAN,EAAiB,EAAjB,CANtB;UAOF,sBAAsBJ,CAAC,CAACD,IAAI,CAACM,QAAN,EAAgB,EAAhB,CAPrB;UAQF,mBAAmBL,CAAC,CAACD,IAAI,CAACO,KAAN,EAAa,EAAb,CARlB;UASFC,UAAU,EAAEP,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CATX;UAUF,mBAAmBR,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAVlB;UAWFC,OAAO,EAAEV,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAXR;UAYF,mBAAmBT,CAAC,CAACD,IAAI,CAACU,cAAN,EAAsB,EAAtB,CAZlB;UAaF;UACA,eAAeT,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAdd;UAeFG,OAAO,EAAEX,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAfR;UAgBF,kBAAkBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAhBjB;UAiBF,4BAA4BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAjB3B;UAkBF,yBAAyBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAlBxB;UAmBF,qBAAqBR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CAnBpB;UAoBF,0BAA0BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf,CApBzB;UAqBF,6BAA6BR,CAAC,CAACD,IAAI,CAACS,OAAN,EAAe,EAAf;QArB5B;MAvBA;IADD;EA7CF,CAAP;AA+FD"}

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.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","colorModes","light","dark","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,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"}

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":["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\nconst { 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;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"}

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.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,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"}

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.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","JSON","parse","localStorage","getItem","state","_setState","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,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"}

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, "label" | "p" | "slot" | "style" | "title" | "as" | "fontFamily" | "fontSize" | "children" | "background" | "bottom" | "top" | "hidden" | "left" | "right" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "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" | "disabled" | "usePortal" | "innerAs" | "placement" | "strategy" | "modifiers" | "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<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" | "variant" | "size" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "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" | "disabled" | "innerAs" | "placement" | "strategy" | "modifiers" | "usePortal" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["Tooltip","_BaseTooltip","Popper","forwardRef","Box","alpha","BaseTooltip","props","forwardedRef","placement","children","label","__css","otherProps","cssStyle","variant","bg","color","px","py","borderRadius","zIndex"],"sources":["../../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import type { PopperProps } from '@basic-ui/core';\r\nimport { Tooltip as _BaseTooltip, Popper } from '@basic-ui/core';\r\nimport type { ElementType, FC, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nimport type { BoxProps } from '../Box';\r\nimport { Box } from '../Box';\r\nimport { alpha } from '../color';\r\n\r\nexport interface TooltipProps\r\n  extends BoxProps,\r\n    Omit<PopperProps, 'color' | 'anchorEl'> {\r\n  label: ReactNode;\r\n  disabled?: boolean;\r\n}\r\n\r\nconst BaseTooltip: FC<\r\n  BoxProps & {\r\n    innerAs?: ElementType<any>;\r\n    label: ReactNode;\r\n  } & Omit<PopperProps, 'color' | 'anchorEl'>\r\n> = _BaseTooltip as any;\r\n\r\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\r\n  function Tooltip(props, forwardedRef) {\r\n    const {\r\n      placement = 'bottom',\r\n      children,\r\n      label,\r\n      __css,\r\n      ...otherProps\r\n    } = props;\r\n    const cssStyle = {\r\n      variant: ['text.body-medium', 'text.body-small'],\r\n      bg: alpha('#616161', 0.9),\r\n      color: '#fff',\r\n      px: 2,\r\n      py: 1,\r\n      borderRadius: 'extra-small',\r\n      zIndex: 'tooltip',\r\n      ...__css,\r\n    };\r\n\r\n    if (!children) {\r\n      return (\r\n        <Box ref={forwardedRef} __css={cssStyle} {...otherProps}>\r\n          {label}\r\n        </Box>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <BaseTooltip\r\n        as={Popper}\r\n        innerAs={Box}\r\n        ref={forwardedRef}\r\n        placement={placement}\r\n        distance={8}\r\n        label={label}\r\n        __css={cssStyle}\r\n        {...otherProps}\r\n      >\r\n        {children}\r\n      </BaseTooltip>\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,OAAO,IAAIC,YAApB,EAAkCC,MAAlC,QAAgD,gBAAhD;AAEA,SAASC,UAAT,QAA2B,OAA3B;AAGA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AASA,IAAMC,WAKL,GAAGL,YALJ;AAOA,OAAO,IAAMD,OAAO,gBAAGG,UAAU,CAC/B,SAASH,OAAT,CAAiBO,KAAjB,EAAwBC,YAAxB,EAAsC;EACpC,uBAMID,KANJ,CACEE,SADF;EAAA,IACEA,SADF,iCACc,QADd;EAAA,IAEEC,QAFF,GAMIH,KANJ,CAEEG,QAFF;EAAA,IAGEC,KAHF,GAMIJ,KANJ,CAGEI,KAHF;EAAA,IAIEC,KAJF,GAMIL,KANJ,CAIEK,KAJF;EAAA,IAKKC,UALL,4BAMIN,KANJ;;EAOA,IAAMO,QAAQ;IACZC,OAAO,EAAE,CAAC,kBAAD,EAAqB,iBAArB,CADG;IAEZC,EAAE,EAAEX,KAAK,CAAC,SAAD,EAAY,GAAZ,CAFG;IAGZY,KAAK,EAAE,MAHK;IAIZC,EAAE,EAAE,CAJQ;IAKZC,EAAE,EAAE,CALQ;IAMZC,YAAY,EAAE,aANF;IAOZC,MAAM,EAAE;EAPI,GAQTT,KARS,CAAd;;EAWA,IAAI,CAACF,QAAL,EAAe;IACb,oBACE,KAAC,GAAD;MAAK,GAAG,EAAEF,YAAV;MAAwB,KAAK,EAAEM;IAA/B,GAA6CD,UAA7C;MAAA,UACGF;IADH,GADF;EAKD;;EAED,oBACE,KAAC,WAAD;IACE,EAAE,EAAET,MADN;IAEE,OAAO,EAAEE,GAFX;IAGE,GAAG,EAAEI,YAHP;IAIE,SAAS,EAAEC,SAJb;IAKE,QAAQ,EAAE,CALZ;IAME,KAAK,EAAEE,KANT;IAOE,KAAK,EAAEG;EAPT,GAQMD,UARN;IAAA,UAUGH;EAVH,GADF;AAcD,CA1C8B,CAA1B"}
+{"version":3,"file":"Tooltip.js","names":["Tooltip","_BaseTooltip","Popper","forwardRef","Box","alpha","BaseTooltip","props","forwardedRef","placement","children","label","__css","otherProps","cssStyle","variant","bg","color","px","py","borderRadius","zIndex"],"sources":["../../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import type { PopperProps } from '@basic-ui/core';\nimport { Tooltip as _BaseTooltip, Popper } from '@basic-ui/core';\nimport type { ElementType, FC, ReactNode } from 'react';\nimport { 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: ReactNode;\n  disabled?: boolean;\n}\n\nconst BaseTooltip: FC<\n  BoxProps & {\n    innerAs?: ElementType<any>;\n    label: ReactNode;\n  } & Omit<PopperProps, 'color' | 'anchorEl'>\n> = _BaseTooltip as any;\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(props, forwardedRef) {\n    const {\n      placement = 'bottom',\n      children,\n      label,\n      __css,\n      ...otherProps\n    } = props;\n    const cssStyle = {\n      variant: ['text.body-medium', 'text.body-small'],\n      bg: alpha('#616161', 0.9),\n      color: '#fff',\n      px: 2,\n      py: 1,\n      borderRadius: 'extra-small',\n      zIndex: 'tooltip',\n      ...__css,\n    };\n\n    if (!children) {\n      return (\n        <Box ref={forwardedRef} __css={cssStyle} {...otherProps}>\n          {label}\n        </Box>\n      );\n    }\n\n    return (\n      <BaseTooltip\n        as={Popper}\n        innerAs={Box}\n        ref={forwardedRef}\n        placement={placement}\n        distance={8}\n        label={label}\n        __css={cssStyle}\n        {...otherProps}\n      >\n        {children}\n      </BaseTooltip>\n    );\n  }\n);\n"],"mappings":";;;AACA,SAASA,OAAO,IAAIC,YAApB,EAAkCC,MAAlC,QAAgD,gBAAhD;AAEA,SAASC,UAAT,QAA2B,OAA3B;AAGA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AASA,IAAMC,WAKL,GAAGL,YALJ;AAOA,OAAO,IAAMD,OAAO,gBAAGG,UAAU,CAC/B,SAASH,OAAT,CAAiBO,KAAjB,EAAwBC,YAAxB,EAAsC;EACpC,uBAMID,KANJ,CACEE,SADF;EAAA,IACEA,SADF,iCACc,QADd;EAAA,IAEEC,QAFF,GAMIH,KANJ,CAEEG,QAFF;EAAA,IAGEC,KAHF,GAMIJ,KANJ,CAGEI,KAHF;EAAA,IAIEC,KAJF,GAMIL,KANJ,CAIEK,KAJF;EAAA,IAKKC,UALL,4BAMIN,KANJ;;EAOA,IAAMO,QAAQ;IACZC,OAAO,EAAE,CAAC,kBAAD,EAAqB,iBAArB,CADG;IAEZC,EAAE,EAAEX,KAAK,CAAC,SAAD,EAAY,GAAZ,CAFG;IAGZY,KAAK,EAAE,MAHK;IAIZC,EAAE,EAAE,CAJQ;IAKZC,EAAE,EAAE,CALQ;IAMZC,YAAY,EAAE,aANF;IAOZC,MAAM,EAAE;EAPI,GAQTT,KARS,CAAd;;EAWA,IAAI,CAACF,QAAL,EAAe;IACb,oBACE,KAAC,GAAD;MAAK,GAAG,EAAEF,YAAV;MAAwB,KAAK,EAAEM;IAA/B,GAA6CD,UAA7C;MAAA,UACGF;IADH,GADF;EAKD;;EAED,oBACE,KAAC,WAAD;IACE,EAAE,EAAET,MADN;IAEE,OAAO,EAAEE,GAFX;IAGE,GAAG,EAAEI,YAHP;IAIE,SAAS,EAAEC,SAJb;IAKE,QAAQ,EAAE,CALZ;IAME,KAAK,EAAEE,KANT;IAOE,KAAK,EAAEG;EAPT,GAQMD,UARN;IAAA,UAUGH;EAVH,GADF;AAcD,CA1C8B,CAA1B"}

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

@@ -1 +1 @@
-export * from './Tooltip';
+export * from './Tooltip';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Tooltip/index.ts"],"sourcesContent":["export * from './Tooltip';\r\n"],"mappings":"AAAA,cAAc,WAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Tooltip/index.ts"],"sourcesContent":["export * from './Tooltip';\n"],"mappings":"AAAA,cAAc,WAAd"}

package/build/esm/color.d.ts

@@ -1,8 +1,8 @@
-import type { SystemStyleObject } from '@styled-system/css';
-import type { Theme } from './theme';
-export declare const alpha: (colorString: string, alphaValue: number) => (theme: any) => any;
-export declare function mixColor(baseColor: string, overlayColor: string): (theme: any) => string;
-export declare function mixColor(baseColor: string, overlayColor: string, overlayOpacity: 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, overlayColor?: string): SystemStyleObject;
+import type { SystemStyleObject } from '@styled-system/css';
+import type { Theme } from './theme';
+export declare const alpha: (colorString: string, alphaValue: number) => (theme: any) => any;
+export declare function mixColor(baseColor: string, overlayColor: string): (theme: any) => string;
+export declare function mixColor(baseColor: string, overlayColor: string, overlayOpacity: 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, overlayColor?: string): SystemStyleObject;

package/build/esm/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","names":["get","parseToRgb","DARK_SCHEME_CLASS","alpha","colorString","alphaValue","theme","color","startsWith","rgb","red","green","blue","mixColor","baseColor","overlayColor","overlayOpacity","getColorOverlay","background","getBackgroundOverlay","backgroundOverlay","Number","overlay","getDarkThemeBackgroundOverlay"],"sources":["../../src/color.ts"],"sourcesContent":["import type { SystemStyleObject } from '@styled-system/css';\r\nimport { get } from '@styled-system/css';\r\nimport { parseToRgb } from 'polished';\r\nimport { DARK_SCHEME_CLASS } from '@basic-ui/dynamic-theme';\r\n\r\nimport type { Theme } from './theme';\r\n\r\nexport const alpha =\r\n  (colorString: string, alphaValue: number) => (theme: any) => {\r\n    const color = get(theme, 'colors.' + colorString, colorString);\r\n    if (color.startsWith('var')) {\r\n      const color = get(theme, 'colors.' + colorString + '_rgb', colorString);\r\n      return `rgba(${color},${alphaValue})`;\r\n    }\r\n    if (color.startsWith('rgba(')) {\r\n      return color;\r\n    }\r\n\r\n    const rgb = parseToRgb(color);\r\n    return `rgba(${rgb.red},${rgb.green},${rgb.blue},${alphaValue})`;\r\n  };\r\n\r\nexport function mixColor(\r\n  baseColor: string,\r\n  overlayColor: string\r\n): (theme: any) => string;\r\nexport function mixColor(\r\n  baseColor: string,\r\n  overlayColor: string,\r\n  overlayOpacity: number\r\n): (theme: any) => string;\r\nexport function mixColor(\r\n  baseColor: string,\r\n  overlayColor: string,\r\n  overlayOpacity?: number\r\n): (theme: any) => string {\r\n  return (theme) => {\r\n    baseColor = get(theme, `colors.${baseColor}`, baseColor);\r\n    overlayColor = overlayOpacity\r\n      ? alpha(overlayColor, overlayOpacity)(theme)\r\n      : get(theme, `colors.${overlayColor}`, overlayColor);\r\n\r\n    return `linear-gradient(${overlayColor}, ${overlayColor}), ${baseColor}`;\r\n  };\r\n}\r\n\r\nexport function getColorOverlay(\r\n  theme: Theme,\r\n  baseColor: string,\r\n  overlayColor: string,\r\n  overlayOpacity: number\r\n): SystemStyleObject {\r\n  return {\r\n    background: mixColor(baseColor, overlayColor, overlayOpacity)(theme),\r\n  };\r\n}\r\n\r\nexport function getBackgroundOverlay(\r\n  theme: Theme,\r\n  backgroundOverlay: number | string,\r\n  overlayColor = 'on.surface'\r\n): SystemStyleObject {\r\n  if (Number(backgroundOverlay) <= 0) {\r\n    return {};\r\n  }\r\n  const overlay = get(theme, `paper.overlays.${backgroundOverlay}`) || 0;\r\n  return getColorOverlay(theme, 'surface', overlayColor, overlay);\r\n}\r\n\r\nexport function getDarkThemeBackgroundOverlay(\r\n  theme: Theme,\r\n  backgroundOverlay: number | string,\r\n  overlayColor = 'on.surface'\r\n): SystemStyleObject {\r\n  if (Number(backgroundOverlay) <= 0) {\r\n    return {};\r\n  }\r\n\r\n  return {\r\n    [`.${DARK_SCHEME_CLASS} &, &.${DARK_SCHEME_CLASS}`]: {\r\n      ...getBackgroundOverlay(theme, backgroundOverlay, overlayColor),\r\n    },\r\n  };\r\n}\r\n"],"mappings":";;AACA,SAASA,GAAT,QAAoB,oBAApB;AACA,SAASC,UAAT,QAA2B,UAA3B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAIA,OAAO,IAAMC,KAAK,GAChB,SADWA,KACX,CAACC,WAAD,EAAsBC,UAAtB;EAAA,OAA6C,UAACC,KAAD,EAAgB;IAC3D,IAAMC,KAAK,GAAGP,GAAG,CAACM,KAAD,EAAQ,YAAYF,WAApB,EAAiCA,WAAjC,CAAjB;;IACA,IAAIG,KAAK,CAACC,UAAN,CAAiB,KAAjB,CAAJ,EAA6B;MAC3B,IAAMD,MAAK,GAAGP,GAAG,CAACM,KAAD,EAAQ,YAAYF,WAAZ,GAA0B,MAAlC,EAA0CA,WAA1C,CAAjB;;MACA,sBAAeG,MAAf,cAAwBF,UAAxB;IACD;;IACD,IAAIE,KAAK,CAACC,UAAN,CAAiB,OAAjB,CAAJ,EAA+B;MAC7B,OAAOD,KAAP;IACD;;IAED,IAAME,GAAG,GAAGR,UAAU,CAACM,KAAD,CAAtB;IACA,sBAAeE,GAAG,CAACC,GAAnB,cAA0BD,GAAG,CAACE,KAA9B,cAAuCF,GAAG,CAACG,IAA3C,cAAmDP,UAAnD;EACD,CAZD;AAAA,CADK;AAwBP,OAAO,SAASQ,QAAT,CACLC,SADK,EAELC,YAFK,EAGLC,cAHK,EAImB;EACxB,OAAO,UAACV,KAAD,EAAW;IAChBQ,SAAS,GAAGd,GAAG,CAACM,KAAD,mBAAkBQ,SAAlB,GAA+BA,SAA/B,CAAf;IACAC,YAAY,GAAGC,cAAc,GACzBb,KAAK,CAACY,YAAD,EAAeC,cAAf,CAAL,CAAoCV,KAApC,CADyB,GAEzBN,GAAG,CAACM,KAAD,mBAAkBS,YAAlB,GAAkCA,YAAlC,CAFP;IAIA,iCAA0BA,YAA1B,eAA2CA,YAA3C,gBAA6DD,SAA7D;EACD,CAPD;AAQD;AAED,OAAO,SAASG,eAAT,CACLX,KADK,EAELQ,SAFK,EAGLC,YAHK,EAILC,cAJK,EAKc;EACnB,OAAO;IACLE,UAAU,EAAEL,QAAQ,CAACC,SAAD,EAAYC,YAAZ,EAA0BC,cAA1B,CAAR,CAAkDV,KAAlD;EADP,CAAP;AAGD;AAED,OAAO,SAASa,oBAAT,CACLb,KADK,EAELc,iBAFK,EAIc;EAAA,IADnBL,YACmB,uEADJ,YACI;;EACnB,IAAIM,MAAM,CAACD,iBAAD,CAAN,IAA6B,CAAjC,EAAoC;IAClC,OAAO,EAAP;EACD;;EACD,IAAME,OAAO,GAAGtB,GAAG,CAACM,KAAD,2BAA0Bc,iBAA1B,EAAH,IAAqD,CAArE;EACA,OAAOH,eAAe,CAACX,KAAD,EAAQ,SAAR,EAAmBS,YAAnB,EAAiCO,OAAjC,CAAtB;AACD;AAED,OAAO,SAASC,6BAAT,CACLjB,KADK,EAELc,iBAFK,EAIc;EAAA,IADnBL,YACmB,uEADJ,YACI;;EACnB,IAAIM,MAAM,CAACD,iBAAD,CAAN,IAA6B,CAAjC,EAAoC;IAClC,OAAO,EAAP;EACD;;EAED,sCACOlB,iBADP,mBACiCA,iBADjC,gBAEOiB,oBAAoB,CAACb,KAAD,EAAQc,iBAAR,EAA2BL,YAA3B,CAF3B;AAKD"}
+{"version":3,"file":"color.js","names":["get","parseToRgb","DARK_SCHEME_CLASS","alpha","colorString","alphaValue","theme","color","startsWith","rgb","red","green","blue","mixColor","baseColor","overlayColor","overlayOpacity","getColorOverlay","background","getBackgroundOverlay","backgroundOverlay","Number","overlay","getDarkThemeBackgroundOverlay"],"sources":["../../src/color.ts"],"sourcesContent":["import type { SystemStyleObject } from '@styled-system/css';\nimport { get } from '@styled-system/css';\nimport { parseToRgb } from 'polished';\nimport { DARK_SCHEME_CLASS } from '@basic-ui/dynamic-theme';\n\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    if (color.startsWith('rgba(')) {\n      return color;\n    }\n\n    const rgb = parseToRgb(color);\n    return `rgba(${rgb.red},${rgb.green},${rgb.blue},${alphaValue})`;\n  };\n\nexport function mixColor(\n  baseColor: string,\n  overlayColor: string\n): (theme: any) => string;\nexport function mixColor(\n  baseColor: string,\n  overlayColor: string,\n  overlayOpacity: number\n): (theme: any) => string;\nexport function mixColor(\n  baseColor: string,\n  overlayColor: string,\n  overlayOpacity?: number\n): (theme: any) => string {\n  return (theme) => {\n    baseColor = get(theme, `colors.${baseColor}`, baseColor);\n    overlayColor = overlayOpacity\n      ? alpha(overlayColor, overlayOpacity)(theme)\n      : get(theme, `colors.${overlayColor}`, overlayColor);\n\n    return `linear-gradient(${overlayColor}, ${overlayColor}), ${baseColor}`;\n  };\n}\n\nexport function getColorOverlay(\n  theme: Theme,\n  baseColor: string,\n  overlayColor: string,\n  overlayOpacity: number\n): SystemStyleObject {\n  return {\n    background: mixColor(baseColor, overlayColor, overlayOpacity)(theme),\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_SCHEME_CLASS} &, &.${DARK_SCHEME_CLASS}`]: {\n      ...getBackgroundOverlay(theme, backgroundOverlay, overlayColor),\n    },\n  };\n}\n"],"mappings":";;AACA,SAASA,GAAT,QAAoB,oBAApB;AACA,SAASC,UAAT,QAA2B,UAA3B;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AAIA,OAAO,IAAMC,KAAK,GAChB,SADWA,KACX,CAACC,WAAD,EAAsBC,UAAtB;EAAA,OAA6C,UAACC,KAAD,EAAgB;IAC3D,IAAMC,KAAK,GAAGP,GAAG,CAACM,KAAD,EAAQ,YAAYF,WAApB,EAAiCA,WAAjC,CAAjB;;IACA,IAAIG,KAAK,CAACC,UAAN,CAAiB,KAAjB,CAAJ,EAA6B;MAC3B,IAAMD,MAAK,GAAGP,GAAG,CAACM,KAAD,EAAQ,YAAYF,WAAZ,GAA0B,MAAlC,EAA0CA,WAA1C,CAAjB;;MACA,sBAAeG,MAAf,cAAwBF,UAAxB;IACD;;IACD,IAAIE,KAAK,CAACC,UAAN,CAAiB,OAAjB,CAAJ,EAA+B;MAC7B,OAAOD,KAAP;IACD;;IAED,IAAME,GAAG,GAAGR,UAAU,CAACM,KAAD,CAAtB;IACA,sBAAeE,GAAG,CAACC,GAAnB,cAA0BD,GAAG,CAACE,KAA9B,cAAuCF,GAAG,CAACG,IAA3C,cAAmDP,UAAnD;EACD,CAZD;AAAA,CADK;AAwBP,OAAO,SAASQ,QAAT,CACLC,SADK,EAELC,YAFK,EAGLC,cAHK,EAImB;EACxB,OAAO,UAACV,KAAD,EAAW;IAChBQ,SAAS,GAAGd,GAAG,CAACM,KAAD,mBAAkBQ,SAAlB,GAA+BA,SAA/B,CAAf;IACAC,YAAY,GAAGC,cAAc,GACzBb,KAAK,CAACY,YAAD,EAAeC,cAAf,CAAL,CAAoCV,KAApC,CADyB,GAEzBN,GAAG,CAACM,KAAD,mBAAkBS,YAAlB,GAAkCA,YAAlC,CAFP;IAIA,iCAA0BA,YAA1B,eAA2CA,YAA3C,gBAA6DD,SAA7D;EACD,CAPD;AAQD;AAED,OAAO,SAASG,eAAT,CACLX,KADK,EAELQ,SAFK,EAGLC,YAHK,EAILC,cAJK,EAKc;EACnB,OAAO;IACLE,UAAU,EAAEL,QAAQ,CAACC,SAAD,EAAYC,YAAZ,EAA0BC,cAA1B,CAAR,CAAkDV,KAAlD;EADP,CAAP;AAGD;AAED,OAAO,SAASa,oBAAT,CACLb,KADK,EAELc,iBAFK,EAIc;EAAA,IADnBL,YACmB,uEADJ,YACI;;EACnB,IAAIM,MAAM,CAACD,iBAAD,CAAN,IAA6B,CAAjC,EAAoC;IAClC,OAAO,EAAP;EACD;;EACD,IAAME,OAAO,GAAGtB,GAAG,CAACM,KAAD,2BAA0Bc,iBAA1B,EAAH,IAAqD,CAArE;EACA,OAAOH,eAAe,CAACX,KAAD,EAAQ,SAAR,EAAmBS,YAAnB,EAAiCO,OAAjC,CAAtB;AACD;AAED,OAAO,SAASC,6BAAT,CACLjB,KADK,EAELc,iBAFK,EAIc;EAAA,IADnBL,YACmB,uEADJ,YACI;;EACnB,IAAIM,MAAM,CAACD,iBAAD,CAAN,IAA6B,CAAjC,EAAoC;IAClC,OAAO,EAAP;EACD;;EAED,sCACOlB,iBADP,mBACiCA,iBADjC,gBAEOiB,oBAAoB,CAACb,KAAD,EAAQc,iBAAR,EAA2BL,YAA3B,CAF3B;AAKD"}

package/build/esm/css.d.ts

@@ -1 +1 @@
-export * from '@styled-system/css';
+export * from '@styled-system/css';

package/build/esm/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["../../src/css.ts"],"sourcesContent":["// eslint-disable-next-line prettier/prettier\r\nexport * from '@styled-system/css';\r\n"],"mappings":"AAAA;AACA,cAAc,oBAAd"}
+{"version":3,"file":"css.js","names":[],"sources":["../../src/css.ts"],"sourcesContent":["// eslint-disable-next-line prettier/prettier\nexport * from '@styled-system/css';\n"],"mappings":"AAAA;AACA,cAAc,oBAAd"}

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

@@ -1,20 +1,20 @@
-import type { CSSProperties } from 'react';
-export declare type AnimationStateStyles<TStyleProps extends CSSProperties> = {
-    closed: TStyleProps;
-    opening?: TStyleProps;
-    open: TStyleProps;
-    close?: TStyleProps;
-};
-export declare type AnimationStyles<TStyleProps extends CSSProperties> = Record<string, AnimationStateStyles<TStyleProps>>;
-export declare function useAnimation<TStyles extends AnimationStyles<TStyleProps>, TStyleProps extends CSSProperties>(opts: {
-    open: boolean;
-    styles: TStyles;
-    mode: keyof TStyles;
-    openTimeoutInMilliseconds?: number;
-    closeTimeoutInMilliseconds?: number;
-}): {
-    state: keyof AnimationStateStyles<TStyleProps>;
-    style: CSSProperties;
-    timing: number;
-    open: boolean;
-};
+import type { CSSProperties } from 'react';
+export declare type AnimationStateStyles<TStyleProps extends CSSProperties> = {
+    closed: TStyleProps;
+    opening?: TStyleProps;
+    open: TStyleProps;
+    close?: TStyleProps;
+};
+export declare type AnimationStyles<TStyleProps extends CSSProperties> = Record<string, AnimationStateStyles<TStyleProps>>;
+export declare function useAnimation<TStyles extends AnimationStyles<TStyleProps>, TStyleProps extends CSSProperties>(opts: {
+    open: boolean;
+    styles: TStyles;
+    mode: keyof TStyles;
+    openTimeoutInMilliseconds?: number;
+    closeTimeoutInMilliseconds?: number;
+}): {
+    state: keyof AnimationStateStyles<TStyleProps>;
+    style: CSSProperties;
+    timing: number;
+    open: boolean;
+};

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

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