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

package/src/theme/typography-roboto.ts

@@ -1,113 +1,113 @@
-import { rem, em } from 'polished';
-
-export const typography = {
-  fonts: {
-    body: 'Roboto, sans-serif',
-    heading: 'Roboto, sans-serif',
-    monospace: '"Roboto Mono", monospace',
-  },
-  fontWeights: {
-    light: 300,
-    regular: 400,
-    medium: 500,
-  },
-  lineHeights: {
-    body: 1.5,
-    heading: 1.2,
-  },
-  text: {
-    caps: {
-      textTransform: 'uppercase',
-      fontFamily: 'body',
-      lineHeight: 'body',
-      letterSpacing: '0.1em',
-    },
-    heading: {
-      fontFamily: 'heading',
-      lineHeight: 'heading',
-    },
-    display: {
-      fontFamily: 'body',
-      lineHeight: 'body',
-    },
-    h1: {
-      variant: 'text.heading',
-      fontWeight: 'light',
-      fontSize: rem(96),
-      letterSpacing: em(-1.5, 96),
-    },
-    h2: {
-      variant: 'text.heading',
-      fontWeight: 'light',
-      fontSize: rem(60),
-      letterSpacing: em(-0.5, 60),
-    },
-    h3: {
-      variant: 'text.heading',
-      fontWeight: 'regular',
-      fontSize: rem(48),
-      letterSpacing: em(0, 48),
-    },
-    h4: {
-      variant: 'text.heading',
-      fontWeight: 'regular',
-      fontSize: rem(34),
-      letterSpacing: em(0.25, 34),
-    },
-    h5: {
-      variant: 'text.heading',
-      fontWeight: 'regular',
-      fontSize: rem(24),
-      letterSpacing: em(0, 24),
-    },
-    h6: {
-      variant: 'text.heading',
-      fontWeight: 'medium',
-      fontSize: rem(20),
-      letterSpacing: em(0.15, 20),
-    },
-    subtitle1: {
-      variant: 'text.display',
-      fontWeight: 'regular',
-      fontSize: rem(16),
-      letterSpacing: em(0.15, 16),
-    },
-    subtitle2: {
-      variant: 'text.display',
-      fontWeight: 'medium',
-      fontSize: rem(14),
-      letterSpacing: em(0.1, 14),
-    },
-    body1: {
-      variant: 'text.display',
-      fontWeight: 'regular',
-      fontSize: rem(16),
-      letterSpacing: em(0.5, 16),
-    },
-    body2: {
-      variant: 'text.display',
-      fontWeight: 'regular',
-      fontSize: rem(14),
-      letterSpacing: em(0.25, 14),
-    },
-    button: {
-      variant: 'text.caps',
-      fontSize: rem(14),
-      fontWeight: 'medium',
-      letterSpacing: em(1.25, 14),
-      lineHeight: 'normal',
-    },
-    caption: {
-      variant: 'text.display',
-      fontWeight: 'regular',
-      fontSize: rem(12),
-      letterSpacing: em(0.4, 12),
-    },
-    overline: {
-      variant: 'text.caps',
-      fontWeight: 'medium',
-      fontSize: rem(10),
-      letterSpacing: em(1.5, 10),
-    },
-  },
-};
+import { rem, em } from 'polished';
+
+export const typography = {
+  fonts: {
+    body: 'Roboto, sans-serif',
+    heading: 'Roboto, sans-serif',
+    monospace: '"Roboto Mono", monospace',
+  },
+  fontWeights: {
+    light: 300,
+    regular: 400,
+    medium: 500,
+  },
+  lineHeights: {
+    body: 1.5,
+    heading: 1.2,
+  },
+  text: {
+    caps: {
+      textTransform: 'uppercase',
+      fontFamily: 'body',
+      lineHeight: 'body',
+      letterSpacing: '0.1em',
+    },
+    heading: {
+      fontFamily: 'heading',
+      lineHeight: 'heading',
+    },
+    display: {
+      fontFamily: 'body',
+      lineHeight: 'body',
+    },
+    h1: {
+      variant: 'text.heading',
+      fontWeight: 'light',
+      fontSize: rem(96),
+      letterSpacing: em(-1.5, 96),
+    },
+    h2: {
+      variant: 'text.heading',
+      fontWeight: 'light',
+      fontSize: rem(60),
+      letterSpacing: em(-0.5, 60),
+    },
+    h3: {
+      variant: 'text.heading',
+      fontWeight: 'regular',
+      fontSize: rem(48),
+      letterSpacing: em(0, 48),
+    },
+    h4: {
+      variant: 'text.heading',
+      fontWeight: 'regular',
+      fontSize: rem(34),
+      letterSpacing: em(0.25, 34),
+    },
+    h5: {
+      variant: 'text.heading',
+      fontWeight: 'regular',
+      fontSize: rem(24),
+      letterSpacing: em(0, 24),
+    },
+    h6: {
+      variant: 'text.heading',
+      fontWeight: 'medium',
+      fontSize: rem(20),
+      letterSpacing: em(0.15, 20),
+    },
+    subtitle1: {
+      variant: 'text.display',
+      fontWeight: 'regular',
+      fontSize: rem(16),
+      letterSpacing: em(0.15, 16),
+    },
+    subtitle2: {
+      variant: 'text.display',
+      fontWeight: 'medium',
+      fontSize: rem(14),
+      letterSpacing: em(0.1, 14),
+    },
+    body1: {
+      variant: 'text.display',
+      fontWeight: 'regular',
+      fontSize: rem(16),
+      letterSpacing: em(0.5, 16),
+    },
+    body2: {
+      variant: 'text.display',
+      fontWeight: 'regular',
+      fontSize: rem(14),
+      letterSpacing: em(0.25, 14),
+    },
+    button: {
+      variant: 'text.caps',
+      fontSize: rem(14),
+      fontWeight: 'medium',
+      letterSpacing: em(1.25, 14),
+      lineHeight: 'normal',
+    },
+    caption: {
+      variant: 'text.display',
+      fontWeight: 'regular',
+      fontSize: rem(12),
+      letterSpacing: em(0.4, 12),
+    },
+    overline: {
+      variant: 'text.caps',
+      fontWeight: 'medium',
+      fontSize: rem(10),
+      letterSpacing: em(1.5, 10),
+    },
+  },
+};

