@saas-ui/storybook-addon 6.0.0 → 7.0.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/CHANGELOG.md +88 -0
  2. package/dist/ChakraProviderDecorator.d.ts +3 -1
  3. package/dist/ChakraProviderDecorator.js +48 -9
  4. package/dist/ChakraProviderDecorator.js.map +1 -1
  5. package/dist/ChakraProviderDecorator.mjs +30 -0
  6. package/dist/ChakraProviderDecorator.mjs.map +1 -0
  7. package/dist/arg-types.d.ts +2 -2
  8. package/dist/arg-types.js +4 -2
  9. package/dist/arg-types.js.map +1 -1
  10. package/dist/{arg-types.cjs → arg-types.mjs} +3 -5
  11. package/dist/arg-types.mjs.map +1 -0
  12. package/dist/color-mode/ColorModeSync.js +8 -6
  13. package/dist/color-mode/ColorModeSync.js.map +1 -1
  14. package/dist/color-mode/ColorModeSync.mjs +9 -0
  15. package/dist/color-mode/ColorModeSync.mjs.map +1 -0
  16. package/dist/color-mode/ColorModeTool.js +29 -7
  17. package/dist/color-mode/ColorModeTool.js.map +1 -1
  18. package/dist/color-mode/ColorModeTool.mjs +10 -0
  19. package/dist/color-mode/ColorModeTool.mjs.map +1 -0
  20. package/dist/constants.js +8 -2
  21. package/dist/constants.js.map +1 -1
  22. package/dist/constants.mjs +5 -0
  23. package/dist/constants.mjs.map +1 -0
  24. package/dist/direction/DirectionTool.js +9 -7
  25. package/dist/direction/DirectionTool.js.map +1 -1
  26. package/dist/direction/DirectionTool.mjs +10 -0
  27. package/dist/direction/DirectionTool.mjs.map +1 -0
  28. package/dist/direction/useDirection.d.ts +1 -1
  29. package/dist/direction/useDirection.js +7 -5
  30. package/dist/direction/useDirection.js.map +1 -1
  31. package/dist/direction/useDirection.mjs +8 -0
  32. package/dist/direction/useDirection.mjs.map +1 -0
  33. package/dist/index.d.ts +1 -1
  34. package/dist/index.js +9 -2
  35. package/dist/index.js.map +1 -1
  36. package/dist/{index.cjs → index.mjs} +3 -10
  37. package/dist/index.mjs.map +1 -0
  38. package/dist/manager.d.ts +1 -1
  39. package/dist/manager.js +32 -9
  40. package/dist/manager.js.map +1 -1
  41. package/dist/manager.mjs +12 -0
  42. package/dist/manager.mjs.map +1 -0
  43. package/dist/preview.js +48 -9
  44. package/dist/preview.js.map +1 -1
  45. package/dist/preview.mjs +30 -0
  46. package/dist/preview.mjs.map +1 -0
  47. package/dist/theme/ThemeTool.js +30 -7
  48. package/dist/theme/ThemeTool.js.map +1 -1
  49. package/dist/theme/ThemeTool.mjs +12 -0
  50. package/dist/theme/ThemeTool.mjs.map +1 -0
  51. package/package.json +14 -15
  52. package/dist/ChakraProviderDecorator.cjs +0 -33
  53. package/dist/ChakraProviderDecorator.cjs.map +0 -1
  54. package/dist/ChakraProviderDecorator.d.cts +0 -3
  55. package/dist/arg-types.cjs.map +0 -1
  56. package/dist/arg-types.d.cts +0 -52
  57. package/dist/color-mode/ColorModeSync.cjs +0 -11
  58. package/dist/color-mode/ColorModeSync.cjs.map +0 -1
  59. package/dist/color-mode/ColorModeSync.d.cts +0 -6
  60. package/dist/color-mode/ColorModeTool.cjs +0 -32
  61. package/dist/color-mode/ColorModeTool.cjs.map +0 -1
  62. package/dist/color-mode/ColorModeTool.d.cts +0 -5
  63. package/dist/constants.cjs +0 -11
  64. package/dist/constants.cjs.map +0 -1
  65. package/dist/constants.d.cts +0 -11
  66. package/dist/direction/DirectionTool.cjs +0 -12
  67. package/dist/direction/DirectionTool.cjs.map +0 -1
  68. package/dist/direction/DirectionTool.d.cts +0 -8
  69. package/dist/direction/useDirection.cjs +0 -10
  70. package/dist/direction/useDirection.cjs.map +0 -1
  71. package/dist/direction/useDirection.d.cts +0 -6
  72. package/dist/index.cjs.map +0 -1
  73. package/dist/index.d.cts +0 -4
  74. package/dist/manager.cjs +0 -31
  75. package/dist/manager.cjs.map +0 -1
  76. package/dist/manager.d.cts +0 -2
  77. package/dist/preview.cjs +0 -33
  78. package/dist/preview.cjs.map +0 -1
  79. package/dist/preview.d.cts +0 -5
  80. package/dist/theme/ThemeTool.cjs +0 -12
  81. package/dist/theme/ThemeTool.cjs.map +0 -1
  82. package/dist/theme/ThemeTool.d.cts +0 -8
@@ -1,10 +1,33 @@
1
- import { WithTooltip, TooltipLinkList, IconButton, Icons } from '@storybook/components';
2
- import { addons } from '@storybook/preview-api';
3
- import { useAddonState } from '@storybook/manager-api';
4
- import { jsx, jsxs } from 'react/jsx-runtime';
1
+ 'use strict';
5
2
 
6
- var t="@saas-ui/storybook-addon2",s={TOGGLE_COLOR_MODE:`${t}/toggleColorMode`,TOGGLE_DIRECTION:`${t}/toggleDirection`,SET_THEME:`${t}/setTheme`};var I={0:"Chakra UI",1:"Saas UI",2:"Glass"},$=()=>{let n=localStorage.getItem("saas-ui-theme"),[l,c]=useAddonState(`${t}/theme`,n),r=addons.getChannel(),e=o=>{r.emit(s.SET_THEME,o||"1"),c(o);};return jsx(WithTooltip,{placement:"top",closeOnOutsideClick:!0,trigger:"click",tooltip:({onHide:o})=>jsx(TooltipLinkList,{links:[{id:"0",title:"Chakra UI",onClick:()=>{e("0"),o();}},{id:"1",title:"Saas UI",onClick:()=>{e("1"),o();}},{id:"2",title:"Glass",onClick:()=>{e("2"),o();}}]}),children:jsxs(IconButton,{title:"Select theme",children:[jsx(Icons,{icon:"eye"})," ",I[l||"1"]]})})};
3
+ var f = require('@storybook/manager-api');
4
+ var components = require('@storybook/components');
5
+ require('@storybook/types');
6
+ require('@storybook/preview-api/dist/addons');
7
+ var jsxRuntime = require('react/jsx-runtime');
7
8
 
