@basic-ui/material 1.0.0-alpha.5 → 1.0.0-alpha.50

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

@@ -27,7 +27,7 @@ export function useAnimation(opts) {
 
   var handleClose = useCallback(function () {
     setAnimation(function (animation) {
-      return animation.state === 'closed' ? animation : _extends({}, animation, {
+      return animation.state === 'closed' ? animation : _extends(_extends({}, animation), {}, {
         state: 'close',
         style: animationStyle.close || animationStyle.closed,
         timing: closeTimeoutInMilliseconds
@@ -36,7 +36,7 @@ export function useAnimation(opts) {
   }, [animationStyle, closeTimeoutInMilliseconds]);
   var handleOpen = useCallback(function () {
     setAnimation(function (animation) {
-      return animation.state === 'open' ? animation : _extends({}, animation, {
+      return animation.state === 'open' ? animation : _extends(_extends({}, animation), {}, {
         open: true,
         state: 'opening',
         style: animationStyle.opening || animationStyle.closed
@@ -46,7 +46,7 @@ export function useAnimation(opts) {
   useEffect(function () {
     if (state === 'opening') {
       setAnimation(function (animation) {
-        return _extends({}, animation, {
+        return _extends(_extends({}, animation), {}, {
           state: 'open',
           style: animationStyle.open,
           timing: openTimeoutInMilliseconds

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

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

package/build/esm/index.d.ts

@@ -1,37 +1,42 @@
-export * from './AppBar';
-export * from './Alert';
-export * from './Badge';
-export * from './BaseLine';
-export * from './BottomSheet';
-export * from './Box';
-export * from './Button';
-export * from './Combobox';
-export * from './CheckBox';
-export * from './Chip';
-export * from './ColorMode';
-export * from './Divider';
-export * from './Dialog';
-export * from './FloatingLabel';
-export * from './LineRipple';
-export * from './Link';
-export * from './List';
-export * from './ListItem';
-export * from './Menu';
-export * from './NotchedOutline';
-export * from './Paper';
-export * from './ProgressSpinner';
-export * from './RadioButton';
-export * from './Ripple';
-export * from './Select';
-export * from './SelectItem';
-export * from './Skeleton';
-export * from './Snackbar';
-export * from './Switch';
-export * from './Tab';
-export * from './TabIndicator';
-export * from './Table';
-export * from './Text';
-export * from './TextField';
-export * from './Tooltip';
-export * from './theme';
-export * from './color';
+export * from './AppBar';
+export * from './Alert';
+export * from './Badge';
+export * from './BaseLine';
+export * from './BottomSheet';
+export * from './Box';
+export * from './Button';
+export * from './Combobox';
+export * from './CheckBox';
+export * from './Chip';
+export * from './Divider';
+export * from './Dialog';
+export * from './FloatingLabel';
+export * from './LineRipple';
+export * from './Link';
+export * from './List';
+export * from './ListItem';
+export * from './Menu';
+export * from './NavRail';
+export * from './NotchedOutline';
+export * from './Paper';
+export * from './Popover';
+export * from './ProgressSpinner';
+export * from './RadioButton';
+export * from './Ripple';
+export * from './SearchBar';
+export * from './Select';
+export * from './SelectItem';
+export * from './Skeleton';
+export * from './Slider';
+export * from './Snackbar';
+export * from './Switch';
+export * from './Tab';
+export * from './TabIndicator';
+export * from './Table';
+export * from './Text';
+export * from './TextField';
+export * from './Tooltip';
+export * from './motion';
+export * from './theme';
+export * from './color';
+export * from './hooks/useAnimation';

package/build/esm/index.js

@@ -8,7 +8,6 @@ export * from './Button';
 export * from './Combobox';
 export * from './CheckBox';
 export * from './Chip';
-export * from './ColorMode';
 export * from './Divider';
 export * from './Dialog';
 export * from './FloatingLabel';
@@ -17,14 +16,18 @@ export * from './Link';
 export * from './List';
 export * from './ListItem';
 export * from './Menu';
+export * from './NavRail';
 export * from './NotchedOutline';
 export * from './Paper';
+export * from './Popover';
 export * from './ProgressSpinner';
 export * from './RadioButton';
 export * from './Ripple';
+export * from './SearchBar';
 export * from './Select';
 export * from './SelectItem';
 export * from './Skeleton';
+export * from './Slider';
 export * from './Snackbar';
 export * from './Switch';
 export * from './Tab';
@@ -33,6 +36,8 @@ export * from './Table';
 export * from './Text';
 export * from './TextField';
 export * from './Tooltip';
+export * from './motion';
 export * from './theme';
 export * from './color';
+export * from './hooks/useAnimation';
 //# sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,OAAd;AACA,cAAc,UAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,aAAd;AACA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,cAAd;AACA,cAAc,QAAd;AACA,cAAc,QAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,kBAAd;AACA,cAAc,SAAd;AACA,cAAc,mBAAd;AACA,cAAc,eAAd;AACA,cAAc,UAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,OAAd;AACA,cAAc,gBAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,aAAd;AACA,cAAc,WAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd","sourcesContent":["export * from './AppBar';\nexport * from './Alert';\nexport * from './Badge';\nexport * from './BaseLine';\nexport * from './BottomSheet';\nexport * from './Box';\nexport * from './Button';\nexport * from './Combobox';\nexport * from './CheckBox';\nexport * from './Chip';\nexport * from './ColorMode';\nexport * from './Divider';\nexport * from './Dialog';\nexport * from './FloatingLabel';\nexport * from './LineRipple';\nexport * from './Link';\nexport * from './List';\nexport * from './ListItem';\nexport * from './Menu';\nexport * from './NotchedOutline';\nexport * from './Paper';\nexport * from './ProgressSpinner';\nexport * from './RadioButton';\nexport * from './Ripple';\nexport * from './Select';\nexport * from './SelectItem';\nexport * from './Skeleton';\nexport * from './Snackbar';\nexport * from './Switch';\nexport * from './Tab';\nexport * from './TabIndicator';\nexport * from './Table';\nexport * from './Text';\nexport * from './TextField';\nexport * from './Tooltip';\nexport * from './theme';\nexport * from './color';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from './AppBar';\nexport * from './Alert';\nexport * from './Badge';\nexport * from './BaseLine';\nexport * from './BottomSheet';\nexport * from './Box';\nexport * from './Button';\nexport * from './Combobox';\nexport * from './CheckBox';\nexport * from './Chip';\nexport * from './Divider';\nexport * from './Dialog';\nexport * from './FloatingLabel';\nexport * from './LineRipple';\nexport * from './Link';\nexport * from './List';\nexport * from './ListItem';\nexport * from './Menu';\nexport * from './NavRail';\nexport * from './NotchedOutline';\nexport * from './Paper';\nexport * from './Popover';\nexport * from './ProgressSpinner';\nexport * from './RadioButton';\nexport * from './Ripple';\nexport * from './SearchBar';\nexport * from './Select';\nexport * from './SelectItem';\nexport * from './Skeleton';\nexport * from './Slider';\nexport * from './Snackbar';\nexport * from './Switch';\nexport * from './Tab';\nexport * from './TabIndicator';\nexport * from './Table';\nexport * from './Text';\nexport * from './TextField';\nexport * from './Tooltip';\nexport * from './motion';\nexport * from './theme';\nexport * from './color';\nexport * from './hooks/useAnimation';\n"],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,OAAd;AACA,cAAc,UAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,cAAd;AACA,cAAc,QAAd;AACA,cAAc,QAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd;AACA,cAAc,kBAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,mBAAd;AACA,cAAc,eAAd;AACA,cAAc,UAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,OAAd;AACA,cAAc,gBAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,aAAd;AACA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,sBAAd"}

package/build/esm/motion.d.ts

@@ -0,0 +1,7 @@
+export declare const EASING_EMPHASIZED = "cubic-bezier(0.2, 0, 0, 1)";
+export declare const EASING_EMPHASIZED_ACCELERATE = "cubic-bezier(0.3, 0, 0.8, 0.15)";
+export declare const EASING_EMPHASIZED_DECELERATE = "cubic-bezier(0.05, 0.7, 0.1, 1)";
+export declare const EASING_LINEAR = "cubic-bezier(0, 0, 1, 1)";
+export declare const EASING_STANDARD = "cubic-bezier(0.2, 0, 0, 1)";
+export declare const EASING_STANDARD_ACCELERATE = "cubic-bezier(0.3, 0, 1, 1)";
+export declare const EASING_STANDARD_DECELERATE = "cubic-bezier(0, 0, 0, 1)";

package/build/esm/motion.js

@@ -0,0 +1,8 @@
+export var EASING_EMPHASIZED = 'cubic-bezier(0.2, 0, 0, 1)';
+export var EASING_EMPHASIZED_ACCELERATE = 'cubic-bezier(0.3, 0, 0.8, 0.15)';
+export var EASING_EMPHASIZED_DECELERATE = 'cubic-bezier(0.05, 0.7, 0.1, 1)';
+export var EASING_LINEAR = 'cubic-bezier(0, 0, 1, 1)';
+export var EASING_STANDARD = 'cubic-bezier(0.2, 0, 0, 1)';
+export var EASING_STANDARD_ACCELERATE = 'cubic-bezier(0.3, 0, 1, 1)';
+export var EASING_STANDARD_DECELERATE = 'cubic-bezier(0, 0, 0, 1)';
+//# sourceMappingURL=motion.js.map

package/build/esm/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","names":["EASING_EMPHASIZED","EASING_EMPHASIZED_ACCELERATE","EASING_EMPHASIZED_DECELERATE","EASING_LINEAR","EASING_STANDARD","EASING_STANDARD_ACCELERATE","EASING_STANDARD_DECELERATE"],"sources":["../../src/motion.ts"],"sourcesContent":["export const EASING_EMPHASIZED = 'cubic-bezier(0.2, 0, 0, 1)';\r\nexport const EASING_EMPHASIZED_ACCELERATE = 'cubic-bezier(0.3, 0, 0.8, 0.15)';\r\nexport const EASING_EMPHASIZED_DECELERATE = 'cubic-bezier(0.05, 0.7, 0.1, 1)';\r\nexport const EASING_LINEAR = 'cubic-bezier(0, 0, 1, 1)';\r\nexport const EASING_STANDARD = 'cubic-bezier(0.2, 0, 0, 1)';\r\nexport const EASING_STANDARD_ACCELERATE = 'cubic-bezier(0.3, 0, 1, 1)';\r\nexport const EASING_STANDARD_DECELERATE = 'cubic-bezier(0, 0, 0, 1)';\r\n"],"mappings":"AAAA,OAAO,IAAMA,iBAAiB,GAAG,4BAA1B;AACP,OAAO,IAAMC,4BAA4B,GAAG,iCAArC;AACP,OAAO,IAAMC,4BAA4B,GAAG,iCAArC;AACP,OAAO,IAAMC,aAAa,GAAG,0BAAtB;AACP,OAAO,IAAMC,eAAe,GAAG,4BAAxB;AACP,OAAO,IAAMC,0BAA0B,GAAG,4BAAnC;AACP,OAAO,IAAMC,0BAA0B,GAAG,0BAAnC"}

package/build/esm/tailwind/extendColors.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '../theme/theme';
+export declare type ColorsObject = {
+    [key: string]: string | ColorsObject;
+};
+export declare function extendColors(theme: Theme): ColorsObject;

package/build/esm/tailwind/extendColors.js

@@ -0,0 +1,59 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+export function extendColors(theme) {
+  var modifiedColors = {};
+
+  function extractColors(colors, arr) {
+    var root = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+    function insert(key, value) {
+      var parts = key.split('-');
+      var obj = arr;
+
+      for (var i = 0; i < parts.length; i++) {
+        var part = parts[i];
+        var isLast = i === parts.length - 1;
+
+        if (isLast) {
+          if (_typeof(obj[part]) === 'object') {
+            obj[part].DEFAULT = value;
+          } else {
+            obj[part] = value;
+          }
+        } else {
+          if (typeof obj[part] === 'string') {
+            obj[part] = {
+              DEFAULT: obj[part]
+            };
+          } else if (typeof obj[part] === 'undefined') {
+            obj[part] = {};
+          }
+
+          obj = obj[part];
+        }
+      }
+    }
+
+    for (var _i = 0, _Object$keys = Object.keys(colors); _i < _Object$keys.length; _i++) {
+      var _key = _Object$keys[_i];
+
+      if (_key === 'modes') {
+        continue;
+      }
+
+      var c = colors[_key];
+
+      if (typeof c === 'string') {
+        var varName = "--".concat(root + _key, "--rgb");
+        insert(_key, "rgba(var(".concat(varName, "), <alpha-value>)"));
+      } else if (_typeof(c) === 'object') {
+        var subColors = {};
+        extractColors(c, subColors, root + _key + '-');
+        arr[_key] = subColors;
+      }
+    }
+  }
+
+  extractColors(theme.colors, modifiedColors);
+  return modifiedColors;
+}
+//# sourceMappingURL=extendColors.js.map

package/build/esm/tailwind/extendColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extendColors.js","names":["extendColors","theme","modifiedColors","extractColors","colors","arr","root","insert","key","value","parts","split","obj","i","length","part","isLast","DEFAULT","Object","keys","c","varName","subColors"],"sources":["../../../src/tailwind/extendColors.ts"],"sourcesContent":["import type { Theme } from '../theme/theme';\r\n\r\nexport type ColorsObject = { [key: string]: string | ColorsObject };\r\nexport function extendColors(theme: Theme): ColorsObject {\r\n  const modifiedColors: ColorsObject = {};\r\n  function extractColors(colors: ColorsObject, arr: ColorsObject, root = '') {\r\n    function insert(key: string, value: string) {\r\n      const parts = key.split('-');\r\n\r\n      let obj: any = arr;\r\n      for (let i = 0; i < parts.length; i++) {\r\n        const part = parts[i];\r\n        const isLast = i === parts.length - 1;\r\n\r\n        if (isLast) {\r\n          if (typeof obj[part] === 'object') {\r\n            obj[part].DEFAULT = value;\r\n          } else {\r\n            obj[part] = value;\r\n          }\r\n        } else {\r\n          if (typeof obj[part] === 'string') {\r\n            obj[part] = { DEFAULT: obj[part] };\r\n          } else if (typeof obj[part] === 'undefined') {\r\n            obj[part] = {};\r\n          }\r\n          obj = obj[part];\r\n        }\r\n      }\r\n    }\r\n\r\n    for (const key of Object.keys(colors)) {\r\n      if (key === 'modes') {\r\n        continue;\r\n      }\r\n\r\n      const c = colors[key];\r\n      if (typeof c === 'string') {\r\n        const varName = `--${root + key}--rgb`;\r\n        insert(key, `rgba(var(${varName}), <alpha-value>)`);\r\n      } else if (typeof c === 'object') {\r\n        const subColors: ColorsObject = {};\r\n        extractColors(c, subColors, root + key + '-');\r\n        arr[key] = subColors;\r\n      }\r\n    }\r\n  }\r\n\r\n  extractColors(theme.colors as any, modifiedColors);\r\n  return modifiedColors;\r\n}\r\n"],"mappings":";AAGA,OAAO,SAASA,YAAT,CAAsBC,KAAtB,EAAkD;EACvD,IAAMC,cAA4B,GAAG,EAArC;;EACA,SAASC,aAAT,CAAuBC,MAAvB,EAA6CC,GAA7C,EAA2E;IAAA,IAAXC,IAAW,uEAAJ,EAAI;;IACzE,SAASC,MAAT,CAAgBC,GAAhB,EAA6BC,KAA7B,EAA4C;MAC1C,IAAMC,KAAK,GAAGF,GAAG,CAACG,KAAJ,CAAU,GAAV,CAAd;MAEA,IAAIC,GAAQ,GAAGP,GAAf;;MACA,KAAK,IAAIQ,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGH,KAAK,CAACI,MAA1B,EAAkCD,CAAC,EAAnC,EAAuC;QACrC,IAAME,IAAI,GAAGL,KAAK,CAACG,CAAD,CAAlB;QACA,IAAMG,MAAM,GAAGH,CAAC,KAAKH,KAAK,CAACI,MAAN,GAAe,CAApC;;QAEA,IAAIE,MAAJ,EAAY;UACV,IAAI,QAAOJ,GAAG,CAACG,IAAD,CAAV,MAAqB,QAAzB,EAAmC;YACjCH,GAAG,CAACG,IAAD,CAAH,CAAUE,OAAV,GAAoBR,KAApB;UACD,CAFD,MAEO;YACLG,GAAG,CAACG,IAAD,CAAH,GAAYN,KAAZ;UACD;QACF,CAND,MAMO;UACL,IAAI,OAAOG,GAAG,CAACG,IAAD,CAAV,KAAqB,QAAzB,EAAmC;YACjCH,GAAG,CAACG,IAAD,CAAH,GAAY;cAAEE,OAAO,EAAEL,GAAG,CAACG,IAAD;YAAd,CAAZ;UACD,CAFD,MAEO,IAAI,OAAOH,GAAG,CAACG,IAAD,CAAV,KAAqB,WAAzB,EAAsC;YAC3CH,GAAG,CAACG,IAAD,CAAH,GAAY,EAAZ;UACD;;UACDH,GAAG,GAAGA,GAAG,CAACG,IAAD,CAAT;QACD;MACF;IACF;;IAED,gCAAkBG,MAAM,CAACC,IAAP,CAAYf,MAAZ,CAAlB,kCAAuC;MAAlC,IAAMI,IAAG,mBAAT;;MACH,IAAIA,IAAG,KAAK,OAAZ,EAAqB;QACnB;MACD;;MAED,IAAMY,CAAC,GAAGhB,MAAM,CAACI,IAAD,CAAhB;;MACA,IAAI,OAAOY,CAAP,KAAa,QAAjB,EAA2B;QACzB,IAAMC,OAAO,eAAQf,IAAI,GAAGE,IAAf,UAAb;QACAD,MAAM,CAACC,IAAD,qBAAkBa,OAAlB,uBAAN;MACD,CAHD,MAGO,IAAI,QAAOD,CAAP,MAAa,QAAjB,EAA2B;QAChC,IAAME,SAAuB,GAAG,EAAhC;QACAnB,aAAa,CAACiB,CAAD,EAAIE,SAAJ,EAAehB,IAAI,GAAGE,IAAP,GAAa,GAA5B,CAAb;QACAH,GAAG,CAACG,IAAD,CAAH,GAAWc,SAAX;MACD;IACF;EACF;;EAEDnB,aAAa,CAACF,KAAK,CAACG,MAAP,EAAsBF,cAAtB,CAAb;EACA,OAAOA,cAAP;AACD"}

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

@@ -0,0 +1,8 @@
+import type { Config as TailwindConfig } from 'tailwindcss';
+import type { Theme } from '../theme';
+export declare type PluginOptions = {
+    theme?: Theme;
+};
+export default function generatePreset({ theme: basicUiTheme, }: {
+    theme: Theme;
+}): TailwindConfig;

package/build/esm/tailwind/index.js

@@ -0,0 +1,45 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+import plugin from 'tailwindcss/plugin';
+import { css } from '@styled-system/css';
+import { extendColors } from './extendColors';
+var textVariants = ['display-large', 'display-medium', 'display-small', 'headline-large', 'headline-medium', 'headline-small', 'title-large', 'title-medium', 'title-small', 'label-large', 'label-medium', 'label-small', 'body-large', 'body-medium', 'body-small'];
+export default function generatePreset(_ref) {
+  var basicUiTheme = _ref.theme;
+  return {
+    content: [],
+    darkMode: 'class',
+    theme: {
+      colors: _extends({}, extendColors(basicUiTheme))
+    },
+    plugins: [plugin(function (_ref2) {
+      var addComponents = _ref2.addComponents;
+
+      var _iterator = _createForOfIteratorHelper(textVariants),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var variant = _step.value;
+          var themeStyle = basicUiTheme.text[variant];
+
+          if (themeStyle) {
+            addComponents(_defineProperty({}, ".text-".concat(variant), css(themeStyle)(basicUiTheme)));
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    })]
+  };
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["plugin","css","extendColors","textVariants","generatePreset","basicUiTheme","theme","content","darkMode","colors","plugins","addComponents","variant","themeStyle","text"],"sources":["../../../src/tailwind/index.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\r\nimport type { Config as TailwindConfig } from 'tailwindcss';\r\nimport { css } from '@styled-system/css';\r\n\r\nimport type { Theme } from '../theme';\r\nimport { extendColors } from './extendColors';\r\n\r\nexport type PluginOptions = {\r\n  theme?: Theme;\r\n};\r\n\r\nconst textVariants = [\r\n  'display-large',\r\n  'display-medium',\r\n  'display-small',\r\n  'headline-large',\r\n  'headline-medium',\r\n  'headline-small',\r\n  'title-large',\r\n  'title-medium',\r\n  'title-small',\r\n  'label-large',\r\n  'label-medium',\r\n  'label-small',\r\n  'body-large',\r\n  'body-medium',\r\n  'body-small',\r\n];\r\n\r\nexport default function generatePreset({\r\n  theme: basicUiTheme,\r\n}: {\r\n  theme: Theme;\r\n}): TailwindConfig {\r\n  return {\r\n    content: [],\r\n    darkMode: 'class',\r\n    theme: {\r\n      colors: {\r\n        ...extendColors(basicUiTheme),\r\n      },\r\n    },\r\n    plugins: [\r\n      plugin(function ({ addComponents }) {\r\n        for (const variant of textVariants) {\r\n          const themeStyle = basicUiTheme.text[variant];\r\n          if (themeStyle) {\r\n            addComponents({\r\n              [`.text-${variant}`]: css(themeStyle)(basicUiTheme) as any,\r\n            });\r\n          }\r\n        }\r\n      }),\r\n    ],\r\n  };\r\n}\r\n"],"mappings":";;;;;;;;;AAAA,OAAOA,MAAP,MAAmB,oBAAnB;AAEA,SAASC,GAAT,QAAoB,oBAApB;AAGA,SAASC,YAAT,QAA6B,gBAA7B;AAMA,IAAMC,YAAY,GAAG,CACnB,eADmB,EAEnB,gBAFmB,EAGnB,eAHmB,EAInB,gBAJmB,EAKnB,iBALmB,EAMnB,gBANmB,EAOnB,aAPmB,EAQnB,cARmB,EASnB,aATmB,EAUnB,aAVmB,EAWnB,cAXmB,EAYnB,aAZmB,EAanB,YAbmB,EAcnB,aAdmB,EAenB,YAfmB,CAArB;AAkBA,eAAe,SAASC,cAAT,OAII;EAAA,IAHVC,YAGU,QAHjBC,KAGiB;EACjB,OAAO;IACLC,OAAO,EAAE,EADJ;IAELC,QAAQ,EAAE,OAFL;IAGLF,KAAK,EAAE;MACLG,MAAM,eACDP,YAAY,CAACG,YAAD,CADX;IADD,CAHF;IAQLK,OAAO,EAAE,CACPV,MAAM,CAAC,iBAA6B;MAAA,IAAjBW,aAAiB,SAAjBA,aAAiB;;MAAA,2CACZR,YADY;MAAA;;MAAA;QAClC,oDAAoC;UAAA,IAAzBS,OAAyB;UAClC,IAAMC,UAAU,GAAGR,YAAY,CAACS,IAAb,CAAkBF,OAAlB,CAAnB;;UACA,IAAIC,UAAJ,EAAgB;YACdF,aAAa,qCACDC,OADC,GACWX,GAAG,CAACY,UAAD,CAAH,CAAgBR,YAAhB,CADX,EAAb;UAGD;QACF;MARiC;QAAA;MAAA;QAAA;MAAA;IASnC,CATK,CADC;EARJ,CAAP;AAqBD"}

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

@@ -1,2 +1,2 @@
-export * from './theme';
-export * from './useTheme';
+export * from './theme';
+export * from './useTheme';

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

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