package/src/theme/useTheme.ts

@@ -1,18 +1,18 @@
-import { useTheme as useEmotionTheme } from '@emotion/react';
-
-import type { Theme as MaterialTheme } from './theme';
-import { theme } from './theme';
-
-declare module '@emotion/react' {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
-  export interface Theme extends MaterialTheme {}
-}
-
-export function useTheme() {
-  const obj = useEmotionTheme();
-  if (Object.keys(obj).length === 0 && obj.constructor === Object) {
-    return theme;
-  }
-
-  return obj;
-}
+import { useTheme as useEmotionTheme } from '@emotion/react';
+
+import type { Theme as MaterialTheme } from './theme';
+import { theme } from './theme';
+
+declare module '@emotion/react' {
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  export interface Theme extends MaterialTheme {}
+}
+
+export function useTheme() {
+  const obj = useEmotionTheme();
+  if (Object.keys(obj).length === 0 && obj.constructor === Object) {
+    return theme;
+  }
+
+  return obj;
+}

package/tailwind/package.json

@@ -1,5 +1,5 @@
-{
-  "module": "../build/esm/tailwind/index.js",
-  "types": "../build/esm/tailwind/index.d.ts",
-  "sideEffects": false
-}
+{
+  "module": "../build/esm/tailwind/index.js",
+  "types": "../build/esm/tailwind/index.d.ts",
+  "sideEffects": false
+}

package/theme-explorer/package.json

@@ -1,5 +1,5 @@
-{
-  "module": "../build/esm/ThemeExplorer/index.js",
-  "types": "../build/esm/ThemeExplorer/index.d.ts",
-  "sideEffects": false
-}
+{
+  "module": "../build/esm/ThemeExplorer/index.js",
+  "types": "../build/esm/ThemeExplorer/index.d.ts",
+  "sideEffects": false
+}

