@basic-ui/material 1.0.0-alpha.42 → 1.0.0-alpha.43

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\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"}
+{"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"}

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';\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"}
+{"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"}

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';\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"}
+{"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"}

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, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "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" | "fontFamily" | "fontSize" | "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" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "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" | "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" | "innerAs" | "placement" | "strategy" | "modifiers" | "usePortal" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding" | "label" | "disabled" | "key"> & 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, "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>>;

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';\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"}
+{"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"}

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';\n"],"mappings":"AAAA,cAAc,WAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Tooltip/index.ts"],"sourcesContent":["export * from './Tooltip';\r\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';\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"}
+{"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"}

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\nexport * from '@styled-system/css';\n"],"mappings":"AAAA;AACA,cAAc,oBAAd"}
+{"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"}

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';\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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"}
+{"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,41 +1,41 @@
-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 './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';
+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 './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.map

@@ -1 +1 @@
-{"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 './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,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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from './AppBar';\r\nexport * from './Alert';\r\nexport * from './Badge';\r\nexport * from './BaseLine';\r\nexport * from './BottomSheet';\r\nexport * from './Box';\r\nexport * from './Button';\r\nexport * from './Combobox';\r\nexport * from './CheckBox';\r\nexport * from './Chip';\r\nexport * from './Divider';\r\nexport * from './Dialog';\r\nexport * from './FloatingLabel';\r\nexport * from './LineRipple';\r\nexport * from './Link';\r\nexport * from './List';\r\nexport * from './ListItem';\r\nexport * from './Menu';\r\nexport * from './NavRail';\r\nexport * from './NotchedOutline';\r\nexport * from './Paper';\r\nexport * from './Popover';\r\nexport * from './ProgressSpinner';\r\nexport * from './RadioButton';\r\nexport * from './Ripple';\r\nexport * from './Select';\r\nexport * from './SelectItem';\r\nexport * from './Skeleton';\r\nexport * from './Slider';\r\nexport * from './Snackbar';\r\nexport * from './Switch';\r\nexport * from './Tab';\r\nexport * from './TabIndicator';\r\nexport * from './Table';\r\nexport * from './Text';\r\nexport * from './TextField';\r\nexport * from './Tooltip';\r\nexport * from './motion';\r\nexport * from './theme';\r\nexport * from './color';\r\nexport * from './hooks/useAnimation';\r\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,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

@@ -1,7 +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)";
+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.map

@@ -1 +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)';\nexport const EASING_EMPHASIZED_ACCELERATE = 'cubic-bezier(0.3, 0, 0.8, 0.15)';\nexport const EASING_EMPHASIZED_DECELERATE = 'cubic-bezier(0.05, 0.7, 0.1, 1)';\nexport const EASING_LINEAR = 'cubic-bezier(0, 0, 1, 1)';\nexport const EASING_STANDARD = 'cubic-bezier(0.2, 0, 0, 1)';\nexport const EASING_STANDARD_ACCELERATE = 'cubic-bezier(0.3, 0, 1, 1)';\nexport const EASING_STANDARD_DECELERATE = 'cubic-bezier(0, 0, 0, 1)';\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"}
+{"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

@@ -1,5 +1,5 @@
-import type { Theme } from '../theme/theme';
-export declare type ColorsObject = {
-    [key: string]: string | ColorsObject;
-};
-export declare function extendColors(theme: Theme): ColorsObject;
+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.map

@@ -1 +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';\n\nexport type ColorsObject = { [key: string]: string | ColorsObject };\nexport function extendColors(theme: Theme): ColorsObject {\n  const modifiedColors: ColorsObject = {};\n  function extractColors(colors: ColorsObject, arr: ColorsObject, root = '') {\n    function insert(key: string, value: string) {\n      const parts = key.split('-');\n\n      let obj: any = arr;\n      for (let i = 0; i < parts.length; i++) {\n        const part = parts[i];\n        const isLast = i === parts.length - 1;\n\n        if (isLast) {\n          if (typeof obj[part] === 'object') {\n            obj[part].DEFAULT = value;\n          } else {\n            obj[part] = value;\n          }\n        } else {\n          if (typeof obj[part] === 'string') {\n            obj[part] = { DEFAULT: obj[part] };\n          } else if (typeof obj[part] === 'undefined') {\n            obj[part] = {};\n          }\n          obj = obj[part];\n        }\n      }\n    }\n\n    for (const key of Object.keys(colors)) {\n      if (key === 'modes') {\n        continue;\n      }\n\n      const c = colors[key];\n      if (typeof c === 'string') {\n        const varName = `--${root + key}--rgb`;\n        insert(key, `rgba(var(${varName}), <alpha-value>)`);\n      } else if (typeof c === 'object') {\n        const subColors: ColorsObject = {};\n        extractColors(c, subColors, root + key + '-');\n        arr[key] = subColors;\n      }\n    }\n  }\n\n  extractColors(theme.colors as any, modifiedColors);\n  return modifiedColors;\n}\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"}
+{"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

@@ -1,8 +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;
+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.map

@@ -1 +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';\nimport type { Config as TailwindConfig } from 'tailwindcss';\nimport { css } from '@styled-system/css';\n\nimport type { Theme } from '../theme';\nimport { extendColors } from './extendColors';\n\nexport type PluginOptions = {\n  theme?: Theme;\n};\n\nconst textVariants = [\n  'display-large',\n  'display-medium',\n  'display-small',\n  'headline-large',\n  'headline-medium',\n  'headline-small',\n  'title-large',\n  'title-medium',\n  'title-small',\n  'label-large',\n  'label-medium',\n  'label-small',\n  'body-large',\n  'body-medium',\n  'body-small',\n];\n\nexport default function generatePreset({\n  theme: basicUiTheme,\n}: {\n  theme: Theme;\n}): TailwindConfig {\n  return {\n    content: [],\n    darkMode: 'class',\n    theme: {\n      colors: {\n        ...extendColors(basicUiTheme),\n      },\n    },\n    plugins: [\n      plugin(function ({ addComponents }) {\n        for (const variant of textVariants) {\n          const themeStyle = basicUiTheme.text[variant];\n          if (themeStyle) {\n            addComponents({\n              [`.text-${variant}`]: css(themeStyle)(basicUiTheme) as any,\n            });\n          }\n        }\n      }),\n    ],\n  };\n}\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"}
+{"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,"file":"index.js","names":[],"sources":["../../../src/theme/index.ts"],"sourcesContent":["export * from './theme';\nexport * from './useTheme';\n"],"mappings":"AAAA,cAAc,SAAd;AACA,cAAc,YAAd"}
+{"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"}