8
- export { $ as ThemeTool };
9
- //# sourceMappingURL=ThemeTool.js.map
9
+ function _interopNamespace(e) {
10
+ if (e && e.__esModule) return e;
11
+ var n = Object.create(null);
12
+ if (e) {
13
+ Object.keys(e).forEach(function (k) {
14
+ if (k !== 'default') {
15
+ var d = Object.getOwnPropertyDescriptor(e, k);
16
+ Object.defineProperty(n, k, d.get ? d : {
17
+ enumerable: true,
18
+ get: function () { return e[k]; }
19
+ });
20
+ }
21
+ });
22
+ }
23
+ n.default = e;
24
+ return Object.freeze(n);
25
+ }
26
+
27
+ var f__namespace = /*#__PURE__*/_interopNamespace(f);
28
+
29
+ var E=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var a=(s,o,r,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of u(o))!h.call(s,t)&&t!==r&&E(s,t,{get:()=>o[t],enumerable:!(c=O(o,t))||c.enumerable});return s},m=(s,o,r)=>(a(s,o,"default"),r&&a(r,o,"default"));var l={};m(l,f__namespace);var e="@saas-ui/storybook-addon2",T={TOGGLE_COLOR_MODE:`${e}/toggleColorMode`,TOGGLE_DIRECTION:`${e}/toggleDirection`,SET_THEME:`${e}/setTheme`};var D={0:"Chakra UI",1:"Saas UI",2:"Glass"},j=()=>{let s=localStorage.getItem("saas-ui-theme"),[o,r]=(0, l.useAddonState)(`${e}/theme`,s),c=f.addons.getChannel(),t=n=>{c.emit(T.SET_THEME,n||"1"),r(n);};return jsxRuntime.jsx(components.WithTooltip,{placement:"top",closeOnClick:!0,trigger:"click",tooltip:({onHide:n})=>jsxRuntime.jsx(components.TooltipLinkList,{links:[{id:"0",title:"Chakra UI",onClick:()=>{t("0"),n();}},{id:"1",title:"Saas UI",onClick:()=>{t("1"),n();}},{id:"2",title:"Glass",onClick:()=>{t("2"),n();}}]}),children:jsxRuntime.jsxs(components.IconButton,{title:"Select theme",children:[jsxRuntime.jsx(components.Icons,{icon:"eye"})," ",D[o||"1"]]})})};
30
+
31
+ exports.ThemeTool = j;
32
+ //# sourceMappingURL=out.js.map
10
33
  //# sourceMappingURL=ThemeTool.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/constants.ts","../../src/theme/ThemeTool.tsx"],"names":["ADDON_ID","EVENTS","themes","ThemeTool","themeId","theme","setTheme","useAddonState","channel","addons","setActiveTheme","jsx","WithTooltip","onHide","TooltipLinkList","jsxs","IconButton","Icons"],"mappings":";;;;;IAAaA,CAAW,CAAA,2BAAA,CAKXC,EAAS,CACpB,iBAAA,CAAmB,GAAGD,CAAQ,CAAA,gBAAA,CAAA,CAC9B,iBAAkB,CAAGA,EAAAA,CAAQ,mBAC7B,SAAW,CAAA,CAAA,EAAGA,CAAQ,CACxB,SAAA,CAAA,ECCME,IAAAA,CAAAA,CAAiC,CACrC,CAAG,CAAA,WAAA,CACH,EAAG,SACH,CAAA,CAAA,CAAG,OACL,CAKaC,CAAAA,CAAAA,CAAY,IAAM,CAC7B,IAAMC,EAAU,YAAa,CAAA,OAAA,CAAQ,eAAe,CAC9C,CAAA,CAACC,EAAOC,CAAQ,CAAA,CAAIC,cAAc,CAAGP,EAAAA,CAAQ,SAAUI,CAAO,CAAA,CAE9DI,EAAUC,MAAO,CAAA,UAAA,GAEjBC,CAAkBN,CAAAA,CAAAA,EAAoB,CAC1CI,CAAQ,CAAA,IAAA,CAAKP,EAAO,SAAYG,CAAAA,CAAAA,EAAU,GAAa,CAAA,CACvDE,EAASF,CAAO,EAClB,EAEA,OACEO,GAAAA,CAACC,YAAA,CACC,SAAA,CAAU,MACV,mBAAmB,CAAA,CAAA,CAAA,CACnB,QAAQ,OACR,CAAA,OAAA,CAAS,CAAC,CAAE,MAAA,CAAAC,CAAO,CACjBF,GAAAA,GAAAA,CAACG,gBAAA,CACC,KAAA,CAAO,CACL,CACE,EAAA,CAAI,IACJ,KAAO,CAAA,WAAA,CACP,QAAS,IAAM,CACbJ,EAAe,GAAG,CAAA,CAClBG,IACF,CACF,EACA,CACE,EAAA,CAAI,IACJ,KAAO,CAAA,SAAA,CACP,QAAS,IAAM,CACbH,EAAe,GAAG,CAAA,CAClBG,IACF,CACF,EACA,CACE,EAAA,CAAI,IACJ,KAAO,CAAA,OAAA,CACP,QAAS,IAAM,CACbH,EAAe,GAAG,CAAA,CAClBG,IACF,CACF,CACF,CACF,CAAA,CAAA,CAGF,SAAAE,IAACC,CAAAA,UAAAA,CAAA,CAAW,KAAM,CAAA,cAAA,CAChB,UAAAL,GAACM,CAAAA,KAAAA,CAAA,CAAM,IAAK,CAAA,KAAA,CAAM,EAAE,GAAEf,CAAAA,CAAAA,CAAOG,GAAS,GAAG,CAAA,CAAA,CAC3C,EACF,CAEJ","file":"ThemeTool.js","sourcesContent":["export const ADDON_ID = '@saas-ui/storybook-addon2'\nexport const COLOR_MODE_TOOL_ID = `${ADDON_ID}/color-mode-tool`\nexport const DIRECTION_TOOL_ID = `${ADDON_ID}/direction-tool`\nexport const THEME_TOOL_ID = `${ADDON_ID}/theme-tool`\n\nexport const EVENTS = {\n TOGGLE_COLOR_MODE: `${ADDON_ID}/toggleColorMode`,\n TOGGLE_DIRECTION: `${ADDON_ID}/toggleDirection`,\n SET_THEME: `${ADDON_ID}/setTheme`,\n}\n","import {\n IconButton,\n WithTooltip,\n TooltipLinkList,\n Icons,\n} from '@storybook/components'\nimport { ADDON_ID, EVENTS } from '../constants'\nimport { addons } from '@storybook/preview-api'\nimport { useAddonState } from '@storybook/manager-api'\n\nconst themes: Record<string, string> = {\n 0: 'Chakra UI',\n 1: 'Saas UI',\n 2: 'Glass',\n}\n\n/**\n * This component is rendered in the Storybook toolbar\n */\nexport const ThemeTool = () => {\n const themeId = localStorage.getItem('saas-ui-theme')\n const [theme, setTheme] = useAddonState(`${ADDON_ID}/theme`, themeId)\n\n const channel = addons.getChannel()\n\n const setActiveTheme = (themeId: string) => {\n channel.emit(EVENTS.SET_THEME, !themeId ? '1' : themeId)\n setTheme(themeId)\n }\n\n return (\n <WithTooltip\n placement=\"top\"\n closeOnOutsideClick\n trigger=\"click\"\n tooltip={({ onHide }) => (\n <TooltipLinkList\n links={[\n {\n id: '0',\n title: 'Chakra UI',\n onClick: () => {\n setActiveTheme('0')\n onHide()\n },\n },\n {\n id: '1',\n title: 'Saas UI',\n onClick: () => {\n setActiveTheme('1')\n onHide()\n },\n },\n {\n id: '2',\n title: 'Glass',\n onClick: () => {\n setActiveTheme('2')\n onHide()\n },\n },\n ]}\n />\n )}\n >\n <IconButton title=\"Select theme\">\n <Icons icon=\"eye\" /> {themes[theme || '1']}\n </IconButton>\n </WithTooltip>\n )\n}\n"]}