package/build/esm/ColorMode/ColorModeProvider.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface ColorModeProviderProps {
-    children?: React.ReactNode;
-    styles: Record<string, Record<string, string>>;
-}
-export declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
-export {};

package/build/esm/ColorMode/ColorModeProvider.js

@@ -1,71 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import { Global } from '@emotion/react';
-import { ColorModeContext } from './color-mode';
-import { DARK_THEME_CLASS, THEME_LOCAL_STORAGE_KEY } from './constants';
-
-function saveColorMode(colorMode) {
-  var saveToStorage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
-  if (saveToStorage) {
-    window.localStorage.setItem(THEME_LOCAL_STORAGE_KEY, colorMode || 'default');
-  }
-
-  if (colorMode === 'dark') {
-    document.body.classList.add(DARK_THEME_CLASS);
-  } else {
-    document.body.classList.remove(DARK_THEME_CLASS);
-  }
-}
-
-export var ColorModeProvider = function ColorModeProvider(props) {
-  var children = props.children,
-      styles = props.styles;
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      colorMode = _useState2[0],
-      _setColorMode = _useState2[1];
-
-  var setColorMode = useCallback(function (colorMode) {
-    var saveToStorage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    saveColorMode(colorMode || 'default', saveToStorage);
-
-    _setColorMode(colorMode);
-  }, []);
-  var colorModeObject = useMemo(function () {
-    return {
-      colorMode: colorMode,
-      setColorMode: setColorMode
-    };
-  }, [colorMode, setColorMode]);
-  useEffect(function () {
-    _setColorMode(document.body.classList.contains(DARK_THEME_CLASS) ? 'dark' : 'default');
-
-    var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
-    darkQuery == null ? void 0 : darkQuery.addListener(function (e) {
-      setColorMode(e.matches ? 'dark' : 'default', false);
-    });
-  }, [setColorMode]);
-  var globalStyles = useMemo(function () {
-    var ret = {
-      body: styles['default'] || {}
-    };
-
-    for (var key in styles) {
-      if (key === 'default') {
-        continue;
-      }
-
-      ret["body.".concat(DARK_THEME_CLASS)] = styles[key];
-    }
-
-    return ret;
-  }, [styles]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Global, {
-    styles: globalStyles
-  }), /*#__PURE__*/React.createElement(ColorModeContext.Provider, {
-    value: colorModeObject
-  }, children));
-};
-//# sourceMappingURL=ColorModeProvider.js.map

package/build/esm/ColorMode/ColorModeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ColorMode/ColorModeProvider.tsx"],"names":["React","useState","useEffect","useMemo","useCallback","Global","ColorModeContext","DARK_THEME_CLASS","THEME_LOCAL_STORAGE_KEY","saveColorMode","colorMode","saveToStorage","window","localStorage","setItem","document","body","classList","add","remove","ColorModeProvider","props","children","styles","_setColorMode","setColorMode","colorModeObject","contains","darkQuery","matchMedia","addListener","e","matches","globalStyles","ret","key"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,WAA9C,QAAiE,OAAjE;AACA,SAASC,MAAT,QAAuB,gBAAvB;AACA,SAAoBC,gBAApB,QAA4C,cAA5C;AACA,SAASC,gBAAT,EAA2BC,uBAA3B,QAA0D,aAA1D;;AAOA,SAASC,aAAT,CAAuBC,SAAvB,EAAmE;AAAA,MAAtBC,aAAsB,uEAAN,IAAM;;AACjE,MAAIA,aAAJ,EAAmB;AACjBC,IAAAA,MAAM,CAACC,YAAP,CAAoBC,OAApB,CACEN,uBADF,EAEEE,SAAS,IAAI,SAFf;AAID;;AAED,MAAIA,SAAS,KAAK,MAAlB,EAA0B;AACxBK,IAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBC,GAAxB,CAA4BX,gBAA5B;AACD,GAFD,MAEO;AACLQ,IAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBE,MAAxB,CAA+BZ,gBAA/B;AACD;AACF;;AAED,OAAO,IAAMa,iBAAmD,GAAG,SAAtDA,iBAAsD,CAACC,KAAD,EAAW;AAAA,MACpEC,QADoE,GAC/CD,KAD+C,CACpEC,QADoE;AAAA,MAC1DC,MAD0D,GAC/CF,KAD+C,CAC1DE,MAD0D;;AAAA,kBAEzCtB,QAAQ,EAFiC;AAAA;AAAA,MAErES,SAFqE;AAAA,MAE1Dc,aAF0D;;AAI5E,MAAMC,YAAY,GAAGrB,WAAW,CAC9B,UAACM,SAAD,EAAgD;AAAA,QAAzBC,aAAyB,uEAAT,IAAS;AAC9CF,IAAAA,aAAa,CAACC,SAAS,IAAI,SAAd,EAAyBC,aAAzB,CAAb;;AACAa,IAAAA,aAAa,CAACd,SAAD,CAAb;AACD,GAJ6B,EAK9B,EAL8B,CAAhC;AAQA,MAAMgB,eAAe,GAAGvB,OAAO,CAC7B;AAAA,WAAO;AACLO,MAAAA,SAAS,EAATA,SADK;AAELe,MAAAA,YAAY,EAAZA;AAFK,KAAP;AAAA,GAD6B,EAK7B,CAACf,SAAD,EAAYe,YAAZ,CAL6B,CAA/B;AAQAvB,EAAAA,SAAS,CAAC,YAAM;AACdsB,IAAAA,aAAa,CACXT,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBU,QAAxB,CAAiCpB,gBAAjC,IAAqD,MAArD,GAA8D,SADnD,CAAb;;AAIA,QAAMqB,SAAS,GAAGhB,MAAM,CAACiB,UAAP,CAAkB,8BAAlB,CAAlB;AACAD,IAAAA,SAAS,QAAT,YAAAA,SAAS,CAAEE,WAAX,CAAuB,UAACC,CAAD,EAAO;AAC5BN,MAAAA,YAAY,CAACM,CAAC,CAACC,OAAF,GAAY,MAAZ,GAAqB,SAAtB,EAAiC,KAAjC,CAAZ;AACD,KAFD;AAGD,GATQ,EASN,CAACP,YAAD,CATM,CAAT;AAWA,MAAMQ,YAAY,GAAG9B,OAAO,CAAC,YAAM;AACjC,QAAM+B,GAAG,GAAG;AAAElB,MAAAA,IAAI,EAAEO,MAAM,CAAC,SAAD,CAAN,IAAqB;AAA7B,KAAZ;;AACA,SAAK,IAAMY,GAAX,IAAkBZ,MAAlB,EAA0B;AACxB,UAAIY,GAAG,KAAK,SAAZ,EAAuB;AACrB;AACD;;AACDD,MAAAA,GAAG,gBAAS3B,gBAAT,EAAH,GAAkCgB,MAAM,CAACY,GAAD,CAAxC;AACD;;AAED,WAAOD,GAAP;AACD,GAV2B,EAUzB,CAACX,MAAD,CAVyB,CAA5B;AAYA,sBACE,uDACE,oBAAC,MAAD;AAAQ,IAAA,MAAM,EAAEU;AAAhB,IADF,eAEE,oBAAC,gBAAD,CAAkB,QAAlB;AAA2B,IAAA,KAAK,EAAEP;AAAlC,KACGJ,QADH,CAFF,CADF;AAQD,CAnDM","sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport { Global } from '@emotion/react';\nimport { ColorMode, ColorModeContext } from './color-mode';\nimport { DARK_THEME_CLASS, THEME_LOCAL_STORAGE_KEY } from './constants';\n\ninterface ColorModeProviderProps {\n  children?: React.ReactNode;\n  styles: Record<string, Record<string, string>>;\n}\n\nfunction saveColorMode(colorMode: ColorMode, saveToStorage = true) {\n  if (saveToStorage) {\n    window.localStorage.setItem(\n      THEME_LOCAL_STORAGE_KEY,\n      colorMode || 'default'\n    );\n  }\n\n  if (colorMode === 'dark') {\n    document.body.classList.add(DARK_THEME_CLASS);\n  } else {\n    document.body.classList.remove(DARK_THEME_CLASS);\n  }\n}\n\nexport const ColorModeProvider: React.FC<ColorModeProviderProps> = (props) => {\n  const { children, styles } = props;\n  const [colorMode, _setColorMode] = useState<ColorMode>();\n\n  const setColorMode = useCallback(\n    (colorMode: ColorMode, saveToStorage = true) => {\n      saveColorMode(colorMode || 'default', saveToStorage);\n      _setColorMode(colorMode);\n    },\n    []\n  );\n\n  const colorModeObject = useMemo(\n    () => ({\n      colorMode,\n      setColorMode,\n    }),\n    [colorMode, setColorMode]\n  );\n\n  useEffect(() => {\n    _setColorMode(\n      document.body.classList.contains(DARK_THEME_CLASS) ? 'dark' : 'default'\n    );\n\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    darkQuery?.addListener((e) => {\n      setColorMode(e.matches ? 'dark' : 'default', false);\n    });\n  }, [setColorMode]);\n\n  const globalStyles = useMemo(() => {\n    const ret = { body: styles['default'] || {} };\n    for (const key in styles) {\n      if (key === 'default') {\n        continue;\n      }\n      ret[`body.${DARK_THEME_CLASS}`] = styles[key];\n    }\n\n    return ret;\n  }, [styles]);\n\n  return (\n    <>\n      <Global styles={globalStyles} />\n      <ColorModeContext.Provider value={colorModeObject}>\n        {children}\n      </ColorModeContext.Provider>\n    </>\n  );\n};\n"],"file":"ColorModeProvider.js"}