1
+ {"version":3,"sources":["../../../../node_modules/@storybook/api/dist/entry.mjs","../../src/theme/ThemeTool.tsx","../../../../node_modules/@storybook/addons/dist/index.mjs","../../src/constants.ts"],"names":["entry_exports","__reExport","manager_api_star","IconButton","WithTooltip","TooltipLinkList","Icons","Addon_TypesEnum","addons","mockChannel","HooksContext","applyHooks","makeDecorator","useArgs","useCallback","useChannel","useEffect","useGlobals","useMemo","useParameter","useReducer","useRef","useState","useStoryContext","ADDON_ID","COLOR_MODE_TOOL_ID","DIRECTION_TOOL_ID","THEME_TOOL_ID","EVENTS","jsx","jsxs","themes","ThemeTool","themeId","theme","setTheme","channel","setActiveTheme","onHide"],"mappings":"wWAAA,IAAAA,EAAA,GACAC,EAAAD,EAAAE,GAAA,UAAAA,MAAc,yBCAd,OACE,cAAAC,EACA,eAAAC,EACA,mBAAAC,EACA,SAAAC,MACK,wBCNP,OAA4B,mBAAnBC,MAAgC,mBACzC,OAAS,UAAAC,EAAQ,eAAAC,MAAmB,yBACpC,OAAS,gBAAAC,EAAc,cAAAC,EAAY,iBAAAC,EAAe,WAAAC,EAAS,eAAAC,EAAa,cAAAC,EAAY,aAAAC,EAAW,cAAAC,EAAY,WAAAC,EAAS,gBAAAC,EAAc,cAAAC,EAAY,UAAAC,EAAQ,YAAAC,EAAU,mBAAAC,MAAuB,qCCFhL,IAAMC,EAAW,4BACXC,EAAqB,GAAGD,oBACxBE,EAAoB,GAAGF,mBACvBG,EAAgB,GAAGH,eAEnBI,EAAS,CACpB,kBAAmB,GAAGJ,oBACtB,iBAAkB,GAAGA,oBACrB,UAAW,GAAGA,YAChB,EF2BQ,cAAAK,EA8BF,QAAAC,MA9BE,oBA1BR,IAAMC,EAAiC,CACrC,EAAG,YACH,EAAG,UACH,EAAG,OACL,EAKaC,EAAY,IAAM,CAC7B,IAAMC,EAAU,aAAa,QAAQ,eAAe,EAC9C,CAACC,EAAOC,CAAQ,KAAI,iBAAc,GAAGX,UAAkBS,CAAO,EAE9DG,EAAU5B,EAAO,WAAW,EAE5B6B,EAAkBJ,GAAoB,CAC1CG,EAAQ,KAAKR,EAAO,UAAYK,GAAU,GAAa,EACvDE,EAASF,CAAO,CAClB,EAEA,OACEJ,EAACzB,EAAA,CACC,UAAU,MACV,aAAY,GACZ,QAAQ,QACR,QAAS,CAAC,CAAE,OAAAkC,CAAO,IACjBT,EAACxB,EAAA,CACC,MAAO,CACL,CACE,GAAI,IACJ,MAAO,YACP,QAAS,IAAM,CACbgC,EAAe,GAAG,EAClBC,EAAO,CACT,CACF,EACA,CACE,GAAI,IACJ,MAAO,UACP,QAAS,IAAM,CACbD,EAAe,GAAG,EAClBC,EAAO,CACT,CACF,EACA,CACE,GAAI,IACJ,MAAO,QACP,QAAS,IAAM,CACbD,EAAe,GAAG,EAClBC,EAAO,CACT,CACF,CACF,EACF,EAGF,SAAAR,EAAC3B,EAAA,CAAW,MAAM,eAChB,UAAA0B,EAACvB,EAAA,CAAM,KAAK,MAAM,EAAE,IAAEyB,EAAOG,GAAS,GAAG,GAC3C,EACF,CAEJ","sourcesContent":["// shim-mmode\nexport * from '@storybook/manager-api';","import { useAddonState } from '@storybook/api'\nimport {\n IconButton,\n WithTooltip,\n TooltipLinkList,\n Icons,\n} from '@storybook/components'\nimport { addons } from '@storybook/addons'\nimport { ADDON_ID, EVENTS } from '../constants'\n\nconst themes: Record<string, string> = {\n 0: 'Chakra UI',\n 1: 'Saas UI',\n 2: 'Glass',\n}\n\n/**\n * This component is rendered in the Storybook toolbar\n */\nexport const ThemeTool = () => {\n const themeId = localStorage.getItem('saas-ui-theme')\n const [theme, setTheme] = useAddonState(`${ADDON_ID}/theme`, themeId)\n\n const channel = addons.getChannel()\n\n const setActiveTheme = (themeId: string) => {\n channel.emit(EVENTS.SET_THEME, !themeId ? '1' : themeId)\n setTheme(themeId)\n }\n\n return (\n <WithTooltip\n placement=\"top\"\n closeOnClick\n trigger=\"click\"\n tooltip={({ onHide }) => (\n <TooltipLinkList\n links={[\n {\n id: '0',\n title: 'Chakra UI',\n onClick: () => {\n setActiveTheme('0')\n onHide()\n },\n },\n {\n id: '1',\n title: 'Saas UI',\n onClick: () => {\n setActiveTheme('1')\n onHide()\n },\n },\n {\n id: '2',\n title: 'Glass',\n onClick: () => {\n setActiveTheme('2')\n onHide()\n },\n },\n ]}\n />\n )}\n >\n <IconButton title=\"Select theme\">\n <Icons icon=\"eye\" /> {themes[theme || '1']}\n </IconButton>\n </WithTooltip>\n )\n}\n","export { Addon_TypesEnum as types } from '@storybook/types';\nexport { addons, mockChannel } from '@storybook/manager-api';\nexport { HooksContext, applyHooks, makeDecorator, useArgs, useCallback, useChannel, useEffect, useGlobals, useMemo, useParameter, useReducer, useRef, useState, useStoryContext } from '@storybook/preview-api/dist/addons';\n","export const ADDON_ID = '@saas-ui/storybook-addon2'\nexport const COLOR_MODE_TOOL_ID = `${ADDON_ID}/color-mode-tool`\nexport const DIRECTION_TOOL_ID = `${ADDON_ID}/direction-tool`\nexport const THEME_TOOL_ID = `${ADDON_ID}/theme-tool`\n\nexport const EVENTS = {\n TOGGLE_COLOR_MODE: `${ADDON_ID}/toggleColorMode`,\n TOGGLE_DIRECTION: `${ADDON_ID}/toggleDirection`,\n SET_THEME: `${ADDON_ID}/setTheme`,\n}\n"]}
@@ -0,0 +1,12 @@
1
+ import * as f from '@storybook/manager-api';
2
+ import { addons } from '@storybook/manager-api';
3
+ import { WithTooltip, TooltipLinkList, IconButton, Icons } from '@storybook/components';
4
+ import '@storybook/types';
5
+ import '@storybook/preview-api/dist/addons';
6
+ import { jsx, jsxs } from 'react/jsx-runtime';
7
+
8
+ var E=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var a=(s,o,r,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of u(o))!h.call(s,t)&&t!==r&&E(s,t,{get:()=>o[t],enumerable:!(c=O(o,t))||c.enumerable});return s},m=(s,o,r)=>(a(s,o,"default"),r&&a(r,o,"default"));var l={};m(l,f);var e="@saas-ui/storybook-addon2",T={TOGGLE_COLOR_MODE:`${e}/toggleColorMode`,TOGGLE_DIRECTION:`${e}/toggleDirection`,SET_THEME:`${e}/setTheme`};var D={0:"Chakra UI",1:"Saas UI",2:"Glass"},j=()=>{let s=localStorage.getItem("saas-ui-theme"),[o,r]=(0, l.useAddonState)(`${e}/theme`,s),c=addons.getChannel(),t=n=>{c.emit(T.SET_THEME,n||"1"),r(n);};return jsx(WithTooltip,{placement:"top",closeOnClick:!0,trigger:"click",tooltip:({onHide:n})=>jsx(TooltipLinkList,{links:[{id:"0",title:"Chakra UI",onClick:()=>{t("0"),n();}},{id:"1",title:"Saas UI",onClick:()=>{t("1"),n();}},{id:"2",title:"Glass",onClick:()=>{t("2"),n();}}]}),children:jsxs(IconButton,{title:"Select theme",children:[jsx(Icons,{icon:"eye"})," ",D[o||"1"]]})})};
9
+
10
+ export { j as ThemeTool };
11
+ //# sourceMappingURL=out.js.map
12
+ //# sourceMappingURL=ThemeTool.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../node_modules/@storybook/api/dist/entry.mjs","../../src/theme/ThemeTool.tsx","../../../../node_modules/@storybook/addons/dist/index.mjs","../../src/constants.ts"],"names":["entry_exports","__reExport","manager_api_star","IconButton","WithTooltip","TooltipLinkList","Icons","Addon_TypesEnum","addons","mockChannel","HooksContext","applyHooks","makeDecorator","useArgs","useCallback","useChannel","useEffect","useGlobals","useMemo","useParameter","useReducer","useRef","useState","useStoryContext","ADDON_ID","COLOR_MODE_TOOL_ID","DIRECTION_TOOL_ID","THEME_TOOL_ID","EVENTS","jsx","jsxs","themes","ThemeTool","themeId","theme","setTheme","channel","setActiveTheme","onHide"],"mappings":"wWAAA,IAAAA,EAAA,GACAC,EAAAD,EAAAE,GAAA,UAAAA,MAAc,yBCAd,OACE,cAAAC,EACA,eAAAC,EACA,mBAAAC,EACA,SAAAC,MACK,wBCNP,OAA4B,mBAAnBC,MAAgC,mBACzC,OAAS,UAAAC,EAAQ,eAAAC,MAAmB,yBACpC,OAAS,gBAAAC,EAAc,cAAAC,EAAY,iBAAAC,EAAe,WAAAC,EAAS,eAAAC,EAAa,cAAAC,EAAY,aAAAC,EAAW,cAAAC,EAAY,WAAAC,EAAS,gBAAAC,EAAc,cAAAC,EAAY,UAAAC,EAAQ,YAAAC,EAAU,mBAAAC,MAAuB,qCCFhL,IAAMC,EAAW,4BACXC,EAAqB,GAAGD,oBACxBE,EAAoB,GAAGF,mBACvBG,EAAgB,GAAGH,eAEnBI,EAAS,CACpB,kBAAmB,GAAGJ,oBACtB,iBAAkB,GAAGA,oBACrB,UAAW,GAAGA,YAChB,EF2BQ,cAAAK,EA8BF,QAAAC,MA9BE,oBA1BR,IAAMC,EAAiC,CACrC,EAAG,YACH,EAAG,UACH,EAAG,OACL,EAKaC,EAAY,IAAM,CAC7B,IAAMC,EAAU,aAAa,QAAQ,eAAe,EAC9C,CAACC,EAAOC,CAAQ,KAAI,iBAAc,GAAGX,UAAkBS,CAAO,EAE9DG,EAAU5B,EAAO,WAAW,EAE5B6B,EAAkBJ,GAAoB,CAC1CG,EAAQ,KAAKR,EAAO,UAAYK,GAAU,GAAa,EACvDE,EAASF,CAAO,CAClB,EAEA,OACEJ,EAACzB,EAAA,CACC,UAAU,MACV,aAAY,GACZ,QAAQ,QACR,QAAS,CAAC,CAAE,OAAAkC,CAAO,IACjBT,EAACxB,EAAA,CACC,MAAO,CACL,CACE,GAAI,IACJ,MAAO,YACP,QAAS,IAAM,CACbgC,EAAe,GAAG,EAClBC,EAAO,CACT,CACF,EACA,CACE,GAAI,IACJ,MAAO,UACP,QAAS,IAAM,CACbD,EAAe,GAAG,EAClBC,EAAO,CACT,CACF,EACA,CACE,GAAI,IACJ,MAAO,QACP,QAAS,IAAM,CACbD,EAAe,GAAG,EAClBC,EAAO,CACT,CACF,CACF,EACF,EAGF,SAAAR,EAAC3B,EAAA,CAAW,MAAM,eAChB,UAAA0B,EAACvB,EAAA,CAAM,KAAK,MAAM,EAAE,IAAEyB,EAAOG,GAAS,GAAG,GAC3C,EACF,CAEJ","sourcesContent":["// shim-mmode\nexport * from '@storybook/manager-api';","import { useAddonState } from '@storybook/api'\nimport {\n IconButton,\n WithTooltip,\n TooltipLinkList,\n Icons,\n} from '@storybook/components'\nimport { addons } from '@storybook/addons'\nimport { ADDON_ID, EVENTS } from '../constants'\n\nconst themes: Record<string, string> = {\n 0: 'Chakra UI',\n 1: 'Saas UI',\n 2: 'Glass',\n}\n\n/**\n * This component is rendered in the Storybook toolbar\n */\nexport const ThemeTool = () => {\n const themeId = localStorage.getItem('saas-ui-theme')\n const [theme, setTheme] = useAddonState(`${ADDON_ID}/theme`, themeId)\n\n const channel = addons.getChannel()\n\n const setActiveTheme = (themeId: string) => {\n channel.emit(EVENTS.SET_THEME, !themeId ? '1' : themeId)\n setTheme(themeId)\n }\n\n return (\n <WithTooltip\n placement=\"top\"\n closeOnClick\n trigger=\"click\"\n tooltip={({ onHide }) => (\n <TooltipLinkList\n links={[\n {\n id: '0',\n title: 'Chakra UI',\n onClick: () => {\n setActiveTheme('0')\n onHide()\n },\n },\n {\n id: '1',\n title: 'Saas UI',\n onClick: () => {\n setActiveTheme('1')\n onHide()\n },\n },\n {\n id: '2',\n title: 'Glass',\n onClick: () => {\n setActiveTheme('2')\n onHide()\n },\n },\n ]}\n />\n )}\n >\n <IconButton title=\"Select theme\">\n <Icons icon=\"eye\" /> {themes[theme || '1']}\n </IconButton>\n </WithTooltip>\n )\n}\n","export { Addon_TypesEnum as types } from '@storybook/types';\nexport { addons, mockChannel } from '@storybook/manager-api';\nexport { HooksContext, applyHooks, makeDecorator, useArgs, useCallback, useChannel, useEffect, useGlobals, useMemo, useParameter, useReducer, useRef, useState, useStoryContext } from '@storybook/preview-api/dist/addons';\n","export const ADDON_ID = '@saas-ui/storybook-addon2'\nexport const COLOR_MODE_TOOL_ID = `${ADDON_ID}/color-mode-tool`\nexport const DIRECTION_TOOL_ID = `${ADDON_ID}/direction-tool`\nexport const THEME_TOOL_ID = `${ADDON_ID}/theme-tool`\n\nexport const EVENTS = {\n TOGGLE_COLOR_MODE: `${ADDON_ID}/toggleColorMode`,\n TOGGLE_DIRECTION: `${ADDON_ID}/toggleDirection`,\n SET_THEME: `${ADDON_ID}/setTheme`,\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saas-ui/storybook-addon",
3
- "version": "6.0.0",
3
+ "version": "7.0.0-next.0",
4
4
  "description": "The official Storybook Addon for Saas UI",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -64,24 +64,23 @@
64
64
  },
65
65
  "homepage": "https://github.com/saas-ui/saas-ui#readme",
66
66
  "devDependencies": {
67
- "@chakra-ui/react": "^2.10.1",
68
- "@emotion/react": ">=11.1.5",
69
- "@emotion/styled": ">=11.1.5",
70
- "@saas-ui/react": "2.11.0",
71
- "@saas-ui/theme-glass": "0.7.0",
72
- "@storybook/types": "^8.3.5",
73
- "framer-motion": "^11.9.0",
74
- "react": "^18.3.1",
75
- "tsup": "^8.3.0"
67
+ "@chakra-ui/react": "^3.13.0",
68
+ "@emotion/react": "^11.14.0",
69
+ "@emotion/styled": "^11.14.0",
70
+ "@saas-ui/react": "3.0.0-next.0",
71
+ "@storybook/types": "^8.6.6",
72
+ "framer-motion": "^11.18.2",
73
+ "react": "^19.0.0",
74
+ "tsup": "^8.4.0"
76
75
  },
77
76
  "dependencies": {
78
- "@storybook/components": "^8.3.5",
79
- "@storybook/manager-api": "^8.3.5",
80
- "@storybook/preview-api": "^8.3.5"
77
+ "@storybook/components": "^8.6.6",
78
+ "@storybook/manager-api": "^8.6.6",
79
+ "@storybook/preview-api": "^8.6.6"
81
80
  },