package/build/esm/ColorMode/color-mode.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare type ColorMode = 'default' | 'dark';
-export interface ColorModeContextProps {
-    colorMode?: ColorMode;
-    setColorMode: (colorMode: ColorMode) => void;
-}
-export declare const ColorModeContext: import("react").Context<ColorModeContextProps | undefined>;
-export declare const useColorMode: () => ColorModeContextProps;

package/build/esm/ColorMode/color-mode.js

@@ -1,12 +0,0 @@
-import { createContext, useContext } from 'react';
-export var ColorModeContext = /*#__PURE__*/createContext(undefined);
-export var useColorMode = function useColorMode() {
-  var ret = useContext(ColorModeContext);
-
-  if (!ret) {
-    throw new Error('Missing <ColorModeProvider>');
-  }
-
-  return ret;
-};
-//# sourceMappingURL=color-mode.js.map

package/build/esm/ColorMode/color-mode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ColorMode/color-mode.ts"],"names":["createContext","useContext","ColorModeContext","undefined","useColorMode","ret","Error"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAUA,OAAO,IAAMC,gBAAgB,gBAAGF,aAAa,CAE3CG,SAF2C,CAAtC;AAIP,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAA6B;AACvD,MAAMC,GAAG,GAAGJ,UAAU,CAACC,gBAAD,CAAtB;;AACA,MAAI,CAACG,GAAL,EAAU;AACR,UAAM,IAAIC,KAAJ,CAAU,6BAAV,CAAN;AACD;;AAED,SAAOD,GAAP;AACD,CAPM","sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type ColorMode = 'default' | 'dark';\n\n// ColorMode Component\nexport interface ColorModeContextProps {\n  colorMode?: ColorMode;\n  setColorMode: (colorMode: ColorMode) => void;\n}\n\nexport const ColorModeContext = createContext<\n  ColorModeContextProps | undefined\n>(undefined);\n\nexport const useColorMode = (): ColorModeContextProps => {\n  const ret = useContext(ColorModeContext);\n  if (!ret) {\n    throw new Error('Missing <ColorModeProvider>');\n  }\n\n  return ret;\n};\n"],"file":"color-mode.js"}

package/build/esm/ColorMode/color-vars.d.ts

@@ -1,4 +0,0 @@
-export declare function getTheme(theme: Record<string, any>): {
-    theme: any;
-    colorModes: Record<string, Record<string, string>>;
-};

package/build/esm/ColorMode/color-vars.js

@@ -1,58 +0,0 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import { parseToRgb } from 'polished';
-
-var toVarName = function toVarName(key) {
-  var suffix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return "--".concat(key).concat(suffix ? "--".concat(suffix) : '');
-};
-
-var toVarValue = function toVarValue(key, value) {
-  var suffix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  return "var(".concat(toVarName(key, suffix), ", ").concat(value, ")");
-};
-
-function themify(obj, vars) {
-  var root = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  Object.keys(obj).forEach(function (key) {
-    if (key === 'modes') {
-      return;
-    }
-
-    var value = obj[key];
-    var varName = root.length > 0 ? "".concat(root, "-").concat(key) : "".concat(key);
-
-    if (_typeof(value) === 'object') {
-      obj[key] = themify(obj[key], vars, varName);
-    } else {
-      vars[toVarName(varName)] = value;
-      obj[key] = toVarValue(varName, value);
-
-      try {
-        var rgb = parseToRgb(value);
-        vars[toVarName(varName, 'rgb')] = "".concat(rgb.red, ",").concat(rgb.green, ",").concat(rgb.blue);
-        obj[key + '_rgb'] = toVarValue(varName, value, 'rgb');
-      } catch (err) {// do nothing
-      }
-    }
-  });
-  return obj;
-}
-
-export function getTheme(theme) {
-  var colorModes = {
-    default: {}
-  };
-  var themeClone = JSON.parse(JSON.stringify(theme)); // default
-
-  themeClone.colors = themify(themeClone.colors, colorModes.default, ''); // other modes
-
-  Object.keys(themeClone.colors.modes).forEach(function (key) {
-    colorModes[key] = {};
-    themeClone.colors.modes[key] = themify(themeClone.colors.modes[key], colorModes[key], '');
-  });
-  return {
-    theme: themeClone,
-    colorModes: colorModes
-  };
-}
-//# sourceMappingURL=color-vars.js.map