82
81
  "peerDependencies": {
83
- "@chakra-ui/react": ">=2.0.0 <3",
84
- "@saas-ui/react": ">=2.11.0",
82
+ "@chakra-ui/react": "^3.0.0",
83
+ "@saas-ui/react": "^3.0.0-next.0",
85
84
  "@storybook/components": ">=8.0.0",
86
85
  "@storybook/manager-api": ">=8.0.0",
87
86
  "@storybook/preview-api": ">=8.0.0",
@@ -1,33 +0,0 @@
1
- 'use strict';
2
-
3
- var j = require('react');
4
- var react = require('@chakra-ui/react');
5
- var previewApi = require('@storybook/preview-api');
6
- var react$1 = require('@saas-ui/react');
7
- var jsxRuntime = require('react/jsx-runtime');
8
-
9
- function _interopNamespace(e) {
10
- if (e && e.__esModule) return e;
11
- var n = Object.create(null);
12
- if (e) {
13
- Object.keys(e).forEach(function (k) {
14
- if (k !== 'default') {
15
- var d = Object.getOwnPropertyDescriptor(e, k);
16
- Object.defineProperty(n, k, d.get ? d : {
17
- enumerable: true,
18
- get: function () { return e[k]; }
19
- });
20
- }
21
- });
22
- }
23
- n.default = e;
24
- return Object.freeze(n);
25
- }
26
-
27
- var j__namespace = /*#__PURE__*/_interopNamespace(j);
28
-
29
- var Lr=Object.create;var Ee=Object.defineProperty;var Wr=Object.getOwnPropertyDescriptor;var Gr=Object.getOwnPropertyNames;var qr=Object.getPrototypeOf,Ur=Object.prototype.hasOwnProperty;var Kr=(e,r)=>()=>(r||e((r={exports:{}}).exports,r),r.exports);var Jr=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of Gr(r))!Ur.call(e,a)&&a!==t&&Ee(e,a,{get:()=>r[a],enumerable:!(o=Wr(r,a))||o.enumerable});return e};var Qr=(e,r,t)=>(t=e!=null?Lr(qr(e)):{},Jr(Ee(t,"default",{value:e,enumerable:!0}),e));var dr=Kr((D,O)=>{var Ct=200,qe="__lodash_hash_undefined__",wt=800,Tt=16,Ue=9007199254740991,Ke="[object Arguments]",kt="[object Array]",zt="[object AsyncFunction]",$t="[object Boolean]",Mt="[object Date]",Ot="[object Error]",Je="[object Function]",Et="[object GeneratorFunction]",It="[object Map]",Pt="[object Number]",jt="[object Null]",Qe="[object Object]",Dt="[object Proxy]",Ft="[object RegExp]",Vt="[object Set]",Rt="[object String]",Ht="[object Undefined]",Bt="[object WeakMap]",Nt="[object ArrayBuffer]",Lt="[object DataView]",Wt="[object Float32Array]",Gt="[object Float64Array]",qt="[object Int8Array]",Ut="[object Int16Array]",Kt="[object Int32Array]",Jt="[object Uint8Array]",Qt="[object Uint8ClampedArray]",Xt="[object Uint16Array]",Yt="[object Uint32Array]",Zt=/[\\^$.*+?()[\]{}|]/g,eo=/^\[object .+?Constructor\]$/,ro=/^(?:0|[1-9]\d*)$/,p={};p[Wt]=p[Gt]=p[qt]=p[Ut]=p[Kt]=p[Jt]=p[Qt]=p[Xt]=p[Yt]=!0;p[Ke]=p[kt]=p[Nt]=p[$t]=p[Lt]=p[Mt]=p[Ot]=p[Je]=p[It]=p[Pt]=p[Qe]=p[Ft]=p[Vt]=p[Rt]=p[Bt]=!1;var Xe=typeof global=="object"&&global&&global.Object===Object&&global,to=typeof self=="object"&&self&&self.Object===Object&&self,R=Xe||to||Function("return this")(),Ye=typeof D=="object"&&D&&!D.nodeType&&D,F=Ye&&typeof O=="object"&&O&&!O.nodeType&&O,Ze=F&&F.exports===Ye,pe=Ze&&Xe.process,Fe=function(){try{var e=F&&F.require&&F.require("util").types;return e||pe&&pe.binding&&pe.binding("util")}catch{}}(),Ve=Fe&&Fe.isTypedArray;function oo(e,r,t){switch(t.length){case 0:return e.call(r);case 1:return e.call(r,t[0]);case 2:return e.call(r,t[0],t[1]);case 3:return e.call(r,t[0],t[1],t[2])}return e.apply(r,t)}function ao(e,r){for(var t=-1,o=Array(e);++t<e;)o[t]=r(t);return o}function no(e){return function(r){return e(r)}}function io(e,r){return e==null?void 0:e[r]}function so(e,r){return function(t){return e(r(t))}}var lo=Array.prototype,co=Function.prototype,q=Object.prototype,me=R["__core-js_shared__"],U=co.toString,_=q.hasOwnProperty,Re=function(){var e=/[^.]+$/.exec(me&&me.keys&&me.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),er=q.toString,fo=U.call(Object),uo=RegExp("^"+U.call(_).replace(Zt,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),W=Ze?R.Buffer:void 0,He=R.Symbol,Be=R.Uint8Array;W?W.allocUnsafe:void 0;var rr=so(Object.getPrototypeOf,Object),Le=Object.create,po=q.propertyIsEnumerable,mo=lo.splice,A=He?He.toStringTag:void 0,G=function(){try{var e=_e(Object,"defineProperty");return e({},"",{}),e}catch{}}(),bo=W?W.isBuffer:void 0,We=Math.max,go=Date.now,tr=_e(R,"Map"),V=_e(Object,"create"),ho=function(){function e(){}return function(r){if(!w(r))return {};if(Le)return Le(r);e.prototype=r;var t=new e;return e.prototype=void 0,t}}();function C(e){var r=-1,t=e==null?0:e.length;for(this.clear();++r<t;){var o=e[r];this.set(o[0],o[1]);}}function yo(){this.__data__=V?V(null):{},this.size=0;}function vo(e){var r=this.has(e)&&delete this.__data__[e];return this.size-=r?1:0,r}function _o(e){var r=this.__data__;if(V){var t=r[e];return t===qe?void 0:t}return _.call(r,e)?r[e]:void 0}function xo(e){var r=this.__data__;return V?r[e]!==void 0:_.call(r,e)}function So(e,r){var t=this.__data__;return this.size+=this.has(e)?0:1,t[e]=V&&r===void 0?qe:r,this}C.prototype.clear=yo;C.prototype.delete=vo;C.prototype.get=_o;C.prototype.has=xo;C.prototype.set=So;function x(e){var r=-1,t=e==null?0:e.length;for(this.clear();++r<t;){var o=e[r];this.set(o[0],o[1]);}}function Ao(){this.__data__=[],this.size=0;}function Co(e){var r=this.__data__,t=K(r,e);if(t<0)return !1;var o=r.length-1;return t==o?r.pop():mo.call(r,t,1),--this.size,!0}function wo(e){var r=this.__data__,t=K(r,e);return t<0?void 0:r[t][1]}function To(e){return K(this.__data__,e)>-1}function ko(e,r){var t=this.__data__,o=K(t,e);return o<0?(++this.size,t.push([e,r])):t[o][1]=r,this}x.prototype.clear=Ao;x.prototype.delete=Co;x.prototype.get=wo;x.prototype.has=To;x.prototype.set=ko;function E(e){var r=-1,t=e==null?0:e.length;for(this.clear();++r<t;){var o=e[r];this.set(o[0],o[1]);}}function zo(){this.size=0,this.__data__={hash:new C,map:new(tr||x),string:new C};}function $o(e){var r=Q(this,e).delete(e);return this.size-=r?1:0,r}function Mo(e){return Q(this,e).get(e)}function Oo(e){return Q(this,e).has(e)}function Eo(e,r){var t=Q(this,e),o=t.size;return t.set(e,r),this.size+=t.size==o?0:1,this}E.prototype.clear=zo;E.prototype.delete=$o;E.prototype.get=Mo;E.prototype.has=Oo;E.prototype.set=Eo;function I(e){var r=this.__data__=new x(e);this.size=r.size;}function Io(){this.__data__=new x,this.size=0;}function Po(e){var r=this.__data__,t=r.delete(e);return this.size=r.size,t}function jo(e){return this.__data__.get(e)}function Do(e){return this.__data__.has(e)}function Fo(e,r){var t=this.__data__;if(t instanceof x){var o=t.__data__;if(!tr||o.length<Ct-1)return o.push([e,r]),this.size=++t.size,this;t=this.__data__=new E(o);}return t.set(e,r),this.size=t.size,this}I.prototype.clear=Io;I.prototype.delete=Po;I.prototype.get=jo;I.prototype.has=Do;I.prototype.set=Fo;function Vo(e,r){var t=ye(e),o=!t&&he(e),a=!t&&!o&&ir(e),i=!t&&!o&&!a&&lr(e),s=t||o||a||i,n=s?ao(e.length,String):[],l=n.length;for(var d in e)!(s&&(d=="length"||a&&(d=="offset"||d=="parent")||i&&(d=="buffer"||d=="byteLength"||d=="byteOffset")||ar(d,l)))&&n.push(d);return n}function be(e,r,t){(t!==void 0&&!X(e[r],t)||t===void 0&&!(r in e))&&ve(e,r,t);}function Ro(e,r,t){var o=e[r];(!(_.call(e,r)&&X(o,t))||t===void 0&&!(r in e))&&ve(e,r,t);}function K(e,r){for(var t=e.length;t--;)if(X(e[t][0],r))return t;return -1}function ve(e,r,t){r=="__proto__"&&G?G(e,r,{configurable:!0,enumerable:!0,value:t,writable:!0}):e[r]=t;}var Ho=Zo();function J(e){return e==null?e===void 0?Ht:jt:A&&A in Object(e)?ea(e):ia(e)}function Ge(e){return H(e)&&J(e)==Ke}function Bo(e){if(!w(e)||aa(e))return !1;var r=Se(e)?uo:eo;return r.test(fa(e))}function No(e){return H(e)&&sr(e.length)&&!!p[J(e)]}function Lo(e){if(!w(e))return na(e);var r=nr(e),t=[];for(var o in e)o=="constructor"&&(r||!_.call(e,o))||t.push(o);return t}function or(e,r,t,o,a){e!==r&&Ho(r,function(i,s){if(a||(a=new I),w(i))Wo(e,r,s,t,or,o,a);else {var n=o?o(ge(e,s),i,s+"",e,r,a):void 0;n===void 0&&(n=i),be(e,s,n);}},cr);}function Wo(e,r,t,o,a,i,s){var n=ge(e,t),l=ge(r,t),d=s.get(l);if(d){be(e,t,d);return}var f=i?i(n,l,t+"",e,r,s):void 0,m=f===void 0;if(m){var h=ye(l),S=!h&&ir(l),ae=!h&&!S&&lr(l);f=l,h||S||ae?ye(n)?f=n:da(n)?f=Qo(n):S?(m=!1,f=Uo(l)):ae?(m=!1,f=Jo(l)):f=[]:ua(l)||he(l)?(f=n,he(n)?f=pa(n):(!w(n)||Se(n))&&(f=ra(l))):m=!1;}m&&(s.set(l,f),a(f,l,o,i,s),s.delete(l)),be(e,t,f);}function Go(e,r){return la(sa(e,r,fr),e+"")}var qo=G?function(e,r){return G(e,"toString",{configurable:!0,enumerable:!1,value:ba(r),writable:!0})}:fr;function Uo(e,r){return e.slice();}function Ko(e){var r=new e.constructor(e.byteLength);return new Be(r).set(new Be(e)),r}function Jo(e,r){var t=Ko(e.buffer);return new e.constructor(t,e.byteOffset,e.length)}function Qo(e,r){var t=-1,o=e.length;for(r||(r=Array(o));++t<o;)r[t]=e[t];return r}function Xo(e,r,t,o){var a=!t;t||(t={});for(var i=-1,s=r.length;++i<s;){var n=r[i],l=void 0;l===void 0&&(l=e[n]),a?ve(t,n,l):Ro(t,n,l);}return t}function Yo(e){return Go(function(r,t){var o=-1,a=t.length,i=a>1?t[a-1]:void 0,s=a>2?t[2]:void 0;for(i=e.length>3&&typeof i=="function"?(a--,i):void 0,s&&ta(t[0],t[1],s)&&(i=a<3?void 0:i,a=1),r=Object(r);++o<a;){var n=t[o];n&&e(r,n,o,i);}return r})}function Zo(e){return function(r,t,o){for(var a=-1,i=Object(r),s=o(r),n=s.length;n--;){var l=s[++a];if(t(i[l],l,i)===!1)break}return r}}function Q(e,r){var t=e.__data__;return oa(r)?t[typeof r=="string"?"string":"hash"]:t.map}function _e(e,r){var t=io(e,r);return Bo(t)?t:void 0}function ea(e){var r=_.call(e,A),t=e[A];try{e[A]=void 0;var o=!0;}catch{}var a=er.call(e);return o&&(r?e[A]=t:delete e[A]),a}function ra(e){return typeof e.constructor=="function"&&!nr(e)?ho(rr(e)):{}}function ar(e,r){var t=typeof e;return r=r==null?Ue:r,!!r&&(t=="number"||t!="symbol"&&ro.test(e))&&e>-1&&e%1==0&&e<r}function ta(e,r,t){if(!w(t))return !1;var o=typeof r;return (o=="number"?xe(t)&&ar(r,t.length):o=="string"&&r in t)?X(t[r],e):!1}function oa(e){var r=typeof e;return r=="string"||r=="number"||r=="symbol"||r=="boolean"?e!=="__proto__":e===null}function aa(e){return !!Re&&Re in e}function nr(e){var r=e&&e.constructor,t=typeof r=="function"&&r.prototype||q;return e===t}function na(e){var r=[];if(e!=null)for(var t in Object(e))r.push(t);return r}function ia(e){return er.call(e)}function sa(e,r,t){return r=We(r===void 0?e.length-1:r,0),function(){for(var o=arguments,a=-1,i=We(o.length-r,0),s=Array(i);++a<i;)s[a]=o[r+a];a=-1;for(var n=Array(r+1);++a<r;)n[a]=o[a];return n[r]=t(s),oo(e,this,n)}}function ge(e,r){if(!(r==="constructor"&&typeof e[r]=="function")&&r!="__proto__")return e[r]}var la=ca(qo);function ca(e){var r=0,t=0;return function(){var o=go(),a=Tt-(o-t);if(t=o,a>0){if(++r>=wt)return arguments[0]}else r=0;return e.apply(void 0,arguments)}}function fa(e){if(e!=null){try{return U.call(e)}catch{}try{return e+""}catch{}}return ""}function X(e,r){return e===r||e!==e&&r!==r}var he=Ge(function(){return arguments}())?Ge:function(e){return H(e)&&_.call(e,"callee")&&!po.call(e,"callee")},ye=Array.isArray;function xe(e){return e!=null&&sr(e.length)&&!Se(e)}function da(e){return H(e)&&xe(e)}var ir=bo||ga;function Se(e){if(!w(e))return !1;var r=J(e);return r==Je||r==Et||r==zt||r==Dt}function sr(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=Ue}function w(e){var r=typeof e;return e!=null&&(r=="object"||r=="function")}function H(e){return e!=null&&typeof e=="object"}function ua(e){if(!H(e)||J(e)!=Qe)return !1;var r=rr(e);if(r===null)return !0;var t=_.call(r,"constructor")&&r.constructor;return typeof t=="function"&&t instanceof t&&U.call(t)==fo}var lr=Ve?no(Ve):No;function pa(e){return Xo(e,cr(e))}function cr(e){return xe(e)?Vo(e):Lo(e)}var ma=Yo(function(e,r,t,o){or(e,r,t,o);});function ba(e){return function(){return e}}function fr(e){return e}function ga(){return !1}O.exports=ma;});var M="@saas-ui/storybook-addon2",Ie=`${M}/direction-tool`,y={TOGGLE_COLOR_MODE:`${M}/toggleColorMode`,TOGGLE_DIRECTION:`${M}/toggleDirection`,SET_THEME:`${M}/setTheme`};function Pe(){let{setColorMode:e}=react.useColorMode();return j.useEffect(()=>{let r=previewApi.addons.getChannel(),t=o=>e(o);return r.on(y.TOGGLE_COLOR_MODE,t),()=>{r.removeListener(y.TOGGLE_COLOR_MODE,t);}},[e]),null}var De=(e="ltr")=>{let[r,t]=j.useState(e.toLowerCase());return j.useEffect(()=>{document.documentElement.dir=r;},[r]),j.useEffect(()=>{let o=previewApi.addons.getChannel(),a=i=>t(i);return o.on(y.TOGGLE_DIRECTION,a),()=>{o.removeListener(y.TOGGLE_DIRECTION,a);}},[t]),r};function c(e,r={}){let t=!1;function o(){if(!t){t=!0;return}throw new Error("[anatomy] .part(...) should only be called once. Did you mean to use .extend(...) ?")}function a(...f){o();for(let m of f)r[m]=l(m);return c(e,r)}function i(...f){for(let m of f)m in r||(r[m]=l(m));return c(e,r)}function s(){return Object.fromEntries(Object.entries(r).map(([m,h])=>[m,h.selector]))}function n(){return Object.fromEntries(Object.entries(r).map(([m,h])=>[m,h.className]))}function l(f){let S=`chakra-${(["container","root"].includes(f!=null?f:"")?[e]:[e,f]).filter(Boolean).join("__")}`;return {className:S,selector:`.${S}`,toString:()=>f}}return {parts:a,toPart:l,extend:i,selectors:s,classnames:n,get keys(){return Object.keys(r)},__type:{}}}c("accordion").parts("root","container","button","panel","icon");var ne=c("alert").parts("title","description","container","icon","spinner");c("avatar").parts("label","badge","container","excessLabel","group");c("breadcrumb").parts("link","item","container","separator");c("button").parts();c("checkbox").parts("control","icon","container","label");c("progress").parts("track","filledTrack","label");var ie=c("drawer").parts("overlay","dialogContainer","dialog","header","closeButton","body","footer");c("editable").parts("preview","input","textarea");c("form").parts("container","requiredIndicator","helperText");c("formError").parts("text","icon");var se=c("input").parts("addon","field","element","group");c("list").parts("container","item","icon");var le=c("menu").parts("button","list","item","groupTitle","icon","command","divider"),ce=c("modal").parts("overlay","dialogContainer","dialog","header","closeButton","body","footer");c("numberinput").parts("root","field","stepperGroup","stepper");c("pininput").parts("field");var fe=c("popover").parts("content","header","body","footer","popper","arrow","closeButton"),de=c("progress").parts("label","filledTrack","track");c("radio").parts("container","control","label");c("select").parts("field","icon");c("slider").parts("container","track","thumb","filledTrack","mark");c("stat").parts("container","label","helpText","number","icon");var ue=c("switch").parts("container","track","thumb","label");c("table").parts("table","thead","tbody","tr","th","td","tfoot","caption");c("tabs").parts("root","tab","tablist","tabpanel","tabpanels","indicator");c("tag").parts("container","label","closeButton");c("card").parts("container","header","body","footer");c("stepper").parts("stepper","step","title","description","indicator","separator","icon","number");var At=e=>typeof e=="function";function v(e,...r){return At(e)?e(...r):e}Qr(dr());function b(e){return {definePartsStyle(r){return r},defineMultiStyleConfig(r){return {parts:e,...r}}}}function ya(e,r="-"){return e.replace(/\s+/g,r)}function va(e){let r=ya(e.toString());return xa(_a(r))}function _a(e){return e.includes("\\.")?e:!Number.isInteger(parseFloat(e.toString()))?e.replace(".","\\."):e}function xa(e){return e.replace(/[!-,/:-@[-^`{-~]/g,"\\$&")}function ur(e,r=""){return [r,e].filter(Boolean).join("-")}function pr(e,r){return `var(${e}${r?`, ${r}`:""})`}function mr(e,r=""){return va(`--${ur(e,r)}`)}function u(e,r,t){let o=mr(e,t);return {variable:o,reference:pr(o,r)}}function k(e,r,t){return Math.min(Math.max(e,t),r)}var Ae=class extends Error{constructor(r){super(`Failed to parse color: "${r}"`);}},B=Ae;function Ce(e){if(typeof e!="string")throw new B(e);if(e.trim().toLowerCase()==="transparent")return [0,0,0,0];let r=e.trim();r=$a.test(e)?Ca(e):e;let t=wa.exec(r);if(t){let s=Array.from(t).slice(1);return [...s.slice(0,3).map(n=>parseInt(N(n,2),16)),parseInt(N(s[3]||"f",2),16)/255]}let o=Ta.exec(r);if(o){let s=Array.from(o).slice(1);return [...s.slice(0,3).map(n=>parseInt(n,16)),parseInt(s[3]||"ff",16)/255]}let a=ka.exec(r);if(a){let s=Array.from(a).slice(1);return [...s.slice(0,3).map(n=>parseInt(n,10)),parseFloat(s[3]||"1")]}let i=za.exec(r);if(i){let[s,n,l,d]=Array.from(i).slice(1).map(parseFloat);if(k(0,100,n)!==n)throw new B(e);if(k(0,100,l)!==l)throw new B(e);return [...Ma(s,n,l),Number.isNaN(d)?1:d]}throw new B(e)}function Sa(e){let r=5381,t=e.length;for(;t;)r=r*33^e.charCodeAt(--t);return (r>>>0)%2341}var gr=e=>parseInt(e.replace(/_/g,""),36),Aa="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((e,r)=>{let t=gr(r.substring(0,3)),o=gr(r.substring(3)).toString(16),a="";for(let i=0;i<6-o.length;i++)a+="0";return e[t]=`${a}${o}`,e},{});function Ca(e){let r=e.toLowerCase().trim(),t=Aa[Sa(r)];if(!t)throw new B(e);return `#${t}`}var N=(e,r)=>Array.from(Array(r)).map(()=>e).join(""),wa=new RegExp(`^#${N("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Ta=new RegExp(`^#${N("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),ka=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${N(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),za=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,$a=/^[a-z]+$/i,hr=e=>Math.round(e*255),Ma=(e,r,t)=>{let o=t/100;if(r===0)return [o,o,o].map(hr);let a=(e%360+360)%360/60,i=(1-Math.abs(2*o-1))*(r/100),s=i*(1-Math.abs(a%2-1)),n=0,l=0,d=0;a>=0&&a<1?(n=i,l=s):a>=1&&a<2?(n=s,l=i):a>=2&&a<3?(l=i,d=s):a>=3&&a<4?(l=s,d=i):a>=4&&a<5?(n=s,d=i):a>=5&&a<6&&(n=i,d=s);let f=o-i/2,m=n+f,h=l+f,S=d+f;return [m,h,S].map(hr)};function Oa(e,r,t,o){return `rgba(${k(0,255,e).toFixed()}, ${k(0,255,r).toFixed()}, ${k(0,255,t).toFixed()}, ${parseFloat(k(0,1,o).toFixed(3))})`}function yr(e,r){let[t,o,a,i]=Ce(e);return Oa(t,o,a,i-r)}function vr(e){let[r,t,o,a]=Ce(e),i=s=>{let n=k(0,255,s).toString(16);return n.length===1?`0${n}`:n};return `#${i(r)}${i(t)}${i(o)}${a<1?i(Math.round(a*255)):""}`}function Ea(e,r,t,o,a){for(r=r.split?r.split("."):r,o=0;o<r.length;o++)e=e?e[r[o]]:a;return e===a?t:e}var z=(e,r,t)=>{let o=Ea(e,`colors.${r}`,r);try{return vr(o),o}catch{return "#000000"}};var P=(e,r)=>t=>{let o=z(t,e);return yr(o,1-r)};function Y(e,r){return t=>t.colorMode==="dark"?r:e}function _r(e){return !Number.isInteger(parseFloat(e.toString()))}function Ia(e,r="-"){return e.replace(/\s+/g,r)}function xr(e){let r=Ia(e.toString());return r.includes("\\.")?e:_r(e)?r.replace(".","\\."):e}function Sr(e,r=""){return [r,xr(e)].filter(Boolean).join("-")}function Ar(e,r){return `var(${xr(e)}${r?`, ${r}`:""})`}function Cr(e,r=""){return `--${Sr(e,r)}`}function $(e,r){let t=Cr(e,void 0);return {variable:t,reference:Ar(t,Pa(void 0))}}function Pa(e){return typeof e=="string"?e:e==null?void 0:e.reference}var{definePartsStyle:Ir,defineMultiStyleConfig:ja}=b(ne.keys),wr=u("alert-fg"),Tr=u("alert-bg"),$e=u("alert-border");function Da(e){let{theme:r,colorScheme:t}=e,o=P(`${t}.600`,.16)(r);return {light:`colors.${t}.100`,dark:o}}function Fa(e){let{theme:r,colorScheme:t}=e,o=P(`${t}.300`,.16)(r);return {light:`colors.${t}.200`,dark:o}}var Va=Ir(e=>{let{colorScheme:r}=e,t=Da(e),o=Fa(e);return {container:{borderWidth:"1px",[wr.variable]:`colors.${r}.500`,[Tr.variable]:t.light,[$e.variable]:o.light,_dark:{[wr.variable]:`colors.${r}.500`,[Tr.variable]:t.dark,[$e.variable]:o.dark}}}}),Ra=Ir(()=>({container:{borderColor:$e.reference,borderRadius:"md",fontSize:"sm"},icon:{w:4,h:5},title:{fontSize:"sm",fontWeight:"medium"},description:{color:"muted"}})),Ha=ja({defaultProps:{size:"sm",colorScheme:"primary"},baseStyle:Ra,variants:{subtle:Va}}),Pr=e=>{let{colorScheme:r,colorMode:t}=e,o=`${r}.500`,a=`${r}.600`;return r==="neutral"&&t==="dark"?(o="white",a="whiteAlpha.800"):r==="neutral"&&(o="black",a="blackAlpha.800"),{borderWidth:"1px",borderColor:o,boxShadow:"xs",bg:o,color:"white",fontWeight:"medium",_hover:{borderColor:a,bg:a},_dark:{boxShadow:"dark-xs"}}},Ba=e=>({fontWeight:"medium",_checked:{bg:"blackAlpha.100"},_dark:{_checked:{bg:"whiteAlpha.100"}}}),Na=e=>{let{colorScheme:r}=e;return r==="gray"?{fontWeight:"medium"}:{fontWeight:"medium",color:`${r}.500`,_hover:{color:`${r}.400`,bg:"blackAlpha.50"},_dark:{color:`${r}.500`,_hover:{color:`${r}.400`,bg:"whiteAlpha.50"}}}},La=e=>Pr({...e,colorScheme:"primary"}),Wa={borderWidth:"1px",borderColor:"gray.200",boxShadow:"xs",bg:"white",fontWeight:"medium",color:"inherit",_hover:{borderColor:"gray.300",bg:"gray.50"},_dark:{boxShadow:"dark-xs",borderColor:"gray.600",bg:"gray.700",_hover:{borderColor:"gray.500",bg:"gray.600"}}},Ga={borderWidth:"1px",borderColor:"gray.200",bg:"gray.200",color:"black",fontWeight:"medium",_hover:{borderColor:"gray.300",bg:"gray.200"},_dark:{borderColor:"gray.700",bg:"gray.700",color:"white",_hover:{borderColor:"gray.600"}}},qa={lg:{h:"8",minW:"10",fontSize:"md",px:"4",rounded:"6"},md:{h:"7",minW:"8",fontSize:"sm",px:"3",rounded:"4"},sm:{h:"6",minW:"6",fontSize:"sm",px:"2",rounded:"3"},xs:{h:"5",minW:"4",fontSize:"xs",px:"1",rounded:"3"}},Ua={defaultProps:{size:"md",variant:"secondary"},variants:{solid:Pr,outline:Na,ghost:Ba,primary:La,secondary:Wa,tertiary:Ga},sizes:qa},jr=c("card").parts("container","header","title","subtitle","body","footer"),{definePartsStyle:oe}=b(jr.keys),Ka=u("card-bg"),we=u("card-padding"),Ja=u("card-shadow"),Te=u("card-radius"),Qa=u("card-border-width","0"),Z=u("card-border-color"),Xa={sm:oe({container:{[Te.variable]:"radii.base",[we.variable]:"space.3"}}),md:oe({container:{[Te.variable]:"radii.md",[we.variable]:"space.4"}}),lg:oe({container:{[Te.variable]:"radii.xl",[we.variable]:"space.6"}})},kr=oe(e=>{let{isHoverable:r}=e;return {container:{[Z.variable]:"colors.blackAlpha.200",[Qa.variable]:"1px",[Ja.variable]:"shadows.sm",_hover:r?{[Z.variable]:"colors.blackAlpha.300"}:{},_dark:{[Ka.variable]:"colors.gray.700",[Z.variable]:"colors.whiteAlpha.50",_hover:r?{[Z.variable]:"colors.whiteAlpha.300"}:{}}}}}),Ya={parts:jr.keys,defaultProps:{variant:"elevated"},variants:{elevated:kr,shadow:kr},sizes:Xa},Za={baseStyle:e=>{let{colorScheme:r}=e;return {control:{_checked:{borderColor:`${r}.500`,bg:`${r}.500`,color:"white"}}}},defaultProps:{colorScheme:"primary"}},en={size:"sm"},rn={defaultProps:en},{defineMultiStyleConfig:tn,definePartsStyle:on}=b(ie.keys),zr=u("drawer-bg"),an={bg:"blackAlpha.50"},nn=e=>({borderRadius:"md",margin:"8px",borderWidth:"1px",borderColor:"chakra-border-color",backdropFilter:"blur(10px) contrast(100%) saturate(100%) brightness(200%)",[zr.variable]:"colors.whiteAlpha.800",fontSize:"md",_dark:{backdropFilter:"blur(10px) saturate(190%) contrast(70%) brightness(80%)",[zr.variable]:"colors.grayAlpha.700"}}),sn={px:"4",py:"3",fontSize:"md",fontWeight:"semibold"},ln={position:"absolute",top:"2",insetEnd:"3"},cn=e=>({px:"4",py:"2"}),fn={px:"3",py:"3"},dn=on(e=>({overlay:an,dialog:v(nn,e),header:sn,closeButton:ln,body:v(cn,e),footer:fn})),un=tn({baseStyle:dn}),pn=un,mn={defaultProps:{size:"lg"}},ke=u("kbd-bg"),bn={[ke.variable]:"colors.blackAlpha.300",_dark:{[ke.variable]:"colors.whiteAlpha.300"},bg:ke.reference,borderRadius:"md",borderWidth:"0",borderBottomWidth:"0",padding:"1px",minW:"20px",textAlign:"center",":last-child":{mr:0}},gn={defaultProps:{variant:"solid"},baseStyle:bn},hn=gn,{defineMultiStyleConfig:yn,definePartsStyle:vn}=b(le.keys),g=u("menu-bg"),ze=u("menu-shadow"),_n={[g.variable]:"colors.whiteAlpha.500",[ze.variable]:"shadows.lg",backdropFilter:"blur(10px) contrast(100%) saturate(190%)",_dark:{[g.variable]:"colors.grayAlpha.700",[ze.variable]:"shadows.dark-lg",backdropFilter:"blur(10px) saturate(190%) contrast(70%) brightness(80%)"},py:"1",borderRadius:"md",borderWidth:"1px",bg:g.reference,boxShadow:ze.reference},xn={py:"1.5",px:"3",mx:"1",rounded:"md",fontSize:"sm",width:"calc(100% - 8px)",boxSizing:"border-box",bg:"transparent",_hover:{bg:g.reference,[g.variable]:"colors.grayAlpha.300"},_focus:{bg:g.reference,[g.variable]:"colors.grayAlpha.300"},_active:{bg:g.reference,[g.variable]:"colors.grayAlpha.300"},_expanded:{bg:g.reference,[g.variable]:"colors.grayAlpha.300"}},Sn={mx:4,my:2,fontWeight:"semibold",fontSize:"sm"},An={transitionProperty:"common",transitionDuration:"normal"},Cn={my:"1"},wn=vn({button:An,list:_n,item:xn,groupTitle:Sn,divider:Cn}),Tn=yn({baseStyle:wn}),kn=Tn,{defineMultiStyleConfig:zn,definePartsStyle:$n}=b(ce.keys),Mn={bg:"blackAlpha.50"},On=e=>({bg:"whiteAlpha.800",backdropFilter:"blur(10px) contrast(100%) saturate(100%) brightness(200%)",fontSize:"md",_dark:{bg:"grayAlpha.700",boxShadow:"dark-lg",backdropFilter:"blur(10px) saturate(190%) contrast(70%) brightness(80%)"}}),En={px:"4",py:"3",fontSize:"md",fontWeight:"semibold"},In={position:"absolute",top:"2",insetEnd:"3"},Pn=e=>({px:"4",py:"2"}),jn={px:"3",py:"3"},Dn=$n(e=>({overlay:Mn,dialog:v(On,e),header:En,closeButton:In,body:v(Pn,e),footer:jn})),Fn=zn({baseStyle:Dn,defaultProps:{size:"md"}}),Vn=Fn,{defineMultiStyleConfig:Rn}=b(de.keys),Hn=Rn({defaultProps:{colorScheme:"primary"},baseStyle:e=>{let{colorScheme:r}=e;return {track:{borderRadius:"md",bg:"gray.200",_dark:{bg:"gray.800"}},filledTrack:{bg:`${r}.500`}}}}),{defineMultiStyleConfig:Bn,definePartsStyle:Nn}=b(fe.keys),ee=u("popper-bg"),Ln=u("popper-arrow-bg"),$r=u("popper-arrow-shadow-color"),Wn={[ee.variable]:"colors.whiteAlpha.800",bg:ee.reference,[Ln.variable]:ee.reference,[$r.variable]:"colors.gray.200",backdropFilter:"blur(10px) contrast(100%) saturate(100%) brightness(200%)",_dark:{[ee.variable]:"colors.grayAlpha.700",[$r.variable]:"colors.whiteAlpha.300",backdropFilter:"blur(10px) saturate(190%) contrast(70%) brightness(80%)"}},Gn=Nn(e=>({content:v(Wn,e)})),qn=Bn({baseStyle:Gn,defaultProps:{size:"md"}}),Un=qn,Kn={baseStyle:e=>{let{colorScheme:r}=e;return {control:{_checked:{borderColor:`${r}.500`,bg:`${r}.500`,color:"white"}}}},defaultProps:{colorScheme:"primary"}},Jn={defaultProps:{colorScheme:"primary"},baseStyle:e=>{let{colorScheme:r}=e;return {filledTrack:{bg:`${r}.500`}}}},{defineMultiStyleConfig:Qn,definePartsStyle:Xn}=b(ue.keys),L=$("switch-bg"),Yn=e=>{let{colorScheme:r}=e;return {[L.variable]:"colors.gray.300",_dark:{[L.variable]:"colors.whiteAlpha.300"},_checked:{[L.variable]:`colors.${r}.500`,_dark:{[L.variable]:`colors.${r}.500`}},bg:L.reference}},Zn={bg:"white",_dark:{bg:"blackAlpha.800",_checked:{bg:"white"}}},ei=Xn(e=>({track:Yn(e),thumb:Zn})),ri=Qn({baseStyle:ei,defaultProps:{size:"md",colorScheme:"primary"}}),ti=ri,re=$("tooltip-bg"),Mr=$("tooltip-fg"),oi=$("popper-arrow-bg"),ai=e=>({display:"flex",[re.variable]:"colors.white",[Mr.variable]:"colors.blackAlpha.900",_dark:{[re.variable]:"colors.gray.700",[Mr.variable]:"colors.whiteAlpha.900"},px:"8px",py:"2px",bg:[re.reference],[oi.variable]:[re.reference],borderRadius:"sm",fontWeight:"medium",fontSize:"xs",boxShadow:"md",maxW:"320px",zIndex:"tooltip",borderWidth:"1px"}),ni={baseStyle:ai},{definePartsStyle:ii}=b(se.keys);function si(e){let{focusBorderColor:r,errorBorderColor:t}=e;return {focusBorderColor:r||Y("blue.500","blue.300")(e),errorBorderColor:t||Y("red.500","red.300")(e)}}var Or=u("input-border-radius"),te=u("input-height"),Er=u("input-padding"),Dr=ii(e=>{let{theme:r}=e,{focusBorderColor:t,errorBorderColor:o}=si(e);return {field:{border:"1px solid var(--chakra-colors-chakra-border-color)",bg:"inherit",_hover:{borderColor:"gray.300"},_invalid:{borderColor:z(r,o),boxShadow:"none"},_focusVisible:{zIndex:1,borderColor:z(r,t),boxShadow:"none"},_dark:{bg:"gray.900",borderColor:"chakra-border-color",_hover:{borderColor:"whiteAlpha.400"},_invalid:{borderColor:z(r,o)},_focusVisible:{borderColor:z(r,t)}}},addon:{borderColor:"inherit",bg:"gray.100",_dark:{borderColor:"whiteAlpha.50",bg:"whiteAlpha.300"}}}}),Fr={sm:{field:{[Or.variable]:"radii.sm",[te.variable]:"sizes.7"},addon:{[Or.variable]:"radii.sm",[te.variable]:"sizes.7"}},md:{field:{[Er.variable]:"space.3",[te.variable]:"sizes.9"},addon:{[Er.variable]:"space.3",[te.variable]:"sizes.9"}}},Vr={defaultProps:{variant:"outline",size:"sm",focusBorderColor:"primary.500"},variants:{outline:Dr},sizes:Fr},li={baseStyle:{mb:1},variants:{horizontal:{mb:0,marginStart:"0.5rem"}}},Me=Vr,ci=Vr,fi={defaultProps:{focusBorderColor:"primary.500"},variants:{outline:Dr},sizes:Fr},di={defaultProps:{focusBorderColor:"primary.500"},variants:{outline:e=>{var r,t;return (t=(r=Me.variants)==null?void 0:r.outline(e).field)!=null?t:{}}}},ui=Me,Rr={Alert:Ha,Button:Ua,Card:Ya,Checkbox:Za,CloseButton:rn,Drawer:pn,Heading:mn,Kbd:hn,Menu:kn,Modal:Vn,Progress:Hn,Popover:Un,Radio:Kn,Slider:Jn,Switch:ti,Tooltip:ni,Input:Me,PinInput:fi,FormLabel:li,NumberInput:ci,Select:ui,Textarea:di};var mi={black:"#0e1012",primary:{50:"#f6f7fd",100:"#dcdff5",200:"#bec3ed",300:"#9aa1e2",400:"#858edd",500:"#6b75d0",600:"#5a63af",700:"#484f8d",800:"#3d4377",900:"#2c3056"},grayAlpha:{50:"rgba(249, 249, 250, 0.5)",100:"rgba(241, 241, 243, 0.5)",200:"rgba(231, 231, 234, 0.5)",300:"rgba(211, 212, 216, 0.5)",400:"rgba(171, 172, 181, 0.5)",500:"rgba(124, 126, 139, 0.5)",600:"rgba(81, 84, 101, 0.5)",700:"rgba(52, 54, 67, 0.5)",800:"rgba(30, 32, 39, 0.5)",900:"rgba(24, 25, 31, 0.5)"},gray:{50:"#f9f9fa",100:"#f1f1f3",200:"#e7e7ea",300:"#d3d4d8",400:"#abacb5",500:"#7c7e8b",600:"#515465",700:"#343643",800:"#1e2027",900:"#18191f"},purple:{50:"#f9f6fd",100:"#e5daf8",200:"#d3bef4",300:"#b795ec",400:"#a379e7",500:"#8952e0",600:"#7434db",700:"#6023c0",800:"#4f1d9e",900:"#3b1676"},pink:{50:"#fdf5f9",100:"#f8d9e7",200:"#f3b9d3",300:"#eb8db8",400:"#e56ba2",500:"#dc3882",600:"#c4246c",700:"#a01d58",800:"#7d1745",900:"#5d1133"},red:{50:"#fdf6f5",100:"#f8d9d8",200:"#f1b8b4",300:"#e98d87",400:"#e4726c",500:"#dc4a41",600:"#d2140a",700:"#ac0900",800:"#930800",900:"#6d0600"},orange:{50:"#fdfaf6",100:"#f9ebdb",200:"#f1d4b1",300:"#e6b273",400:"#dc9239",500:"#c37b24",600:"#a5681e",700:"#835318",800:"#674113",900:"#553610"},yellow:{50:"#fffefb",100:"#fff8e9",200:"#feecbd",300:"#fddc87",400:"#fbc434",500:"#d2a01e",600:"#a88018",700:"#836413",800:"#624b0e",900:"#513e0c"},green:{50:"#f7fdfb",100:"#d2f2e7",200:"#9fe3cd",300:"#64d2ad",400:"#1dbd88",500:"#0ea371",600:"#0c875e",700:"#096949",800:"#07563c",900:"#064731"},teal:{50:"#f1fcfc",100:"#c0f1f4",200:"#84e4e9",300:"#2dd1da",400:"#22b2ba",500:"#1d979e",600:"#187b80",700:"#125f64",800:"#0f5053",900:"#0d4244"},cyan:{50:"#f4fbfd",100:"#d0eef7",200:"#bae7f3",300:"#a2deee",400:"#53c2e1",500:"#2ab4d9",600:"#24a2c4",700:"#1e86a2",800:"#196e85",900:"#135567"},blue:{50:"#f1f6fd",100:"#cde0f6",200:"#a8c8f0",300:"#7fafe8",400:"#5896e1",500:"#347fdb",600:"#236abf",700:"#1b5192",800:"#164278",900:"#123662"},indigo:{50:"#f8f7fc",100:"#e1ddf5",200:"#c8c0ec",300:"#a89de2",400:"#9789dc",500:"#7f6ed4",600:"#6a58c9",700:"#5546a1",800:"#483c88",900:"#342b62"}},Oe=mi,bi={heading:"InterVariable, sans-serif",body:"InterVariable, sans-serif"},gi={xs:"0.75rem",sm:"0.8125rem",md:"0.875rem",lg:"1rem",xl:"1.125rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem","8xl":"6rem","9xl":"8rem"},hi={},yi={container:{sm:"30em",md:"48em",lg:"62em",xl:"80em","2xl":"96em"}},vi=yi,_i={xs:"rgb(0 0 0 / 7%) 0px 1px 1px","dark-xs":"rgb(0 0 0 / 7%) 0px 1px 1px",outline:`0 0 0 2px ${P(Oe.primary[500],.6)({colors:Oe})}`},xi=_i,Si={colors:{muted:{default:"gray.500",_dark:"gray.400"}}},Hr=react.extendTheme({colors:Oe,fonts:bi,fontSizes:gi,textStyles:hi,sizes:vi,components:Rr,shadows:xi,semanticTokens:Si});var zi=react.extendTheme(Hr,react$1.theme),$i=()=>{let[e,r]=react$1.useLocalStorage("storybook.theme","1");return j__namespace.useEffect(()=>{let t=previewApi.addons.getChannel(),o=a=>{r(a);};return t.on(y.SET_THEME,o),()=>{t.removeListener(y.SET_THEME,o);}},[r]),e},Sl=previewApi.makeDecorator({name:"ChakraProviderDecorator",parameterName:"chakra",skipIfNoParametersOrOptions:!1,wrapper:(e,r,{parameters:t})=>{let {parameters:{saasui:o},globals:{[Ie]:a}}=r,i=$i(),s=j__namespace.useCallback(()=>{switch(i){case"1":return react$1.theme;case"2":return zi;default:return react$1.baseTheme}},[i]),n=(o==null?void 0:o.theme)||s();!!(o!=null&&o.theme);let d=o!=null&&o.theme?typeof o.theme=="function"?o.theme(r):o.theme:n,f=De(a||(d==null?void 0:d.direction)),m=j__namespace.useMemo(()=>react.extendTheme({direction:f,styles:{global:{body:{minHeight:"var(--chakra-vh)"}}}},d),[d,f]);return jsxRuntime.jsxs(react$1.SaasProvider,{...o,theme:m,children:[jsxRuntime.jsx(Pe,{}),e(r)]})}});
30
-
31
- exports.ChakraProviderDecorator = Sl;
32
- //# sourceMappingURL=ChakraProviderDecorator.cjs.map
33
- //# sourceMappingURL=ChakraProviderDecorator.cjs.map