package/build/esm/ColorMode/color-vars.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ColorMode/color-vars.ts"],"names":["parseToRgb","toVarName","key","suffix","toVarValue","value","themify","obj","vars","root","Object","keys","forEach","varName","length","rgb","red","green","blue","err","getTheme","theme","colorModes","default","themeClone","JSON","parse","stringify","colors","modes"],"mappings":"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","sourcesContent":["import { parseToRgb } from 'polished';\n\nconst toVarName = (key: string, suffix = '') =>\n  `--${key}${suffix ? `--${suffix}` : ''}`;\nconst toVarValue = (key: string, value: string, suffix = '') =>\n  `var(${toVarName(key, suffix)}, ${value})`;\n\nfunction themify(\n  obj: Record<string, any>,\n  vars: Record<string, string>,\n  root = ''\n) {\n  Object.keys(obj).forEach((key) => {\n    if (key === 'modes') {\n      return;\n    }\n\n    const value = obj[key];\n    const varName = root.length > 0 ? `${root}-${key}` : `${key}`;\n    if (typeof value === 'object') {\n      obj[key] = themify(obj[key], vars, varName);\n    } else {\n      vars[toVarName(varName)] = value;\n      obj[key] = toVarValue(varName, value);\n\n      try {\n        const rgb = parseToRgb(value);\n        vars[toVarName(varName, 'rgb')] = `${rgb.red},${rgb.green},${rgb.blue}`;\n        obj[key + '_rgb'] = toVarValue(varName, value, 'rgb');\n      } catch (err) {\n        // do nothing\n      }\n    }\n  });\n\n  return obj;\n}\n\nexport function getTheme(theme: Record<string, any>) {\n  const colorModes: Record<string, Record<string, string>> = { default: {} };\n  const themeClone = JSON.parse(JSON.stringify(theme));\n\n  // default\n  themeClone.colors = themify(themeClone.colors, colorModes.default, '');\n  // other modes\n  Object.keys(themeClone.colors.modes).forEach((key) => {\n    colorModes[key] = {};\n    themeClone.colors.modes[key] = themify(\n      themeClone.colors.modes[key],\n      colorModes[key],\n      ''\n    );\n  });\n\n  return { theme: themeClone, colorModes };\n}\n"],"file":"color-vars.js"}

package/build/esm/ColorMode/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const THEME_LOCAL_STORAGE_KEY = "basic-ui-theme";
-export declare const DARK_THEME_CLASS: string;

package/build/esm/ColorMode/constants.js

@@ -1,4 +0,0 @@
-import hash from '@emotion/hash';
-export var THEME_LOCAL_STORAGE_KEY = 'basic-ui-theme';
-export var DARK_THEME_CLASS = "css-".concat(hash('basic-ui-dark-theme'));
-//# sourceMappingURL=constants.js.map

package/build/esm/ColorMode/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ColorMode/constants.ts"],"names":["hash","THEME_LOCAL_STORAGE_KEY","DARK_THEME_CLASS"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,eAAjB;AAEA,OAAO,IAAMC,uBAAuB,GAAG,gBAAhC;AACP,OAAO,IAAMC,gBAAgB,iBAAUF,IAAI,CAAC,qBAAD,CAAd,CAAtB","sourcesContent":["import hash from '@emotion/hash';\n\nexport const THEME_LOCAL_STORAGE_KEY = 'basic-ui-theme';\nexport const DARK_THEME_CLASS = `css-${hash('basic-ui-dark-theme')}`;\n"],"file":"constants.js"}

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

@@ -1,4 +0,0 @@
-export * from './ColorModeProvider';
-export * from './color-vars';
-export * from './constants';
-export * from './color-mode';

package/build/esm/ColorMode/index.js

@@ -1,5 +0,0 @@
-export * from './ColorModeProvider';
-export * from './color-vars';
-export * from './constants';
-export * from './color-mode';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ColorMode/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAd;AACA,cAAc,cAAd;AACA,cAAc,aAAd;AACA,cAAc,cAAd","sourcesContent":["export * from './ColorModeProvider';\nexport * from './color-vars';\nexport * from './constants';\nexport * from './color-mode';\n"],"file":"index.js"}

package/build/esm/ListItem/context.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface ListItemContextProps {
-    color: string;
-    disabled?: boolean;
-}
-export declare const ListItemProvider: import("react").Provider<ListItemContextProps>;
-export declare const useListItemContext: () => ListItemContextProps;

package/build/esm/ListItem/context.js

@@ -1,11 +0,0 @@
-import { useContext, createContext } from 'react'; // ListItem Component
-
-var listitemContext = /*#__PURE__*/createContext({
-  color: 'on.surface'
-});
-var ListItemProvider = listitemContext.Provider;
-export { ListItemProvider };
-export var useListItemContext = function useListItemContext() {
-  return useContext(listitemContext);
-};
-//# sourceMappingURL=context.js.map

package/build/esm/ListItem/context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ListItem/context.ts"],"names":["useContext","createContext","listitemContext","color","ListItemProvider","Provider","useListItemContext"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,aAArB,QAA0C,OAA1C,C,CAEA;;AAMA,IAAMC,eAAe,gBAAGD,aAAa,CAAuB;AAC1DE,EAAAA,KAAK,EAAE;AADmD,CAAvB,CAArC;IAGyBC,gB,GAAqBF,e,CAA/BG,Q;;AACf,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAMN,UAAU,CAACE,eAAD,CAAhB;AAAA,CAA3B","sourcesContent":["import { useContext, createContext } from 'react';\n\n// ListItem Component\nexport interface ListItemContextProps {\n  color: string;\n  disabled?: boolean;\n}\n\nconst listitemContext = createContext<ListItemContextProps>({\n  color: 'on.surface',\n});\nexport const { Provider: ListItemProvider } = listitemContext;\nexport const useListItemContext = () => useContext(listitemContext);\n"],"file":"context.js"}